Utilizador:MXproject
Índice |
Apresentação do grupo
Ferdial Pereira 69416
Glória Pires 67842
Jania Laura 69415
Liliana Reis 68770
Mariana Anjos 68766
MXProject
Foi-nos pedida, no âmbito da componente prática da unidade curricular de Laboratório Multimédia 1, do curso de Novas Tecnologias da Comunicação, a elaboração de um projeto que abrangesse as componentes estudadas na disciplina. O resultado final será um dos momentos de avaliação mais importantes do semestre.
Após um brainstorming, decidimos enveredar pelo caminho da cultura pop e daquilo que é consumido hoje em dia, através das novas tecnologias, pela comunidade mais jovem. Depois de algumas opções selecionadas, optámos por um grupo de música comercial já com algum reconhecimento na música mainstream, Coldplay, e decidimos conceber uma forma mais interativa e dinâmica de apresentar informações sobre a banda.
Objetivos do projeto
- Promover trabalhos da banda
- Facilitar o acesso a informações relevantes claras e leves, sem o recurso à internet
- Oferecer uma possibilidade a fãs de darem a conhecer a banda a pessoas fora do círculo de seguidores
- Inovar e satisfazer a ida dos fãs aos concertos
- Dar acesso a um público mais geral, ainda que presente nos concertos, acerca de informações "para lá da música", ou seja, assuntos relativos à biografia da banda e que despertem mais o interesse
Relatório
Apresentação do projeto
A ideia do nosso projeto centrou-se na criação de uma aplicação interativa offline destinada aos apreciadores da banda britânica Coldplay, que integrasse elementos de animação, som e programação.
Numa fase inicial pretendemos integrar uma introdução animada, com o objetivo de dirigir o utilizador a um menu principal. Neste menu existirão determinados submenus (membro1, membro2, membro3, membro4, vídeos, álbuns, história e extras) que irão conter informação relevante acerca de diversas áreas relacionadas com o tema a desenvolver.
Nos submenus dos diversos membros irá constar a informação detalhada de cada elemento, nomeadamente o seu nome, idade, função que tem na banda, história individual e outras curiosidades. Em vídeos será possível visualizar alguns dos trabalhos videográficos feitos pelos Coldplay. Já no submenu álbuns os utilizadores terão acesso à discografia completa da banda e poderão também escutar algumas das suas músicas mais conhecidas. Por último, em extras haverá a possibilidade de assistir a entrevistas, descobrir algumas curiosidades da banda, ver pequenas partes de concertos e imagens relacionadas.
Esta aplicação poderia ter a forma de pen USB e servir de oferta às pessoas que se dirigissem a concertos, ou aquando a compra de um produto relativo à banda. Os fãs poderiam aceder a aplicação ligando a pen a um computador.
- Caracterização da aplicação
- Área de conteúdo: Entretenimento, música
- Plataforma de suporte: USB Flash Drive
- Forma de distribuição: Off-line
- Paradigma de interação: Índex e ambiente
Sendo uma aplicação multimédia interativa, é apresentada numa interface única que acomoda diferentes tipos de media e o utilizador terá o controlo do fluxo da informação
Análise e planeamento
Para a realização deste projeto foi necessária uma investigação aprofundada de diversas aplicações online e offline já existentes e de características da banda em estudo, nomeadamente as cores mais utilizadas, os símbolos usados com mais frequência e, logicamente, a discografia, videografia, entre outras coisas. Tentámos criar um projeto inovador, desenvolvendo algo que fosse diferente das aplicações existentes até ao momento atual. Tentámos distanciar-nos dos projetos desenvolvidos anteriormente, criando algo que pudesse surpreender os utilizadores.
- Rascunhos e ideias iniciais
- Cenários
- Palete de cores
A conjução das cores foi definida através da palete de cores apresentada na fotografia abaixo.
200px
Relatório aprofundado do estudo visual:Ficheiro:Relatorio IDE mx.pdf
Desenho funcional
Requisitos funcionais
A aplicação que estamos a desenvolver tem diversas funcionalidades, nomeadamente a existência de diversas áreas que possibilitam aos utilizadores visualizar vídeos, ouvir músicas, aceder a fotografias e biografias de cada um dos músicos, ver quais os álbuns lançados até ao momento e aprofundar os seus conhecimentos relativamente à história da banda.
Após uma breve introdução animada, o utilizador é conduzido ao ecrã principal, onde é diretamente recebido por um feed que, através de várias "páginas" oferece informações referentes a marcos e acontecimentos relevantes na história da banda.
A partir do menu principal, pode-se optar ou não por navegar pelos oito botões apresentados que vão dar acesso às seguintes áreas:
- História da banda
- Discografia da banda
- Media (vídeos)
- Membro 1 (Chris Martin)
- Membro 2 (Will CHampion)
- Membro 3 (Guy Berryman)
- Membro 4 (Jonny Buckland)
- Autoria
É também implementado um leitor de música que dinamize a aplicação e ofereça a possibilidade de navegar por uma lista de seis faixas musicais integrais. Este leitor é apresentado durante toda a navegação pela aplicação.
Estrutura arborescente
Desenho de interação e usabilidade
Centrámo-nos em princípios que dessem possibilidade de interagir com a publicação logo desde o desenho técnico. Para isso foi necessária a criação de diversos menus que conduziriam o utilizador a determinados submenus.
Basicamente, o percurso de navegação é feito por meio de vários botões, que através de um menu principal, o utilizador acede aos diferentes conteúdos. Após o acesso a um ecrã específico, é possivel regressar ao menu inicial através de um botão.
Desenho técnico
No âmbito dos conhecimentos adquiridos em LAB MM1, a aplicação é desenvolvida em Flash e programada em linguagem ActionScript 2.0.
Sendo uma aplicação ligada à área musical, os códigos predominantes baseiam-se em programação de controlo de música através de botões.
| Função | Código actionscript |
|---|---|
| Integração do som | var heaven:Sound=new Sound(); heaven.attachSound("heaven"); |
| Controlo do som nos botões | on (release){
} |
| Navegação entre frames | stop(); gotoAndPlay(“historia”); |
| Ecrã inteiro | fscommand(“fullscreen”,”true”) |
| Sair | on (release){ fscommand(“quit”,”true”); |
Produção do projeto
No que toca à divisão de tarefas resolvemos fazê-lo de forma mais ou menos equilibrada sendo que cada um dos membros do grupo ficou encarregue de recolher e analisar informações e imagens para cada um dos submenus.
O Menu Principal ficou a cargo da Mariana e da Liliana.
O submenu com as informações gerais da banda, que inclui as informações gerais e imagem ficou a cargo do Ferdial
A Glória ficou encarregue de recolher as informações principais sobre cada um dos elementos da banda e as respetivas imagens.
Por fim a Jania ficou encarregue de recolher as informações relativas aos álbuns.
Todo o design incluindo as cores, a distribuição dos elementos pelos ecrãs foi decidida em grupo, sendo que a Liliana e a Mariana ficaram encarregues da construção dos ecrãs após a informação toda recolhida.
Ao longo do fim de Dezembro e início de Janeiro iniciámos o desenvolvimento da aplicação no Flash. Cada um tem a seu cargo o desenvolvimento de pelo menos um ecrã da aplicação, toda a sua montagem e a recolha dos códigos de ActionScript necessários para o funcionamento correto da aplicação.
A aplicação apresenta uma estrutura hierárquica dando ao utilizador a perspetiva de que este está a navegar entre várias áreas de mesmo nível, através de um menu "mãe".
Cada uma dessas áreas oferece ao cliente possibilidade de acesso a diferentes informações e conteúdo. É uma aplicação caracterizada por um paradigma de interação indéx e ambiente, pois contém a informação indexada em diferentes botões embebidos na interface.
Integração e controlo de som
Sendo uma aplicação destinada a fãs de um determinado grupo musical, a integração de som consistiu num processo de seleção de músicas para a apresentação dos conteúdos discográficos da banda, assim como para o controlo do leitor de música de fundo.
Foram devidamente editados e importados trechos dos singles da banda para que houvesse possibilidade de ter uma perspetiva do estilo musical de cada disco. Na área destinada à discografia, cada botão corresponde ao conteúdo sobre cada álbum, onde são apresentados os singles lançados, assim como o botão de "play" e "stop" para cada trecho, dando a possibilidade de os reproduzir.
Os utilizadores poderão, também, ouvir, parar e navegar por diferentes músicas, na sua totalidade, no leitor de música programado através de actionscript. Foram criados vários botões de "play", "stop", "forward" e "backward" (característicos dos dispositivos de reprodução de música), para que cada um, de cada função, fosse associado ao controlo de reprodução de cada música.
Animação
A pequena introdução que inicia a aplicação foi concebida através de desenhos no Illustrator controlada no Flash através de movie clips e classic tweens. Cada botão no menu principal é caracterizado pela animação no seu estado de roll over, que também foram criadas dentro de movie clips. Por fim, existem animações integradas nos ecrãs da discografia e dos media, mais uma vez, com elementos criados e importados do Illustrator e executados em movie clips, simulando a técnica de “stop motion”.
Soluções técnicas adoptadas para a resolução de problemas
Inicialmente, cada ecrã correspondia a uma cena no Flash, o que não tornava compatível a presença do leitor de música. Sendo este um movie clip, não poderia ser implementado repetidamente nas várias cenas, pois resultava na sobreposição de músicas, na mudança do título, etc. Para resolver este problema, recorremos à cópia das diferentes layers, para as colar numa cena só (“menu principal”), para que o leitor consistisse numa layer geral e comum a todos os ecrãs.
As várias cenas (história, discografia, media, membro 1, membro 2, membro 3, membro 4 e autoria) foram passadas para uma cena só.
Conclusões
Reflexões críticas
Ao longo do desenvolvimento do projeto, verificámos o quão trabalhoso uma aplicação simples, encontrada em qualquer suporte, se pode tornar. Desde o planeamento do aspeto visual à implementação de funcionalidades técnicas requerem um trabalho minucioso e pormenorizado.
Este projeto foi conseguido graças ao trabalho conjunto dos diferentes elementos do grupo, que mesmo enfrentando diversas dificuldades chegaram a soluções práticas para o devido funcionamento da aplicação.
Sugestões para o aperfeiçoamento e/ou desenvolvimento futuro do projeto
Se eventualmente melhorássemos a aplicação no futuro para uma distribuição, aprofundávamos mais os conteúdos, como por exemplo: no ecrã dos media poderiam existir vários separadores referentes a vários tipos de vídeos (videoclipes, entrevistas, atuações, cenas de backstage, fanvideos, covers, etc); no ecrã da discografia, eram apresentados trechos de todas as músicas do álbum respetivo.
Também poderia conter mais elementos animados e áreas destinadas a entretenimento e mais interação com o utilizador.
Anexos
Multimédia:Breve História Coldplay.docx --> História da Banda
Multimédia:Álbuns Coldplay.docx --> Álbuns Coldplay
Multimédia:Elementos da banda Coldplay.docx --> Elementos da Banda
Referências da Web
- [1]
