PerfectValentine

From LABMM1_IDE

Latest revision as of 21:59, 29 January 2011

Projecto de autoria multimédia

Realizado por Daniela Monteiro, 60811

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

Botões de Navegação

"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