Quarta-feira, 27 de Abril de 2011
Aula e reunião 27/04/2010

Na aula de começou com uma apresentação no do novo módulo " protótipo de alta fidelidade", que tem como objectivo testar as principais funcionalidades do projecto. Foi-nos solicitado que até ao final do dia de hoje fossem escolhidas as funcionalidades a desenvolver. No caso no nosso projecto MarcaUA (PIM) decidiu-se desenvolver uma galeria com as funções adjacentes á mesma. no Mapa de navegação representado abaixo as zonas assinaladas a azul representam o que vamos desenvolver no protótipo de alta fidelidade.

 

Mapa de navegação:

 

 

Relativamente á reunião com os orientadores foi discutida a questão da avaliação dos artefactos, uma vez que achávamos que o sistema de votação por estrelas e também pelo like/dislike acabaria por ser um bocado massador se utilizados em conjunto. Deste modo optou-se por utilizar apenas as estrelas.

Surgiram ainda questões relativas aos direitos de autor dos criadores dos artefactos/imagens. Os orientadores sugeriram a realização de uma pesquisa sobre Creative Commons, que é uma organização que criou diversas licenças conhecidas como licenças Creative Commons. Para mais informações poder ir ao seguinte site: http://www.creativecommons.pt/

 

Cumprimentos,

PIM    

 

 




Sexta-feira, 15 de Abril de 2011
Aspectos gráficos

Devido à tentativa de manter a identidade tradicional do site da UA e seus departamentos mas tentando ao mesmo tempo algo inovador e com uma certa identidade própria, foi bastante difícil chegar a um consenso quanto ao aspecto gráfico, devendo salientar-se que este ainda pode vir a sofrer algumas alterações que visem o seu melhoramento.

Desde cedo se optou por usar as cores tradicionalmente associadas à UA e seu logo, ou seja verde e cinza, embora se tenha verificado uma estranha incongruência na sua definição no manual de normas, uma vez que os valores de CMYK e Pantone não coincidem e os de RGB nem sequer são mencionados. Optou-se, por nos parecerem mais vívidos e propícios à utilização num site, por seguir os valores Pantone. O fundo claro e simples é quase um imperativo para um site que viverá à base de imagens.

Podem ser observados aqui alguns exemplos de estudos de cor.

 

O layout passou tb por várias fases e tentativas e, embora se tenha chegado a um certo consenso quanto ao seu aspecto geral, ficou ainda algo em aberto.

Uma proposta de layout:

Uma outra proposta:

 

Tendo acabado por ficar de acordo com o seguinte:

 

Página de entrada:

 

Página de entrada comentada:

Aspecto de uma página de galeria:

 

Página de galeria com comentário de cor e font:

 Página de Imagem:

 

 

Quanto à font a utilizar deparámo-nos também com um contratempo, tencionávamos usar Helvetica como base, uma vez que faz parte do logo da UA, mas depressa percebemos que não só não faz parte do pack que vem com os comuns PCs como, quando fomos para fazer o seu download, descobrimos que a original Helvetica não é gratuita. Por isso, acabámos por escolher a vulgar Verdana, comum a Macs e PCs e que não necessita, por isso, de ser carregada aquando do acesso ao site. Para títulos escolheu-se uma font ligeiramente mais redonda, a Franklin Gothic Heavy.

 

Embora nos inspirassemos nos icons existentes no site da UA, resolvemos criar alguns só nossos mas seguindo a mesma base e regras (apercebemo-nos tardiamente de que já existe algo semelhante em uso mas que não consta do manual). Exemplo:

 

 

 




Módulo 4 - Entrega da especificação técnica

 A especificação técnica que foi desenvolvida neste módulo serve para esmiuçar as características que a implementação que o sistema deverá apresentar. Para tal, foram desenvolvidos os seguintes documentos:

 

Modelo/Arquitectura do Sistema:

 

É importante deixar uma nota sobre o modelo do sistema. Os módulos não foram especificados no mesmo porque tornavam o esquema extremamente extenso e de difícil compreensão, pelo que estes se encontram descritos no detalhe dos módulos do Drupal.

 

Mapa de Navegação

 

