SlideShare uma empresa Scribd logo
1 de 25
Música Generativa na Web:
Plataformas e Possibilidades



Prof. Hugo Cristo, Msc.
Doutorando em Psicologia PPGP/UFES
@hugocristo / www.hugocristo.com.br

Universidade Federal do Espírito Santo
Centro de Artes / Departamento de Desenho Industrial
Núcleo de Interfaces Computacionais
@nicddiufes / www.nicvix.com




D I G I TA L I A · S A LVA D O R , B A ( 2 0 1 2 )
RESUMO




Este artigo apresenta um conjunto de plataformas gratuitas disponíveis na World Wide Web
destinadas à produção de música eletrônica generativa ou algorítmica.

O estudo partiu de uma breve revisão histórica acerca dos sistemas computacionais
dedicados ao referido gênero musical para em seguida analisar as possibilidades oferecidas
por cada ferramenta segundo quatro perspectivas: 1) linguística/estrutural; 2) interativa/
comportamental; 3) criativa/procedural; e 4) biológica/emergente.

Com base nas análises, o trabalho então discute como as diferentes soluções de interação
humano-computador de cada ferramenta investigada materializam suas respectivas
propostas no processo de produção musical, levando em consideração as dimensões
funcional e de amplitude contextual dos algoritmos empregados.

Palavras-chave: Música generativa, algoritmos, computação,World Wide Web, interação humano-computador.
ROT E I RO DA A P R E S E N TAÇ ÃO




1. Uma definição
2. A perspectiva do ouvinte (usuário)
3. Antecedentes
4. Música generativa no Desktop
5. Música generativa na Web
6. Metodologia
7. Resultados
M Ú S I C A G E N E R AT I VA / / U M A D E F I N I Ç ÃO




A música algorítmica refere-se a um tipo de pesquisa computacional
que é geralmente intratável sem um computador digital de alta
velocidade ( Wooller, Brown, et al; 2005).
M Ú S I C A G E N E R AT I VA / / A P E R S P E C T I VA D O O U V I N T E ( U S U Á R I O )




Richards (2005) cita três modos por meio dos quais os usuários se
posicionam em relação à criação de conteúdo:

•	 Interatividade de consumo: usuário como receptor, interação
   psicológica e afetiva, geração de idéias e emoções;
•	 Interatividade de processamento: usuário com possibilidade de
   reprocessar o conteúdo, mas não alterá-lo de fato – ação sobre as
   propriedades do sistema, aplicação de filtros e efeitos;
•	 Interatividade generativa: o usuário é o criador do conteúdo no
   sistema, podendo interferir em todo o processo.
M Ú S I C A G E N E R AT I VA / / A N T E C E D E N T E S




      I N C ( T E R RY R I L E Y )   IT’S GONNA RAIN (STEVE REICH)   AMBIENT MUSIC 1 (BRIAN ENO)
M Ú S I C A G E N E R AT I VA / / A N T E C E D E N T E S




DONALD KNUTH (ALGORITMOS)            J O H N C O N WAY ( G A M E O F L I F E )   A L A N K AY ( G U I / O O P )
M Ú S I C A G E N E R AT I VA N O D E S K TO P / / A P L I C AÇ Õ E S




     S C R E E N S AV E R S ( 8 0 + )        MAX (80+)                  KOA N ( 9 0 + )
M Ú S I C A G E N E R AT I VA N O D E S K TO P / / A P L I C AÇ Õ E S




  P U R E DATA , M A X / M S P ( 9 0 + )   SUPERCOLLIDER (96+)          INTERMORPHIC (07+)
M Ú S I C A G E N E R AT I VA N O D E S K TO P / / A P L I C AÇ Õ E S




   P U R E DATA , M A X / M S P ( 9 0 + )             SUPERCOLLIDER (96+)   INTERMORPHIC (07+)




                                        LIVE CODING
M Ú S I C A G E N E R AT I VA N O D E S K TO P / / F R A M E WO R K D E WO O L L E R




Wooller, Brown et al (2005) organizaram quatro perspectivas da
produção de música generativa:

•	 Linguística/Estrutural: construtos explícitos inspirados nas
   gramáticas generativas da linguística com forte uso de recursão;
•	 Interativa/Comportamental: usuário e computador interagem –
   entradas humanas, processamento no sistema, composição a partir
   da análise, geração das saídas pelo computador;
•	 Criativa/Procedural: música resultante de procedimentos criativos
   “postos em movimento” pelo compositor;
•	 Biológica/Emergente: música não repetitiva, fora de controle
   inacabada, imprevisível, baseada em sistemas auto-organizados.
