Vídeo Making Of

   Escolhemos essa música por retratar o universo das mídias digitais e a nossa dependência delas. Como o nosso trabalho tem uma temática muito semelhante, concordamos em utilizá-la como trilha sonora no vídeo de making of do trabalho. Abaixo segue a letra da música.

Now Generation

Black Eyed Peas

Composição: Will Adams / Allen Pineda / Jaime Gomez / Stacy Ferguson 

We are the now generation

We are the generation now

This is the now generation

This is the generation now

I want money

I want it, want it, want it

Fast internet

Stay connected

Ineject, WIFI, Podcast,

Blastin' out an SMS

Text me and I text you back

Check me on the iChat

I'm all about that http

You're a PC, I'm a MAC

I want it

Myspace and yourspace

Facebook is a new place

Dipdive is socialize

And I'll be out on cyber space

Google is my professor

Wikipedia check it

Checkin' my account

loggin' in and loggin' out

Baby, I want it now

This is the now generation

This is the generation now

We are the now generation

I want, I want, I want it now

I want the cold hard cash

I want it, I want it, I want it now

And I just can't wait

I need it immediate

And I just can't wait

I want it immediate

Cuz' the time can't then

I sure can't wait

I ain't got no patience

No, I sure can't wait

Not today

We are the now generation

We are the generation now

This is the now generation

This is the generation now

I want money

I want cold hard cash

I'll take your dollar and your euro

And go and have a blast

So take your date and your credit and

stick it up your ass and do it now

I want it now

Give me money

Give me my money (I want it now)

I need cash and I need it bad (I want it now)

Quickly in a hurry like your neighbours flash (I want it now)

You make me wait and I'll be whip your ass (I want it now)

I want it now (Now, I want it now)

I want it now (Now, I want it now)

I want it now (Now, I want it now)

Fast, rapido, really quick like torpedo

Need for Speed if my credo,

you need to feed this negrito,

Send it by your brother-boll

Rap it like a Thunderbolt

Active it, rock the boat,

Just ask Borack who brought the hope tonight!

Now

It was the now generation

And I just can't wait

I need it immediate

And I just can't wait

I want it immediate

Cuz' the time can't wait

I sure can't wait

I ain't got no patience

No, I just can't wait

Not today

Expedia

No time for a procrastination

Expedia

Improve my situation

Fonte de letra da música: http://www.vagalume.com.br/black-eyed-peas/now-generation.html

Referências e Links

     Disponibilizamos aqui os links das principais fontes de conteúdo e tutoriais utilizadas para a realização do nosso projeto.

• Internet

http://pt.wikipedia.org/wiki/Hist%C3%B3ria_da_Internet
http://www.kplus.com.br/materia.asp?co=11&rv=Vivencia
http://www.ccuec.unicamp.br/revista/infotec/internet/internet1-1.html
http://www.artigonal.com/tec-de-informacao-artigos/a-historia-da-internet-737117.html
http://www.w3c.br/palestras/internet-web-jun-jul-2008/internetWeb-02.html#%283%29
http://pt.wikipedia.org/wiki/Internet
http://www.ufmg.br/online/web/arquivos/013470.shtml

• Computador

http://www.novomilenio.inf.br/ano97/97hista1.htm
http://www.mansano.com/beaba/hist_comp.aspx
http://cadinformatica.br.tripod.com/
http://www.baixaki.com.br/info/1697-a-historia-dos-computadores-e-da-computacao.htm#topo
http://pt.wikipedia.org/wiki/Computador
http://pt.wikipedia.org/wiki/História_da_computação

• Dispositivos de armazenamento de dados:

http://www.maximumpc.com/article/news/computer_data_storage_through_ages?page=0%2C0
http://pt.wikipedia.org/wiki/Dispositivo_de_armazenamento

• Video digital:

http://www.iar.unicamp.br/pesquisas/videoartedigital/videoartedigital.htm

• Telefone celular:

http://www.lipesblog.com/tag/ericsson-mta
http://www.baixaki.com.br/info/2453-o-4g-esta-chegando.htm
http://www.gizmodo.com.br/conteudo/tecnologia-4g-wimax-e-lte-disputam-titulo-de-banda-larga-do-futuro
http://www.celulares.etc.br/tudo-sobre-celular
http://pt.wikipedia.org/wiki/Hist%C3%B3ria_do_telefone_celular
http://pt.wikipedia.org/wiki/Telefone_celular
http://pt.wikipedia.org/wiki/1G
http://pt.wikipedia.org/wiki/2G
http://pt.wikipedia.org/wiki/2.5G
http://pt.wikipedia.org/wiki/3G
http://pt.wikipedia.org/wiki/4G

• Jogos eletrônicos:

http://demonweb.wordpress.com/2008/06/18/uma-breve-historia-dos-jogos/
http://www.scribd.com/doc/24587686/influencias-dos-jogos-eletronicos-na-sociedade

• Televisão:

http://www.tudosobretv.com.br/histortv/
http://www.baixaki.com.br/info/2397-historia-da-televisao.htm#topo
http://pt.wikipedia.org/wiki/Televis%C3%A3o
http://pt.wikipedia.org/wiki/Televis%C3%A3o_digital

• Animação

http://www.strille.net/tutorials/snake/index.php
http://www.youtube.com/watch?v=FFK_XuVqsCQ

Projeto de Realização

Primeira fase: Contextualização

    Nessa primera fase, houve a discussão de idéias para o trabalho. Os três membros da equipe se reuniram para trocar sugestões de o que fazer para o trabalho. Foi então decidido que seria feito uma animação interativa para mostrar a história e evolução de algumas mídias digitais, desse modo ajudando os usuários a criar interesse na especialização de Mídias Digitais do curso, e consequentemente promovendo a divulgação da área.

Segunda fase: Definição da animação

    Após decidido quais mídias iríamos abordar (computador, dispositivos de armazenamento, internet, jogos eletrônicos, telefone celular, televisão, e vídeo digital), foi necessário definir como iríamos fazer a apresentação deste trabalho. Após algumas reuniões entre os três membros, foi decidido então criar um personagem que realizasse a introdução ao trabalho. Depois de explicar como funcionaria a interação, seria apresentado as opções das mídias para o usuário escolher a que desejasse, e então o texto sobre a história da determinada mídia seria apresentada. Foi decidido também colocar alguns exemplo de mídias (além do próprio trabalho ser um exemplo). Tudo isto foi então posto para o storyboard. Após apresentado todo o conteúdo do trabalho, no final seriam exibidos os créditos.

Terceira fase: Desenvolvimento do trabalho

    Como o grupo era o mesmo para trabalhos de três diciplinas diferentes, resolvemos dividir as tarefas de todos os trabalhos como se fosse um trabalho só. As tarefas relacionadas a este trabalho foram definidas e são mostradas logo abaixo, e seus respectivos responsáveis estão ao lado de cada tarefa:

• Criação do personagem - Jonh Ítalo
• Criação do cenário - Jonh Ítalo
• Pesquisa sobre computador - Deivith Silva
• Pesquisa sobre dispositivos de armazenamento - Herbenio Júnior
• Pesquisa sobre internet - Deivith Silva
• Pesquisa sobre jogos eletrônicos - Herbenio Júnior
• Pesquisa sobre televisão - Herbenio Júnior
• Pesquisa sobre telefone celular - Herbenio Júnior
• Pesquisa sobre vídeo digital - Herbenio Júnior

Quarta fase: Finalização

    Após toda a "base" para o trabalho estar concluída, chegou a hora das finalizações serem feitas. Abaixo seguem as tarefas realizadas nesta fase, ao lado de seus respectivos responsáveis:

• Animação do personagem - Jonh Ítalo
• Animação de introdução às mídias - Jonh Ítalo
• Sonorização do personagem - Jonh Ítalo (com auxilio do programa MorphVOX Pro)
• Programação em flash - Jonh Ítalo
• Documentação no blog - Deivith Silva
• Vídeo de making-of - Herbenio Júnior

Storyboard

Em que consiste a interação?

1- No primeiro quadro o boneco ira se apresentar e em seguinte ensinar ao usuário a utilizar a interação. Nesse quadro se fará presente o personagem (click), um balão contendo a fala do personagem e no final aparecera o botão para o usuário prosseguir.

2- No segundo quadro o personagem ira fala sobre o conceito de mídia digital e ao final aparece o botão para prosseguir com a interação e outra para retorna a interação.

3- No terceiro quadro o personagem ira expor as mídias que serão expostas no decorre da interação e no momento que ele fala o nome da mídia uma imagem correspondente a mesma se fará presente na tela de um televisor posto na lateral do personagem e ao final dessa apresentação aparecera novamente os botões prosseguir e retroceder.
Obs.: antes dele iniciará dizer o nome das mídias se fará presente na tela uma animação com a sigla SMD (Sistemas e Mídias Digitais) como uma forma de identificação de onde partiu a produção dessa interação.

