Apresentacao Tp2
-
Upload
guest9342984 -
Category
Education
-
view
165 -
download
3
description
Transcript of Apresentacao Tp2
![Page 1: Apresentacao Tp2](https://reader033.fdocumentos.tips/reader033/viewer/2022061210/5491256fb47959957d8b46d6/html5/thumbnails/1.jpg)
DOCENTES: Jorge Ferraz Pedro AlmeidaDISCENTES: Helena Rosa
Helena Santiago Hugo Pereira Victor López
Universidade de Aveiro | DeCA | MCMM | CAVNM | 09/10
DOCENTES: Jorge Ferraz Pedro Almeida
DISCENTES: Helena Rosa Helena Santiago Hugo Pereira Victor López
![Page 2: Apresentacao Tp2](https://reader033.fdocumentos.tips/reader033/viewer/2022061210/5491256fb47959957d8b46d6/html5/thumbnails/2.jpg)
Desafio
• Criar uma série Interactiva para a Web
• Interligação com as redes sociais (Facebook, Twitter, etc)
• Criar um site para a série
• Difusão da série na Web e nas redes sociais
2/17
![Page 3: Apresentacao Tp2](https://reader033.fdocumentos.tips/reader033/viewer/2022061210/5491256fb47959957d8b46d6/html5/thumbnails/3.jpg)
Conceito
• Interacção com o utilizador
• Personalização de conteúdos
• Definição dos caminhos da narrativa pelo utilizador
• Resolução de enigmas
• Hiperligação a outras páginas na Web
3/17
![Page 4: Apresentacao Tp2](https://reader033.fdocumentos.tips/reader033/viewer/2022061210/5491256fb47959957d8b46d6/html5/thumbnails/4.jpg)
Nome
Getaway – O objectivo da personagem principal entre outras é SAIR
• De uma casa amaldiçoada• Das armadilhas• Dos inimigos• Dos enigmas
Getaway também pode ser entendido num contexto de: desembaraçar-se, arranjar uma escapatória, resolver algo, afastar-se, sair imediatamente, fugir…
4/17
![Page 5: Apresentacao Tp2](https://reader033.fdocumentos.tips/reader033/viewer/2022061210/5491256fb47959957d8b46d6/html5/thumbnails/5.jpg)
Logótipo
O porquê da imagem gráfica
• Realce do caracter “A” • Quadrado por detrás da letra “A” como metáfora de uma porta • Personificação do caracter “A” figurando uma pessoa a fugir
• Palavra “Away” como palavra-chave para a compreensão da narrativa
• Aplicação de Shadow- no sentido de que está a ser observado, holofote apontado à personagem
5/17
![Page 6: Apresentacao Tp2](https://reader033.fdocumentos.tips/reader033/viewer/2022061210/5491256fb47959957d8b46d6/html5/thumbnails/6.jpg)
Logótipo (cont…)
Escolha Cromática
• Pelo contraste produzido• Pelo ambiente onde se desenrola a acção• Transpõe um ar intimidante, de suspense, místico
6/17
![Page 7: Apresentacao Tp2](https://reader033.fdocumentos.tips/reader033/viewer/2022061210/5491256fb47959957d8b46d6/html5/thumbnails/7.jpg)
Público- Alvo
• Jovens entre os 16 e os 35
• Interesse pela temática (mistério)
• Gosto pelo suspense, resolução de enigmas, desafios lançados, dualidade
• Interesse pelas redes sociais e blogs
• Interesse pela partilha de ideias, opiniões, pesquisa de informação, estabelecimento de novos contactos
7/17
![Page 8: Apresentacao Tp2](https://reader033.fdocumentos.tips/reader033/viewer/2022061210/5491256fb47959957d8b46d6/html5/thumbnails/8.jpg)
Métodos deDivulgação
• Criação de um Site/ blogue para a série
• Divulgação nas redes sociais (Facebook, Twitter etc)
• Trailler da série / Spot publicitário para a Web
8/17
![Page 9: Apresentacao Tp2](https://reader033.fdocumentos.tips/reader033/viewer/2022061210/5491256fb47959957d8b46d6/html5/thumbnails/9.jpg)
Análise deSoluções Idênticase Concorrenciais
• Interactive Card Trick - Jogo de cartas interactivo (sequência de vídeos)
• Subservient chicken – Interacção através da escrita com o personagem (escrita)
• A Conversation with Sir Ian McKellen – O utilizador escolhe o vídeo que quer ver/ouvir
9/17
![Page 10: Apresentacao Tp2](https://reader033.fdocumentos.tips/reader033/viewer/2022061210/5491256fb47959957d8b46d6/html5/thumbnails/10.jpg)
Análise deSoluções Idênticase Concorrenciais
• Videoclix.tv e Crimeface – Interacção com cenários, adereços, personagens, objectos(saber mais sobre)
• Youtube Street Fighter ou Shell Game Hard – Escolher de acordo com as preferências/convicções do utilizador
• Tube – Adventures, Todo Por Unas Pipas e 17
life fables – Escolha do caminho a seguir de acordo com as opções dadas. Vários caminhos com histórias diferentes. (concorrencial)
10/17
![Page 11: Apresentacao Tp2](https://reader033.fdocumentos.tips/reader033/viewer/2022061210/5491256fb47959957d8b46d6/html5/thumbnails/11.jpg)
Identificação dosConteúdos,Funcionalidades
Série:
• Criação de uma série interactiva (ambientes, cenários, guarda-roupa)
• Guiões, storyboard• Ligação a redes sociais, blogues,
páginas Web• Criação do logótipo e imagem de
marca • Criação de vídeos promocionais
11/17
![Page 12: Apresentacao Tp2](https://reader033.fdocumentos.tips/reader033/viewer/2022061210/5491256fb47959957d8b46d6/html5/thumbnails/12.jpg)
Identificação dosConteúdos,Funcionalidades
Site:
• Criação de site, para a série e seguidores
• Armazenamentos dos vídeos da série• Ligação às redes sociais• Sistema de comentários e classificação• Galeria de fotos• Página de lançamento de enigmas
12/17
![Page 13: Apresentacao Tp2](https://reader033.fdocumentos.tips/reader033/viewer/2022061210/5491256fb47959957d8b46d6/html5/thumbnails/13.jpg)
Cronograma
13/17
![Page 14: Apresentacao Tp2](https://reader033.fdocumentos.tips/reader033/viewer/2022061210/5491256fb47959957d8b46d6/html5/thumbnails/14.jpg)
ModeloFuncional
14/17
![Page 15: Apresentacao Tp2](https://reader033.fdocumentos.tips/reader033/viewer/2022061210/5491256fb47959957d8b46d6/html5/thumbnails/15.jpg)
SoluçõesTécnicasPrevistas
• Adobe Premiére – Edição/ Montagem dos vídeos• Adobe Flash – Criação da interactividade• Adobe After Effects – Criação de efeitos especiais• Adobe Dreamweaver CS4 ou Joomla Criação do site• Adobe Photoshop e Adobe Illustrator – Criação da imagem gráfica
15/17
![Page 16: Apresentacao Tp2](https://reader033.fdocumentos.tips/reader033/viewer/2022061210/5491256fb47959957d8b46d6/html5/thumbnails/16.jpg)
FluxogramasMock ups de interfaceDemo
16/17
![Page 17: Apresentacao Tp2](https://reader033.fdocumentos.tips/reader033/viewer/2022061210/5491256fb47959957d8b46d6/html5/thumbnails/17.jpg)
Obrigado
17/17