Metallica rules
From LABMM1_IDE
Contents |
Grupo do projecto
Marcelo Bettencourt 60869
Tema
O tema do projecto é a banda Metallica. Neste projecto irei apresentar a banda, os seus elementos, divulgar a sua história, os seus álbuns e as suas músicas.
Memória descritiva
A aplicação irá ter um aspecto simples mas funcional, do género index e também imersivo. A aplicação será offlline, pois esta terá uma playlist extensa, o que ocupará bastante espaço.
Identidade visual
Tipos de letra
Logótipo e partes que sobressaem: Ain't Nothing Fancy (dafont.com)
Menus menos importantes e escrita corrente: Verdana (Normal e Bold)
Diário de Bordo
23 de Janeiro
Escolha do tema e primeiras ideias.
24 de Janeiro
Estudo do logótipo e criação dos botões funcionais.
25 de Janeiro
Inserção do material em plataforma Flash e início da criação da aplicação final (secção: Álbuns)
26 de Janeiro
Conclusão da secção Álbuns, História e Galeria. Início da preparação sonora da aplicação.
Imagens do projecto
Botões de navegação e controle de volume.
Estudo do logótipo com zona de protecção. O esquema de cores utilizado é o apresentado.
Ecrã de entrada da aplicação.
Ecrã dos álbuns da banda.
Ecrã da lista dos temas do álbum (ecrã-tipo)
Ecrã de saída da aplicação.
Relatório Final
1.Apresentação do Projecto O projecto tem como nome Metallica Rules, sendo este uma homenagem à banda Metallica. Caracteriza-se como sendo uma apresentação da banda, com as suas músicas, álbuns, fotografias e história.
2.Investigação Temática Para a elaboração deste projecto não tive de pesquisar muito, pois já tinha uma ideia formada. O aspecto base da aplicação foi inspirado em muitas outras aplicações, com um desenho suave e sério.
3.Desenho Funcional 3.1.Requisitos funcionais Esta aplicação é dividida em quatro grandes partes: Galeria, História, Álbuns e Playlist. Na galeria podemos observar algumas fotos da banda ao vivo. Na História é apresentado ao utilizador uma série de ecrãs em que pode ler uma breve história da banda. No último ecrã existem algumas fotos dos elementos da banda. Nos Álbuns existem miniaturas dos álbuns da banda. Quando se clica em cada um deles, pode se ver a capa em tamanho maior e também a lista de músicas de cada álbum. Na Playlist, que está presente durante toda a aplicação, pode se ouvir algumas músicas dos Metallica, em que se pode ver o nome, a duração, e até ir para a música seguinte e anterior. Pode-se também alterar o volume com um slider que existe na Playlist.
3.2.Estrutura arborescente
3.3.Desenho de interacção e usabilidade O estilo de navegação deste projecto é um estilo de manipulação e navegação, pois esta aplicação explora a capacidade do utilizador explorar e manipular aquilo que quer ver. Nesta aplicação há popups (janelas de informação), ícones (ícones de controlo de som e de escolha de ecrã) e uma caixa de diálogo, usada quando o utilizador quer sair da aplicação. Em relação à usabilidade, considerei o utilizador tipo alguém que não tem muita experiência com aplicações multimédia, e por isto tentei criar um ambiente simplista e intuitivo. Nesta aplicação também foi aplicado o princípio da estrutura e orientação, tendo esta uma estrutura fácil e intuitiva, devido aos menus sempre presentes em todas as partes da aplicação. Como falei antes, apliquei o princípio da simplicidade (KISS) para que a aplicação não se torne enfadonha e complicada de navegar. Em relação ao princípio da visibilidade, penso que o apliquei bastante, estando todos os menus visíveis e não há nada que distraia a atenção do utilizador do objectivo da aplicação. Por fim, apliquei também o princípio da consistência, sendo esta perceptível na posição dos menus e dos ícones.
4.Desenho Técnico
Para operacionalizar esta aplicação tive de utilizar todos os conceitos técnicos aprendidos na disciplina de Laboratório Multimédia I. Utilizei gráficos, shapes, símbolos de tipo Movie Clip e Button.
5.Produção do Projecto
5.1.Estrutura e meios de navegação/interacção
Ecrã de entrada
Ecrã da galeria
Ecrã da história
Ecrã dos álbuns
Ecrã tipo de cada album
Ecrã de saída da aplicação
A estrutura da aplicação é baseada em frames independentes, podendo navegar-se entre elas através de botões implementados com código AS2.
Todos os botões de navegação baseiam-se no código gotoAndStop.
Este é o código para a galeria. Primeiro crio uma função que vai buscar imagens externas. Quando a imagem entra, existe um fade in provocado por uma incrementação do alpha. As outras funções são as funções do clique, para que cada vez que se clique numa miniatura esta aparece grande dentro do movie clip criado.