4- No quarto quadro o personagem Dara instrunções a utilizador de como fazer para obeter informações sobre as mídias e através do ícones presentes na tela da televisão presente atrás do personagem a pessoa poderá acessar informações das seguintes mídias: computador,dispositivos de armazenamento,vídeo digital, TV digital, internet, jogo electronico, telefone celular e nos extras o usuário poderá ter acesso a um hot site, um vídeo digital e também poderá jogar .
     Antes de exibir o conteúdo da mídia escolhida, aparece uma animação, feita por nós, relacionada ao assunto. Para o Computador, uma tela de boot animada; para o celular, uma simulação de uma chamada telefônica; para Dispositivos de Armazenamento, uma tela de "tranferência de arquivos do Windows"; para Vídeo Digital, aquela famosa tela azul de carregamento; para Game, uma tela de "Loading"; para Internet, um navegador carregando uma página; e para TV Digital, uma tela de sintonização.

Criação do personagem

1. A idéia de ser um mouse o personagem se deve primeiramente ao fato de o mouse passar uma Idea de controle e transmitir a idéia de que você e em quem controla essa interação e segundo pela sua correlação com as mídias digitais principalmente no que diz respeito ao computador que entres as mídias uma das mais utilizadas.

2. Primeiramente foi feita a vetorização da imagem bitmap e após foi dada uma nova cor a mouse.

3. Depois de feito a vetorização, iniciamos a movimentação do mouse. Foi feito a movimentação da boca e dos olhos para o momento que ele falasse, para isso, criamos um movie clip para boca(fechando e abrindo) e um movie clip para os olhos (a primeira vez ele ira fechar após 1 segundo e reabrir e ira fechar novamente após 4 segundos e retornara a ciclo). Já para o momento em que o mouse fica estático foi criando apenas um gráfico onde o mouse esta de boca fechada e olho aberto.

Olhos:

Boca:

4. A voz do mouse foi feito com auxilio do programa MorphVOX Pro. Após gravado o áudio foi importado para o flash e em seguida foi feita a sincronização do personagem com o áudio.

Obs.: No caso da voz do personagem foi utilizado o equalizador para obter a voz de criança.

Construção do Cenário

1. No primeiro quadro e no segundo temos um cenário estático na cor preta e um balão com a fala do personagem.

2. No terceiro quadro o cenário será de uma sala contendo um centro e uma televisão e no cenário será dado um zoom ate que fique enquadrada no palco a televisão onde será demonstrada uma animação e algumas figuras.

3. No quarto quadro termos a televisão na posição frontal com imagens correspondentes as mídias onde o usuário poderá clicar para obter informações.

Justificativa do conceito do produto em desenvolvimento

     O trabalho tem como objetivo mostrar a evolução das Mídias Digitais. Optamos por desenvolver um produto de mídia digital no qual pudéssemos exibir a história de todas as mídias pesquisadas, de modo que o usuário fique livre para decidir sobre qual mídia ele deseja aprofundar seu conhecimento. Algumas delas, inclusive, virão com um exemplo para que o usuário possa conhecer ainda melhor a mídia pela qual possui interesse.

     Com estrutura similar às usadas para fins educacionais, o produto tem caráter informativo,mas fugindo do tradicional “texto com imagens”, utilizando-se das ferramentas digitais para vincular vídeos, sons, gráficos, animações, joguinhos, interatividade... Enfim, adaptando o conteúdo textual  para uma plataforma dinâmica; uma das vastas possibilidades em que o profissional da área de Mídias Digitais pode atuar.

     Nessa animação interativa há exemplo de um hot site, um vídeo digital e um jogo. Alguns desses  exemplos de mídias foram criadas inteiramente por nós, enquanto outras foram copiadas da Internet e  adaptadas para melhor se adequarem ao trabalho, mas não esquecemos de colocar os respectivos links da origem dessas mídias nos créditos do trabalho.

A Evolução das Mídias Digitais

Tema abordado: A Evolução das Principais Mídias Digitais

Função de cada um:
   Deivith: Conteúdo e Pesquisa
   Herbênio: Conteúdo e Pesquisa
   Ítalo: Animação Interativa em Flash