PerfectValentine
From LABMM1_IDE
Projecto de autoria multimédia
Realizado por Daniela Monteiro, 60811
Contents |
Memória Descritiva
Este projecto, intitulado "Perfect Valentine" consiste na criação de uma interface que possui unicamente conteúdos relacionados com a celebração do dia 14 de Fevereiro, conhecido como o Dia dos Namorados.
O público alvo são as mulheres, de idades compreendidas entre 18 a 35 anos.
É pretendido que a aplicação multimédia desenvolvida seja para distribuição off-line, possivelmente na forma de um CD-Rom, distribuído gratuitamente como complemento de uma revista feminina.
Ao abrir a aplicação apresenta-se ao utilizador uma página inicial com o logótipo da aplicação e um botão "entrar" que permite a entrada no menu principal.
Já no menu principal, três ícones principais revelam as informações mais relevantes a reter desta aplicação:
Um ícone "about" informa sobre o tema do projecto, um ícone "to do list" leva a um tutorial com dicas para o dia dos Namorados e um ícone "extra" dispõe diversos conteúdos, como trailer de filmes recomendados, receitas culinárias e uma galeria de fotos.
Logótipo
"About"
"to do list"
"extra stuff"
Ecrãs
página inicial
"about"
"inspirational photos" - galeria
"recomended movies"
"tutorial"
"recipes"
RELATÓRIO
1. Apresentação do projecto
Tendo como título "Perfect Valentine", este projecto diz respeito à criação de uma interface que possui unicamente conteúdos relacionados com a celebração do dia 14 de Fevereiro, conhecido como o Dia dos Namorados. A ideia ocorreu-me aquando da proximidade desta data festiva.
O público alvo são as mulheres, de idades compreendidas entre 18 a 35 anos.
É pretendido que a aplicação multimédia desenvolvida seja para distribuição off-line, possivelmente na forma de um CD-Rom, distribuído gratuitamente como complemento de uma revista feminina.
Todo o conteúdo da aplicação se encontra apresentado na língua inglesa, visando um maior alcance do ponto de vista publicitário, e também por resultar melhor do ponto de vista estético.
2. Análise e planeamento
A ideia deste projecto surgiu com a proximidade da data festiva do Dia dos Namorados.
Pesquisa foi feita sobre este tema: no site www.imdb.com procurei filmes categorizados como românticos e escolhi seis bem categorizados no rating do site; procurei imagens relativas a casais em sites como www.weheartit.com e www.tumblr.com para as integrar na galeria; procurei receitas culinárias simples e de fácil concretização, uma para cada categoria: entrada, prato principal, sobremesa.
Para a criação de uma galeria utilizando o efeito scrolling com o rato pesquisei tutoriais no youtube, bem como para o barra de controlo de volume de som.
3. Desenho funcional
3.1 Requisitos funcionais
Ao abrir a aplicação apresenta-se ao utilizador uma página inicial com o logótipo da aplicação e um botão "entrar" que permite a entrada no menu principal.
Já no menu principal, três ícones principais revelam as informações mais relevantes a reter desta aplicação:
Um ícone "about" informa sobre o tema do projecto, um ícone "to do list" leva a um tutorial com dicas para o dia dos Namorados e um ícone "extra" dispõe diversos conteúdos: "recomended movies", com sinopses e trailers de filmes recomendados, "lovely recipes", receitas culinárias alusivas à ideia de romantismo e "inspirational photos", uma galeria de fotos, alusivas à data também.
3.2 Estrutura arborescente (apresentação e descrição da arborescência)
3.3 Desenho de interacção e usabilidade
Esta aplicação aplica os três paradigmas de interacção: paradigma de interacção tutorial na secção "to do list", paradigma de interacção ambiente, no menu principal, onde o utilizador é que descobre que os ícones colocados são botões de navegação graças à animação neles presente, e paradigma de interacção index, na cena "extra_stuff", onde o acesso aos conteúdos está representado de forma bem explicita.
4. Desenho técnico (identificação dos requisitos técnicos para a operacionalização dos aspectos
funcionais)
5. Produção do projecto
5.1 Estrutura e meios de navegação/interacção
Um botão "entrar" na primeira cena permite ao utilizador entrar para a cena principal da aplicação multimédia, a partir da qual o utilizador pode explorar e navegar de forma mais livre e intuitiva.
A navegação é possível através de ícones gráficos que o utilizador reconhece como tal tanto pela alteração da forma do rato, como pelas animações que os botões empregam.
5.2 Integração e controlo de som
A música de fundo "That's Amore" pode ser controlada através tanto do botão "play", que assegura a sua reprodução, como do botão "Stop", que faz com que esta cesse, mas também através de uma barra na qual é possível aumentar ou diminuir o volume da música.
Código utilizado para o efeito:
Tive, portanto, de atribuir nomes às instâncias dos gráficos "slider" e "barra_som" para os poder controlar através de actionscrip.
5.3 Animação
Ao longo da animação estão presentes pequenas animações, como por exemplo:
No logótipo inicial foi realizada uma animação frame-a-frame, para dar o efeito de escrita.
Em alguns botões, o rollover ou o clique do rato despoletam pequenas animações, como a alteração da dimensão dos objectos.
Objectos como o logótipo da cena inicial ou os conteúdos da secção "about" empregam motion tweens, para dar o efeito de "fade in".
5.4 Soluções técnicas adoptadas para a resolução de problemas
Os principais problemas com que me deparei durante a realização desta aplicação multimédia centram-se principalmente na integração do som e controlo deste: Ao colocar a música de fundo no menu principal, cada vez que o utilizador navegava de outras cenas de volta para esta, a música recomeçava novamente e sobrepunha-se. Resolvi isto adicionando mais uma keyframe na cena principal, adicionando a música na primeira frame desta e ordenando a todos os botões que permitiam o regresso a esta cena o recomeço da reprodução a partir da frame 2.
6. Conclusões
Tendo como meio de comparação o projecto anterior a este, posso retirar daí diversas conclusões: O trabalho em grupo dificulta em muito o progresso do projecto pois estamos dependentes do trabalho de outrém e temos que organizar o tempo em função dos outros, ficando menos horas cedidas para a concretização do trabalho.
Este projecto evoluiu de um modo estável, todos os dias foram realizadas tarefas relativas a este, assegurando assim que a aplicação final ficasse pronta na data estipulada.
6.1 Reflexão crítica
Um dos erros relativamente à programação da aplicação é o facto de a música continuar a tocar quando se carrega no play para a reprodução dos vídeos na cena "filmes", gostaria de ter corrigido isso.
6.2 Sugestões para o aperfeiçoamento e/ou desenvolvimento futuro do projecto
A aplicação ficaria enriquecida com um template mais desenvolvido na cena principal, com mais planeamento a nível cromático e com mais animações para dinamizar o ecrã e aumentar assim a atenção do público.
Gostaria também de ter desenvolvido um player mais completo, com botão "pausa" e com mais músicas disponíveis para escolher.
7. Referências Web e Bibliográficas
http://www.youtube.com/watch?v=b6FmgrhLp3s
http://www.youtube.com/watch?v=gUKXfoubkEI
http://www.youtube.com/watch?v=2TrIQqu2MkU
8. Anexos
