![Page 1: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/1.jpg)
Acadêmico: Gustavo Garcia Alvarenga
Orientador: Prof. Aurélio Faustino Hoppe
http://www.inf.furb.br/~aurelio/
Grupo de Pesquisa em Computação Gráfica, Processamento de Imagens e
Entretenimento Digital http://www.inf.furb.br/gcg
Ferramenta para criação de composições musicais para
Android
Departamento de Sistemas e Computação – FURBCurso de Ciência da ComputaçãoTrabalho de Conclusão de Curso – 2013/1
![Page 2: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/2.jpg)
Roteiro
• Motivação• Trabalhos relacionados• Trabalho proposto• Requisitos• Desenvolvimento• Operacionalidade• Experimentos• Conclusão• Limitações• Extensões• Demonstração
![Page 3: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/3.jpg)
Motivação
Música
• Fácil de ser aproveitada, difícil de ser criada
• Exigências:● Criatividade
● Conhecimento técnico
● Habilidade prática
![Page 4: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/4.jpg)
Motivação
Computação Musical
• Sintetizadores
• Notações musicais alternativas
• Ferramentas para escrita musical
![Page 5: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/5.jpg)
Motivação
Computação Móvel
• Dispositivos móveis● Smartphones
● Tablets
• Plataformas● iOS
● Android
![Page 6: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/6.jpg)
Trabalhos relacionados
características /trabalhos relacionados
iSequence(2011)
Melodica(2009)
GarageBand(2012)
tipo de usuário-alvo avançados leigos leigos e avançados
foco musicalmúsica eletrônica /
ambientalmúsica eletrônica
simples / tone matrix música popular
salvar / exportar músicas sim sim sim
plataforma iOS (tablet)iOS (tablet / smartphone)
iOS (tablet / smartphone)
![Page 7: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/7.jpg)
Trabalho proposto
Desenvolver um aplicativo para a plataforma Android que permita ao usuário criar uma música utilizando uma representação musical simplificada.
Objetivos:
• Criar uma representação sonora compreensível para usuários sem domínio técnico em composição musical
• Disponibilizar ao usuário um banco de samples de variados instrumentos
• Ter uma interface fácil de usar e intuitiva para os usuários leigos
![Page 8: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/8.jpg)
Requisitos
A seguir estão enumerados os requisitos funcionais do projeto:
• Permitir a execução do áudio de acordo com as músicas criadas no aplicativo (RF)
• Permitir ao usuário configurar os sons que serão executados em cada tempo (RF)
• Possibilidade de executar múltiplas faixas de áudio em canais diferentes (RF)
• Disponibilizar um mixer para controlar o volume de cada canal de áudio (RF)
• Executar cada som configurado em tempo real, ou o mais próximo disso (RF)
![Page 9: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/9.jpg)
Requisitos
A seguir estão enumerados os requisitos não funcionais do projeto:
• Disponibilizar uma interface simples e intuitiva ao usuário final (RNF)
• Ser implementado utilizando o ambiente de desenvolvimento Eclipse (RNF)
• Ser compatível com as versões do Android a partir da 3.0 (RNF)
![Page 10: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/10.jpg)
Desenvolvimento
![Page 11: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/11.jpg)
Desenvolvimento
Caso de uso – Composição musical
● É a principal etapa na utilização do aplicativo● Usuário define os samples e configura as trilhas de áudio
![Page 12: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/12.jpg)
Desenvolvimento
Caso de uso – Composição musical● Componente próprio – VerticalButton
● Cor de fundo dos botões – ColorFilter
● Execução dos samples – MediaPlayer
![Page 13: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/13.jpg)
Desenvolvimento
Caso de uso – Composição musical● Componente de terceiros – HorizontalVariableListView
● Samples agrupados em measures
● Sample – botão● Measure – coluna
![Page 14: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/14.jpg)
Desenvolvimento
Caso de uso – Composição musical● Edição da Timeline – Drag and Drop
![Page 15: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/15.jpg)
Desenvolvimento
Caso de uso – Tocar música
● Durante a composição, é usado para verificar o andamento da mesma
● Ao final da composição, é usado para verificar o resultado final da mesma
![Page 16: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/16.jpg)
Desenvolvimento
Caso de uso – Tocar música● Execução dos samples – MediaPlayer => SoundPool
● Andamento da música indicado através do highlight do tempo
![Page 17: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/17.jpg)
Desenvolvimento
Caso de uso – Salvar música
● É usado para salvar o estado de uma composição completa ou em andamento
● Serialização das informações da música em formato JSON
![Page 18: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/18.jpg)
Desenvolvimento
Caso de uso – Carregar música
● É usado para carregar o estado de uma música previamente salva
● Deserialização das informações da música em formato JSON
![Page 19: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/19.jpg)
Operacionalidade: interface principal e menu
![Page 20: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/20.jpg)
Operacionalidade: diálogos do sistema
![Page 21: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/21.jpg)
Operacionalidade: utilização
![Page 22: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/22.jpg)
Operacionalidade: execução da música
![Page 23: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/23.jpg)
Testes
Teste com usuários
• Avaliar a usabilidade do protótipo
• Usuários de vários perfis e níveis de conhecimento musical
![Page 24: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/24.jpg)
Testessexo 80% masculino
20% feminino
idade 20% menos de 18 anos40% entre 18 e 25 anos40% entre 25 e 35 anos
nível de escolaridade 10% ensino fundamental completo20% ensino médio incompleto10% ensino médio completo10% ensino superior incompleto50% ensino superior completo
possui dispositivo móvel 80% sim20% não
grau de familiaridade com música 10% leigo em música20% escuta música casualmente30% apreciador de música30% músico amador10% músico profissional
![Page 25: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/25.jpg)
Testes
Teste com usuários
• Usuários receberam um dispositivo com o protótipo e um roteiro de testes
• Após utilizar o protótipo, os usuários responderam um questionário de usabilidade
![Page 26: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/26.jpg)
Testes
Perguntas / Respostas Sim Não
1. Você conseguiu seguir os passos das instruções de uso sem dificuldades?
100%
2. Você achou o aplicativo intuitivo e fácil de usar? 100%
3. Dentro do escopo limitado do protótipo, você conseguiu criar uma música que considera satisfatória?
90% 10%
4. Você conseguiu identificar os diferentes samples sem dificuldades? 100%
5. Você gostaria que fossem disponibilizados novos samples e instrumentos no aplicativo?
100%
6. Você gostaria que fosse possível compartilhar uma música com outros usuários através do aplicativo, para criar e editar músicas colaborativamente?
90% 10%
7. Você gostaria que o aplicativo armazenasse o histórico de versões de cada música?
80% 20%
8. Você gostaria que o aplicativo exportasse as músicas criadas em formatos de áudio (ex. MP3)?
90% 10%
![Page 27: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/27.jpg)
Testes
Teste com dispositivos
• Avaliar a compatibilidade com diversos modelos de dispositivos e versões do Android
• Todas as funções do aplicativo foram testadas em todos os dispositivos
![Page 28: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/28.jpg)
Testes
Dispositivo Versão do Android
Tamanho da tela
Google Nexus 7 (dispositivo de desenvolvimento)
4.2.2 7"
Motorola Xoom 4.0.4 10.1"
Acer Iconia 4.0.3 10.1"
Samsung Galaxy Tab 8.9 3.1 8.9"
![Page 29: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/29.jpg)
Tabela comparativa dos resultados
características /trabalhos relacionados
iSequence(2011)
Melodica(2009)
GarageBand(2012)
Aplicativo proposto
tipo de usuário-alvo avançados leigos leigos e avançados leigos
foco musicalmúsica eletrônica /
ambiental
música eletrônica simples / tone
matrixmúsica popular música popular
salvar / exportar músicas salvar / exportar salvar / exportar salvar / exportar salvar
plataforma iOS (tablet)iOS (tablet / smartphone)
iOS (tablet / smartphone) Android (tablet)
![Page 30: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/30.jpg)
Conclusão
• Resultados considerados satisfatórios, levando em consideração os experimentos realizados com usuários e dispositivos
![Page 31: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/31.jpg)
Limitações
• Samples devem ter obrigatoriamente a mesma duração
• Interface não otimizada para uso em smartphones
• Execução do áudio não é realizada em tempo real em 100% dos casos
![Page 32: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/32.jpg)
Extensões
• Layout de interface otimizado para smartphones
• Permitir o uso de samples com diferentes durações
• Permitir a criação de samples no próprio aplicativo
• Criar um sistema de compartilhamento e edição colaborativa de músicas integrado ao aplicativo
• Salvar o histórico de versões anteriores das músicas
![Page 33: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/33.jpg)
Extensões
• Exportar as músicas em formato MIDI ou formatos comuns de áudio (mp3, aac, etc.)
• Adicionar novos modos de edição de música:
➔ Edição imediata após toque no sample
➔ Tocar no sample para selecioná-lo e na timeline para adicioná-lo
![Page 34: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/34.jpg)
Demonstração
![Page 35: Ferramenta para criação de composições musicais para …campeche.inf.furb.br/tccs/2013-I/TCC2013-1-16-AP-GustavoGAlvarenga.pdfrepresentação musical simplificada. Objetivos: •](https://reader035.vdocuments.com.br/reader035/viewer/2022070218/61266efbb3a25756793990e1/html5/thumbnails/35.jpg)
Obrigado!