M Ú S I C A G E N E R AT I VA N O D E S K TO P / / F R A M E WO R K D E WO O L L E R




Sistemas generativos segundo dimensões:
•	 Funcional: Analítica, Tranformacional, Generativa;
•	 Amplitude do contexto: Estreita a Ampla.
M Ú S I C A G E N E R AT I VA N A W E B / / P O R Q U Ê ?




Nick Collins (2003) afirma que a música generativa e a Internet
caminham lado a lado porque esse estilo de composição requer pouco
espaço de armazenamento, uma vez que os dados armazenados são
mais rotinas e instruções que informações de áudio completas.

Do Desktop para a Web
•	 Processamento local x distribuído;
•	 Dependência do OS/plataforma x dependência do navegador.

Mas por que só agora?
•	 Conexão banda larga (quase) onipresente;
•	 Padrões e APIs dos navegadores mais maduras;
•	 Linguagens e tecnologias para Web otimizadas e acessíveis.
M Ú S I C A G E N E R AT I VA N A W E B / / A N T E C E D E N T E S




      S H O C K WAV E ( 9 5 + )             FLASH (1995+)             J AVA A P P L E T S ( 9 5 + )
M Ú S I C A G E N E R AT I VA N A W E B / / A N T E C E D E N T E S




      J AVA A P P S ( 2 0 0 1 + )        PROCESSING (2001+)           HTML5 AUDIO API (2009+)
M Ú S I C A G E N E R AT I VA N A W E B / / M E TO D O L O G I A




Seleção das aplicações
•	 Busca orgânica, blogs, sites e revistas onlines especializadas;
•	 Apenas aplicativos executáveis no navegador, serviço online;
•	 Apenas aplicações gratuitas / acesso livre.

Procedimento de análise
•	 Perspectiva adotada para a geração da música;
•	 Forma de participação do usuário;
•	 Metáfora da interface e sua relação com o processo;
•	 Dimensões funcional e amplitude contextual.
M Ú S I C A G E N E R AT I VA N A W E B / / TO N E M AT R I X
http://lab.andre-michelle.com/tonematrix
Processamento / Interativa / Analítica / Estreita / Matriz, sequenciador,Tenori-on
M Ú S I C A G E N E R AT I VA N A W E B / / M TA
http://www.mta.me
Processamento / Biológica / Generativa / Estreita / Mapa do Metrô de NY (Vignelli), Cordas
M Ú S I C A G E N E R AT I VA N A W E B / / S E AQ U E N C E
http://seaquence.org
Generativa / Interativa / Generativa / Ampla / Vida marinha, sequenciador, Tenori-on
M Ú S I C A G E N E R AT I VA N A W E B / / N O DA L G E N E S I S
http://nodalgenesis.com
Processamento / Criativa / Transformacional / Estreita / Screensaver, programas de pintura
M Ú S I C A G E N E R AT I VA N A W E B / / AV C L A S H
http://www.avclash.com
Generativa / Interativa / Generativa / Ampla / Mandalas, caleidoscópios
M Ú S I C A G E N E R AT I VA N A W E B / / V I R AG E L I C 2 . 0
http://www.konst-teknik.se/projects/viragelic/index.html
Consumo / Criativa / Generativa / Estreita
M Ú S I C A G E N E R AT I VA N A W E B / / A L G O R I T H M I C S Y M P H O N I E S
http://countercomplex.blogspot.com/2011/10/some-deep-analysis-of-one-line-music.html
Generativa / Linguística / Generativa / Estreita
M Ú S I C A G E N E R AT I VA N A W E B / / A L G O R I T H M I C S Y M P H O N I E S
http://wurstcaptures.untergrund.net/music/
Generativa / Linguística / Generativa / Estreita
Obrigado!




Prof. Hugo Cristo, Msc.
Doutorando em Psicologia PPGP/UFES
@hugocristo / www.hugocristo.com.br

Universidade Federal do Espírito Santo
Centro de Artes / Departamento de Desenho Industrial
Núcleo de Interfaces Computacionais
@nicddiufes / www.nicvix.com




 D I G I TA L I A · S A LVA D O R , B A ( 2 0 1 2 )

Mais conteúdo relacionado

Semelhante a Apresentação Digitalia 2012

Palestra na Unirio - Tese de Doutorado
Palestra na Unirio - Tese de DoutoradoPalestra na Unirio - Tese de Doutorado
Palestra na Unirio - Tese de DoutoradoLuiz Agner
 
