Finalmente…o fim!

Chegamos (quase, quase) ao fim da realização do nosso projecto.

Sentimos uma enorme satisfação por termos conseguido alcançar todos os objectivos que nos foram propostos.

Na quarta-feira, dia 25, será a apresentação da versão final e já preparamos um .ppt de suporte que publicaremos brevemente.

Ao longo da apresentação pretendemos enumerar os elementos a apresentar (.ppt) e, realizar uma exibição rápida de todo o site, ou seja a um item de cada menu. Apresentaremos novamente a área da gestão e o “novo” placard digital.

Ponto da situação!

Após a apresentação do módulo 3 [os slides podem ser vistos aqui], estamos a realizar alguns melhoramentos para a versão final do projecto.

Actualmente, o ponto mais relevante é o placard digital, no qual estamos a efectuar vários ajustes e melhorias, nomeadamente:

- mudar o contraste das cores;
- não usar branco puro no fundo;
- deixar margens maiores nos cantos;
- melhorar a barra de rodapé;
- aumentar os tipos de letra;
- colocar o flash a receber dados php.

Os restantes aspectos a serem trabalhados, são os seguintes:

- colocar a galeria de fotos (esta ou uma nova) com validação e upload pelo frontend;
- colocar as páginas dos vídeos totalmente em português;
- colocar link da ajuda na página dos vídeos e das imagens;
- disponibilizar os restantes conteúdos em falta (corpos sociais, regulamentos e boletins informativos).

Neste momento estamos também a transferir todos conteúdos que estão no servidor onde temos trabalhado para o servidor do DeCA, onde iremos trabalhar até à entrega final do projecto.

Paralelamente a isto, já iniciamos o relatório.

Sessão de Orientação e [Última] Aula de Projecto – 03/06/2008

Na sessão de orientação de ontem, discutimos os resultados da última meta a que nos comprometemos: o sistema de ajuda e os formulários.

Apresentamos então o trabalho desenvolvido nesta área que, na nossa opinião, está avançado.

Para o desenvolvimento da ajuda optamos por um componente de FAQ’s que configuramos para o sistema de ajuda para o nosso site.

Neste momento estamos ainda a configurar todo o aspecto e a introduzir toda a informação necessária.

Por resolver, está ainda o posicionamento do menu “Ajuda”.

Para a área de “Pedido de Informações” e “Inscrição de Utentes”, recorremos a componentes para a construção dos formulários. Ontem estávamos ainda com problemas ao nível do PHP no servidor, por causa do envio de e-mails.

Temos agora de configurar ambos os componentes mencionados para Português.

Na aula de hoje, com o professor Miguel Ferraz, estamos a desenvolver as soluções para os problemas referidos acima.

Estamos com um problema de servidor, o que está a atrasar algum trabalho.

Com vista a encontrar uma melhor solução para o Placard Digital estamos a pesquisar soluções que nos permitam receber dados PHP no Flash, de forma a optimizar a actualização da informação.
Também na animação do Placard Digital, teremos de realizar os ajustes mencionado aqui.

Durante a aula apresentamos ainda ao professor Miguel Ferraz, o grafismo elaborado para o placard, com o qual ele concordou.

Iniciamos também a construção da página dos Boletins Informativos.

Para amanhã, tencionamos concluir [parcialmente] todos os aspectos mencionados, assim como a página das Músicas, uma vez que teremos um ensaio prévio da apresentação.

Aula de 30/05/08

A aula com a professora Maria João serviu para analisarmos o estado da situação do projecto, nomeadamente o desenvolvimento do sistema de ajuda e os formulários que foram desenvolvidos durante a aula.

Basta agora dedicar-nos ao trabalho…

Aula de orientação de 27/05/08

A aula com a nossa orientadora começou, mais uma vez, por uma revisão de metas anteriores, e pela correcção de alguns erros.

Relativamente ao placard e ao nosso protótipo:

- não devemos usar um preto escuro devido à má leitura que provoca. Este preto deverá ser substituído por um cinza;

- o tamanho deverá ser a 4:3 ou 16:9, e deveremos prestar especial atenção às margens de segurança;

