Revisão das 02h05min de 12 de Janeiro de 2012

Elementos do grupo:

Artur Magalhães - 59409;
João Carvalho - 60458;
João Catarino - 65529;
Luís Brandão - 62029;
Sandra Costa - 62028;

Memória descritiva:

Aplicação interactiva do MoST (Museum of Science & Tecnology), polo Português, representativa da actividade cultural para o 1º trimestre de 2012.
Tem como principal objectivo, dar a conhecer a todos os utilizadores portugueses, o espaço de exposição, com uma galeria fotográfica e os temas expostos através de uma galeria videográfica, tendo em conta também uma pequena introdução ao Museu assim como a sua informação mais relevante.

Arborescência da aplicação:

Escolhemos a tipologia composta, visto ser aquela que mais se adapta aos conteúdos que temos para disponibilizar. Outro fator, que influênciou esta escolha relaciona-se com a abrangência da mesma.

Divisão de tarefas:

Artur Magalhães - Programação da galeria de vídeo
João Carvalho - Pesquisa e implementação de sons
João Catarino - Importação do layout para o Flash e programação da página de créditos
Miguel Brandão - Programação da galeria de fotos
Sandra Adegas - Programação da homepage

Todos os elementos do grupo participam na construção e implementação da aplicação, assim como na dinamização da página da wiki.

Relatório

Apresentação do projeto:

No âmbito da disciplina de Laboratório Multimédia1, da Licenciatura em Novas Tecnologias da Informação (NTC) da Universidade de Aveiro foi-nos proposto a elaboração de um projeto, cujo produto final seria uma aplicação multimédia interativa. Desta forma, resolvemos desenvolver um artefacto que pretende publicitar a filial portuguesa do Museu da Ciência e Tecnologia, com o intuito de oferecer aos seus utilizadores informações relativas à atividade do MoST (Museum of Science e Technology) no primeiro trimestre de 2012. Nele encontrar-se-ão três temas em destaque: luz, nanotecnologia e fluídos, que poderão ser acedidos a partir da homepage. Permite de igual forma o acesso à agenda cultural, à galeria fotográfica, galeria de vídeos e a informações relativas ao museu. As principais características desta aplicação prendem-se com a sua organização, sobriedade, de aspeto clean e minimalista, ou seja, embora contenha vários elementos, estes estão devidamente estruturados, de agradável apresentação, atrativa e intuitiva.

Análise e planeamento:

Durante o período dedicado à pesquisa de exemplos para definirmos o grafismo do nosso layout, encontrámos variadíssimas opções, algumas das quais influenciaram-nos positivamente e por tal motivo passámos a destacar:

http://cvc.instituto-camoes.pt/conhecer/bases-tematicas/ciencia-em-portugal.html

Ao analisarmos este site aquilo que prendeu a nossa atenção foi o ambiente harmonioso entre todos os elementos constituintes da homepage. O aspeto “clean” e sóbrio transmite uma experiência agradável ao utilizador, dando a sensação de um espaço bem organizado e intuitivo. Um outro fator que nos agradou e que será implementado no nosso projeto, embora com algumas alterações, é a forma de navegação embutida no cenário.

http://portfolio.invoko.com/

Aqui está outro exemplo de um site que nos serviu de referência devido às tonalidades que permitem a sobreposição para qualquer elemento gráfico, quer seja texto ou imagem, mais claro ou mais escuro. Outro fator importante foi a esquematização e organização de conteúdos através das grelhas de estruturação visual.

Com esta aplicação pretendemos acima de tudo, estabelecer a ligação entre o edifício físico e a sua imagem difundida na web. O facto de conseguir transmitir informação relevante recorrendo a poucos elementos gráficos além de nos parecer ser um princípio fundamental de uma estética coerente, é um facto que agrada a um tipo de público que por norma procura este tipo de acontecimentos.

Este projeto foi idealizado para todos os cibernautas que procurem informação relevante nesta área, independentemente da faixa etária.

Estratégia de aplicação de cor Devido ao aspeto formal do site, optámos por uma paleta de cores mais sóbria.

Desenho funcional

Requisitos funcionais:

Quando se entra na aplicação somos confrontados com uma pequena animação que tem como foco principal a imagem presente no nosso layout. Temos a possibilidade de controlar os sons que pretendemos ouvir enquanto navegamos, através de um menu presente, em todas as páginas, na parte superior direita. O menu sempre presente durante a navegação, permite em qualquer altura aceder à agenda, galeria de fotos e vídeo, assim como, a informações sobre o museu. Em qualquer das páginas podemos regressar à homepage através do logotipo ou no pequeno apontamento disposto na parte lateral esquerda, identificado pela palavra voltar.