DESENVOLVEDORES, ONDE FOI QUE A TÉCNICA DEVOROU A ESSÊNCIA DO NOSSO TRABALHO?
DESENVOLVEDORES, ONDE FOI QUE A TÉCNICA DEVOROU A ESSÊNCIA DO NOSSO TRABALHO?DESENVOLVEDORES, ONDE FOI QUE A TÉCNICA DEVOROU A ESSÊNCIA DO NOSSO TRABALHO?
DESENVOLVEDORES, ONDE FOI QUE A TÉCNICA DEVOROU A ESSÊNCIA DO NOSSO TRABALHO?Marcos César
 
apresentaçao
apresentaçaoapresentaçao
apresentaçaovalediogo
 
Ab ciber distribuição e circulação de música nas redes sociais
Ab ciber distribuição e circulação de música nas redes sociaisAb ciber distribuição e circulação de música nas redes sociais
Ab ciber distribuição e circulação de música nas redes sociaisBeatriz Polivanov
 
Tic’s na educação profa. suzy dayse cópia
Tic’s na educação profa. suzy dayse   cópiaTic’s na educação profa. suzy dayse   cópia
Tic’s na educação profa. suzy dayse cópiaIgor Rezende Santos
 
Tic’s na educação profa. suzy dayse cópia
Tic’s na educação profa. suzy dayse   cópiaTic’s na educação profa. suzy dayse   cópia
Tic’s na educação profa. suzy dayse cópiaIgor Rezende Santos
 
Tic’s na educação profa. suzy dayse cópia
Tic’s na educação profa. suzy dayse   cópiaTic’s na educação profa. suzy dayse   cópia
Tic’s na educação profa. suzy dayse cópiaIgor Rezende Santos
 
Tic’s na educação profa. suzy dayse cópia
Tic’s na educação profa. suzy dayse   cópiaTic’s na educação profa. suzy dayse   cópia
Tic’s na educação profa. suzy dayse cópiaIgor Rezende Santos
 
Do documento às ontologias: uma visão sobre sistemas de organização do conhec...
Do documento às ontologias: uma visão sobre sistemas de organização do conhec...Do documento às ontologias: uma visão sobre sistemas de organização do conhec...
Do documento às ontologias: uma visão sobre sistemas de organização do conhec...Dalton Martins
 
Palestra no auditório do IBGE - Arquitetura de Informação
Palestra no auditório do IBGE - Arquitetura de InformaçãoPalestra no auditório do IBGE - Arquitetura de Informação
Palestra no auditório do IBGE - Arquitetura de InformaçãoLuiz Agner
 
Tecnologia da Informação
Tecnologia da InformaçãoTecnologia da Informação
Tecnologia da Informaçãocleusamoreira
 
Estado da Arte: Computação Afetiva + Web Semântica
Estado da Arte: Computação Afetiva + Web SemânticaEstado da Arte: Computação Afetiva + Web Semântica
Estado da Arte: Computação Afetiva + Web SemânticaRoosewelt Lins
 
Experiência do usuário e Design de Interfaces no Governo
Experiência do usuário e Design de Interfaces no GovernoExperiência do usuário e Design de Interfaces no Governo
Experiência do usuário e Design de Interfaces no GovernoUFPE
 
[Web br 2016] Construindo a Experiência Juntos
[Web br 2016] Construindo a Experiência Juntos[Web br 2016] Construindo a Experiência Juntos
[Web br 2016] Construindo a Experiência JuntosTássia Spinelli
 
Tecnologia da informação
Tecnologia da informaçãoTecnologia da informação
Tecnologia da informaçãocleusamoreira
 
The Importance of Open Source to the Cities
The Importance of Open Source to the CitiesThe Importance of Open Source to the Cities
The Importance of Open Source to the CitiesKiev Gama
 
Artigo revista tecnologia_assistiva
Artigo revista tecnologia_assistivaArtigo revista tecnologia_assistiva
Artigo revista tecnologia_assistivabarbaragratao
 

Semelhante a Apresentação Digitalia 2012 (20)

Palestra na Unirio - Tese de Doutorado
Palestra na Unirio - Tese de DoutoradoPalestra na Unirio - Tese de Doutorado
Palestra na Unirio - Tese de Doutorado
 
DESENVOLVEDORES, ONDE FOI QUE A TÉCNICA DEVOROU A ESSÊNCIA DO NOSSO TRABALHO?
DESENVOLVEDORES, ONDE FOI QUE A TÉCNICA DEVOROU A ESSÊNCIA DO NOSSO TRABALHO?DESENVOLVEDORES, ONDE FOI QUE A TÉCNICA DEVOROU A ESSÊNCIA DO NOSSO TRABALHO?
DESENVOLVEDORES, ONDE FOI QUE A TÉCNICA DEVOROU A ESSÊNCIA DO NOSSO TRABALHO?
 