- a sinalização da informação que estamos a visualizar, deve ser melhorada de forma a tornar-se mais perceptível a quem visualiza o placard. Por exemplo, poderemos usar uma barra de estado para saber quanto tempo falta para a informação alternar;

- o rodapé também está a passar demasiado rápido, impossibilitando a sua leitura;

- deveremos abolir os caps (letras maiúsculas), devido a questões de leitura e grafismo;

- quando nos encontramos, por exemplo na área das Notícias no placard digital, o rodapé deverá passar informações relativas às notícias. O mesmo se passará com as Ementas – encontramo-nos a visualizar as Ementas, o rodapé passa informações sobre as ementas;

- também deverá ser colocada uma música de fundo.

Para sincronizar as informações do placard com as informações do site, deveremos pesquisar soluções técnicas para encontrar a melhor forma de fazer coincidir as informações. A professora aconselhou-nos a pesquisar a linguagem SMIL (para a sincronização temporal de frames e HTML), ou ainda utilizar PHP para ir buscar a informação.

No item dos Vídeos, aplica-se a mesma ideia do placard: substituir o preto por uma cor mais leve, como um cinza. As barras horizontais estão muito altas, e deveriam estar à mesma altura que o calendário.

Os resultados dos testes devem ser também corrigidos e compilados de uma forma mais correcta (como falamos na aula com a professora Maria João).

Temos ainda que corrigir o tamanho da fonte, e antecipar a resolução deste erro antes que hajam problemas graves ao nível da formatação gráfica.

Vamos também procurar um componente para o player, pois o player que temos em Flash aparece mas não funciona.

As músicas não deverão estar em autoplay; o utilizador deverá escolher a opção de ouvir, para que as músicas comecem a tocar.

Ainda relembrando as letras das músicas, que inicialmente pensamos que estas estivessem sincronizadas com a respectiva música (por exemplo, ao ouvir a música nº 1, a letra dessa música passava no player), estamos agora a pensar numa solução mais simples, que consiste em colocá-las em .pdf.

Temos que acrescentar o link da Ajuda. Neste sistema, devemos ter especial atenção que, zonas mais específicas no site (por exemplo, os formulários), deverão ter também ajudas mais específicas.

Temos ainda que integrar a animação no início, talvez no index (para isso, temos que configurar o nosso servidor).

Para último plano, ficaram os idiomas. Para podermos ter os três idiomas no início, talvez precisemos de replicar o site em três, como se fosse um espelho.

Marcamos ainda um ensaio com a professora Margarida, para que a apresentação do módulo 3 nos corra da melhor forma. Ficou então agendado para o dia 04/06 às 15h. Já requisitamos uma televisão para apresentar o placard.

Aula TP de 27/05/08

Nesta aula, com a professora Maria João, aproveitamos para rever novamente os resultados da fase de testes, a nível gráfico e de leitura [publicados aqui].

Algumas respostas aos resultados são apresentadas em gráficos. Estes possuem frases demasiado extensas que fazem com que se perca a leitura.

Relativamente às respostas dos resultados apresentados em texto, estes podem ficar mesmo assim (em texto), pois não representam qualquer dificuldade na sua leitura.

A única limitação dos testes, foi a baixa literacia tecnológica dos participantes.

Aulas TP de 21/05 e de 23/05/08

Na aula do dia 19 com o professor Raposo, discutimos essencialmente aspectos funcionais e gráficos. Como foi o caso da dúvida em colocar as fotografias da equipa e órgãos directivos a cores ou a preto e branco. A conclusão foi utilizar as fotografias a preto e branco na página conjunta (ver aqui exemplo) e a cores nas respectivas páginas individuais (ver exemplo aqui).

Falamos também sobre o layout a aplicar no placard digital. O professor disse para seguirmos a mesma linha do site. Já em reunião com a professora Margarida no passado dia 20, tinha-nos sugerido usar um género de menu para “situar” as pessoas que vêem o placard (por exemplo, saber quando vão aparecer as ementas, quando naquele momento estão a passar as notícias).

A aula de hoje, foi uma continuação da produção do placard. O professor Miguel Ferraz deu-nos algumas indicações de regras a seguir na tipografia (por exemplo, o tamanho da distância até ao ecrã em milímetros, deve ser dividido por 200, para obtermos o tamanho ideal da fonte a usar na televisão). Referiu que seguíssemos o mesmo layout do site.

