Music&Motion: o corpo como interface



Documentos relacionados
Oficina de Multimédia B. ESEQ 12º i 2009/2010

Desenvolvimento de Interfaces Prototipação

Guião de Apresentação

Modelo Cascata ou Clássico

Versão Final do Projecto. Versão Final do Projecto ( )

Asdasd asdasdasdas sadasdasdasd asdasdasdasd asdasdasdasd asdasdasdasd asdasdasdasd asdasdasdasd asdasdasdasdasdasd. 4. Componentes Multimédia

Interface Pessoa Máquina

A Internet 7 Criação de Páginas Web

Modelos Conceptual e Mental

A VISTA BACKSTAGE PRINCIPAIS OPÇÕES NO ECRÃ DE ACESSO

Pesquisa Etnográfica

Ferramentas Web, Web 2.0 e Software Livre em EVT

DEPARTAMENTO DE MATEMÁTICA E CIÊNCIAS EXPERIMENTAIS - Grupo 550 INFORMÁTICA Planificação Anual /Critérios de avaliação

Metodologia Projectual?

Criatividade e Inovação Organizacional: A liderança de equipas na resolução de problemas complexos

Case study. O Consumo de Energia em Edifício de Escritórios

Avaliação da Unidade Curricular de Segurança Alimentar pelos alunos Aluno 1

Metodologias de Desenvolvimento de Sistemas. Analise de Sistemas I UNIPAC Rodrigo Videschi

Começo por apresentar uma breve definição para projecto e para gestão de projectos respectivamente.

Windows Live Movie Maker

Desenvolvimento de uma Aplicação WEB para monitorização de BD Oracle

5. Métodos ágeis de desenvolvimento de software

DESIGN DE INTERFACES GRÁFICAS CORPORATE TV / DIGITAL SIGNAGE. Bruno Nobre bruno.nobre@iade.pt

Múltiplos Estágios processo com três estágios Inquérito de Satisfação Fase II

Como elaborar um Plano de Negócios de Sucesso

Wireframes Desenho de Iteração. Henrique Correia. Faculdade de Ciências da Universidade de Lisboa

AGRUPAMENTO DE ESCOLAS BÁSICA E SECUNDÁRIA DR. VIEIRA DE CARVALHO SERVIÇO DE PSICOLOGIA E ORIENTAÇÃO

12 EXCEL MACROS E APLICAÇÕES

Como...fazer o pré-teste de materiais de extensão rural com pequenos agricultores

Motivação. Robert B. Dilts

Estudo de Caso. Cliente: Rafael Marques. Coach: Rodrigo Santiago. Duração do processo: 12 meses

MÓDULO 7 Modelo OSI. 7.1 Serviços Versus Protocolos

24 O uso dos manuais de Matemática pelos alunos de 9.º ano

Módulo 16 Projeto de software

INICIAÇÃO Revista Eletrônica de Iniciação Científica, Tecnológica e Artística

UTILIZANDO PROGRAMAS EDUCACIONAIS

O consumo de conteúdos noticiosos dos estudantes de Ciências da Comunicação da Faculdade de Letras da Universidade do Porto

Arquitetura de Rede de Computadores

Da propaganda ao marketing ao Visual Merchandising, como nasceu o seu interesse pelo Visual Merchandising?

Prototipagem em Papel Desenvolver e testar interfaces antes de iniciar a programação. Ivo Gomes

ELABORAÇÃO DE UM GUIÃO DE PESQUISA DE INFORMAÇÃO

Define claramente o tema, o seu objectivo e os aspectos a desenvolver. De seguida deves ser capaz de levantar questões sobre o que pretendes

Programa para a Inclusão e Desenvolvimento Progride. ParticipAR Inovação para a Inclusão em Arraiolos"

ZS Rest. Manual Profissional. BackOffice Mapa de Mesas. v2011

ARQUITECTURAS DE SOFTWARE

Aplicações de Programação CNC/ISO com Microcomputador

4 Segmentação Algoritmo proposto

PERFIL PROFISSIONAL TÉCNICO/A DE MULTIMÉDIA. PERFIL PROFISSIONAL Técnico/a de Multimédia Nível 3 CATÁLOGO NACIONAL DE QUALIFICAÇÕES 1/5

HCT Compatibilidade Manual do Usuário

Processos de Design de IHC (Parte II)

AVALIAÇÃO DE INTERFACES UTILIZANDO O MÉTODO DE AVALIAÇÃO HEURÍSTICA E SUA IMPORTÂNCIA PARA AUDITORIA DE SISTEMAS DE INFORMAÇÕES

PESQUISA-AÇÃO DICIONÁRIO

Manual de Administração Intranet BNI

Especificação Operacional.

AGRUPAMENTO DE ESCOLAS DR. VIEIRA DE CARVALHO SERVIÇO DE PSICOLOGIA E ORIENTAÇÃO

Engenharia de Domínio baseada na Reengenharia de Sistemas Legados

Ferramentas Web, Web 2.0 e Software Livre em EVT

PROCESSO DE DESENVOLVIMENTO DE SOFTWARE. Modelos de Processo de Desenvolvimento de Software

Localização dos inquéritos de rua para Arroios e Gulbenkian

Desenvolvimento de Sistemas Orientados a Objetos com UML UP/RUP: Projeto

NOKIA. Em destaque LEE FEINBERG

Introdução ao Aplicativo de Programação LEGO MINDSTORMS Education EV3

Pesquisa com Professores de Escolas e com Alunos da Graduação em Matemática

Movie Maker: Recurso para produção e comunicação.

Trabalhando com arquivos de som. Prof. César Bastos Fevereiro 2008

Sumário executivo. Em conjunto, as empresas que implementaram

Agrupamento de Escolas Dr. Vieira de Carvalho SERVIÇO DE PSICOLOGIA E ORIENTAÇÃO

UNIVERSIDADE LUSÍADA DE LISBOA. Programa da Unidade Curricular PRODUÇÃO DE DESIGN MULTIMÉDIA Ano Lectivo 2014/2015

Conceitos importantes

Na introdução o aluno deverá explicar o assunto que deseja desenvolver. Situar o tema dentro do contexto geral da sua área de trabalho

Projeto CONDIGITAL Portas da Matemática Guia do Professor

INF Introdução a Interação Humano-Computador (IHC)

Apresentação da Solução. Divisão Área Saúde. Solução: Gestão de Camas

Na medida em que se cria um produto, o sistema de software, que será usado e mantido, nos aproximamos da engenharia.

Para começar a utilizar o Scratch, faz o respectivo download clicando em "Descarrega o Scratch" localizado no cabeçalho da página.

DESENVOLVIMENTO DE INTERFACE WEB MULTIUSUÁRIO PARA SISTEMA DE GERAÇÃO AUTOMÁTICA DE QUADROS DE HORÁRIOS ESCOLARES. Trabalho de Graduação

Prof. Rodrigo de Aquino Gomes

CADERNOS DE SOCIOMUSEOLOGIA Nº

Apresentações Impactantes e Atractivas! 28 de Abril

SUMÁRIO TUTORIAL DO HQ. 2 DICAS PEDAGÓGICAS:. 2 DOWNLOAD DA INSTALAÇÃO. 2 PASSO 1 FORMULÁRIO PARA DOWNLOAD. 2 PASSO 2 ESCOLHENDO A VERSÃO.

Mudança de direção RODRIGO MENEZES - CATEGORIA MARKETERS

WEB DESIGN LAYOUT DE PÁGINA

TÉCNICAS DE APRESENTAÇÃO

4o ENCONTRO DE USUÁRIOS DE BI

Estratégia de TI. Posicionamento Estratégico da TI: como atingir o alinhamento com o negócio. Conhecimento em Tecnologia da Informação

Iteração 2 Design inicial

ASSESSORIA DE IMPRENSA 1 Felipe Plá Bastos 2

Sistemas Distribuídos

Construção de um WebSite. Luís Ceia

Ambientes de exemplo do Comunicar com Símbolos

Inovação em sistemas de informação aplicada ao apoio do cliente de retalho

Ferramentas Web, Web 2.0 e Software Livre em EVT

A importância da comunicação em projetos de