apresentaçao
apresentaçaoapresentaçao
apresentaçao
 
Ab ciber distribuição e circulação de música nas redes sociais
Ab ciber distribuição e circulação de música nas redes sociaisAb ciber distribuição e circulação de música nas redes sociais
Ab ciber distribuição e circulação de música nas redes sociais
 
Tic’s na educação profa. suzy dayse cópia
Tic’s na educação profa. suzy dayse   cópiaTic’s na educação profa. suzy dayse   cópia
Tic’s na educação profa. suzy dayse cópia
 
Tic’s na educação profa. suzy dayse cópia
Tic’s na educação profa. suzy dayse   cópiaTic’s na educação profa. suzy dayse   cópia
Tic’s na educação profa. suzy dayse cópia
 
Tic’s na educação profa. suzy dayse cópia
Tic’s na educação profa. suzy dayse   cópiaTic’s na educação profa. suzy dayse   cópia
Tic’s na educação profa. suzy dayse cópia
 
Tic’s na educação profa. suzy dayse cópia
Tic’s na educação profa. suzy dayse   cópiaTic’s na educação profa. suzy dayse   cópia
Tic’s na educação profa. suzy dayse cópia
 
Do documento às ontologias: uma visão sobre sistemas de organização do conhec...
Do documento às ontologias: uma visão sobre sistemas de organização do conhec...Do documento às ontologias: uma visão sobre sistemas de organização do conhec...
Do documento às ontologias: uma visão sobre sistemas de organização do conhec...
 
Provas publicas de doutoramento
Provas publicas de doutoramentoProvas publicas de doutoramento
Provas publicas de doutoramento
 
Revista Programar 43
Revista Programar 43Revista Programar 43
Revista Programar 43
 
Palestra no auditório do IBGE - Arquitetura de Informação
Palestra no auditório do IBGE - Arquitetura de InformaçãoPalestra no auditório do IBGE - Arquitetura de Informação
Palestra no auditório do IBGE - Arquitetura de Informação
 
Tecnologia da Informação
Tecnologia da InformaçãoTecnologia da Informação
Tecnologia da Informação
 
Estado da Arte: Computação Afetiva + Web Semântica
Estado da Arte: Computação Afetiva + Web SemânticaEstado da Arte: Computação Afetiva + Web Semântica
Estado da Arte: Computação Afetiva + Web Semântica
 
Experiência do usuário e Design de Interfaces no Governo
Experiência do usuário e Design de Interfaces no GovernoExperiência do usuário e Design de Interfaces no Governo
Experiência do usuário e Design de Interfaces no Governo
 
[Web br 2016] Construindo a Experiência Juntos
[Web br 2016] Construindo a Experiência Juntos[Web br 2016] Construindo a Experiência Juntos
[Web br 2016] Construindo a Experiência Juntos
 
Tecnologia da informação
Tecnologia da informaçãoTecnologia da informação
Tecnologia da informação
 
The Importance of Open Source to the Cities
The Importance of Open Source to the CitiesThe Importance of Open Source to the Cities
The Importance of Open Source to the Cities
 
Apresentacao cipa final
Apresentacao cipa finalApresentacao cipa final
Apresentacao cipa final
 
Artigo revista tecnologia_assistiva
Artigo revista tecnologia_assistivaArtigo revista tecnologia_assistiva
Artigo revista tecnologia_assistiva
 

Mais de Hugo Cristo

Tendências da Revista “Psicologia: Ciência e Profissão” (1982-2018): demonstr...
Tendências da Revista “Psicologia: Ciência e Profissão” (1982-2018): demonstr...Tendências da Revista “Psicologia: Ciência e Profissão” (1982-2018): demonstr...
Tendências da Revista “Psicologia: Ciência e Profissão” (1982-2018): demonstr...Hugo Cristo
 
Paulo Freire e a educação em Design de Interação
Paulo Freire e a educação em Design de InteraçãoPaulo Freire e a educação em Design de Interação
Paulo Freire e a educação em Design de InteraçãoHugo Cristo
 
Demoscene: arte computacional em tempo real
Demoscene: arte computacional em tempo realDemoscene: arte computacional em tempo real
Demoscene: arte computacional em tempo realHugo Cristo
 
Apresentação do Cidades na Câmara de Extensão do Ifes
Apresentação do Cidades na Câmara de Extensão do IfesApresentação do Cidades na Câmara de Extensão do Ifes
Apresentação do Cidades na Câmara de Extensão do IfesHugo Cristo
 
