Drumachine Infantil

Edição actual desde as 14h13min de 17 de Janeiro de 2013

Projeto Final Laboratório Muitiméida 1
Tema do Projeto - Drumachine Infantil
Nome da aplicação - Um dó li tá Infantil

Constituintes do grupo

Fernando Gomes

Hugo Loureiro

Jorge Malafaia

Rodrigo Matos

Planificação do Projeto Final

 Memória Descritiva

1- O projeto ''Drumachine Infantil'' é inspirado no conceito de um Music Production Controller(MPC) em que serão combinados diferentes MIDIs associados a um 
   determinado botão. Em cada um destes botões será desenhado o respetivo instrumento (bateria, piano, e xilofone). Quando pressionado esse botão levará o utilizador 
   para o instrumento em si onde será possível (carregando nos diferentes botões) ouvir um som.
2- Este som será também acompanhado de uma animação (uma personagem animada a dançar ou a tocar um instrumento).
3- O nome da aplicação é "Um dó li tá infantil". 
4- A aplicação destina-se a crianças dos 4 aos 6 anos e será distribuída on-line.
5- Graficamente as imagens foram cuidadosamente criadas e/ou editadas em illustrator e photoshop de modo a ir de encontro com o público alvo da aplicação.

Quinta-feira, 6 de Dezembro de 2012

Exemplos de aplicações analisadas

-Fernando Gomes - Monkey Drum e Kids Piano Lite e Old Macdinald Piano - Análise da animação e imagem

Relativamente a estas aplicações analisadas existe um boa ideia do que poderá vir a ser o nosso fundo. A cada instrumento que aparece num ecrã diferente e dentro desse ecrã existirá um animal distinto (panda, leão, etc…), portanto para tornar o ambiente de utilização mais realista aplicar-se-á o fundo de acordo com a personagem (ex: panda - fundo de bambu).

-Hugo Loureiro - Monkey Drum - Análise de animação

Análise de como a personagem desta aplicação reage ao utilizador e a interação. As movimentações da personagem em relação ao instrumento e ao meio que o rodeia.

-Jorge Malafaia - Kids Musical Challenges e Keys Kids Play - Análise dos botões e estrutura

Análise dos botões que estas duas aplicações têm, tamanho dos botões, cor e a disposição dos botões na aplicação. Algumas das animações que estão associadas a aos botões destas aplicações também poderão ser usadas na nossa aplicação.

-Rodrigo Matos - Piano Drums e Drum Funcional - Análise dos sons

Pesquisa dos sons que poderão ser usados na aplicação. Primeiros estudos dos sons (duração dos sons).

Segunda-feira, 10 de Dezembro de 2012

-Fernando Gomes - Funcionalidade e botões

Quais vão ser as funcionalidade dos nossos botões, quantos botões serão necessários? Como vamos desenvolver a aplicação ao nível da concpeção em flash.

-Hugo Loureiro - Menu principal

Como vai ser a disposição dos botões e personagem no menu principal.

-Jorge Malafaia - Desenho funcional e imagem (personagens)

Ideias e primeiros esboços das personagens, cores de fundo, ambientes gráficos onde as personagens estarão colocadas.

-Rodrigo Matos - Música e Midis

Primeiros conjuntos de sons que vamos usar como som de fundo nas personagens, sons das notas que iremos usar nos instrumentos associados a cada personágem.

Quinta-Feira, 13 de Dezembro de 2012

-Fernando Gomes - Arborescência

Construção da estrutura arborescente e percursos de navegação.

-Jorge Malafaia - Arborescência

Construção da estrutura arborescente e percursos de navegação.

-Hugo Loureiro - Menus de instrumentos

Planificação de como os instrumentos se vão posicionar em cada cena. Quais os elementos gráficos utilizados para as cenas dos instrumentos.

-Rodrigo Matos - Componentes dos instrumentos (sons, definição do número de instrumentos)

Escolha definitiva dos instrumentos que vão estar disponíveis para o utilizador da aplicação. Definição do número de teclas que o piano terá para utilização; Definição do número de bombos que a bateria vai ter; definição do número de placas que o xilofone vai ter.

Decisões de grupo (13/12/2012)

Qual o instrumento a que cada personagem vai estar associada?

Panda - Piano

Leão - Bateria

Tigre - Xilofone

Quais os ambientes mais pertinentes em que cada personagem e instrumento?

Panda - fundo de bambu (utilização de cores verdes)

Leão - fundo de savana (utilização de castanhos)

Tigre - fundo da montanha - fundo frio com neve (utilização de azuis)

Qual o numero de: Teclas do piano, bombos da baterias e peças do xilofone?

Piano - 8 teclas (dó, ré, mi, fá, sol, lá, si, dó)

Bateria - 4 bombos (uma taróla, um timbalão, um bombo e um prato)

Xilofone - 8 peças (dó, ré, mi, fá, sol, lá, si, dó)

Segunda-feira, 17 de Dezembro de 2012

- Últimas correcções antes da passagem para o desenho gráfico;

- definição dos percursos de Navegação;

Caraterização da aplicação

- Área de conteúdos – A aplicação “Um dó li tá infantil” insere-se na categoria entretenimento pois a aplicação é um jogo interativo, ao mesmo tempo pode também inserir-se na categoria edutainment visto que a aplicação também se pode considerar um jogo educativo, pois o utilizador ao interagir com o jogo aprende as notas musicais (dó, ré, mi, fá, sol, lá e si) e ao mesmo tempo pode fica a conhecer o som dos instrumentos (piano, bateria e xilofone).

- Plataforma de suporte – Depois de um consenso entre o grupo decidiu-se utilizar a plataforma de suporte world wide web.

- Forma de distribuição – O facto de a aplicação se desenvolver em flash torna possível e preferível a distribuição on-line, podendo o utilizador através do browser jogar o jogo.

- Paradigma de interação – A aplicação está inserida em dois paradigmas de interação tutorial e ambiente. Para o utilizador poder mudar de instrumento necessita de regressar ao menu, existe uma sequência de utilização e para poder passar da bateria para o piano necessita de passar pelo menu principal. Em relação ao paradigma ambiente podemos considerar a aplicação inserida nesse paradigma pois existem botões e ícones embebidos na interface (exemplo disso são os botões de seleção de instrumentos no menu inicial).

- Filiação/autoria – Relativamente à autoria somos nós grupo de trabalho. A filiação considera-se a Universidade de Aveiro já que a aplicação foi desenvolvida no âmbito da unidade curricular de Laboratório Multimédia 1 inserida no curso de Novas Tecnologias da Comunicação lecionado nesta universidade.

Detalhes técnicos

- Aplicação desenvolvida em Adobe Flash Profissional

- Resolução 800x600;

- Aplicação desenvolvida a 12fps;

- Interação/navegação programada em actionscript 2.0;

- Controlo de som é feito com recurso a actionscript 2.0;

- A animação das personagens e dos instrumentos foi feita com recurso a actionscript 2.0;

Usabilidade

- Perfil do utilizador: Esta aplicação destina-se a crianças com idades compreendidas entre os 4 e os 6 anos. Portanto partimos do pressuposto que os utilizadores desta aplicação não detêm um conhecimento profundo sobre a utilização do computador, por outro lado, com as constantes alterações a esse nível, percebemos que ter acesso a um computador nestas idades e aprofundar a utilização do mesmo já começa a ser algo comum. No entanto não quer em parte alguma dizer que a aplicação pode ser complexa, pois atendemos sempre ao facto dos utilizadores serem crianças. Provavelmente também ainda não saberão ler, ou então apenas sabem um número reduzido de palavra, portanto isto implica um nível de ajuda introduzida no jogo que não seja escrita, ou seja, ajuda sobre a forma de áudio. Relativamente ao que pode aprender o utilizador compreende-se que poderá ter um primeiro contato com estes 3 instrumentos, ainda que sob a forma digital, poderá aprender o som de cada um destes instrumentos, e por fim poderá ainda aprender as notas musicais. Estes aspetos garantem que o objetivo da utilização da aplicação é cumprido, pois por um lado a aplicação é composta por uma parte lúdica de entretenimento e por outro lado contem um componente educacional, ampliando assim o contexto de utilização.

