Melody

From LABMM1_IDE

(Difference between revisions)
Jump to: navigation, search
(→Memória descritiva)
(→Relatório)
 
(46 intermediate revisions not shown)
Line 1: Line 1:
-
Grupo:
+
 
 +
== Relatório ==
 +
[[http://wikis.ua.pt/lab1ide/index.php/Melody/rRelatorio]]
 +
 
 +
==Apresentação do projecto==
 +
 
 +
'''Grupo'''
Anabela Casqueira 59627
Anabela Casqueira 59627
Line 5: Line 11:
Ana Rita Pinheiro 60789
Ana Rita Pinheiro 60789
-
Belen 59070
+
Belen Mielgo Gil 59070
Júlia Farias 60123
Júlia Farias 60123
-
 
+
''' Memória descritiva'''  
-
 
+
-
== ''' Memória descritiva''' ==
+
✗ Tema - ♫ Música ♫
✗ Tema - ♫ Música ♫
Line 18: Line 22:
✗ Área de conteúdo - Entretenimento
✗ Área de conteúdo - Entretenimento
-
✗ Para quem se destina - Crianças (a partir dos 6 anos)
+
✗ Para quem se destina (alterado no dia 12/12/10) - Crianças (dos 6 aos 9 anos)
✗ Paradigma de interacção ambiente (em maioria)
✗ Paradigma de interacção ambiente (em maioria)
-
✗ Objectivo: Incentivar o gosto pela música e educar musicalmente
+
✗ Objectivos (alterado no dia 12/12/10) :  
-
Na aplicação iremos ter três personagens principais que irão guiar o utilizador. Irão ser apresentadas no início  e irão apenas expressar-se de sons expressivos (baseámo-nos nos Minions [http://www.youtube.com/watch?v=EO-pN_-y5YA])
+
Incentivar o gosto pela música e educar musicalmente
 +
Estimular a discriminação audiva através de diferentes tipos de sons (emitidos pelos instrumentos)
 +
Estimular a memória auditiva (treinar através da repetição do som)
 +
Discriminação figura-fundo
 +
Estes itens são pré-requisitos para o desenvolvimento global de uma criança
 +
Também estimula a percepção visual na medida em que vão ter que encontrar os objectos que estão misturados no ambiente do quarto
 +
Na aplicação iremos ter três personagens principais que irão guiar o utilizador. Irão ser apresentadas no início  e irão apenas expressar-se de sons expressivos (baseámo-nos nos Minions [http://www.youtube.com/watch?v=EO-pN_-y5YA])
 +
 +
==Análise e planeamento==
'''State of the art'''
'''State of the art'''
Line 35: Line 47:
Para termos uma ideia mais geral da aplicação também [Made in me http://www.madeinme.com/]. A partir da visualização deste site percepcionámos actividades que poderíamos proporcionar às crianças e a forma como o fazer para as cativar à visita da nossa aplicação.
Para termos uma ideia mais geral da aplicação também [Made in me http://www.madeinme.com/]. A partir da visualização deste site percepcionámos actividades que poderíamos proporcionar às crianças e a forma como o fazer para as cativar à visita da nossa aplicação.
-
== Diário de bordo ==
+
'''Diário de bordo'''
Line 54: Line 66:
» Ana Rita ficou de vectorizar a personagem Dy
» Ana Rita ficou de vectorizar a personagem Dy
-
» Bellen ficou encarregue de terminar o logótipo que iniciámos na aula
+
» Belen ficou encarregue de terminar o logótipo que iniciámos na aula
 +
==Desenho funcional==
 +
===Requisitos funcionais===
 +
 +
===Estrutura arborescente===
 +
 +
[[File:Arborescencia alterada.jpg]]
 +
 +
'''Alterações na arborescência:''' A alteração que foi feita foi o link da música deixar de existir, ou seja, dentro do link da informação terá dois botões (start e stop) que permitirão ao utilizador ouvir a música do instrumento indicado.
 +
 +
===Desenho de interacção e usabilidade===
Esboços das personagens principais -  
Esboços das personagens principais -  
Line 67: Line 89:
[[File:Logotiporesize.jpg]]
[[File:Logotiporesize.jpg]]
 +
 +
» Tipo de letra escolhido para subtítulos e textos corridos é Calibri
 +
 +
» Título principal da aplicação é o logótipo "Melody"
 +
 +
» Esquema de cores a serem utilizadas na aplicação: tetrad
 +
 +
[site visitado para a escolha do esquema: http://colorschemedesigner.com/]
 +
 +
Logotipo:
 +
 +
[[File:Logotipo melody.JPG]]
 +
 +
O logotipo está sujeito a alterações visto às observações feitas durante a aula pelo professor. As cores também serão acrescentadas segundo o esquema de cor escolhido.
 +
 +
'''06.Dez.2010'''
 +
 +
Este é o esquema de cores utilizado na aplicação [http://colorschemedesigner.com/#5d40a----w0w0]
 +
 +
[[File:Esquema_cores.jpg]]
 +
 +
 +
'''9.Nov.2010'''
 +
 +
Durante as aulas de IDE e LABmm1 de hoje já tínhamos o cenário inicial terminado e com as respectivas cores. Fizemos uma pequena apresentação ao professor dos escrãs de entrada e menu inicial. Aqui foram-nos apontados alguns "erros" de iluminação, daí que nos tenha sugerido a não utilizar gradientes devido à sua complexidade. Também nos foi sugerido tirar a saturação de algumas cores do quarto que faziam com que objectos não importantes fossem demasiado destacados e, em vez disso, deveríamos tirar saturação desses e deixar os objectos que iam ser animados com cor mais viva para chamar a atenção a esses. Além do quarto tivemos uma opinião sobre o logótipo onde a colcheia devia ter uma forma melhor estruturada.
 +
No início da aplicação, antes da animação de apresentação das personagens principais criámos o logótipo e um botão de entrada e aí notas onde com o roll-over fizemos testes para dar um som. Depois disso fizemos, finalmente, a arborescência completa que iremos colocar hoje conforme as datas.
 +
 +
 +
'''Personagens'''
 +
 +
ME
 +
 +
[[File:Me model.JPG]]
 +
 +
LO
 +
 +
[[File:Lo_posiçoes2.jpg‎]]
 +
 +
DY
 +
 +
[[File:Dy posições2.jpg]]
 +
 +
'''Ecrãs'''
 +
 +
[[File:Ecra_principal_melody.JPG]]
 +
 +
[[File:Ecra_melody_exemplos.JPG]]
 +
 +
==Desenho técnico==
 +
 +
'''03.Dez.2010'''
 +
 +
[[File:Esquema.jpg]]
 +
 +
 +
Explicação do esquema: O utilizador poderá abrir as gavetas/portas do armário e do beliche (o beliche é para 3 pessoas, a 3ª cama encontra-se dentro de uma gaveta), os instrumentos e uma das personagens estarão escondidos no quarto excepto a bateria, o Clarinete também se vai encontrar escondido mas será mais difícil de encontrar sendo assim o instrumento extra, as personagens (Me, Lo e Dy) estarão no quarto a personagem que estará escondida será o Lo. Cada personagem tem o seu instrumento, a Dy = piano (mas também sabe tocar clarinete), o Lo = bateria e o Me = guitarra. Pelo quarto haverão estantes com livros, e peluches/almofadas em cima da cama.
 +
 +
'''Trabalho em aula'''
 +
 +
Durante as aulas de IDE e de Labmm1 dedicamo-nos à continuação das etapas do projecto. Em IDE realizámos uma tabela com os elementos gráficos presentes na aplicação e as respectivas animações de forma a nos guiarmos durante o projecto. Aqui incluem-se os instrumentos, gavetas e portas que abrem. Decidimos também as animações que iremos atribuir a cada um dos ícones na interface. Continuámos com o desenvolvimento do cenário principal (o quarto) bem como atribuímos cores às nossas personagens, tendo finalizado o logótipo com algumas sugestões do professor.
 +
Durante o horário de almoço iniciamos a vectorização dos instrumentos necessários na aplicação, dando continuação ao trabalho da aula de Labmm1. Na aula, continuámos o trabalho dividindo tarefas. A Anabela finalizou um dos instrumentos (o clarinete) e começou a realizar algumas pesquisas acerca de cada um. Iniciámos a elaboração da estrutura arborescente da nossa aplicação.
 +
Ouvimos a opinião da professora acerca do state of the art que estava incompleto. Sendo assim, decidimos completá-lo. Esta chamou também a atenção para o facto do nosso público-alvo ser demasiado amplo. Sendo assim, foi-nos aconselhado a fazer um estudo sobre o desenvolvimento infantil para estabelecer a faixa etária apropriada à utilização da nossa aplicação. Além disso, ainda referiu o facto de "aplicações mais complexas" a nível de programação serem mais valorizadas o que nos fez repensar sobre as formas de interacção planificadas.
 +
 +
==Produção do projecto==
 +
 +
===Estrutura e meios de navegação/interacção===
 +
 +
 +
Novo Ecrã Inicial (com o "novo logotipo" e botões)
 +
 +
[[File:Ecra1.JPG]]
 +
 +
 +
 +
'''Animações de objectos integrados na aplicação (Assets)'''
 +
 +
[[Media:Animações_aplicaçãoPDF.pdf]]
 +
 +
 +
===Integração e controlo de som===
 +
 +
===Animação===
 +
 +
===Soluções e técnicas adoptadas para a resolução de problemas===
 +
 +
 +
'''13.Nov.2010'''
 +
 +
Em IDE apresentámos o progresso actual do projecto pelos seguitnes tópicos:
 +
» Escrãs
 +
» Formas
 +
» Esquema de cores (justificação deste esquema)
 +
» Tipografia
 +
» Requisitos funcionais: model sheets, botões, objectos animados
 +
» Identidade Visual: Logótipo e personagens principais (Me, Lo e Dy)
 +
 +
 +
Observações dos professores de IDE:
 +
 +
Segundo os nossos professores de IDE tivemos uma boa apresentação, apesar de termos ultrapassado um pouco do tempo previsto para cada grupo. As observações feitas foram o facto de não termos explícito detalhadamente na wiki a forma de interacção de cada passo da nossa aplicação e de não termos colocado na wiki a tabela dos requisitos funcionais que apresentámos no trabalho. Alertaram-nos para as linhas dos objectos realizados com a pen tool no illustrator, o que podia melhorar bastante o nosso projecto. Este facto justifica-se pela falta de experiência.
 +
 +
==Conclusões==
 +
 +
===Reflexão crítica===
 +
 +
===Sugestões para o aperfeiçoamento e/ou desenvolvimento futuro do projecto===
 +
 +
==Referências Web e Bibliográficas==
 +
 +
Made In Me: http://www.madeinme.com/
 +
 +
[[File:Landofme.JPG]]
 +
 +
 +
JKRowling: http://www.jkrowling.com/
 +
 +
[[File:Jhowling.JPG]]
 +
 +
 +
Simon: http://digitalgames.com.br/jogar-online/genius
 +
 +
[[File:Genius.JPG]]
 +
 +
 +
AgencyNet: http://www.agencynet.com/
 +
 +
[[File:Agencynet.JPG]]
 +
 +
==Anexos==
 +
 +
'''12.Dez.2010'''
 +
 +
Juntamo-nos para tratar do powerpoint para a apresentação de IDE. Discutimos sobre os objectivos, reformulando-os e sobre o público alvo da nossa aplicação. Acrescentamos também algumas inspirações no state of the art. Modificamos o logotipo e acrescentamos um novo ecrã: O ecrã inicial da aplicação.
 +
 +
State of the art - Mudança
 +
 +
 +
'''13.Nov.2010'''
 +
 +
Durante a aula de LABmm1 começámos a animar o início da aplicação multimédia (apresentação das personagens, entrada na aplicação e no menu principal).
 +
 +
 +
'''16.Dez.2010'''
 +
 +
Hoje nas aulas de IDE tínhamos a apresentação das personagens completa, contudo a parte do piano de cauda onde têm o quarto dentro não está completamente concluída devido a alguns problemas no flash. Hoje fizemos a divisão de tarefas para a aplicação. Aqui mostro a divisão de tarefas e em que consiste cada uma:
 +
 +
Ana Rita - jogo da guitarra
 +
 +
Este ecrã será acedido quando o utilizador encontrar a guitarra. Quando clica aparece uma janela com a guitarra e uma das personagens principais que acompanha o utilizador. No objecto poderá fazer um roll-over pelas cordas e ouvir o som. Nesta janela temos acesso a 2 links: brincar (onde contém o jogo) e info (onde terá uma pequena curiosidade relativamente ao instrumento e uma pequena música com os respectivos botões de play e stop). O jogo será composto por uma tabela de acordes. O utilizador pressiona um e apenas os acordes que com esse podem fazer uma música é que ficam visíveis, ou seja, os outros desaparecem e inicia-se a música.
 +
 +
Anabela - jogo do piano
 +
 +
Este ecrã será acedido quando o utilizador encontrar o teclado e fizer clique no objecto. Nesta nova janela aparece uma opção brincar, onde tem dentro dois botões (em forma de teclas) com opções de brincadeira do utilizador : Livre (para que o utilizador possa tocar nas teclas do piano livremente) e jogo (aqui o utilizador terá de "imitar" a música que será apresentada juntamente com as posiçães das notas no teclado).Tal como na guitarra também terá um botão de info ao pé do botão brincar, com pequenas curiosidades relativamente a este instrumento e uma música e os respectivos botões play e stop.
 +
 +
 +
Bellen - animação do clarinete
 +
 +
Quando o utilizador consegue realizar a prova do piano (jogo) no fim tem acesso a um outro instrumento, o clarinete. Este proporciona-nos a sua história através de uma pequena animação, de forma a falar um pouco mais deste instrumento pouco conhecido entre as crianças.
 +
 +
Júlia - jogo da bateria
 +
 +
Este ecrã será acedido quando o utilizador clica na bateria que, ao contrário dos outros instrumentos, não se encontra escondida no quarto. Aqui aparecerão dois botões: brincar (que dá acesso ao jogo onde têm uma vista de cima da bateria e onde é possível clicar na bateria e imitir o som dela) e info (onde como todos os outros instrumentos terá uma curiosidade do instrumento e uma música com os respectivos botões play e stop.
 +
 +
 +
Ao longo da semana alterámos algumas coisas segundo as indicações dos professores de IDE na apresentação, nomeadamente na parte de aperfeiçoamento dos objectos no ilustrator (piano e guitarra) que notavam mais imperfeições.
 +
 +
 +
 +
 +
 +
'''Resultados finais destas semanas'''
 +
 +
Nas férias cada elemento do grupo ficou encarregue de fazer uma parte da aplicação no flash como apresentámos anteriormente.
 +
 +
Temos então os 3 jogos:
 +
 +
'''Jogo do piano:''' Aqui temos uma janela que aparece com o instrumento que seleccionamos e a personagem Dy que o toca. Temos um jogo onde o utilizador toca seguindo uma partitura, daí que tivemos que gravar os sons respectivos a cada tecla; e a parte livre, em que o utilizador toca livremente sem seguir quaisquer regras. Outro dos botões deste instrumento é o da informação onde temos a personagem a falar de uma curiosidade do instrumento. Aqui também teremos o texto que a personagem irá dizer para as crianças mais velhas.
 +
 +
No piano teremos um botão de som on/off e teremos uma slider para aumentar ou diminuir o volume. Aqui tivemos que pesquisar códigos para utilizar esta função.
 +
 +
 +
'''Jogo da guitarra''' Nesta aplicação temos o Me a fazer a apresentação do instrumento. Temos como nos outros instrumentos, um botão de informação que nos mostra uma curiosidade; e um do jogo. Neste teremos alguns acordes com as seguintes músicas:
 +
 +
- Papagaio Loiro
 +
 +
- Loja do Mestre André
 +
 +
- Não há estrelas no céu
 +
 +
- Os olhos da Marianita
 +
 +
Ainda temos 2 musicas por estabelecer.
 +
 +
 +
'''Jogo da bateria''' Aqui está a ultima personagem o Lo. Tal como nos outros instrumentos temos uma pequena informação do instrumento e o jogo. Neste último temos já a bateria feita vista de cima com as gravaçoes do som de cada local onde o utilizador irá pressionar.
 +
 +
 +
'''Animação do clarinete''' Nesta pequena animação temos o clarinete que aparece animado e fala um pouco do instrumento em si. No fim toca uma música composta pelo clarinete e outros instrumentos a acompanhar.
 +
 +
 +
Através das guides colocámos as janelas de cada instrumento centradas com o fundo do quarto.
 +
 +
'''Botões-over''' estão todos as 50% brightness.
 +
 +
 +
 +
'''O que falta'''
 +
 +
» recolher alguns sons (guitarra)
 +
 +
» colocar códigos nos botões do menu (quarto)
 +
 +
» juntar todas as partes
 +
 +
 +
Todas as janelas dos instrumentos têm uma seta no canto superior esquerdo com acesso a um pequeno menu com os botões fechar, som on/off e informação acerca da aplicação.
 +
 +
Quando o utilizador está numa janela de um instrumento e a personagem diz as opções que ele tem (jogar e brincar) aparece uma seta que aponta para os botões respectivos de cada acitividade.

Latest revision as of 21:14, 14 January 2011

Contents

Relatório

[[1]]

Apresentação do projecto

Grupo

Anabela Casqueira 59627

Ana Rita Pinheiro 60789

Belen Mielgo Gil 59070

Júlia Farias 60123


Memória descritiva

✗ Tema - ♫ Música ♫

✗ Área de conteúdo - Entretenimento

✗ Para quem se destina (alterado no dia 12/12/10) - Crianças (dos 6 aos 9 anos)

✗ Paradigma de interacção ambiente (em maioria)

✗ Objectivos (alterado no dia 12/12/10) :

Incentivar o gosto pela música e educar musicalmente Estimular a discriminação audiva através de diferentes tipos de sons (emitidos pelos instrumentos) Estimular a memória auditiva (treinar através da repetição do som) Discriminação figura-fundo Estes itens são pré-requisitos para o desenvolvimento global de uma criança Também estimula a percepção visual na medida em que vão ter que encontrar os objectos que estão misturados no ambiente do quarto


Na aplicação iremos ter três personagens principais que irão guiar o utilizador. Irão ser apresentadas no início e irão apenas expressar-se de sons expressivos (baseámo-nos nos Minions [2])

Análise e planeamento

State of the art

Para desenvolvermos as ideias expostas visitámos alguns sites que serviram de base nesta fase de iniciação. Baseámo-nos no site [ Harry Potter http://www.jkrowling.com/] onde está presente o paradima de interacção ambiente, o qual iremos utilizar para a nossa aplicação do mesmo género deste site.

Para termos uma ideia mais geral da aplicação também [Made in me http://www.madeinme.com/]. A partir da visualização deste site percepcionámos actividades que poderíamos proporcionar às crianças e a forma como o fazer para as cativar à visita da nossa aplicação.

Diário de bordo


25.Nov.2010

Nesta aula esclarecemos a ideias principais da aplicação. Entre elas a forma como a introdução se vai desenvolver. Teremos três personagens principais que serão apresentadas uma de cada vez no inicio, com uma pequena descrição ao lado de cada uma dizendo também o seu instrumento preferido. Depois da apresentação de cada um, iremos colocar um piano com os bonecos em cima. Depois desta cena vamos fazer um close up do piano e as personagens saltam para dentro, onde é a casa deles. Na cena seguinte aparecerá o conteúdo do piano que é um quarto que estará desarrumado com alguns instrumentos escondidos e embutidos no ambiente, de forma a levar as crianças a aventurar-se para os descobrir.

29.Nov.2010

Durante esta aula tirámos ideias da forma das personagens. Pesquisámos imagens e encontrámos algumas nas quais nos baseámos para a sua criação. Concluimos que só lhes faltava o nome e através do nome da aplicação (Melody) criámos um para as 3 personagens. Temos o Me, o Lo e a Dy. Foram realizados esboços no papel que depois foram fotografados e colocados no computador para depois passarmos cada um para illustrator. De seguida, estivemos a pesquisar o tipo de letra mais indicado para o titulo nos seguintes sites: [3] Iniciámos ainda a criação do logótipo e no fim decidimos dividir tarefas:

» A Júlia ficou encarregue vectorizar a personagem Lo

» Anabela encarregou-se de vectorizar a personagem Me

» Ana Rita ficou de vectorizar a personagem Dy

» Belen ficou encarregue de terminar o logótipo que iniciámos na aula

Desenho funcional

Requisitos funcionais

Estrutura arborescente

Arborescencia alterada.jpg

Alterações na arborescência: A alteração que foi feita foi o link da música deixar de existir, ou seja, dentro do link da informação terá dois botões (start e stop) que permitirão ao utilizador ouvir a música do instrumento indicado.

Desenho de interacção e usabilidade

Esboços das personagens principais -

Personagensresize.jpg

[fonte de inspiração das personagens - http://www.vectorilla.com/2010/07/vector-monsters/]

Esboço do logotipo -

Logotiporesize.jpg

» Tipo de letra escolhido para subtítulos e textos corridos é Calibri

» Título principal da aplicação é o logótipo "Melody"

» Esquema de cores a serem utilizadas na aplicação: tetrad

[site visitado para a escolha do esquema: http://colorschemedesigner.com/]

Logotipo:

Logotipo melody.JPG

O logotipo está sujeito a alterações visto às observações feitas durante a aula pelo professor. As cores também serão acrescentadas segundo o esquema de cor escolhido.

06.Dez.2010

Este é o esquema de cores utilizado na aplicação [4]

Esquema cores.jpg


9.Nov.2010

Durante as aulas de IDE e LABmm1 de hoje já tínhamos o cenário inicial terminado e com as respectivas cores. Fizemos uma pequena apresentação ao professor dos escrãs de entrada e menu inicial. Aqui foram-nos apontados alguns "erros" de iluminação, daí que nos tenha sugerido a não utilizar gradientes devido à sua complexidade. Também nos foi sugerido tirar a saturação de algumas cores do quarto que faziam com que objectos não importantes fossem demasiado destacados e, em vez disso, deveríamos tirar saturação desses e deixar os objectos que iam ser animados com cor mais viva para chamar a atenção a esses. Além do quarto tivemos uma opinião sobre o logótipo onde a colcheia devia ter uma forma melhor estruturada. No início da aplicação, antes da animação de apresentação das personagens principais criámos o logótipo e um botão de entrada e aí notas onde com o roll-over fizemos testes para dar um som. Depois disso fizemos, finalmente, a arborescência completa que iremos colocar hoje conforme as datas.


Personagens

ME

Me model.JPG

LO

Lo posiçoes2.jpg

DY

Dy posições2.jpg

Ecrãs

Ecra principal melody.JPG

Ecra melody exemplos.JPG

Desenho técnico

03.Dez.2010

Esquema.jpg


Explicação do esquema: O utilizador poderá abrir as gavetas/portas do armário e do beliche (o beliche é para 3 pessoas, a 3ª cama encontra-se dentro de uma gaveta), os instrumentos e uma das personagens estarão escondidos no quarto excepto a bateria, o Clarinete também se vai encontrar escondido mas será mais difícil de encontrar sendo assim o instrumento extra, as personagens (Me, Lo e Dy) estarão no quarto a personagem que estará escondida será o Lo. Cada personagem tem o seu instrumento, a Dy = piano (mas também sabe tocar clarinete), o Lo = bateria e o Me = guitarra. Pelo quarto haverão estantes com livros, e peluches/almofadas em cima da cama.

Trabalho em aula

Durante as aulas de IDE e de Labmm1 dedicamo-nos à continuação das etapas do projecto. Em IDE realizámos uma tabela com os elementos gráficos presentes na aplicação e as respectivas animações de forma a nos guiarmos durante o projecto. Aqui incluem-se os instrumentos, gavetas e portas que abrem. Decidimos também as animações que iremos atribuir a cada um dos ícones na interface. Continuámos com o desenvolvimento do cenário principal (o quarto) bem como atribuímos cores às nossas personagens, tendo finalizado o logótipo com algumas sugestões do professor. Durante o horário de almoço iniciamos a vectorização dos instrumentos necessários na aplicação, dando continuação ao trabalho da aula de Labmm1. Na aula, continuámos o trabalho dividindo tarefas. A Anabela finalizou um dos instrumentos (o clarinete) e começou a realizar algumas pesquisas acerca de cada um. Iniciámos a elaboração da estrutura arborescente da nossa aplicação. Ouvimos a opinião da professora acerca do state of the art que estava incompleto. Sendo assim, decidimos completá-lo. Esta chamou também a atenção para o facto do nosso público-alvo ser demasiado amplo. Sendo assim, foi-nos aconselhado a fazer um estudo sobre o desenvolvimento infantil para estabelecer a faixa etária apropriada à utilização da nossa aplicação. Além disso, ainda referiu o facto de "aplicações mais complexas" a nível de programação serem mais valorizadas o que nos fez repensar sobre as formas de interacção planificadas.

Produção do projecto

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

Novo Ecrã Inicial (com o "novo logotipo" e botões)

Ecra1.JPG


Animações de objectos integrados na aplicação (Assets)

Media:Animações_aplicaçãoPDF.pdf


Integração e controlo de som

Animação

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

13.Nov.2010

Em IDE apresentámos o progresso actual do projecto pelos seguitnes tópicos: » Escrãs » Formas » Esquema de cores (justificação deste esquema) » Tipografia » Requisitos funcionais: model sheets, botões, objectos animados » Identidade Visual: Logótipo e personagens principais (Me, Lo e Dy)


Observações dos professores de IDE:

Segundo os nossos professores de IDE tivemos uma boa apresentação, apesar de termos ultrapassado um pouco do tempo previsto para cada grupo. As observações feitas foram o facto de não termos explícito detalhadamente na wiki a forma de interacção de cada passo da nossa aplicação e de não termos colocado na wiki a tabela dos requisitos funcionais que apresentámos no trabalho. Alertaram-nos para as linhas dos objectos realizados com a pen tool no illustrator, o que podia melhorar bastante o nosso projecto. Este facto justifica-se pela falta de experiência.

Conclusões

Reflexão crítica

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

Referências Web e Bibliográficas

Made In Me: http://www.madeinme.com/

Landofme.JPG


JKRowling: http://www.jkrowling.com/

Jhowling.JPG


Simon: http://digitalgames.com.br/jogar-online/genius

Genius.JPG


AgencyNet: http://www.agencynet.com/

Agencynet.JPG

Anexos

12.Dez.2010

Juntamo-nos para tratar do powerpoint para a apresentação de IDE. Discutimos sobre os objectivos, reformulando-os e sobre o público alvo da nossa aplicação. Acrescentamos também algumas inspirações no state of the art. Modificamos o logotipo e acrescentamos um novo ecrã: O ecrã inicial da aplicação.

State of the art - Mudança


13.Nov.2010

Durante a aula de LABmm1 começámos a animar o início da aplicação multimédia (apresentação das personagens, entrada na aplicação e no menu principal).


16.Dez.2010

Hoje nas aulas de IDE tínhamos a apresentação das personagens completa, contudo a parte do piano de cauda onde têm o quarto dentro não está completamente concluída devido a alguns problemas no flash. Hoje fizemos a divisão de tarefas para a aplicação. Aqui mostro a divisão de tarefas e em que consiste cada uma:

Ana Rita - jogo da guitarra

Este ecrã será acedido quando o utilizador encontrar a guitarra. Quando clica aparece uma janela com a guitarra e uma das personagens principais que acompanha o utilizador. No objecto poderá fazer um roll-over pelas cordas e ouvir o som. Nesta janela temos acesso a 2 links: brincar (onde contém o jogo) e info (onde terá uma pequena curiosidade relativamente ao instrumento e uma pequena música com os respectivos botões de play e stop). O jogo será composto por uma tabela de acordes. O utilizador pressiona um e apenas os acordes que com esse podem fazer uma música é que ficam visíveis, ou seja, os outros desaparecem e inicia-se a música.

Anabela - jogo do piano

Este ecrã será acedido quando o utilizador encontrar o teclado e fizer clique no objecto. Nesta nova janela aparece uma opção brincar, onde tem dentro dois botões (em forma de teclas) com opções de brincadeira do utilizador : Livre (para que o utilizador possa tocar nas teclas do piano livremente) e jogo (aqui o utilizador terá de "imitar" a música que será apresentada juntamente com as posiçães das notas no teclado).Tal como na guitarra também terá um botão de info ao pé do botão brincar, com pequenas curiosidades relativamente a este instrumento e uma música e os respectivos botões play e stop.


Bellen - animação do clarinete

Quando o utilizador consegue realizar a prova do piano (jogo) no fim tem acesso a um outro instrumento, o clarinete. Este proporciona-nos a sua história através de uma pequena animação, de forma a falar um pouco mais deste instrumento pouco conhecido entre as crianças.

Júlia - jogo da bateria

Este ecrã será acedido quando o utilizador clica na bateria que, ao contrário dos outros instrumentos, não se encontra escondida no quarto. Aqui aparecerão dois botões: brincar (que dá acesso ao jogo onde têm uma vista de cima da bateria e onde é possível clicar na bateria e imitir o som dela) e info (onde como todos os outros instrumentos terá uma curiosidade do instrumento e uma música com os respectivos botões play e stop.


Ao longo da semana alterámos algumas coisas segundo as indicações dos professores de IDE na apresentação, nomeadamente na parte de aperfeiçoamento dos objectos no ilustrator (piano e guitarra) que notavam mais imperfeições.



Resultados finais destas semanas

Nas férias cada elemento do grupo ficou encarregue de fazer uma parte da aplicação no flash como apresentámos anteriormente.

Temos então os 3 jogos:

Jogo do piano: Aqui temos uma janela que aparece com o instrumento que seleccionamos e a personagem Dy que o toca. Temos um jogo onde o utilizador toca seguindo uma partitura, daí que tivemos que gravar os sons respectivos a cada tecla; e a parte livre, em que o utilizador toca livremente sem seguir quaisquer regras. Outro dos botões deste instrumento é o da informação onde temos a personagem a falar de uma curiosidade do instrumento. Aqui também teremos o texto que a personagem irá dizer para as crianças mais velhas.

No piano teremos um botão de som on/off e teremos uma slider para aumentar ou diminuir o volume. Aqui tivemos que pesquisar códigos para utilizar esta função.


Jogo da guitarra Nesta aplicação temos o Me a fazer a apresentação do instrumento. Temos como nos outros instrumentos, um botão de informação que nos mostra uma curiosidade; e um do jogo. Neste teremos alguns acordes com as seguintes músicas:

- Papagaio Loiro

- Loja do Mestre André

- Não há estrelas no céu

- Os olhos da Marianita

Ainda temos 2 musicas por estabelecer.


Jogo da bateria Aqui está a ultima personagem o Lo. Tal como nos outros instrumentos temos uma pequena informação do instrumento e o jogo. Neste último temos já a bateria feita vista de cima com as gravaçoes do som de cada local onde o utilizador irá pressionar.


Animação do clarinete Nesta pequena animação temos o clarinete que aparece animado e fala um pouco do instrumento em si. No fim toca uma música composta pelo clarinete e outros instrumentos a acompanhar.


Através das guides colocámos as janelas de cada instrumento centradas com o fundo do quarto.

Botões-over estão todos as 50% brightness.


O que falta

» recolher alguns sons (guitarra)

» colocar códigos nos botões do menu (quarto)

» juntar todas as partes


Todas as janelas dos instrumentos têm uma seta no canto superior esquerdo com acesso a um pequeno menu com os botões fechar, som on/off e informação acerca da aplicação.

Quando o utilizador está numa janela de um instrumento e a personagem diz as opções que ele tem (jogar e brincar) aparece uma seta que aponta para os botões respectivos de cada acitividade.

Retrieved from "http://wikis.ua.pt/lab1ide/index.php?title=Melody"
Personal tools
Namespaces
Variants
Actions
Navigation
Toolbox