Apresentação Cidades
Apresentação CidadesApresentação Cidades
Apresentação CidadesHugo Cristo
 
Apresentação Inovaserra 2013
Apresentação Inovaserra 2013Apresentação Inovaserra 2013
Apresentação Inovaserra 2013Hugo Cristo
 
Tecnologias e práticas docentes: casos brasileiros
Tecnologias e práticas docentes: casos brasileirosTecnologias e práticas docentes: casos brasileiros
Tecnologias e práticas docentes: casos brasileirosHugo Cristo
 
Design sem Designer - PUCPR
Design sem Designer - PUCPRDesign sem Designer - PUCPR
Design sem Designer - PUCPRHugo Cristo
 
Imersão em Design na Agroindústria - Apresentação N SP 2015
Imersão em Design na Agroindústria - Apresentação N SP 2015Imersão em Design na Agroindústria - Apresentação N SP 2015
Imersão em Design na Agroindústria - Apresentação N SP 2015Hugo Cristo
 
Projeto de Apoio ao Artesão - Loop / UFES / Escritório-Modelo de Projetos
Projeto de Apoio ao Artesão - Loop / UFES / Escritório-Modelo de ProjetosProjeto de Apoio ao Artesão - Loop / UFES / Escritório-Modelo de Projetos
Projeto de Apoio ao Artesão - Loop / UFES / Escritório-Modelo de ProjetosHugo Cristo
 
Design de Interação (se é que existe outro)
Design de Interação (se é que existe outro)Design de Interação (se é que existe outro)
Design de Interação (se é que existe outro)Hugo Cristo
 
Design e Cidanania no e-Gov
Design e Cidanania no e-GovDesign e Cidanania no e-Gov
Design e Cidanania no e-GovHugo Cristo
 
Cidadania e Educação Inclusiva: Teoria, Infraestrutura e Conteúdos
Cidadania e Educação Inclusiva: Teoria, Infraestrutura e ConteúdosCidadania e Educação Inclusiva: Teoria, Infraestrutura e Conteúdos
Cidadania e Educação Inclusiva: Teoria, Infraestrutura e ConteúdosHugo Cristo
 
Design e UX para inovação - Desafio da Inovação
Design e UX para inovação - Desafio da InovaçãoDesign e UX para inovação - Desafio da Inovação
Design e UX para inovação - Desafio da InovaçãoHugo Cristo
 
Apresentação Loop Semana Calórica Design/Ufes 2015
Apresentação Loop Semana Calórica Design/Ufes 2015Apresentação Loop Semana Calórica Design/Ufes 2015
Apresentação Loop Semana Calórica Design/Ufes 2015Hugo Cristo
 
Design sem Designer - UnB 01/12/2014
Design sem Designer - UnB 01/12/2014Design sem Designer - UnB 01/12/2014
Design sem Designer - UnB 01/12/2014Hugo Cristo
 
Palestra Campus Party 7
Palestra Campus Party 7Palestra Campus Party 7
Palestra Campus Party 7Hugo Cristo
 
Design sem Designer no meet2Brains
Design sem Designer no meet2BrainsDesign sem Designer no meet2Brains
Design sem Designer no meet2BrainsHugo Cristo
 
Para onde caminhamos com o uso das Redes Sociais
Para onde caminhamos com o uso das Redes SociaisPara onde caminhamos com o uso das Redes Sociais
Para onde caminhamos com o uso das Redes SociaisHugo Cristo
 
Seminários do LabPC I: Design Computacional (Aula 03)
Seminários do LabPC I: Design Computacional (Aula 03)Seminários do LabPC I: Design Computacional (Aula 03)
Seminários do LabPC I: Design Computacional (Aula 03)Hugo Cristo
 

Mais de Hugo Cristo (20)

Tendências da Revista “Psicologia: Ciência e Profissão” (1982-2018): demonstr...
Tendências da Revista “Psicologia: Ciência e Profissão” (1982-2018): demonstr...Tendências da Revista “Psicologia: Ciência e Profissão” (1982-2018): demonstr...
Tendências da Revista “Psicologia: Ciência e Profissão” (1982-2018): demonstr...
 
Paulo Freire e a educação em Design de Interação
Paulo Freire e a educação em Design de InteraçãoPaulo Freire e a educação em Design de Interação
Paulo Freire e a educação em Design de Interação
 
Demoscene: arte computacional em tempo real
Demoscene: arte computacional em tempo realDemoscene: arte computacional em tempo real
Demoscene: arte computacional em tempo real
 