Entretanto, já foram elaborados alguns esboços de layout e da interacção do placard digital.

Estudos do Layout:

Placard das actividades

Placard das ementas v.1

Placard das ementas v.2

Placard das notícias

Estudos da interacção no Placard:

Protótipo do Placard Digital v.1 [Nota: Esta versão1 condiciona o funcionamento da maquina devido ao código que inserimos, pois está constantemente em loop, exigindo bastantes recursos] Protótipo do Placard Digital v.2

Resultados fase de teste

Após a realização dos testes é necessário efectuar e sistematizar a recolha de dados, para que possamos tirar conclusões para o avanço do projecto. Os dados recolhidos dos testes e a sua sistematização podem ser vistos aqui.

Aula de orientação de 20/05/08

Após termos realizado ontem os testes aos utilizadores, deveremos sistematizar a informação recolhida e sintetizar os resultados.

Nesta aula de orientação direccionamos a nossa atenção para os problemas que o site está a apresentar no Internet Explorer.

O calendário na versão macro apresenta erros, como se possuísse imagens e elas não aparecessem.
E o calendário que se apresenta na página inicial (versão pequena) apresenta um erro na barra superior (onde está o mês). Para isso, iremos experimentar colocá-lo como imagem.

No sub-menu das fotos, deveremos eliminar o slideshow, pois com o IE reproduz efeitos que não inserimos.

No sub-menu dos vídeos, a estrutura deverá estar ao níel do calendário, e diminuir a sua largura.

Assim como estes sub-menus, o das ementas também exibe alguns erros, como é o caso das linhas horizontais que separam as ementas no Mozilla Firefox, no IE as mesmas linhas aparecem juntas, como se fossem uma pauta de música. Neste caso, também se está ponderar colocar uma imagem, ou distinguir o dia com uma cor diferente.

As páginas da Missão e da Política de Qualidade apresentam o texto desformatado (com alguns espaçamentos exagerados). Deverão ser retirados esses espaços (os mesmo anulados), evidenciando “Missão” e “Política de Qualidade” com bold. Assim, os textos e o scroll diminuirão.

Também falamos sobre possíveis alterações de conteúdos.

Nas valências, deveremos colocar uma fotografia relativa a cada valência, e um link para o regulamento no formato .pdf (por exemplo, valência do Centro de Convívio com uma fotografia e um link para o regulamento do Centro de Convívio). Mas de qualquer forma, iremos experimentar também colocar o regulamento em html na página.

Na página dos Corpos Sociais, deveremos também alterar a estrutura, alinhando as imagens do lado esquerdo, e a informação relativa do lado direito. Esta informação será a identificação de quem está na fotografia e respectivo cargo, e uma breve biografia. Terá um link também (“saber mais”), onde uma vez clicado, será apresentada a biografia por completo.

Onde em cima do site aparece Gestão, aparecem também “A+” e “A-” (aumentar e diminuir respectivamente).
Iremos alterar o alt para português. Entre estes itens e o item de Gestão, deverá ser inserida a Ajuda.

Na página do Grupo de Cantares, estará presente uma fotografia do mesmo e um link para a página das músicas.

Em relação ao Placard Digital, estivemos a pensar em duas soluções:

- usar o Joomla e os seus componentes, para ir buscar os eventos ao calendário, e fazer uma sincronização temporal. Ou seja, o placard deverá apresentar diferentes informações com relativa periodicidade de tempo: de 2 em 2 minutos, por exemplo, apresenta informações diferentes;

- usar um .swf numa página especial, que funcionará com variáveis para controlar o tempo.

Estabelecemos metas até à próxima terça-feira para progredir com o Placard Digital:

- elaborar o protótipo do placard com uma das soluções apresentadas (em cima);
- elaborar o estudo gráfico do placard (baseando-nos nos princípios do design para televisão).

Aula TP de 16/05/08

Nesta aula, com a professora Maria João, falamos sobre os questionários para a sessão de testes a realizar no dia 19 de Maio.
Corrigimos alguns erros, e tivemos assim as grelhas prontas a serem usadas na segunda-feira com os cinco utilizadores.