Diário de Bordo
No dia 20 de Dezembro foi efectuada a entrega da parte gráfica da aplicação multimédia sobre a ria de Aveiro para o Oceanário Ocellaris. Essa entrega, para a cadeira de Imagem Digital - Estática, foi adiada devido à grande quantidade de trabalho que os alunos tinham na última semana de aulas do semestre. Feita a apresentação dessa parte no dia 15 de Dezembro, as críticas ajudaram o grupo a melhorar alguns aspectos do desenho da aplicação e melhoramento de cores.
A partir do dia 20 de Dezembro ficou decidido que o trabalho seria dividido ficando a Fabiana Leal com a parte de integração dos elementos gráficos no flash e actualização da Wiki do projecto, respectivas animações e programação dos conteúdos; a Mariana Carlos e o Renato Costa com a parte do relatório e o Rúben Leite com a parte sonora e também o Relatório, ficando também a Mariana Carlos encarregue da actualização da Wiki do projecto.
Têm sido então feitas pesquisas no que toca à parte sonora de modo a encontrarmos os sons perfeitos para a aplicação. A parte da montagem dos elementos também está pronta, e a programação dos botões também. O relatório, com algumas dificuldades tem também sido desenvolvido.
Até agora a maior dificuldade encontrada tem sido o facto de sermos todos de lugares distantes, nomeadamente Lourosa, Matosinhos, Aveiro e Leiria, o que torna o desenvolvimento integral do trabalho um pouco complicado mas não impossível. A utilização do Dropbox para partilha dos ficheiros tem sido diária.
No dia 21 de Dezembrodemos início da Animação. Inserção dos cenários realizados em ID-E no Flash.
No período de 21 de Dezembro a 6 de Janeiro realização da animação e respectiva programação.
Nos dias 9 e 10 de Janeiro procura de Sons para a animação e consequentemente o tratamento dos mesmos (recurso ao Audacity). Últimas revisões e reparações em alguns aspectos da Animação.
Paralelamente a execução da animação demos início ao Relatório, distribuindo os vários tópicos pelos elementos do grupo encarregues do mesmo.
Conseguimos avançar positivamente no Relatório o que nos facilitou a questão da falta de tempo.
No dia 10 de Janeiro finalizamos o ponto 5 do Relatório (Produção do projecto) que já tinha ficado definido pelos elementos do grupo que seria mais fácil a sua concretização quando a animação estivesse concluída para podermos abordar aspectos mais minuciosos na questão do Som, Animação e eventuais problemas que surgissem, sem nunca esquecer o factor principal: Actionscript.
Primeiros esboços para a capa do CD.
Também no dia 10 de Janeiro e manhã do dia 11 de Janeiro actualizamos a nossa Wiki. Inserimos na mesma as imagens dos cenários realizado em ID-E,os botões e janelas. Prevemos ainda terminar as capas para o CD.
Actualizamos a Wiki, integrando nela parte do Relatório feito, deixando para amanhã o restante.
No dia 12 de Janeiro integramos o Som, já tratado anteriormente, na Animação.
Iniciamos a preparação para a Apresentação que realizar-se-a no dia 16 de Janeiro pelas 11:40H.
Como previsto a Animação será entregue dentro do prazo estipulado pelos Professores da Disciplina.
No dia 13 de Janeiro procedemos á impressão das capas, actualização do relatório na wiki e gravação dos conteúdos desenvolvidos em dois Dvd's distintos. Durante o fim de semana iremos finalizar a distribuição de tarefas e respectiva preparação para a apresentação que decorrerá no dia 16 de Janeiro.
Relatório
Apresentação do projecto
O projeto apresentado resulta de um trabalho desenvolvido para duas unidades curriculares distintas Laboratório Multimédia 1 e Imagem Digital Estática.
O nosso projeto insere-se assim numa das temáticas apresentadas na unidade curricular de Imagem Digital Estática, mais propriamente o “Oceanário”.
O Oceanário Ocellaris decidiu desenvolver um projecto em parceria com a Universidade de Aveiro com o intuito de desenvolver uma aplicação multimédia offline destinada a um público infantil com idades compreendidas entre os 7 e os 10 anos, onde é dada a conhecer a diversidade da fauna e flora da Ria de Aveiro. Durante a interação com esta aplicação é apresentada uma breve contextualização deste símbolo da cidade, os sapais, os prados marinhos e as diferentes espécies de peixes que ali habitam. De uma forma interactiva as informações científicas tornam-se muito mais apelativas e simples de entender.
Análise e planeamento
Para a concretização deste projeto houve uma análise pormenorizada sobre a região em destaque, Aveiro e enumeras pesquisas sobre os principais interesses do nosso público-alvo.
O desenvolvimento deste projecto foca-se na Ria de Aveiro, já referenciado anteriormente, o que nos levou a uma investigação intensiva sobre os recursos que nela encontramos. É através desses recursos que desencadeamos o nosso projecto, levando-nos a conhecer aprofundadamente as espécies que muitos de nós até então desconhecíamos.
Sentimos uma enorme motivação de dar ênfase ao que podemos encontrar neste meio e contribuir assim, de forma didática, para o desenvolvimento dos conhecimentos e possível interesse na Fauna e na Flora presentes na Ria.
Sem nunca abandonarmos o nosso tema, fixamos as nossas ideias iníciais em pontos cruciais desta cidade que nos acolhe, como o típico moliceiro, o farol da Barra e por fim todas as espécies presentes na Ria, desde espécies marinhas a sapais e prados.
Com esta aplicação pretendemos criar pontos de interesse científico sobre o tema em geral e inter-ligar desta forma as Artes e as Ciências, criando assim um meio de informação e conhecimento, entrelaçando assim aspectos cromáticos e contextos históricos fundamentais para a sua interpretação.
Por fim, debruçamo-nos em interpretar de que forma poderíamos tornar tudo muito mais apelativo, recorrendo assim, a paletes de cores, (ver Anexo 1) que criam uma harmonia visual sem esquecermo-nos da palavra-chave Ocellaris. Ocellaris, o peixe palhaço, é desta forma o ponto fundamental deste projecto devido as suas cores chamativas e pelo contexto singular que vincam, sem duvida, o nosso projecto. É desta forma que pretendemos marcar a diferença e contribuir para o desenvolvimento, crescimento e domínio de conhecimento com bases científicas que possam criar pontos de interesse neste público.
Analisamos e agrupamos os temas Fauna e a Flora de formas distintas, para criar diferentes meios, recurso a dois Habitat, devido ao diferente meio em que se encontraram e facilitarem, desta forma, a integração da criança nesta diversidade.
Desenho funcional
Requisitos funcionais
O utilizador poderá navegar na aplicação desenvolvida através de botões de navegação. Na criação destes botões foi tido em conta o público alvo escolhido, daí os botões serem de fácil compreensão, simples e apelativos (ver Anexo 2). Também as cores foram escolhidas de forma a tornar a aplicação mais divertida e entusiasmante. Na criação de todos os conteúdos foi tido em conta os requisitos de funcionalidade e simplicidade visto que a aplicação foi concebida para ser utilizada por crianças, que não possuem grande conhecimento informático. A titulo de exemplo, os menus são de bastante fácil compreensão(ver Anexo 3).
Estrutura arborescente
A quando a elaboração da estrutura arborescente foi tido em conta o público alvo escolhido. Pretendeu-se assim desenvolver uma estrutura simples e um pouco desafiante. A estrutura desenvolvida pode ainda ser caracterizada como hierárquica linear, onde se verifica uma organização ramificada e hierarquizada da informação, é unicamente permitido ao utilizador navegar em profundidade entre os níveis da estrutura, não podendo assim navegar entre itens do mesmo nível da estrutura.
A aplicação desenvolvida, assenta num paradigma de interacção tutorial, havendo uma sequencialidade do fluxo da informação.
No planeamento e desenvolvimento da estrutura arborescente, e de toda a aplicação, foi tido em conta o público alvo escolhido. Tendo deste modo resultado uma estrutura simples e de fácil navegação para os utilizadores (ver anexo 4).
Desenho de interacção e usabilidade
Na concepção do desenho da aplicação foi bastante importante uma revisão da materia lecionada até então. Foi ainda necessária uma pesquisa mais aprofundada, incidindo principalmente sobre as “Heuristicas de Usabilidade” (Nielsen(1994)-Ten Usability Heuristics). Tentamos na elaboração do desenho da aplicação considerar os principios enunciados por Nielsen, destacando-se o feedback, o falar a linguagem do usuário, minimizar a sobrecarga de memoria do usário e diálogos simples e naturais.
O ideal é que um software seja tão fácil de usar (intuitivo) que não necessite de ajuda ou documentação.
Se for necessária a ajuda deve estar facilmente acessível on-line.
Desenho técnico
Em relação ao desenho técnico, o nosso projecto remete-nos para uma simplicidade visual que caracteriza o público-alvo. Assim, os botões, os textos e as imagens dinamizam o projecto de forma simples o que torna a sua navegação rápida e concisa. Visto que o nosso público-alvo são as crianças e sem nunca esquecermos o quanto é importante, do ponto de vista técnico, a sua fácil interacção com o sistema, tentamos de forma divertida e numa linguagem característica desta faixa etária denominar aspectos que poderiam caracterizar-se pela sua complexidade em algo que a palavra-chave seria simplicidade.
Sem nunca esquecer a usabilidade do sistema, tendo em vista todos os requisites acima descritos, optamos por usar e usufruir do que aprendemos até então e pormos em prática os processos de fácil identificação presentes nos botões e menus.
Produção do projecto
Estrutura e meios de navegação/interação
Em relação aos meios de navegação temos um menu principal que é mostrado ao utilizador no inicio da aplicação. Decidimos optar por esta solução, devido á sensação de organização que é criada ao utilizador. Neste menu é possível clicar num link com descendência, Fauna e Flora, que irá permitir a visualização de toda a biodiversidade presente na Ria de Aveiro.
A interacção entre utilizador e a aplicação é feita através de um menu, botões e janela de sair da aplicação.
Integração e controlo de som
Ao navegar pela aplicação, é possível ao utilizador ouvir um som de fundo que o remete para um ambiente maritimo e de biodiversidade. O controlo do mesmo pode ser feito através de botões posicionados no stage no campo superior direito. É permitido ao utilizador através dos botões ligar e desligar o som. A interação com estes botões pode ser feita em toda a estrutura da aplicação.
Códigos de Integração e controlo de som:
var som_fundo:Sound=new Sound();
som_fundo.attachSound("som_fundo");
som_fundo.start();
som_fundo.onSoundComplete=function(){
som_fundo.start();
}
Ligar som:
on (release) {
som_fundo.stop();
som_fundo.start();
}
Desligar som:
on (release) {
som_fundo.stop();
}
Animação
A aplicação apresentada apresenta algumas animações, geralmente baseadas em tween’s e guide layer’s. Estas surgem como um elemento fulcral na aplicação, visto tornarem a aplicação mais dinâmica. A animação pode ser considerada simples, pois a faixa etária á qual se destina a aplicação demonstra bastante interesse em animações deste género.
Soluções técnicas adoptadas para a resolução de problemas
Durante o desenvolvimento do projecto surgiram algumas adversidades, destacando-se apenas uma complicação na execução de um código em actionscript 2.0, definido para colocar um scroll na informação a apresentar. Conseguimos arranjar então uma solução viável de dividir a informação e coloca-la em duas frames distintas.
Conclusões
Reflexão crítica
Com o desenvolver deste projecto foi possível aos vários elementos do grupo assimilarem uma série de conhecimentos adquiridos tanto em Imagem Digital estática bem como em Laboratório Multimédia 1 ao longo do semestre. Para além da aplicação desses mesmos conhecimentos leccionados foi necessária uma pesquisa extra para ajudar a execução do projecto. Pesquisa esta que incidiu principalmente a nível de actionscript 2.0, usada no projecto.
Com este projecto pretendíamos criar uma aplicação offline que permitisse ao público-alvo conhecer a fauna e a flora da ria de Aveiro. Finalizado o projecto achamos que chegamos ao objectivo inicial de criar uma aplicação interactiva simples, coesa e interessante.
Várias foram as dificuldades encontradas, mas em grupo foi-nos possível superá-las com sucesso.
Para além da aplicação dos conhecimentos adquiridos ao longo do semestre podemos dizer que este projecto contribui ainda para a formação enquanto pessoa de cada elemento. Principalmente devido ao facto de este ser um trabalho de grupo, o que implica o confronto de ideias e personalidades que só são ultrapassadas através do entendimento entre ambas as partes. Também foi-nos permitido obter um maior conhecimento sobre o tema abordado na aplicação e obter assim uma nova visão mais viva e dinâmica da Ria de Aveiro.
Sugestões para o aperfeiçoamento e/ou desenvolvimento futuro do projecto
Quando foi abordada esta questão, em grupo, de ser feito um aperfeiçoamento da aplicação desenvolvida foi unânime a opinião de que se poderia evoluir ao nível da interactividade, tornando a aplicação ainda mais desafiante para o utilizador. Esta sugestão requer assim algum tempo e dedicação. Só não nos foi possível criar um nível de interactividade mais elevado devido á condicionante do tempo.
Seria também interessante se a aplicação apresenta-se mais informação referente á biodiversidade existente na área de Aveiro para além da ria de Aveiro.
Referências Web e Bibliográficas
Cenários
http://www.biorede.pt/
http://www.smartkids.com.br/especiais/peixes-peixe-eletrico.html
http://www.souamigodomar.com.br/
Recolha de Dados
http://riadeaveiro.web.ua.pt/1000000000_index.html
http://pescaveiro.org/?p=ep_peixesosseos_congro
Desenho interacção e de usabilidade
http://www.slideshare.net/agner/heuristicas-usabilidade - Nielsen(1994)-Ten Usability Heuristics
Desenho Técnico
http://www.flashwebtraining.com/tutoriais/actionscript/captions/01.php
Produção do Projecto
http://souamigodomar.com.br/
http://www.freesound.org
- http://www.freesound.org/people/acclivity/sounds/13564/
- http://www.freesound.org/people/hazure/sounds/23707/
- http://www.freesound.org/people/digifishmusic/sounds/43760/
Nota: Recurso aos materiais lecionados e fornecidos nas aulas teóricas e práticas.
Anexos
| Anexo 1
Anexo 2
Anexo 3
Anexo 4
|