Apresentação do Cidades na Câmara de Extensão do Ifes
Apresentação do Cidades na Câmara de Extensão do IfesApresentação do Cidades na Câmara de Extensão do Ifes
Apresentação do Cidades na Câmara de Extensão do Ifes
 
Apresentação Cidades
Apresentação CidadesApresentação Cidades
Apresentação Cidades
 
Apresentação Inovaserra 2013
Apresentação Inovaserra 2013Apresentação Inovaserra 2013
Apresentação Inovaserra 2013
 
Tecnologias e práticas docentes: casos brasileiros
Tecnologias e práticas docentes: casos brasileirosTecnologias e práticas docentes: casos brasileiros
Tecnologias e práticas docentes: casos brasileiros
 
Design sem Designer - PUCPR
Design sem Designer - PUCPRDesign sem Designer - PUCPR
Design sem Designer - PUCPR
 
Imersão em Design na Agroindústria - Apresentação N SP 2015
Imersão em Design na Agroindústria - Apresentação N SP 2015Imersão em Design na Agroindústria - Apresentação N SP 2015
Imersão em Design na Agroindústria - Apresentação N SP 2015
 
Projeto de Apoio ao Artesão - Loop / UFES / Escritório-Modelo de Projetos
Projeto de Apoio ao Artesão - Loop / UFES / Escritório-Modelo de ProjetosProjeto de Apoio ao Artesão - Loop / UFES / Escritório-Modelo de Projetos
Projeto de Apoio ao Artesão - Loop / UFES / Escritório-Modelo de Projetos
 
Design de Interação (se é que existe outro)
Design de Interação (se é que existe outro)Design de Interação (se é que existe outro)
Design de Interação (se é que existe outro)
 
Design e Cidanania no e-Gov
Design e Cidanania no e-GovDesign e Cidanania no e-Gov
Design e Cidanania no e-Gov
 
Cidadania e Educação Inclusiva: Teoria, Infraestrutura e Conteúdos
Cidadania e Educação Inclusiva: Teoria, Infraestrutura e ConteúdosCidadania e Educação Inclusiva: Teoria, Infraestrutura e Conteúdos
Cidadania e Educação Inclusiva: Teoria, Infraestrutura e Conteúdos
 
Design e UX para inovação - Desafio da Inovação
Design e UX para inovação - Desafio da InovaçãoDesign e UX para inovação - Desafio da Inovação
Design e UX para inovação - Desafio da Inovação
 
Apresentação Loop Semana Calórica Design/Ufes 2015
Apresentação Loop Semana Calórica Design/Ufes 2015Apresentação Loop Semana Calórica Design/Ufes 2015
Apresentação Loop Semana Calórica Design/Ufes 2015
 
Design sem Designer - UnB 01/12/2014
Design sem Designer - UnB 01/12/2014Design sem Designer - UnB 01/12/2014
Design sem Designer - UnB 01/12/2014
 
Palestra Campus Party 7
Palestra Campus Party 7Palestra Campus Party 7
Palestra Campus Party 7
 
Design sem Designer no meet2Brains
Design sem Designer no meet2BrainsDesign sem Designer no meet2Brains
Design sem Designer no meet2Brains
 
Para onde caminhamos com o uso das Redes Sociais
Para onde caminhamos com o uso das Redes SociaisPara onde caminhamos com o uso das Redes Sociais
Para onde caminhamos com o uso das Redes Sociais
 
Seminários do LabPC I: Design Computacional (Aula 03)
Seminários do LabPC I: Design Computacional (Aula 03)Seminários do LabPC I: Design Computacional (Aula 03)
Seminários do LabPC I: Design Computacional (Aula 03)
 

Último

Programação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfProgramação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfSamaraLunas
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx2m Assessoria
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploDanilo Pinotti
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx2m Assessoria
 
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx2m Assessoria
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsDanilo Pinotti
 
Luís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuisKitota
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx2m Assessoria
 

Último (8)

Programação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdfProgramação Orientada a Objetos - 4 Pilares.pdf
Programação Orientada a Objetos - 4 Pilares.pdf
 
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docxATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
ATIVIDADE 1 - LOGÍSTICA EMPRESARIAL - 52_2024.docx
 
Padrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemploPadrões de Projeto: Proxy e Command com exemplo
Padrões de Projeto: Proxy e Command com exemplo
 
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docxATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
ATIVIDADE 1 - GCOM - GESTÃO DA INFORMAÇÃO - 54_2024.docx
 
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docxATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
ATIVIDADE 1 - ESTRUTURA DE DADOS II - 52_2024.docx
 