Guião de Apoio Juntos por uma Internet melhor! GUIÃO DE APOIO. Página 1

O Rational Unified Process (RUP) é um processo de desenvolvimento de software inspirado no

Base de Dados para Administrações de Condomínios

MANUAL DE UTILIZADOR Aplicativo: Análise do Estudo da Lição da Escola Sabatina. 0. INTRODUÇÃO ARRANQUE DO APLICATIVO Início...

Transcrição:

Music&Motion: o corpo como interface Daniela Bernardo danielab@student.dei.uc.pt Filipa Neto fmcneto@student.dei.uc.pt Mariana Seiça marianac@student.dei.uc.pt Licínio Roque 1 lir@dei.uc.pt Abstract O que pensamos quando ouvimos a palavra freeplay? Em que pensamos quando tentamos descobrir uma forma de criar um ambiente multissensorial, dinâmico, cativante e, acima de tudo, livre para o utilizador explorar? Foi assim que nasceu Music Motion, uma experiência lúdica de composição e manipulação de música através dos movimentos do corpo. Author Keywords Interação; Música; Dança; Instalação Audiovisual Interativa; Kinect; Interação corporealizada ACM Classification Keywords H.5.m Information interfaces and presentation: Miscellaneous. H.5.2 User Interfaces: Prototyping Paste the appropriate copyright/license statement here. ACM now supports three different publication options: ACM copyright: ACM holds the copyright on the work. This is the historical approach. License: The author(s) retain copyright, but ACM receives an exclusive publication license. Open Access: The author(s) wish to pay for the work to be open access. The additional fee must be paid to ACM. This text field is large enough to hold the appropriate release statement assuming it is single-spaced in Verdana 7 point font. Please do not change the size of this text box. Introdução Esta é uma breve apresentação de um processo de design e prototipagem experimentalista que visou estudar uma possível exploração do corpo como interface musical no contexto de uma experiência lúdica semi-estruturada. O processo iniciou-se no contexto de um projecto académico numa disciplina de Interacção Humano-Computador, que se pretendia cativante e que explorasse um ensaio de design alternativo ao habitual uso do Kinect como interface de jogo envolvendo a imitação de uma expressão músical através de gestos estruturados. Neste projecto o objectivo foi a criação de

um ambiente multissensorial dinâmico, que fomentasse no utilizador uma atitude de exploração, ao estilo freeplay. As possibilidades eram inúmeras, o que acabou por tornar a fase inicial da proposta de um conceito bastante complicada, recorrendo-se a diversas técnicas de design de interação, até conseguirmos definir uma ideia clara do que desenvolver. A paixão pela música emergiu como ponto de interesse comum dos membros do grupo de projecto o permitiu dar um foco particular à perspectiva exploratória. Concebeu-se então um jogo de composição e manipulação de música através dos movimentos do corpo, de forma a aproximar a música à dança, criando um ambiente de experimentação livre, estimulante e criativo. O processo de estudo seguiu uma abordagem de Design Research, com base numa caracterização do problema ou situação, seguida de uma proposta de design que foi depois instanciada em múltiplos ciclos de design, implementação e avaliação com utilizadores pontenciais. Relata-se aqui sumariamente este processo e as aprendizagens realizadas. Estado da arte: projectos semelhantes Começamos naturalmente por um reconhecimento do estado da arte relacionado com o tipo de projecto em causa. A nossa primeira análise recaiu sobre o V-Motion Project (2012), que mais se aproximava à ideia a explorar. Embora não se tratando de um jogo, mas sim de um vídeo produzido por uma equipa de profissionais para uma marca de uma bebida energética, este projecto utiliza dois computadores e dois Kinect para conseguir minimizar o atraso entre o movimento e o seu efeito musical. A interface gráfica, em tons verdes, utiliza um contorno da forma humana como se fosse um espelho do bailarino e baseia-se na forma de um arco, assemelhando-se ao movimento máximo dos braços e das pernas, com áreas invisíveis apenas activadas por movimento. Identificamos ainda proximidades com o MappInect / BiKinect (2011) https://code.google.com/p/bikinect/, um conjunto de ferramentas baseadas nos drivers OpenNi utilizando a câmara Kinect. O MappInect é uma aplicação que mapeia os dados obtidos pelo Kinect e permite usá-los para activar vários tipos de controlo sobre o som. Os valores obtidos podem então ser usados em simultâneo com o Ableton Live e outros pacotes de software. Após algumas experiências realizadas com esta ferramenta, verificou-se uma falta de compatibilidade entre versões o que inviabilizou a prototipagem do nosso conceito com base nesta base funcional. O projecto Kinect-based Interactive Music System foi desenvolvido por um artista multimédia que utilizou o software Max (desenvolvido para edição e composição digital de música) e o Synapse, uma aplicação que permite usar o Kinect para controlar o Ableton Live através de eventos OSC. Este projecto não tem uma interface como o V-Motion Project. O utilizador vê de um lado o Synapse, e o seu esqueleto, e do outro lado o Music Motion onde a imagem é a do Kinect. Não existem efeitos visuais para os movimentos, nem áreas onde se deve tocar. O utilizador não tem qualquer guia do que deve fazer. O projecto Ethno Tekh (2012) é similar ao V-Motion Project, tendo sido desenvolvido por três profissionais, utilizando o Kinect, Ableton Live, Unity3D e Max/MSP/M4L. Com a ajuda de botões controlados pelos pés, o utilizador vai escolhendo os sons a trabalhar e controla-os com movimentos do corpo. Um aspecto interessante é o facto de o utilizador não se guiar pela interface da aplicação, actuando de costas