No mapa de navegação começamos com uma página inicial que tem os seguintes zonas clicáveis que os diferentes utilizadores podem percorrer: pesquisa avançada, normas, login, mapa site, termos de uso, privacidade e segurança e sobre nós e contactos.

Na pesquisa avançada poderemos procurar por, autor/es, por imagem/artefacto ou palavra-chave(tags).

No login iremos para a página do utilizador que terá as zonas clicáveis, as galerias, atelier, upload, estatisticas e editar perfil.

Nas galerias poderemos clicar em qualquer imagem, o que abrirá a página a ela correspondente. Daí, se assim quizermos poderemos clicar no autor e ir para o seu perfil.

No atelier a imagem que for submetida também dará uma página com uma nova imagem/artefacto. Por fim, no upload dará também uma nova página de imagem/artefacto.

 

Fluxogramas das funções principais:

1. Login do Utilizador

 

2. Votação

 

3. Validação por parte do utilizador validador

 

4. Comentários por parte do utilizador

 

5. Upload por parte do utilizador

 

 

6. Realizar pedido de amizade

 

7. Aceitar pedido de amizade

 

8. Administrador elimina comentário

 

 

9. Administrador repõe comentário

 

 

 

 Detalhe dos módulos do CMS (Drupal) a utilizar:

 

IMCE - módulo que permite executar o upload de ficheiros para o Drupal. Tem suporte para pesquisa de directórios e uso de espaço no disco.

Imgupload - Permite que o cliente escale e realize rotação de imagens. É rápido e faz upload directamente para as galerias de imagens do Drupal. 

Image FUpload for Gallery Assist - é um módulo que se pode estender na Galeria Assist com o "Multiupload" que é uma funcionalidade do módulo Image FUpload.

iTweak - Acrescenta vistas a galeria de imagens e ajustes para anexos de arquivo upload de formulários e anexos.

Lightbox2 - O módulo Lightbox2 é usado para sobrepor imagens na página actual e funciona bem na maioria dos browsers.

Fivestar - O módulo de voto Fivestar adiciona um widget de votação.

Views - Possibilita a construção de formas de visualização de conteúdos através de uma interface gráfica e intuitiva. Este módulo permite efectuar todo o tipo de querys à base de dados e expor os resultados no local que se pretende. 

Administration Menu - é um módulo que apresenta ao administrador quando efectua o login, uma barra de administração no topo do website que facilita em grande parte a realização das tarefas de administração do mesmo.

Content Constrution Kit (CCK) - Permite adicionar campos personalizados aos nós da CMS, o que permite efectuar uma personalização dos conteúdos que se pretende inserir na plataforma.

FCKeditor - Módulo que torna a inserção de conteúdos na plataforma mais interessante, permitindo uma inserção e formatação de conteúdos de uma forma mais intuitiva e correcta. 

 




Nome e logo

O título original do nosso projecto era Central Participativa da Marca UA, o que nos pareceu algo formal demais para o que se pretendia. Depois de muito jogarmos com diversas palavras que faziam na mesma transparecer um significado semelhante, acabámos por escolher PIM! - Portal de Integração da Marca UA.

Por não conseguirmos digitalizar a folha onde foram sendo apontadas as nossas ideias, deixamos aqui um breve resumo da nossa linha de pensamento.

CentralParticipativaMarca
ComunidadeCooperativaSímbolo
PortalColaborativaBrand
 Informar 
 Experimentar 
 Integrar 
 Organizar 
 Contactar 
  Criar 
  Inventar 

Das variadas combinações possíveis e com sentido, salientamos ComInforMar (Comunidade Informativa da Marca) -> CIM

PorInforMar (Portal Informativo/Integração da Marca) ->PIM

MUACC (Marca UA - Central Colaborativa)

ComEUA (Comunidade Explorativa/Experimental UA)

A nossa opção recaiu sobre PIM!, por nos remeter à ideia de clic, de se fazer luz, de ter uma ideia, que é exactamente o que, o agora nomeado, PIM! pretende que se faça em relação à marca.

 

