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

 

 

 

 

 

 

 

 

 

 

 

 Olá a todos!

De volta às aulas depois de uma semana bastante atribulada 

Hoje reunimos com o professor Hélder Caixinha novamente com vista a resolver o problema das avaliações. Ainda não conseguimos resultados mas já se começa a ver a "luz ao fundo do túnel" (desde já um grande obrigada ao professor pela paciência)!!!!

Como as galerias já estão implementadas e funcionais, a nível técnico é essa questão que nos falta resolver, o que esperamos conseguir o mais rápido possível.

 

Relativamente à parte técnica do protótipo de alta fidelidade reunimos hoje com o professor Pedro Amado para lhe mostrar o trabalho realizado. Está num bom caminho, agora é altura de realizar alguns alinhamentos de texto e retirar alguma informação dispensável para que fique tudo mais uniformizado. 

Além disto, decidimos juntamente com o professor, retirar o espaçamento entre o cabeçalho e o topo da página, "puxar" o logótipo um pouco mais para cima de modo a haver mais espaço entre este e o menu.

Optamos também por fazer uma alteração de logótipo colocando o texto à direita em vez de dos dois lados. Tomamos esta decisão devido ao facto de não existirem elementos centrados no design pelo que acabaria por ficar "desalinhado" para com o resto da aplicação.

 

Aqui seguem as novas alterações que efectuamos.

Figura 1 - Página inicial;

 

Figura 2 - Visualização de uma imagem da galeria do utilizador;

 

 

Em breve daremos novidades...Bom trabalho para todos,

pim!  

 Boa tarde a todos!

Hoje durante o dia estivemos a ultimar a parte gráfica. Ainda faltam alguns acertos que faremos quando reunirmos com os nosso orientadores.

De qualquer forma aqui fica o resultado do nosso trabalho:

 

Pedimos desculpa pela falta de qualidade do gradient do background, mas mesmo no Photoshop, não sabemos porquê, mas não conseguimos unificar devidamente a imagem.

 

Na semana que vem vamos dedicar-nos às questões da parte técnica já referidas anteriormente.

Bom fim-de-semana pós Semana de Enterro 

Olá, olá!

Espero que as férias estejam a correr como desejam 

Bom iremos falar um pouco da parte gráfica do nosso site.

Ontem  colocámos já o aspecto geral do nosso template, que foi realizado a partir do programa Artisteer 3.0. Hoje iremos mostrar algumas particularidades:

 

As estrelas:

Do menu que experimentámos colocar dois tipos de botões:

1º

2º

O menu vertical que também experimentámos com evidência de cor e sem evidência de cor:

1º

2º

 

Por agora é tudo

 

 Olá a todos!

 

O grupo estado a trabalhar e começam a aparecer resultados :) Ao nível da parte gráfica já temos o layout construido e já se encontra implementado no nosso Drupal instalado localmente. Ainda têm que se realizar algumas alterações mas está num bom caminho. Até ao final da semana pretendemos ter a parte gráfica concluída, que já se encontra a cerca de 60%.

A parte técnica como já havíamos referido não exige tanto trabalho pelo que pretendemos conclui-la na próxima semana.

Aqui segue um printscreen do aspecto actual da parte gráfica da nossa aplicação.

 

 

Cumprimentos 

 Olá a todos!!

 

Na aula de hoje continuou-se o desenvolvimento do protótipo de alta fidelidade. Nesta fase encontramo-nos a estudar quais os elementos a adicionar à base de dados do Drupal para que as funcionalidades funcionem conforme o desejado. Amanhã vamos reunirmo-nos com o Professor Hélder Caixinha para esclarecer algumas dúvidas quanto à base de dados e a alguns módulos.

Relativamente à implementação do layout também já delineamos uma estratégia, estando na altura de trabalhar pois esta parte, como já foi referido no outro post vai-nos dar bastante trabalho.

 

Cumprimentos 

 Olá a todos!

Durante a aula de hoje o Professor Pedro Amado e o Professor Júnior estiveram a acompanhar o trabalho que desenvolvemos até então.

A nível de módulos, para esta fase os módulos já estão praticamente todos seleccionados, o que é necessário fazer é conjugar algumas funcionalidades de modo a obtermos o resultado pretendido. O que vamos desenvolver no protótipo de alta fidelidade são as galerias, que já estão implementadas, agora falta associar a cada imagem da galeria a votação e os comentários, uma vez que, até agora, apenas é possível votar e comentar a galeria no global, e não cada uma das imagens como é suposto.

Contudo, é a parte gráfica com que estamos mais preocupadas neste momento, uma vez que fomos alertados por orientadores e professores que é bastante complexo implementar componentes técnicas em Drupal. 

Foi-nos sugerido pelo Professor Pedro a utilização do Firebug (que utilizamos recentemente no âmbito de outra disciplina) para uma melhor compreensão da estrutura do layout do Drupal.

Posto isto, esta semana o nosso trabalho vai incidir na implementação da nossa especificação gráfica no Drupal.

 

Aguarda-nos uma semana de bastante trabalho, até ao próximo post 

 

 

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    

 

 

 

. Evolução do projecto

. Desenvolvimento do projec...

. Avanços

. Versão beta - testes

. Versão beta - entrega

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

. Plano de testes

. Lista de bugs

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

. Introdução ao módulo 6 - ...

. Julho 2011

. Junho 2011

. Maio 2011

. Abril 2011

. Março 2011

. Fevereiro 2011

. todas as tags

. participe neste blog