Sexta-feira, 20 de Maio de 2011
Protótipo de alta fidelidade

Olá, olá!

Bom hoje vamos postar a componente gráfica do nosso trabalho para o protótipo de alta fidelidade. 

Aqui fica o printscreen da  versão final do template:

 

 

 

Como realizamos o template em Artisteer vamos colocar aqui as directivas pincipais que utilizamos:

Constituído por header, menu horizontal alinhado à direita , body constituído por um menu vertical e zona de contúdo principal e por fim por um footer.

Layout:

O fundo está em degradé de tons cinzentos debaixo para cima, do mais escuro para o mais claro e com um imagem ás riscas diagonais que se repete.

Cores:

 

A Fonte de Título foi Helvetica e a Fonte de texto Verdana.

A barra do menu tem como cor  #737373 com um degradé também igual ao do layout. Os items destes quando activos têm a cor #ADAFAF, marcado # 92D400 e o texto em passivo e marcado terá como cor # FFFFFF, não tendo este subitem.

Os hiperlinks terão como cor: Link: # 92D400, Link Visitado #ADAFAF e Link Destacado # 92D400 sublinhado; todos os  titulos(H1,H2,H3,H4,H5) do texto terão como cor # 92D400.

A barra lateral terá cabeçalho e conteúdo com a cor # E9E9E9, com borda;  a sua margem interior do texto será 12px;

O menu vertical  terá como cor no item como passivo# DBDBDB, activo:# BCBCBC e marcado:# 92D400, de texto terá a quando cor passivo:# 929292, activo:# 92D400 e marcado:# F8FAFB. No subitem terá como cor passivo:# F8FAFB, activo:# 92D400 e marcado:# 92D400, Sem Borda, o texto terá a cor como passivo:# 929292, activo:# 92D400 e marcado:# F8FAFB.

A cor do botões serão como botão: #BCBCBC, botão Marcado:# 92D400 e botão Pressionado:# ADAFAF, a cor de texto desse botão: # 5A5A5A, botão barcado:# FFFFFF e botão pressionado:# 4F4F4F;

O footer terá a mesma cor, degradé e proporções que a barra do menu.

Cores:

 

 

Ao tentarmos resolver o problema de classificação por estrelas para cada imagem da galeria instalamos um módulo que corrompeu completamente o Drupal que tinhamos instalado localmente nas nossas máquinas. O módulo instalado foi o Gallery2 (http://gallery.menalto.com/). O tutorial que nos dava a solução para o nosso problema é o seguinte:

 http://stackoverflow.com/questions/2587284/drupal-building-a-photo-gallery-for-voting-with-fivestar-voting-module.

 

Contudo, como o módulo fez conflito com o Drupal (não sabemos a razão) não foi possível seguir o tutorial correctamente. Devido a estes problemas foi-nos impossível implementar a classificação pretendida nas galerias e também testar correctamente as alterações que fizemos nas CSS do nosso teplate.

Também o Drupal que se encontra online através do servidor da UA deu problemas por causa desse mesmo módulo, não nos permitindo realizar qualquer acção de administração no mesmo, contudo, este precalço durou apenas algumas horas pelo que ainda nos foi possível realizar algumas alterações que eram necessárias.

O alinhamento pretendido para as galerias é à esquerda. Tentamos implementar através de CSS  e através das próprias pré-definições do Drupal mas não obtivemos resultados.

Outra questão são as galerias oficiais. Estas deveriam aparecer na primeira página e apesar de termos definido essa acção no Drupal este não a assumiu as definições. 

As imagens que aparecem abaixo comprovam essa mesma situação. Já tinhamos mostrado ao professor Nuno Ribeiro o que acontecia mas decidimos postar aqui para que os restantes professores também entendam. Existem 3 tipos de status possíveis no Drupal: privat, public e public for all. Quando vamos administrar os conteúdos existentes, ao seleccionar a galeria pretendida (Artefactos oficiais) estabelecemos que esta deve ser pública para todos, isto é, para utilizadores registados e também para anónimos. Contudo, após fazer o update desta definição nada se altera na página inicial.

 

 

Dos objectivos iniciais que nos propusemos a realizar na compenente técnica a única coisa que não conseguimos finalizar como pretendido foi a implementação da votação nas imagens da galeria. Deste modo, este objectivo vai manter-se para a versão beta.

 

Aqui está o link da nossa CMS:

http://cms.ua.pt/MarcaUA_a/

Mandaremos para o mail dos professores o login e a password.

 

Cumps, bom fim de semana e boa benção para os finalistas

 

 

 

 

 

 

 

 

 


 

 




.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