Melody

From LABMM1_IDE

Latest revision as of 21:14, 14 January 2011

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

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 -

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

Esboço do logotipo -

» 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:

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]

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

LO

DY

Ecrãs

Desenho técnico

03.Dez.2010

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)

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/

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

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

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

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.