Da Lab. Multimédia 1

Revisão das 23h20min de 31 de Janeiro de 2012 por MPulido (discussão | contribs)

(dif) ← Revisão anterior | Revisão actual (dif) | Revisão seguinte → (dif)

Projecto de Mariana Pulido, n.º 60289

Apresentação do projecto

No âmbito da UC de Laboratório Multimédia 1, foi realizado um projecto de autoria multimédia com distribuição on-line. A aplicação musical interactiva destina-se aos fãs de Alan Menken (compositor de grande parte das músicas da Disney) e não tem limite máximo nem mínimo de idade (certamente que a aptidão para a leitura/escrita simplificará bastante a navegação dentro da aplicação, mas tal não é grave, dado que há botões com símbolos intuitivos em toda a aplicação (fica é condicionada qualquer parte que o necessite, como o contacto)).

Memória descritiva

Tema - Música
Área de conteúdo - Música (aplicação musical interactiva)
Público alvo - Fãs e apreciadores das músicas da Disney, compostas por Alan Menken
Paradigmas de interacção - Index e tutorial
Objectivos - Criar um espaço, dedicado principalmente aos fãs do compositor, com acesso a alguns dos seus trabalhos na área da música (Disney), biografia, galeria de fotos, clube de fãs e com a oportunidade de deixar um comentário ou uma mensagem a Alan Menken.

Análise e planeamento

Estado da arte

Antes da realização do projecto, foi necessária alguma investigação ao nível do que já tinha sido feito sobre o tema. Foram encontrados alguns sites referentes ao assunto, mas nunca uma aplicação tão resumida com o essencial.

Diário de bordo

28 de Janeiro

Ponderação e decisão do tema e conteúdo da aplicação de autoria multimédia;
Investigação do estado da arte e arrecadação da informação biográfica necessária para o projecto;
Criação da página do projecto na wiki da disciplina;
Escrita da memória descritiva;
Começo da introdução da aplicação, no Flash.

29 de Janeiro

Estrutura arborescente;
Finalização da animação da introdução e dos créditos;
Photoshop: tratamento de imagens e construção de botões a utilizar na aplicação.

30 de Janeiro

Audacity: tratamento de som a integrar na aplicação (música de fundo, sons do menu, ...);

31 de Janeiro

Últimos retoques e testes de interacção da aplicação;
Finalização do relatório do projecto e publicação na wiki;
Gravação do CD e entrega no do projecto.

Desenho funcional

Requisitos funcionais

Estrutura arborescente

Nova estrutura arborescente
30 de Janeiro

Desenho de interacção e usabilidade

A aplicação "Disney's Alan Menken" foi criada para um público de qualquer idade (preferencialmente mais jovem, dada a palete e as fontes integradas), e é puramente desenhada para fãs da Disney e do compositor. Como tudo gira em volta dele, foram escolhidas para serem apresentadas as matérias mais interessantes - o que um adorador procura. A navegação é feita de uma forma bastante simples e precisa. O menu está sempre presente em toda a aplicação, tudo o que o utilizador poderá querer controlar está sempre à mão (som, páginas, etc.).

Desenho técnico

Produção do projecto

Estrutura e meios de navegação/interacção

Integração e controlo de som

A música de fundo (que está activa, por defeito, quando a aplicação inicia) é uma interpretação em piano de uma das músicas de Alan Menken. Foi tratada no Audacity, de forma a não se sobrepôr a qualquer outro som mais importante da aplicação. O seu código de implementação é básico:

declaração da variável

  var som_fundo:Sound=new Sound();
  som_fundo.attachSound("som_fundo");


ordem de início

  som_fundo.start();


ordem para a música tocar em loop

  som_fundo.onSoundComplete = function() {
    som_fundo.start();
  }

Foram descarregados, de um site com recursos gratuítos, vários sons de clicks e de papéis a serem rasgados e amarfanhados - tudo para encontrar um que soasse bem como feedback dos botões do menu. Acabou por ser escolhido um de papel, cortado no Audacity (de forma a obter apenas o fragmento pretendido) e aplicado com os seguintes scripts:

declaração da variável

  var som_menu:Sound=new Sound();
  som_menu.attachSound("paper_sound");


código no botão

  on(rollOver) {
  _parent.som_menu.start();
  }

No que toca ao botão

Animação

É possível observar-se animação em diferentes pontos da aplicação - embora uns mais subtis do que outros.
Começando pela primeira cena, a introdução, vemos um tween de alpha (0% > 100%) no logótipo da WaltDisneyRecords. Passando ao corpo da aplicação, o fundo que dá suporte aos itens do menu sofre uma pequena animação quando "cai" da margem superior até ao seu sítio de repouso. Logo a seguir, os itens do menu aparecem, um por um, nos seus devidos sítios. Dentro de "músicas", todas as thumbnails são animadas com overs (opacidade).
Presente em todas as páginas da aplicação, encontramos botões de controlo de som, botão de saída e botão home; todos eles com feedback em over.
Nos créditos, acontece o mesmo ao logótipo que na introdução - ainda que em sentido oposto (100% > 25%).
A aplicação não está, no entanto, saturada de animação - situando-se assim num patamar mais abrangente de idades.

Soluções técnicas adoptadas para a resolução de problemas

Barra de loading

Campo de texto input

Foi necessário recorrer, uma vez mais, a código desconhecido. Depois de alguma pesquisa, encontrei um tutorial interessante, que acabou por ajudar muito.
O tutorial pode ser encontrado aqui. Ainda assim, tive de fazer adaptações ao meu caso.
A minha intenção não era enviar um e-mail pelo outlook, mas sim para um destinatário fixo. Por isso substituí "mailto:" por "from=".

on(release) {
  loadVariablesNum("http://mariana.pulido.pt/send_an_email.php?from=" + from.text + "&subject=" + subject.text + "&body=" + body.text, 0, "GET");
}

Conclusões

Reflexão crítica

Sugestões para o aperfeiçoamento e/ou desenvolvimento futuro do projecto

Referências Web

Anexos

Todos os anexos relativos a este projecto, como imagens ou sons, encontram-se no CD gravado e entregue aos professores da UC.

Alan Menken

Índice