Estrutura arborescente:

É uma arborescência não-linear.

Desenho de interação e usabilidade:

Sendo que a usabilidade é um fator de qualidade que se relaciona com a facilidade de utilização da aplicação, este foi um ponto que dispensamos especial atenção, pois proporcionamos uma experiência confortável ao utilizador na medida em que nos highlights manifestam-se pequenas animações que convidam à interação, assim como, nos menus que com a passagem do rato alteram o seu estado inicial. Nas restantes páginas a continuidade dos menus facilitam a navegação e para além disso têm sempre a possibilidade de retornar à página inicial através de um botão criado para o efeito ou então no já conhecido logotipo.

Desenho técnico:

A parte gráfica deste projeto foi desenvolvida no Photoshop e a interatividade com recurso ao Flash e à linguagem de programação AS2.0. Desenvolvemos uma aplicação que permite uma interação agradável e intuitiva, em conjunto com a facilidade de atualização dos conteúdos. Na barra de som, o utilizador não só pode escolher se quer ouvir ou não o som de fundo, como também pode escolher a música e regular o volume da mesma. Temos quatro menus que estão sempre presentes no stage, na barra superior. Estes são para a agenda, galeria de fotos e vídeos e para informações do museu. Na galeria de imagens recorremos a um ficheiro com o formato xml, onde consta o nome da foto e respetiva descrição. Optámos por esta solução pois é muito prática e eficaz sempre que pretendermos atualizar o nosso site, acrescentar ou eliminar fotografias à nossa galeria.

Produção do projeto

Estrutura e meios de navegação/interação:

O MoST é uma aplicação multimédia, cuja navegabilidade é facilitada pelos elementos representativos dos menus, da barra de controlo do som e do pequeno apontamento que permite voltar à homepage e que se encontra embutido na imagem situada na parte lateral esquerda da página. Tanto a galeria de fotos como a de vídeo têm disponíveis botões que permitem ao utilizador navegar, controlar e manipular os elementos que constituem estas galerias. Todos estes objetos foram programados em flash e convertidos em botões.

Integração e controlo de som:

Animação:

Neste capítulo é de salientar a harmonia e coerência entre páginas. As animações existentes primam pela subtileza e isto é conseguido logo na homepage onde o utilizador é presenteado por pequenos highlights que cativam o utilizador a explorar cada um dos tópicos presentes. Quando se navega para outra página, outra animação acontece, fazendo desvanecer a imagem principal, ao mesmo tempo que aparece parte dessa imagem arrumada na lateral esquerda do site. A galeria de fotos é uma outra página que mereceu especial atenção no que diz respeito a animações, pois optou-se por fazer deslizar as imagens nos dois sentidos, tanto para a esquerda como para a direita, opção esta que pode ser controlada e manipulada pelo utilizador. Quanto à galeria de vídeo o processo é parecido com a galeria de fotos pois o utilizador poderá escolher qual o vídeo que pretende visualizar, além de o poder controlar através dos botões dispostos para esse efeito.

Soluções técnicas adoptadas para a resolução de problemas:

Na galeria fotográfica, inicialmente tínhamos pensado em apresentar uma sequência de imagens a deslizar sequencialmente da esquerda para a direita que parava quando se passava o rato por cima e abria uma imagem maior quando clicássemos. No entanto, pareceu-nos pouco funcional na medida em que tínhamos que adicionar as imagens no palco e não era muito pratico quando as quiséssemos atualizar.

Conclusões

Reflexão crítica:

A partir dos resultados descritos e das observações realizadas durante a elaboração deste trabalho, concluiu-se que: na nossa perspetiva este tipo de trabalho incentiva à autonomia e ajuda a desenvolver o espírito criativo que existe em cada um de nós. No cômputo geral, o balanço é bastante positivo visto que nos permitiu elevar os índices de confiança para desenvolvermos futuros projetos sempre com a consciência de os poder melhorar. Outra ilação retirada deste trabalho foi a confirmação das capacidades do programa Flash, sem dúvida alguma, uma ferramenta poderosíssima na construção de aplicações multimédia. Em relação à elaboração deste site, aquilo que no início nos pareceu complicado, rapidamente se tornou num trabalho motivante que nos proporcionou cimentar e aprofundar os conteúdos desenvolvidos ao longo desta disciplina. Em suma, julgamos ter correspondido ao solicitado e ter ido de encontro àquilo que nos propusemos no início deste projeto, realçando o quanto foi gratificante a elaboração deste trabalho.

Sugestões para o aperfeiçoamento e/ou desenvolvimento futuro do projeto:

Referências Web e Bibliográficas:

Anexos: