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.

Fase de teste

Depois de já algum trabalho desenvolvido é chegada a altura da fase de teste. Esta fase visa como o próprio nome indica testar a aplicação para detectar se esta possui erros, e proceder á sua resolução. Assim, optou-se por realizar 4 testes:

- Teste de Funcionalidade
- Teste de Compatibilidade
- Teste de Acessibilidade
- Teste de Usabilidade

Para cada um dos testes serão utilizados técnicas de teste e de recolha de dados especificas, que iremos especificar a seguir.

Teste de Funcionalidade
Este teste trata de funcionalismos do site, é necessário termos a certeza que o utilizador consegue ver e aceder aos diversos recursos da aplicação, compreendendo também a relação entre os mesmos.

Teste de Funcionalidade -> Técnicas de Teste
Observação Directa
Question Asking protocol

Teste de Funcionalidade -> Técnicas de Recolha de Dados
Grelhas/Checklists de observação
Questionário

Teste de Funcionalidade -> Participantes
5 pessoas com idades semelhantes aos utentes da instituição

---

Teste de Compatibilidade
O objectivo deste teste é certificar-nos que a aplicação funciona ou não em determinado browser, utilizando diferentes resoluções de ecrã.

Teste de Compatibilidade -> Técnicas de Teste
Observação Directa

Teste de Compatibilidade -> Técnicas de Recolha de Dados
Grelhas/Checklists de observação

Teste de Compatibilidade -> Participantes
5 pessoas com idades semelhantes aos utentes da instituição

---

Teste de Acessibilidade
Este teste procura testar se todos os conteudos do site são passiveis de serem acedidos e visualizados correctamente.

Teste de Acessibilidade -> Técnicas de Teste
Observação Directa

Teste de Acessibilidade -> Técnicas de Recolha de Dados
Grelhas/Checlists de observação
Questionário

Teste de Acessibilidade -> Participantes
5 pessoas com idades semelhantes aos utentes da instituição

---

Teste de Usabilidade
Este teste procura através da realização de determinadas tarefas verificar se o utilizador consegue interagir satisfatoriamente com a aplicação.

Teste de Usabilidade -> Técnicas de Teste
Observação Directa
Thinking Aloud Protocol

Teste de Usabilidade -> Técnicas de Recolha de Dados
Grelhas/Checklists de Observação
Questionário

Teste de Usabilidade -> Participantes
5 pessoas com idades semelhantes aos utentes da instituição

---

As grelhas relativas a estes testes podem ser vistas aqui.

A realização destes testes implica, como foi definido por nós grupo, a realização de questionários para os diferentes tipos de teste. De seguida disponibilizamos os questionários que iremos usar em cada teste:
Funcionalidade
Acessibilidade
Usabilidade
O teste de compatibilidade não possui questionário, pois a sua recolha de dados será realizada apenas por cheklist de observação.
Disponibilizamos também o guião com as tarefas que os participantes dos testes terão de realizar. Pode ser visto aqui.

Fica aqui também o questionário que irá ser disponibilizado aos participantes dos testes.

Reunião com os proponentes e a orientadora do projecto

Hoje, os proponentes do nosso projecto deslocaram-se até à universidade para discutirmos vários assuntos relacionados com o site. Este foi-lhes apresentado na íntegra.

Durante a conversa aboliram-se alguns sub-menus, como:

- a Visita Virtual: as instalações novas só estarão terminadas em Julho, pelo que não teremos tempo para elaborar este item;

- as Instalações Provisórias: não faz sentido colocar fotografias destas instalações provisórias, pois o site será apresentado quase em finais do mês de Junho, e as instalações novas serão inauguradas em Julho;

- os Preçários: varia conforme o I.R.S. de cada pessoa, por isso não serão apresentados;

- a Newsletter: a instituição já possui boletins informativos que distribui pessoalmente aos habitantes de Ribeira de Fráguas. Estes boletins substituem a newsletter;

- os Feeds RSS: sem newsletter, não faz sentido ter Feeds RSS.

Estes dois últimos sub-menus serão substituídos por um sub-menu denominado Boletins Informativos.

No sub-menu dos Utentes, mais especificamente no Mais Novo e no Mais Velho, será acrescentada uma opinião textual dos respectivos utentes em relação à sua experiência na instituição.

O sub-menu Pagamentos On-Line será alterado para Donativos e Pagamentos, e além do N.I.B., será acrescentado um texto referente a estas actividades.

Em relação ao Placard Digital, a instituição irá adquirir um plasma normal para a mostra pública de conteúdos na instituição.

Após estas decisões, procedemos à alteração do mapa de navegação.

Ficou combinado fazer os testes com cinco utentes da instituição na próxima segunda-feira (dia 19 de Maio) às 14h na sala 21.2.1, do Deca, que já requisitamos.

Aulas de projecto dos dias 6 e 9 de Maio

Nestas duas aulas dedicamo-nos à evolução do nosso trabalho e, procedemos às alterações discutidas na sessão de orientação.

Corrigimos algum material que já tínhamos elaborado (mapa de navegação, animação inicial, grafismo das ementas e dos ícones do calendário) consoante o que foi referido na sessão de orientação (ver último post de sessão de orientação).

Iniciamos também a elaboração das grelhas de testes e respectivos instrumentos de análise, que publicaremos brevemente.

[Nota: o mapa de navegação foi alterado novamente devido a alterações discutidas com a professora Margarida na aula de sexta-feira, nomeadamente, na área de utentes, que deslocamos para o item-mãe galeria. Também a secção dos textos na galeria foi abolida.]