Embed Size (px)
DESCRIPTION
Por ocasião do 96º aniversário do guitarrista Les Paul, a Google lançou uma versão artística (doodle) de seu logotipo em homenagem a ele. O doodle em questão possui funcionalidades musicais que incluem a gravação e reprodução de linhas melódicas. Tais funcionalidades foram analisadas num processo de engenharia reversa parcial, no intuito de se implementar um seqüenciador que possa gerar músicas a serem tocadas pelo doodle sem necessidade de gravação em tempo real, seja pelo mouse ou teclado do computador.
Citation preview
DIGITALIA
Um seqüenciador alternativo para o doodle “Les Paul”, da Google
Leonardo Araujo Zoehler Brum
Sumário
O doodle “Les Paul” Funcionamento do aplicativo Metodologia de desenvolvimento O seqüenciador alternativo Considerações finais
O doodle “Les Paul”
A Google costuma lançar versões artísticas de seu logotipo, chamadas doodles, em determinadas datas.
Por ocasião do 96º aniversário do guitarrista Les Paul, foi lançado um doodle em forma de guitarra.
Este doodle possibilita a execução de linhas melódicas e harmonias na escala de sol maior, com dez notas disponíveis, de G2 a B3.
A execução musical pode ser feita por meio de mouse ou teclado, podendo-se também gravar o que foi tocado.
O doodle “Les Paul”
Notas do doodle
Sumário
O doodle “Les Paul” Funcionamento do aplicativo Metodologia de desenvolvimento O seqüenciador alternativo Considerações finais
Funcionamento do aplicativo
Animação em Flash faz a movimentação das cordas. Programação feita em JavaScript, processamento no
“lado cliente”. Com a gravação ativada, toques nas cordas
preenchem uma estrutura de dados a ser processada. O processamento retorna uma URL, com o parâmetro tune composto por uma cadeia de caracteres agrupados de quatro em quatro (método GET)
O parâmetro é então processado quando do acesso à URL, resultando na execução da música gravada.
Sumário
O doodle “Les Paul” Funcionamento do aplicativo Metodologia de desenvolvimento O seqüenciador alternativo Considerações finais
Metodologia de desenvolvimento
Nenhuma metodologia formal seguida. A partir do entendimento do funcionamento do doodle,
faz-se um procedimento de engenharia reversa parcial.
O objetivo é desenvolver um seqüenciador que preencha a estrutura de dados que gera a URL a partir da escolha exata das notas e suas durações.
Pode-se, então, fazer “gravações” mais precisas do que com mouse ou teclado.
Trata-se a geração da URL como uma “caixa preta”.
Metodologia de desenvolvimento
Ferramentas utilizadas:
– Firebug;
– Notepad++;
– Visual Studio.NET 2010. Linguagens:
– HTML (marcação);
– JavaScript (programação).
Metodologia de desenvolvimento
Estrutura de dados rastreada após a gravação das notas G2 – A2:
Metodologia de desenvolvimento
Representação das
G2: 2;
A2: 6;
B2: 3;
C3: 0;
D3: 7;
notas na estrutura:
E3: 1;
F♯3: 8;
G3: 4;
A3: 9;
B3: 5.
Metodologia de desenvolvimento
Ferramentas utilizadas:
– Firebug;
– Notepad++;
– Visual Studio.NET 2010. Linguagens:
– HTML (marcação);
– JavaScript (programação).
Sumário
O doodle “Les Paul” Funcionamento do aplicativo Metodologia de desenvolvimento O seqüenciador alternativo Considerações finais
O seqüenciador alternativo
Funcionalidades básicas: inserir nota(s), remover última inserção, remover todas as notas;
A cada inserção, gera-se o endereço correspondente e exibe-se o que foi inserido;
Botão “Executar”, gera um frame dinâmico que executa a música.
O seqüenciador alternativo
Sumário
O doodle “Les Paul” Funcionamento do aplicativo Metodologia de desenvolvimento O seqüenciador alternativo Considerações finais
Considerações finais
Projeto sem grandes pretensões, apenas um desafio pessoal;
Seqüenciador apresentado ainda é um protótipo;
Diversos aprimoramentos podem ser feitos.
LINKS
Doodles da Google:
http://www.google.com/doodles/ Doodle “Les Paul”:
http://www.google.com/logos/2011/lespaul.html “Garota de Ipanema” gerada pelo seqüenciador:
http://www.google.com/logos/2011/lespaul.html#tune=SAkIIgRAhIESIkIIgRAiIESIkIIQRAhIESIkIIgRAiIEEIIJASBEBOEgMI4JwjhHCAEcIA**
Blog “Arte no Ofício”:
http://artenooficio.blogspot.com/
![Identidade: Canal Brasil [Rebrand Alternativo]](https://img.document.onl/doc/110x75/568c35981a28ab023594d922/identidade-canal-brasil-rebrand-alternativo.jpg)
