Olá a todos!

Na aula de hoje foi feita uma breve introdução pelo professor Nuno Ribeiro daquilo que é pretendido na versão beta. Nos próximos dias temos que decidir o que vai ser desenvolvido nesta fase, realizar uma lista de bugs e decidir quais os testes (matéria leccionada na cadeira de Implementação e Controlo de Projectos Multimédia) a realizar.

Relativamente ao que vamos desenvolver na fase beta estamos indecisas entre o perfil e a validação, contudo parece-nos que a segunda opção é a mais ajustada uma vez que é muito importante para a identidade do projecto. Após a reunião com os orientadores nesta Quarta-feira esta questão vai estar decidida. Durante a aula iniciamos a lista de bugs que nos apercebemos até ao momento.

 

Bom trabalho para todos, cumprimentos,

pim!

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!  

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 

 Esta semana foi a nossa vez de termos OT com a prof. Margarida para a pormos a par do desenvolvimento do projecto.

Depois disso tivémos mais uma longa reunião com os orientadores, onde voltámos a focar assuntos já anteriormente debatidos, limando pequenas arestas. Finalmente decidiu-se ficar por apenas 3 utilizadores validadores, os quais podem além disso comentar os diversos artefactos votados. Qualquer artefacto "pirata" poderá ser alvo de sujeição a validação desde que obtenha um elelvado número de votos e uma boa classificação por parte dos votantes, aí será automaticamente encaminhado para votação por parte dos validadores, aos quais cabe validá-lo como estando de acordo com as normas da marca ou não.

 

Até breve! 

 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    

 

 

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.

Central	Participativa	Marca
Comunidade	Cooperativa	Símbolo
Portal	Colaborativa	Brand
	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:

Exemplo:

 

Especificações:

 

 

 

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

 

Até já! :)

 

. 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...

. Julho 2011

. Junho 2011

. Maio 2011

. Abril 2011

. Março 2011

. Fevereiro 2011

. todas as tags

. participe neste blog