Boas práticas de programação com Object Calisthenics
Boas práticas de programação com Object CalisthenicsBoas práticas de programação com Object Calisthenics
Boas práticas de programação com Object Calisthenics
 
Luís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdfLuís Kitota AWS Discovery Day Ka Solution.pdf
Luís Kitota AWS Discovery Day Ka Solution.pdf
 
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docxATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
ATIVIDADE 1 - CUSTOS DE PRODUÇÃO - 52_2024.docx
 

Apresentação Digitalia 2012

  • 1. Música Generativa na Web: Plataformas e Possibilidades Prof. Hugo Cristo, Msc. Doutorando em Psicologia PPGP/UFES @hugocristo / www.hugocristo.com.br Universidade Federal do Espírito Santo Centro de Artes / Departamento de Desenho Industrial Núcleo de Interfaces Computacionais @nicddiufes / www.nicvix.com D I G I TA L I A · S A LVA D O R , B A ( 2 0 1 2 )
  • 2. RESUMO Este artigo apresenta um conjunto de plataformas gratuitas disponíveis na World Wide Web destinadas à produção de música eletrônica generativa ou algorítmica. O estudo partiu de uma breve revisão histórica acerca dos sistemas computacionais dedicados ao referido gênero musical para em seguida analisar as possibilidades oferecidas por cada ferramenta segundo quatro perspectivas: 1) linguística/estrutural; 2) interativa/ comportamental; 3) criativa/procedural; e 4) biológica/emergente. Com base nas análises, o trabalho então discute como as diferentes soluções de interação humano-computador de cada ferramenta investigada materializam suas respectivas propostas no processo de produção musical, levando em consideração as dimensões funcional e de amplitude contextual dos algoritmos empregados. Palavras-chave: Música generativa, algoritmos, computação,World Wide Web, interação humano-computador.
  • 3. ROT E I RO DA A P R E S E N TAÇ ÃO 1. Uma definição 2. A perspectiva do ouvinte (usuário) 3. Antecedentes 4. Música generativa no Desktop 5. Música generativa na Web 6. Metodologia 7. Resultados
  • 4. M Ú S I C A G E N E R AT I VA / / U M A D E F I N I Ç ÃO A música algorítmica refere-se a um tipo de pesquisa computacional que é geralmente intratável sem um computador digital de alta velocidade ( Wooller, Brown, et al; 2005).
  • 5. M Ú S I C A G E N E R AT I VA / / A P E R S P E C T I VA D O O U V I N T E ( U S U Á R I O ) Richards (2005) cita três modos por meio dos quais os usuários se posicionam em relação à criação de conteúdo: • Interatividade de consumo: usuário como receptor, interação psicológica e afetiva, geração de idéias e emoções; • Interatividade de processamento: usuário com possibilidade de reprocessar o conteúdo, mas não alterá-lo de fato – ação sobre as propriedades do sistema, aplicação de filtros e efeitos; • Interatividade generativa: o usuário é o criador do conteúdo no sistema, podendo interferir em todo o processo.
  • 6. M Ú S I C A G E N E R AT I VA / / A N T E C E D E N T E S I N C ( T E R RY R I L E Y ) IT’S GONNA RAIN (STEVE REICH) AMBIENT MUSIC 1 (BRIAN ENO)
  • 7. M Ú S I C A G E N E R AT I VA / / A N T E C E D E N T E S DONALD KNUTH (ALGORITMOS) J O H N C O N WAY ( G A M E O F L I F E ) A L A N K AY ( G U I / O O P )
  • 8. M Ú S I C A G E N E R AT I VA N O D E S K TO P / / A P L I C AÇ Õ E S S C R E E N S AV E R S ( 8 0 + ) MAX (80+) KOA N ( 9 0 + )
  • 9. M Ú S I C A G E N E R AT I VA N O D E S K TO P / / A P L I C AÇ Õ E S P U R E DATA , M A X / M S P ( 9 0 + ) SUPERCOLLIDER (96+) INTERMORPHIC (07+)
  • 10. M Ú S I C A G E N E R AT I VA N O D E S K TO P / / A P L I C AÇ Õ E S P U R E DATA , M A X / M S P ( 9 0 + ) SUPERCOLLIDER (96+) INTERMORPHIC (07+) LIVE CODING
  • 11. M Ú S I C A G E N E R AT I VA N O D E S K TO P / / F R A M E WO R K D E WO O L L E R Wooller, Brown et al (2005) organizaram quatro perspectivas da produção de música generativa: • Linguística/Estrutural: construtos explícitos inspirados nas gramáticas generativas da linguística com forte uso de recursão; • Interativa/Comportamental: usuário e computador interagem – entradas humanas, processamento no sistema, composição a partir da análise, geração das saídas pelo computador; • Criativa/Procedural: música resultante de procedimentos criativos “postos em movimento” pelo compositor; • Biológica/Emergente: música não repetitiva, fora de controle inacabada, imprevisível, baseada em sistemas auto-organizados.
  • 12. M Ú S I C A G E N E R AT I VA N O D E S K TO P / / F R A M E WO R K D E WO O L L E R Sistemas generativos segundo dimensões: • Funcional: Analítica, Tranformacional, Generativa; • Amplitude do contexto: Estreita a Ampla.
  • 13. M Ú S I C A G E N E R AT I VA N A W E B / / P O R Q U Ê ? Nick Collins (2003) afirma que a música generativa e a Internet caminham lado a lado porque esse estilo de composição requer pouco espaço de armazenamento, uma vez que os dados armazenados são mais rotinas e instruções que informações de áudio completas. Do Desktop para a Web • Processamento local x distribuído; • Dependência do OS/plataforma x dependência do navegador. Mas por que só agora? • Conexão banda larga (quase) onipresente; • Padrões e APIs dos navegadores mais maduras; • Linguagens e tecnologias para Web otimizadas e acessíveis.
  • 14. M Ú S I C A G E N E R AT I VA N A W E B / / A N T E C E D E N T E S S H O C K WAV E ( 9 5 + ) FLASH (1995+) J AVA A P P L E T S ( 9 5 + )
  • 15. M Ú S I C A G E N E R AT I VA N A W E B / / A N T E C E D E N T E S J AVA A P P S ( 2 0 0 1 + ) PROCESSING (2001+) HTML5 AUDIO API (2009+)
  • 16. M Ú S I C A G E N E R AT I VA N A W E B / / M E TO D O L O G I A Seleção das aplicações • Busca orgânica, blogs, sites e revistas onlines especializadas; • Apenas aplicativos executáveis no navegador, serviço online; • Apenas aplicações gratuitas / acesso livre. Procedimento de análise • Perspectiva adotada para a geração da música; • Forma de participação do usuário; • Metáfora da interface e sua relação com o processo; • Dimensões funcional e amplitude contextual.
  • 17. M Ú S I C A G E N E R AT I VA N A W E B / / TO N E M AT R I X http://lab.andre-michelle.com/tonematrix Processamento / Interativa / Analítica / Estreita / Matriz, sequenciador,Tenori-on
  • 18. M Ú S I C A G E N E R AT I VA N A W E B / / M TA http://www.mta.me Processamento / Biológica / Generativa / Estreita / Mapa do Metrô de NY (Vignelli), Cordas
  • 19. M Ú S I C A G E N E R AT I VA N A W E B / / S E AQ U E N C E http://seaquence.org Generativa / Interativa / Generativa / Ampla / Vida marinha, sequenciador, Tenori-on
  • 20. M Ú S I C A G E N E R AT I VA N A W E B / / N O DA L G E N E S I S http://nodalgenesis.com Processamento / Criativa / Transformacional / Estreita / Screensaver, programas de pintura
  • 21. M Ú S I C A G E N E R AT I VA N A W E B / / AV C L A S H http://www.avclash.com Generativa / Interativa / Generativa / Ampla / Mandalas, caleidoscópios
  • 22. M Ú S I C A G E N E R AT I VA N A W E B / / V I R AG E L I C 2 . 0 http://www.konst-teknik.se/projects/viragelic/index.html Consumo / Criativa / Generativa / Estreita
  • 23. M Ú S I C A G E N E R AT I VA N A W E B / / A L G O R I T H M I C S Y M P H O N I E S http://countercomplex.blogspot.com/2011/10/some-deep-analysis-of-one-line-music.html Generativa / Linguística / Generativa / Estreita
  • 24. M Ú S I C A G E N E R AT I VA N A W E B / / A L G O R I T H M I C S Y M P H O N I E S http://wurstcaptures.untergrund.net/music/ Generativa / Linguística / Generativa / Estreita
  • 25. Obrigado! Prof. Hugo Cristo, Msc. Doutorando em Psicologia PPGP/UFES @hugocristo / www.hugocristo.com.br Universidade Federal do Espírito Santo Centro de Artes / Departamento de Desenho Industrial Núcleo de Interfaces Computacionais @nicddiufes / www.nicvix.com D I G I TA L I A · S A LVA D O R , B A ( 2 0 1 2 )