Melody

From LABMM1_IDE

Revision as of 22:16, 15 December 2010

Apresentação do projecto

Grupo:

Anabela Casqueira 59627

Ana Rita Pinheiro 60789

Belen 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 [1])

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: [2] 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

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

Desenho funcional

Requisitos funcionais

Estructura 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 [3]

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.

Arborescencia

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.

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.

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

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/

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

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

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