É de salientar que o projecto veio tomando um rumo muito diverso do original. Se inicialmente se pretendia algo formal, institucional, onde só os itens que cumprissem rigidamente as boas normas da marca poderiam existir, após reflexão com os orientadores chegou-se a uma ideia diametralmente oposta. O PIM! pretende ser um lugar de experimentação da Marca UA, sendo possível a divulgação quer de itens conformes à norma, quer daqueles que não o são. O PIM! reconhece que por vezes o que segue as normas não é necessariamente o que mais agrada aos seus utilizadores e que nenhuma marca é imutável, sendo possível que um dia as opiniões dos utilizadores venham até a contribuir para uma nova mudança de logo.

 

 

Já quanto ao logo, sempre se pensou manter o mais possível a identidade da UA. Como o PIM! se quer criativo mas ao mesmo tempo facilmente relacionável com a marca e logo UA, acabou por se chegar a um compromisso fortemente inspirado pelos doodles do Google. Assim, o nosso logo usa na mesma a forma do reconhecível grifo, mas é mutável consoante o departamento, curso ou evento que se pretenda, a dado momento, fazer salientar, mantendo o mais possível a forma e cor (verde).

Para começar inspirámo-nos na criatividade manual, e notoriamente mais relacionada com a população feminina, do DeCA.

 

Aspecto geral:

geral

Exemplo:

 

Exemplo de logo PIM!

Especificações:

 

 

logo com guias

 

Exemplo rápido do que poderia ser um logo alusivo ao departamento de matemática:

 

Até já! :)


tags: , ,


Quinta-feira, 14 de Abril de 2011
Reunião com orientadores e fluxogramas

 Olá boa tarde!

O grupo encontra-se reunido a trabalhar para a entrega do módulo 4 que ocorrerá amanhã. Ontem não reunião com os orientadores estivemos a trocar ideias acerca do logótipo que já havíamos mostrado aos professores e postado no blog. Também mostramos aos professores alguns dos fluxogramas já realizados que, depois de algumas correcções já estão concluídos, pelo que os postamos de seguida, tal como o mapa de navegação corrigido:

 

Esquema 1 - Mapa de navegação;

 

 

Esquema 2 - Fluxograma de login de utilizador;

 

Esquema 3 - Fluxograma de votação;

 

Esquema 4 - Fluxograma de validação;

 

Esquema 5 - Fluxograma de comentários;

 

Para concluir esta fase ainda nos falta realizar o fluxograma de upload de imagem que está em processo de desenvolvimento e será postado brevemente.

 

Cumprimentos 

 

 

 




Quarta-feira, 13 de Abril de 2011
Aula de 13/04/11

Bom dia,

 

Na aula de hoje completámos o mapa do site e alguns dos fluxogramas. Também já temos o logo e nome para o nosso projecto. Depois de intenso brainstorming, chegámos a PIM - UA (Portal de Integração da Marca - UA). Quanto ao logo, tentámos manter a sua integridade mas de forma criativa, que é exactamente o que se pretende com este projecto. Segue em anexo uma foto provisória, pois é necessário tirar melhores fotos com luz natural.

Estamos também a trabalhar na parte gráfica, tendo optado por utilizar como base as cores oficiais do logo da UA. No entanto, os códigos de cor oficiais em CMYK e Pantone são ligeiramente diferentes, pelo que se optou por usar a cor Pantone, a qual é mais vívida. É possível observar algumas combinações de cor passiveis de serem utilizadas aqui.

Dentro em breve colocaremos aqui mais actualizações.




Domingo, 10 de Abril de 2011
Modelo/Arquitectura do Sistema

 

 

Durante o fim-de-semana o grupo esteve a trabalhar no módulo 4. Este é o esquema do modelo/arquitectura do sistema, mas ainda é provisório, contudo, serve para quem nos visita ter uma ideia do trabalho que estamos a desenvolver. 

O mapa de navegação também já está concluído, mas, em conversa com os orientadores, estes alertaram-nos para o facto de este ser demasiado extenso para o que era pedido e por isso estamos a reduzi-lo ao principal e amanha também já será postado.

 

Relativamente à especificação gráfica, já temos um estudo de cores feito, agora falta decidir se serão as opções mais acertadas. Amanhã haverá mais novidades.

 

Bom restinho de fim-de-semana 

 