para ela. Deste modo não existe uma representação do utilizador na aplicação mas sim formas abstractas dinâmicas que reagem ao som. Há também três indicadores da forma de onda sonora em backing, loop e linc. Numa perspectiva mais científica da investigação em interação, Berg, Chattopadhyay, Schedel e Vallier também publicaram um estudo preliminar da utilização de kinect como interface de composição musical, e encontramos ainda um estudo de Bargsten sobre o uso Figure 1 - User Environment Design para o Protótipo Estudado de Kinect e PureData para manipulação de som através de OSC, tendo concluido pela viabilidade de uso desta interface para uma interação corporealizada. Estudo do Contexto de Uso Após uma breve síntese do conceito na forma de uma "design intention", começámos por definir o públicoalvo: quem seriam os principais utilizadores, a quem apelaria mais? Pelo facto de nesta fase inicial não termos ainda uma ideia clara da dinâmica do jogo, a

criação de cenários e de perfis dos possíveis utilizadores revelou-se um processo ainda vago mas necessário para aprofundar esse conhecimento. Percebemos que, pelo facto de ser um jogo baseado no Kinect, teríamos de ter em atenção a facilidade de uso da interface, promovendo movimentos naturais. Este aspecto parecia-nos fundamental não só para o público-alvo definido (jovens entre os 13 e os 21 anos,) como também para os utilizadores mais inexperientes, possivelmente de faixa etária sénior. Além deste cuidado, percebemos que a aplicação poderia ser também uma ferramenta para profissionais da área da música: de uma forma menos séria e mais subtil, claro, se permitisse um ambiente leve e descontraído, onde a criatividade pudesse fluir e originar ideias para novas composições. Ao tentar aplicar a técnica de Contextual Design neste design case verificámos que o mapeamento do contexto resultava muito simples, tendo sido criados modelos de flow, sequence e physical. Foi nesta fase que começámos a formar uma ideia mais concreta do que seria o nosso jogo, percebendo melhor os papéis de cada entidade envolvida (jogador e sistema) bem como as acções pretendidas. Contudo, por termos ainda várias questões da dinâmica de jogo e composição musical por decidir, sentimos que estes modelos não foram de grande utilidade, mantendo o jogo num plano ambíguo e pouco definido. As opções para gravar e reproduzir as músicas criadas também foram pensadas nesta fase. A elaboração do modelo UED (figura 1) revelou-se umas das etapas mais importantes no desenvolvimento do projecto, pois retirou-o de um plano abstracto e moveu-o para um plano explícito, por exigir a materialização da interface do jogo, dos diversos contextos de interação, que dariam origem a ecrãs e respectiva interacção. Definimos então dez locais de interação que determinaram a estrutura base do jogo. Ao abordar a questão sobre de que forma o utilizador iria criar música, ou seja, como chegar a composições harmoniosas e com sentido, decidimos experimentar a inclusão de dois modos distintos de jogo: o 1º, denominado Mixing, colocaria o jogador no papel de DJ, brincando com músicas e melodias já existentes; o 2º, denominado Free, permitiria a liberdade ao utilizador para compor novas melodias, a partir da percepção dos sons que cada movimento produzia. Em conjunto com o UED, fomos tendo em conta as trajectórias (Benford et al 2009) possíveis na navegação do jogo, desenhando os caminhos que o utilizador percorreria, procurando antecipar os comportamentos e os erros, quer a nível de detecção dos movimentos do jogador, quer na selecção e escolha de modos. Para estes, pensámos de que forma poderíamos evitá-los, ou pelo menos dar pistas para que o utilizador fizesse o esperado (acrescentando mensagens condutoras da experiência) para o manter entusiasmado e, principalmente, evitar frustrações. Prototipagem e Ensaio A criação de um protótipo em papel, apesar de não parecer uma técnica muito útil para avaliar a dinâmica do jogo pela limitação de simular uso do Kinect, foi muito útil para tomar as primeiras decisões a nível de composição visual, e para percebermos a necessidade de alguns elementos de interface de que nos tínhamos esquecido de incluir no UED. Com a realização de uma teatralização da jogabilidade (Roque 2010) com base na maquete em papel, foi possível nesta fase analisar a

