Ver conteúdo

__TOC__
[[File:Disney.jpg|350px|right]]
<br>

Projecto de [[User:MPulido|Mariana Pulido]], n.º 60289
<br>

=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)).
<br>

==Memória descritiva==

'''Tema''' - Música <br>
'''Área de conteúdo''' - Música (aplicação musical interactiva) <br>
'''Público alvo''' - Fãs e apreciadores das músicas da Disney, compostas por Alan Menken <br>
'''Paradigmas de interacção''' - Index e tutorial <br>
'''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.
<br><br>

=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.<br>
*[http://www.alanmenken.info/ '''The Whole New World of Alan Menken''']
*[http://ptdisney.forumeiros.com/t625-alan-menken '''Alan Menken''' (Disney PT)]
<br>

==Diário de bordo==

'''28 de Janeiro''' <br>
*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.
<br>
'''29 de Janeiro''' <br>
*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.
<br>
'''30 de Janeiro''' <br>
*Audacity: tratamento de som a integrar na aplicação (música de fundo, sons do menu, ...);
*Implementação e testes na página "contactos";
*Criação da galeria de fotos;
*Finalização do corpo da animação.
<br>
'''31 de Janeiro''' <br>
*Ú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.
<br><br>

=Desenho funcional=

<br>

==Requisitos funcionais==

<br>

==Estrutura arborescente==

A tipologia da arborescência implementada é não-linear. Permite que o utilizador viaje entre páginas do mesmo nível.

[[File:Arb 60289.png|950px|center]]
<br>
'''Nova estrutura arborescente'''<br>
30 de Janeiro
<br>
[[File:Arb 60289.png|950px|center]]

==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.).

<br><br>

=Desenho técnico=

<br><br>

=Produção do projecto=

<br>

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

<br>

==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();
   }

<br>
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 

<br>

==Animação==

É possível observar-se animação em diferentes pontos da aplicação - embora uns mais subtis do que outros. <br>
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). <br>
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''. <br>
Nos créditos, acontece o mesmo ao logótipo que na introdução - ainda que em sentido oposto (100% > 25%).<br>
A aplicação não está, no entanto, saturada de animação - situando-se assim num patamar mais abrangente de idades.
<br>

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

'''Campo de texto ''input'' ''' <br>

A página de contactos permite enviar uma mensagem ao autor. Por norma, neste tipo de situações, recorre-se a um link do tipo '''mailto:<endereço de e-mail>''', que gera uma comunicação com o programa de e-mail configurado como predefinido no sistema operativo (ex: Microsoft Outlook) para que a mensagem de e-mail seja enviada. No entanto, para além de esta configuração ser desconfortável do ponto de vista da usabilidade, pode mesmo não funcionar, caso o programa não esteja configurado ou não esteja, de todo, instalado no sistema. Assim, decidiu-se recorrer a um script externo, que envia o e-mail. O código Action Script utilizado para chamar o script, passa-lhe três parâmetros que são recolhidos do ''movieclip'' "contacto" - que contém o formulário de contacto. Inicialmente utilizou-se o seguinte código Action Script no botão de "enviar mensagem":

 on(release) {
   getURL("send_an_email.php?from=" + from.text + "&subject=" + subject.text + "&body=" + body.text");
 }

que abre outra janela do browser e processa o script externo. <br>
No entanto, como se quer que este processo seja transparente (e que não seja aberta outra janela), foi então utilizada uma função que carrega o endereço em background:

 on(release) {
    loadVariablesNum("send_an_email.php?from=" + from.text + "&subject=" + subject.text + "&body=" + body.text", 0, "GET");
 }

Desta forma, se os valores recolhidos dos campos do formulário forem "Mariana" (from), "Aplicacao muito bonita" (subject) e "Gosto muito desta aplicacao!" (body), então o URL que será aberto (de forma transparente) pela aplicação, será:

 send_an_email.php?from=Mariana&subject=Aplicacao%20muito%20bonita&body=Gosto%20muito%20desta%20aplicacao!

e a mensagem será enviada para os endereços de e-mail ''aamaro@ua.pt'' e ''caixinha@ua.pt''.

Esta solução foi desenvolvida a partir dos ''tutoriais'' dos sites:<br>
*http://www.kirupa.com/developer/actionscript/images/flatophptoserver.gif
*http://www.sephiroth.it/tutorials/flashPHP/email/
*http://www.mxstudio.com.br/desenvolvimento/flash/formulario-e-mail-flashphp/

<br><br>

=Conclusões=

<br>

==Reflexão crítica==

<br>

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

<br><br>

=Referências Web=

*[http://ptdisney.forumeiros.com/t625-alan-menken '''Alan Menken''' (Disney PT)]
*[http://www.soundtrack.net/composers/database/?id=294 '''Alan Menken''' (Soundtrack.Net)]
*[http://www.imdb.com/name/nm0579678/ '''Alan Menken''' (IMDb)]
*[http://www.musicaltalk.co.uk/episodes_0063.html '''Be Our Guest!''' (MusicalTalk)]
*[http://www.theartsdesk.com/theatre/theartsdesk-qa-composer-alan-menken '''Composer Alan Menken''' (The Arts Desk)]
*[http://www.alanmenken.info/ '''The Whole New World of Alan Menken''']
*[http://broadwayworld.com/people/Alan_Menken/ '''Alan Menken Theatre Credits''']
*[http://www.todomusicales.com/content/content_english.php?id_content=886 '''Alan Menken: "''Beauty and the Beast'' captures the magic <br> of Disney animations and brings it to the stage"''' (todoMUSICALES)]
<br><br>

=Anexos=

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