Quarta-feira, 6 de Abril de 2011
OT-06/04/11

 Hoje foi a vez do nosso grupo de ter OT com a Professora Margarida Almeida. No início da orientação esta começou por fazer um ponto da situação do módulo 4 (com entrega dia 14 de Abril), explicando o que era necessário fazer.

De seguida todos os grupos fizeram um ponto de situação do seu trabalho. No que diz respeito ao nosso grupo, explicamos a situação do lógotipo, já explicada nos dois últimos posts. A professora Margarida alertou-nos para o facto de o nosso projecto ter muita densidade gráfica devido às imagens que estão regularmente a ser carregadas, pelo que a interface constitui um grande desafio para nós pois tem que primar pela simplicidade e minimalismo para que o utilizador possa reparar no conteúdo mais importante.

Como este módulo tem bastantes coisas bastantes distintas para fazer, foi-nos sugerido logo na primeira aula fazer uma "divisão" do grupo entre a parte de especificação técnica e a especificação gráfica. Assim sendo, aqui se encontra a divisão de trabalho,sendo necessário salientar que sempre que necessário nos auxiliamos umas às em ambas as partes:

Especificação técnica: Ana e Joana;

Especificação gráfica: Sofia.

 

Cumprimentos 


tags: ,


Aula 06/04/11

 Boa tarde a todos 

 

Hoje durante a aula continuou-se a elaborar o mapa de navegação ( o grupo havia começado a estruturar em casa, mas estava com algumas dúvidas que conseguiu esclarecer na aula). Houve a necessidade de dividir trabalho uma vez que este módulo é bastante extenso tendo em conta o tempo disponível até à data de entrega. Deste modo, ao mesmo tempo que se elaborava o mapa de navegação também se realizava a pesquisa relativa às componentes do CMS, módulos, extensões e plugins (esta pesquisa já tinha começado a ser feita aquando da entrega do módulo 3).

Em relação à especificação gráfica  já tivemos algumas ideias mas só na Sexta-feira vamos ter reunião com os orientadores para discutir com eles as nossas opiniões, principalmente, no que diz respeito ao nome porque o logótipo não nos parece adequado mudar pelas razões que já foram explicadas no post anterior.

No entanto, realizamos alguma pesquisa em relação ao design para Web, para irmos tendo uma noção do que queremos e do que é mais adequado para a nossa plataforma. Aqui seguem os links:




Segunda-feira, 4 de Abril de 2011
Aula de 4/04/11

Boa tarde!

 

Começa hoje mais uma semana de trabalho. Desta vez o módulo consiste em desenvolver a especificação técnica e gráfica.

Em relação à parte técnica, vamos usar o Drupal, um CMS, pelo que não que não será necessário elaborar o esquema da base de dados (uma vez que esta já se encontra integrada no próprio CMS). Em vez disso, teremos que descrever detalhadamente os componentes do CMS que iremos utilizar (módulos, extensões e plugins). No caso de virmos a realizar alterações no CMS, estas terão de ser detalhadas.

Como já todos os elementos do grupo obtiveram aprovação à cadeira de Publicidade e Marketing no ano anterior, existe algum atraso quanto à especificação gráfica. Embora, como estamos a desenvolver uma ferramenta para divulgação da Marca UA, nos pareça adequado manter e sublinhar a marca já existente. No entanto, isto será discutido na proxima reunião com os orientadores.

 

Até breve!




.mais sobre mim
.pesquisar neste blog
 
.Julho 2011
Dom
Seg
Ter
Qua
Qui
Sex
Sab

1
2

3
4
5
6
7
8
9

10
11
12
13
14
15
16

17
18
19
20
21
22
23

24
25
26
27
28
29
30

31


.posts recentes

. Evolução do projecto

. Desenvolvimento do projec...

. Avanços

. Versão beta - testes

. Versão beta - entrega

. Versão beta

. Aula 01/06/11 - desenvolv...

. Plano de testes

. Lista de bugs

. Versão beta - mapa de nav...

.arquivos

. Julho 2011

. Junho 2011

. Maio 2011

. Abril 2011

. Março 2011

. Fevereiro 2011

.tags

. todas as tags

.participar

. participe neste blog

blogs SAPO
.subscrever feeds