forma como os utilizadores entendiam a experiência proposta, e como percebiam a interface, repensando a forma de seleção das músicas, colocando setas em vez de um scroll horizontal, e resolvemos algumas falhas: a ausência de um ecrã de final de jogo; a opção de gravação passou para o final de cada jogo; o reposicionar do ecrã de escolha de estilos antes da lista de gravações, onde se tornava confuso e desnecessário. A implementação do projecto foi mais complexa e exigente do que o antecipado, devido a dificuldades de estabilidade e interoperabilidade com bibliotecas. Capitalizando no conhecimento do grupo de trabalho optou-se por utilizar o Processing para criar a visualização do jogo, e para o processamento do input do Kinect, com recurso à biblioteca SimpleOpenNI. O principal desafio foi implementar o modo Mixing pois as bibliotecas de manipulação de áudio do Processing não permitiam manipular valores como o eco, o reverb e outras opções mais específicas. Para resolver esta questão, tentámos utilizar a Synapse, que possibilitou a ligação do Ableton Live (software de composição e produção de música) ao Kinect. Nesta fase, tínhamos 3 aplicações a correr ao mesmo tempo: o Processing, com toda a interface e interação directa com o utilizador, que ia buscar informação da câmara ao Synapse, que por sua vez, com uma série de plugins no Ableton, fazia o mapeamento entre os movimentos do jogador e os diversos valores do áudio. Inicialmente utilizámos o protocolo OSC para colocar o Processing a comunicar com o Ableton, controlado a reprodução das músicas. Como o Kinect não permite ter duas aplicações em simultâneo a utilizar dados da câmara, a única solução seria conseguirmos que o Processing, em cada frame, conseguisse ir buscar os dados da câmara ao Synapse para mostrar a forma do jogador na aplicação (e não somente as coordenadas do esqueleto), processo que se tornou inviável em tempo-real. Para recuperar o tempo-real utilizamos apenas o Ableton e o Processing, com mensagens OSC entre os componentes, para um modo free play. Avaliação Realizámos testes de usabilidade com base num setup funcional em que o jogador era convidado a descobrir a aplicação, recorrendo-se a um guião de tarefas apenas quando este evidenciava notória dificuldade em entender como interagir. Caso contrário eram registadas as observações directas do uso realizado, classificando-as de acordo com o modelo de performance expectável. Estes testes foram úteis para termos uma percepção não só de alguns erros mais graves do que esperávamos, como algumas surpresas. Registam-se as seguir os principais resultados desta avaliação. Todos os jogadores tiveram extrema dificuldade em seleccionar utilizando "botões virtuais": o algoritmo baseado na permanência da mão numa área revelou-se demasiado sensível a falhas de descodificação dos dados do Kinect, e como raramente se mantinha o tempo suficiente para conseguir fazer uma seleção, o que perturbava muito o fluxo da experiência. Dois jogadores sem experiência em jogos com o Kinect não entenderam a forma como se selecionava uma opção, ou seja, que tinham de manter a mão sobre o botão e esperar que o arco de feedback desse a volta completa. Um só jogador percebeu a forma de selecção de uma música (deixando a mão sobre a imagem). O delay considerável confundia e frustrava os jogadores, na sua própria expressão.