- Estrutura e orientação: A aplicação está estruturada de uma maneira lógica com um menu se seleção onde poderá ser escolhido cada um dos instrumentos (através de botões), depois da seleção o utilizador será levado para o ecrã do instrumento, onde poderá tocar em cada instrumento ou optar por visualizar um demo de explicação. Atendendo ao nível de experiência do utilizador (pressupondo que não será elevada) a aplicação foi simplificada contendo botões grandes e explícitos de seleção que proporcionam uma forma rápida e direta de acesso. Como a aplicação é pequena e os ecrãs contem caraterística muito específicas torna-se fácil para o utilizador saber sempre em que parte da aplicação se encontra. Dentro de cada ecrã de instrumento e demo existe também botões de “home” (símbolo de uma casa) que proporciona ao utilizador uma forma rápida de voltar ao menu de seleção. Um aspeto importante é também o facto do cuidado que tivemos em agrupar os botões que permitem a navegação nos instrumentos e a navegação a partir do menu principal.

- Simplicidade e visibilidade: Quando começamos a construir ideologicamente a nossa aplicação deparamo-nos com alguns problemas de navegação e funcionalidades da aplicação. Deste modo foi necessário simplificar a aplicação, já que os utilizadores serão crianças dos 4 aos 6 anos, foi necessário criar botões grandes, de fácil acesso e associação do botão a sua funcionalidade. Uma das formas que recorremos foi à utilização de símbolos comuns para construir os botões (ex: o botão de “home” é uma casa, o botão de som on/off é uma coluna o “demo” é uma nota musical), agrupando-os ao mesmo nível e tamanho no canto superior direito do ecrã.

- Feedback: Ao nível do feedback dado ao utilizador não foi necessário uma grande complexidade de feedback, pois a simplificação da aplicação e o facto de a aplicação ser pequena evita períodos de latência. Por outro lado a linguagem utilizada foi também tida em consideração para poder ser compreendida pelos utilizadores para quais a aplicação foi concedida.

- Tolerância: A este nível também consideramos alguns aspetos fundamentais que proporcionam uma maior experiência de navegação e ao mesmo tempo mais simples. No caso concreto desta aplicação uma das estratégias que utilizamos foi o facto de ser sempre possível reverter qualquer ação.

- Consistência: Atendendo a este nível, consideramos que a melhor estratégia para criar expetativa foi o facto de cada parte do instrumento reproduzir um som, portanto, isto torna a aplicação mais próxima da realidade. Um exemplo disso é o piano, pois tal como na realidade o utilizador necessita carregar numa tecla para ouvir o som correspondente a essa tecla.

..............................................................................................::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Estrutura Arborescente :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::.............................................................................................

..............................................................................................::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Percursos de navegação :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::.............................................................................................

Imagem Gráfica

.....................................................................................................:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Personágens ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::...............................................................................................

..................................................................................................:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Botões do Menu ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::...........................................................................................

................................................................................................:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Botões de Navegação ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::.........................................................................................

................................................................................................:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Instrumentos ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::...............................................................................................

................................................................................................:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Paletas de cores ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::...............................................................................................

................................................................................................:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Layouts completos ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::...............................................................................................

Aplicação Final

Multimédia:Final_drum_46910.swf

Relatório Final

Multimédia:Relatorio_final_labmm1_projeto.pdf

Referências Web

- [1] Monkey Drum - Acedida a 13/12/2012

- [2] Pesquisa de Código - Acedida a 2/13/2013

- [3] Kids Piano Lite - Acedida a 13/12/2012

- [4] Old Macdinald Piano - Acedida a 13/12/2012

- [5] Kids Musical Challenges - Acedida a 13/12/2012

- [6] Keys Kids Play - Acedida a 13/12/2012

- [7] Piano Drums - Acedida a 13/12/2012

- [8] Drum Funcional - Acedida a 13/12/2012

Anexos

................................................................................................:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Esboços e Planificações ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::...............................................................................................

..............................................................................................:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: Careterização de Aplicações ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::.............................................................................................