Lontras-Marinhas
(→Soluções técnicas adoptadas para a resolução de problemas) |
|||
| Linha 91: | Linha 91: | ||
==Referências Web e Bibliográficas== | ==Referências Web e Bibliográficas== | ||
| − | |||
| − | |||
Revisão das 23h29min de 15 de Janeiro de 2012
Índice |
Apresentação do Grupo
Fábio Silva, 60582
Mariana Pulido, 60289
Vítor Gonçalves, 61633
Memória Descritiva
Tema - Oceanário
Área de conteúdo - Educacional
Público alvo - Visitantes do Oceanário
Paradigma de interacção - Ambiente e Index
Objectivos - Incentivar o utilizador a não se ficar apenas pelo "olhar para os animais". Tentar, de uma forma interessante e interactiva, captar a atenção dos visitantes para que aprendam e passem a saber mais sobre o que estão a ver.
Relatório
Apresentação do projecto
Foi-nos proposta, no âmbito da disciplina Laboratório Multimédia I, a criação de uma Aplicação de Autoria Multimédia. Atendendo à ligação interdisciplinar com a UC de Imagem Digital Estática, o tema escolhido pelo grupo foi um dos propostos na aula.
Tendo ficado acordado que o tema seria Oceanário, decidímos filtrar o nosso trabalho e falar apenas de um animal - a lontra-marinha.
O projecto resulta então num Quiosque Multimédia com informação interactiva, a colocar em frente ao tanque das lontras, no Oceanário de Lisboa.
Análise e planeamento
(investigação temática, estado da arte, definição do conceito...) Neste projecto procuramos criar uma aplicação coesa na interactividade e no design, desenvolvendo uma interactividade flúida e intuitiuva; mantendo ainda assim, em mente, o formato de distribuiss ao da apçlicação e o contexto geral. reunimos infomação sobre o sueito, num campo de conhecimento geral e acessível ao comum dos mortais. incluindo dados biológicos, comportamentais, populacionais, taxonómicos, e sobre o seu impacto ecológico no ambiente. a animação e a estrutura visual da aplicação foi concebida, para que o utilizador nunca se perca, o "noise" visual foi evitado ao máximo, e todas as linhas, texturas e cores foram escolhidas para simpatizar com o utilizador. dividimos o ecra em dois, nomeadamente um espaço dedicado essencialmente à navegação, e o outro à consulta de informação. quando se acede a uma pagina diferente do menu, o botao da pagina desloca-se para o topo, como que um trilho de migalhas de pão. embora procuremos uma aplicação com interactividade intuitiva, não menosprezamos o estímulo do utilizador, procurando gerar curiosidade no mesmo.
Desenho funcional
Requisitos funcionais
A aplicação não necessita de ter um loading porque, dado o fim de utilização, estará sempre com o menu aberto e pronto a ser utilizado pelo público.
No menu, está presente uma barra lateral com todos os itens/páginas disponíveis para consulta. Temos ainda apresentado por botões explícitos:
- página em português [botão PT, no canto superior esquerdo];
- página em inglês [botão EN, junto ao botão PT];
- parar/reproduzir som de fundo [botão com símbolo de altifalante, no canto inferior direito].
Temos ainda, botões com informação indexada, que seguem a aplicação para a respectiva página de conteúdo:
- características físicas;
- comportamento;
- taxonomia;
- população e distribuição;
- ecologia.
Estrutura arborescente
Desenho de interação e usabilidade
A aplicação é de bastante fácil navegação. Apesar do menu principal não estar sempre disponível, tá sempre disponível um botão disponível para voltar ao menu, e outro para voltar ao sub-menu. Na página da População e Distribuição tem um mapa onde clicando numa das zonas destacadas no mapa acede-se a informação sobre a sub-espécie referente a essa zona. Na página das características físicas se clicarmos numa das bolas presentes sobre o desenho da lontra acedemos a informação detalhada sobre essa parte da lontra.
Desenho técnico
Na fase de construção da aplicação usámos diverso software da Adobe versão CS4, tal como o Illustrator, Photoshop e o Flash Professional para tratar tudo o que era visual na nossa aplicação. Usámos ainda o Audacity para diminuir o ganho da música a ser usado como som de fundo.
Produção do projecto
A navegação na aplicação é inteiramente feita com o rato. É realizada através de "clicks" em botões colocados em menus ou em zonas especificas da estrutura da página. O botão para parar ou iniciar o som de fundo está sempre visível no canto inferior direito da aplicação.
Integração e controlo de som
Na aplicação o som foi integrado como som de fundo. Existem um botão no canto inferior direito que pára o som. Quando se clica para parar o som, o botão desaparece e aparece um para recomeçar o som e vice-versa. Infelizmente já depois da entrega deparámo-nos com vários pequenos bugs relacionados com o som de fundo.
Animação
A animação baseou-se nos nossos prévio conhecimentos de as2.0. Interção e alternação entre movie-clips e símbolos gráficos. No menu principal os botões aparecem a vir da esquerda de fora do "stage", todos os botões do menu tem um brilho diferente para três das situações diferentes dos botões (up/down/over). Quando avança para uma das secções o respectivo botão move-se para cima quase até ficar no canto superior esquerdo. Nas Caracteristicas Fisicas o desenho da lontra aparece gradualmente, passando por diferentes fases do desenho manual de uma lontra.
Soluções técnicas adoptadas para a resolução de problemas
(problemas encontrados durante o desenvolvimento do projeto e soluções técnicas adoptadas na sua resolução) No momento de aplicação das tradução de toda a aplicação, estabelecemos varias possiveis estratégias mas acabamos por simplificar, criando aplicação toda e duplicando a Cena, sendo apenas necessário então, a implementação do botão para alternar entre as duas. Deparamo-nos também com um problema do qual só nos apercebemos após a entrega e, por isso, não chegamos a corrigir a tempo; infelizmente, pois estaria ao nosso alcance corrigi-lo a tempo.
Conclusões
Reflexão crítica
A nossa aplicação resplandece de sucesso, execepto para a particularidade do botão de som, que teve um pequeno lapso na consistência através da aplicação. Contudo ficamos satisfeitos com a interactividade e com o orientação visual do sujeito. Ficou simples interessante.
Sugestões para o aperfeiçoamento e/ou desenvolvimento futuro do projeto
Poderia ser criada uma pagina extra com um nivel de interactividade diferente, onde se encontra uma galeria de visualização de conteúdos multimédia dentro da temática, com possivel aprtilha de imagens e videos entre diferentes utilizadores; até um espaço para deixar pequenos comentáriose partilhas de experiências em formato de texto, sem contas nem utilizadores ou outro tipo de identificação mandatória, o que requeria uma triagem com censura evidente. Porem estes extras encontravam-se fora das nossas capacidades.
Referências Web e Bibliográficas
Diário de bordo
8 de Dezembro
Decisão do tema e criação desta mesma página.
15 a 24 de Dezembro
Desenho e edição dos conteúdos/imagens a serem usadas na aplicação.
9 a 12 de Janeiro
Construção da aplicação
12 de Janeiro
Finalização da aplicação
13 de Janeiro
Entrega da aplicação