Figura 2 - Ecrãs do jogo: de cima para baixo: o menu principal; a escolha dos modos; a seleção de músicas; a atividade de jogo Numa segunda iteração de design, tendo por base a avaliação realizada, desenhamos e implementámos uma série de alterações para melhorar a interacção. Para resolver o problema do delay do som e do bloqueio ocasional optarmos por não implementar o modo Mixing, obtendo uma melhoria do tempo de reacção e na forma como o utilizador se movimentava e percepcionava a sua relação com a composição. Para tentar melhorar o feedback tornámos a silhueta do jogador visível de forma a que este possa perceber como o jogo o está a percepcionar. Para a componente visual do jogo procurámos tornar a percepção dos movimentos mais simples, com claro feedback sobre os eventos em que o movimento seria interpretado de forma consequente para a composição. Conclusões O exercício de design reportado permitiu evidenciar a dificuldade de atingir a "naturalidade" na interação de que tanto se fala em relação a interfaces como a Kinect. Os ensaios realizados foram essenciais para evoluir o desenho inicial no sentido de procurar soluções para alguns problemas habitualmente encontrados neste tipo de interfaces. No entanto, pensamos que este exercício também demonstra que é necessário ultrapassar o paradigma de interação explícita (como apontar para elementos) em mais significativo para o envolvimento do corpo. Uma interacção cujo objecto principal seja o nosso corpo, em que cada membro, movimento e emoção se tornam uma extensão directa e determinante no espaço de jogo potenciaria uma fusão mais significativa. Embora ainda distante pensamos que, é possível colocar o corpo no centro da acção de criação, elevando a imersividade da experiência e a fomentando novas e significativas interpretações. Agradecimentos Agradecemos ao Paulo Fernandes as ideias e sugestões e ao Hugo Gonçalves o apoio na área tecnológica. Referências [1] Assembly (2012). The V-Motion Project, http://vimeo.com/45417241 [2] Bargsten, J., Gesture and Performance with Kinect, Quartz Composer, and PureData [3] Benford, S., Giannachi, G., Koleva, B., Rodden, T., From Interaction to Trajectories: Designing Coherent Journeys Through User Experiences, Proceedings of CHI2009, ACM Press. [4] Berg, Tamara; Chattopadhyay, Debaleena; Schedel, Margaret; Vallier, Timothy. Interactive Music: Human Motion Initiated Music Generation Using Skeletal Tracking By Kinect http://www.tamaraberg.com/papers/kinect_music.pdf [5] Beyer, H., Holtzblatt, K., Work Models, Contextual Design: Defining Customer-Centered Systems. Morgan Kaufmann, pp 89-123, 2008. [6] Hammond, B., Vik, C. Ethno Tekh Performance. Enig'matik Vibrations. Melbourne Australia, 2012. http://www.ethnotekh.com/software/kinectar/ [7] Kinect-based Interactive Music System, acessível em https://www.youtube.com/watch?v=m-h9oihqu2s [8] MappInect/BiKinect, Acessível em https://code.google.com/p/bikinect/ [9] Paternò, F., The ConcurTaskTrees Notation. Model- Based Design and Evaluation of Interactive Applications. Springer, pp 39-65, 2000. [10] Roque, L., Early Game Design Rehearsal with Paper Prototyping, Proceedings of SBGames 2010. [11] Sterling, B., Augmented Reality: The V-Motion Project. WIRED Magazine Website, Julho 2012. [12] Synapse (2014) http://synapsekinect.tumblr.com/ post/6307790318/synapse-for-kinect