Lontras-Marinhas

Da Lab. Multimédia 1
(Diferença entre edições)
Ir para: navegação, pesquisa
 
(9 edições intermédias de 3 utilizadores não apresentadas)
Linha 17: Linha 17:
 
'''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.
 
'''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.
 
<br><br>
 
<br><br>
=Relatório=
 
  
 
+
=Apresentação do projecto=
==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.<br>
 
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.<br>
Linha 27: Linha 25:
 
<br><br>
 
<br><br>
  
==Análise e planeamento==
+
=Análise e planeamento=
(investigação temática, estado da arte, definição do conceito...)
+
  
==Desenho funcional==
+
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.
 +
<br><br>
 +
 
 +
=Desenho funcional=
 +
 
 +
==Requisitos funcionais==
  
===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.<br>
 
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.<br>
 
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:<br>
 
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:<br>
Linha 47: Linha 53:
 
<br><br>
 
<br><br>
  
===Estrutura arborescente===
+
==Estrutura arborescente==
 +
 
 
[[File:Arborescência lontras.png|700px|center]]
 
[[File:Arborescência lontras.png|700px|center]]
 
<br><br>
 
<br><br>
  
===Desenho de interação e usabilidade===
+
==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.
 
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.
 +
<br><br>
 +
 +
=Desenho técnico=
  
==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.
 
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.
 +
<br><br>
  
==Produção do projecto==
+
=Produção do projecto=
 +
 
 +
==Estrutura e meios de navegação/interação==
  
===Estrutura e meios de navegação/interação===
 
 
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.
 
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.
 
O botão para parar ou iniciar o som de fundo está sempre visível no canto inferior direito da aplicação.
 +
<br><br>
 +
 +
==Integração e controlo de som==
  
===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.
 
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.
 +
<br><br>
  
===Animação===
+
==Animação==
[[A animação depende essencialmente do que aprendemos este ano. Com quase todas as animações tarem relacionadas com o movimento do objecto ou o valor de "alpha".]] 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 como se passasse por diferentes fases de desenho.
+
 
 +
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.
 +
<br><br>
 +
 
 +
==Soluções técnicas adoptadas para a resolução de problemas==
  
===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)
 
(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.
 +
<br><br>
  
==Conclusões==
+
=Conclusões=
  
===Reflexão crítica===
+
==Reflexão crítica==
  
===Sugestões para o aperfeiçoamento e/ou desenvolvimento futuro do projeto===
+
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.
(no âmbito dos conteúdos programáticos da unidade curricular)
+
Contudo ficamos satisfeitos com a interactividade e com o orientação visual do sujeito. Ficou simples interessante.
 +
<br><br>
  
==Referências Web e Bibliográficas==
+
==Sugestões para o aperfeiçoamento e/ou desenvolvimento futuro do projecto==
  
==Anexos==
+
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.
 +
<br><br>
  
 +
=Referências Web e Bibliográficas=
 +
 +
*http://livedocs.adobe.com/flash/9.0/main/flash_as2_learning.pdf
 +
*http://help.adobe.com/en_US/AS2LCR/Flash_10.0/help.html?content=Part2_AS2_LangRef_1.html
 +
<br><br>
  
 
=Diário de bordo=
 
=Diário de bordo=
 +
 
'''8 de Dezembro'''
 
'''8 de Dezembro'''
  

Edição actual desde as 18h07min de 16 de Janeiro de 2012

Cartoon-otter.jpg

Í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.

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

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:

Temos ainda, botões com informação indexada, que seguem a aplicação para a respectiva página de conteúdo:



Estrutura arborescente

Arborescência lontras.png



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

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

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 projecto

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

Ferramentas pessoais
Espaços nominais
Variantes
Acções
Navegação
Ferramentas