PerfectValentine

From LABMM1_IDE

Revision as of 02:45, 25 January 2011 (view source) Danielamonteiro (Talk | contribs) ← Older edit		Latest revision as of 21:59, 29 January 2011 (view source) Danielamonteiro (Talk | contribs) (→RELATÓRIO)
(13 intermediate revisions not shown)
Line 27:		Line 27:
	== Botões de Navegação ==		== Botões de Navegação ==
		+	[[File:Botao about.png]]
		+	"About"
		+	[[File:Botao list.png]]
		+	"to do list"
		+
		+	[[File:Botao extra.png]]
		+	"extra stuff"
	== Ecrãs ==		== Ecrãs ==
Line 36:		Line 43:
	página inicial		página inicial
		+
		+
		+
		+	[[File:Popup about.png]]
		+
		+	"about"
		+
		+
	[[File:Captura de ecrã - 2011-01-24, 21.00.18.png]]		[[File:Captura de ecrã - 2011-01-24, 21.00.18.png]]
-	galeria	+	"inspirational photos" - galeria
		+
		+
		+
		+	[[File:Ecra filmes.png]]
		+
		+	"recomended movies"
		+
		+
		+
		+	[[File:Captura de ecrã - 2011-01-27, 23.55.46.png]]
		+
		+	"tutorial"
		+
		+
		+
		+	[[File:Captura de ecrã - 2011-01-27, 23.55.26.png]]
		+
		+	"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:
		+
		+	[[File:Captura de ecrã - 2011-01-28, 21.47.30.png]]
		+
		+	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

---

Latest revision as of 21:59, 29 January 2011

Projecto de autoria multimédia

Realizado por Daniela Monteiro, 60811

Contents 1 Memória Descritiva 2 Logótipo 3 Botões de Navegação 4 Ecrãs 5 RELATÓRIO

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