ANIMAES WEB

AULA 1
estrutura do curso e conceitos fundamentais
professor Luciano Roberto Rocha
www.lrocha.com

Sobre o docente
Especialista em Desenvolvimento Web (UEM) Mestre em Tecnologia Educacional (UFPR) Doutorando em Educao - TICs (UFPR) Diretor do departamento de desenvolvimento Web da Secretaria de Educao Castro Consultor em TI da Unio Nacional dos Dirigentes em Educao - UNDIME (Braslia) Consultor em Tecnologia Educacional do Instituto Dll Instrutor Certificado Adobe System Incorporated (ACE/ACI)
2

Contedo programtico
Conceitos: Mdia, Tipos de Mdia. Classificao das Mdias, Multimdia, Aplicaes Multimdia. A interface do Ambiente de Desenvolvimento. Criao de Elementos Grficos (Criao de mdia vetorial, layers, organizao de layers em folders, uso das ferramentas de desenho vetorial, bibliotecas, mscaras, importao de imagens). Desenvolvendo Animaes (frame-a-frame, tweening motion, motion guide layer, tweening shape Morph, efeitos de timelines). Adicionando Interatividade (botes, behaviors, movieclips, mltiplas cenas) Fundamentos do Rich Media (eventos, smbolos alinhados, Movieclips com diferentes estgios, uso de timelines secundrias). Mdias udio e Vdeo (importao, behavios de udio, components de vdeo). Publicao e otimizao de arquivos para web, com HTML e gerao de executvel)
3

Competncias e habilidades
Analisar, projetar e desenvolver animaes Aplicar tcnicas de animao, efeitos especiais, estilos de animao, trilhas sonoras Aplicar tcnicas de reduo de arquivo para Web Desenvolver e utilizar tcnicas de animao Compreender e elaborar layouts complexos Compreender e desenvolver personagens

Procedimentos didticos
Exposio/Debate/Dilogo sobre contedo proposto no plano de curso. Realizao de exerccios prticos com o auxlio do laboratrio de informtica para aplicao e utilizao das diversas tcnicas de animao e desenvolvimento multimdia . Desenvolvimento de dinmicas em grupos e estudo de casos pertinentes disciplina.

Sistemtica de avaliao
Duas avaliaes parciais, tericas do contedo ministrado em sala de aula com exerccios e questes objetivas e/ou descritivas com peso de 3 pontos. Duas avaliaes bimestrais, tericas ou prticas dos conhecimentos trabalhados em sala de aula por meio do desenvolvimento de exerccios de implementao e aplicao dos temas pertinentes a disciplina com peso de 7 pontos.
6

Referencial terico
BIBLIOGRAFIA BSICA:
MANZI, F. Flash CS3 Professional - Criando Alm da Animao - para Windows 2 Ed. So Paulo: rica, 2008 MEDEIROS, F. ARAI, N. Flash 8 Professional - Fundamentos e Aplicaes Para Windows - 3 Ed. So Paulo: rica, 2007

BIBLIOGRAFIA COMPLEMENTAR:
ADOBE CREATIVE TEAM - Adobe Flash CS3 Professional: Classroom in a Book - Guia Oficial de Treinamento, So Paulo: ArtMed, 2008 APOSTILA FLASH CS3/4 BSICO E AVANADO. - Pasta professor Luciano Rocha - Fotocpia.

Animaes Web

A tecnologia Adobe Flash

A tecnologia Flash
As animaes para web eram feitas principalmente com o uso de GIFs animadas. Em dezembro de 1996 a Macromedia adquiriu um software chamado Future Splash Animator e lana-o com o nome de Flash. Desde ento foram lanadas 9 verses sendo que em 2005 a Adobe Systems divulga a aquisio da Macromedia em uma transao de 3,4 bilhes de dlares que resulta no lanamento do Adobe Flash CS3. Em setembro de 2008 lanada a verso CS4 com significativas melhorias na interface do aplicativo e com o lanamento de novas ferramentas de animao. Em maio de 2010 a Adobe divulgou a verso CS5 com melhoras principalmente nas ferramentas de programao. Em maio de 2011 foi lanada a verso CS5.5 com novas ferramentas para desenvolvimento de aplicaes mveis.

O que Adobe Flash?

a tecnologia padro da indstria para a criao interativa e criao de experincias imersivas, desenvolvimento multimdia e produo de Aplicaes Ricas para Internet.

um software primariamente de grfico vetorial - apesar de suportar imagens bitmap e vdeos - utilizado geralmente para a criao de animaes interativas que funcionam embutidas num navegador web. Utiliza o conceito cross-plataform (WORA) que prope se apresentar de forma consistente em todos os computadores navegadores, dispositivos mveis e telas de virtualmente qualquer tamanho e resoluo.
10

Principais aplicaes
Hoje a tecnologia Flash est presente em: Computadores domsticos e comerciais; Celulares; Palmtops; Pocket pcs; Eletroeletrnicos e eletrodomsticos; TVs, tvs por assinatura, DVDs, etc.

11

Produtos desenvolvidos
Websites; Apresentaes;Mdias mveis; Jogos; Aplicativos; Sistemas; Interfaces interativas; Aplicaes RIA (Rich Internet Application)
12

Principais Aplicaes

Desenvolvimento

Design

Jogos

Multimdia

Jogos Mobile

13

Como o Flash funciona?

A aplicao criada no ambiente de desenvolvimento Adobe Flash Professional e salvo com a extenso .fla (Arquivo de projeto). O projeto compilado (swf) e embutido na pgina por meio de tags html. Para que o arquivo swf seja executado necessrio o plugin Adobe Flash Player. O Adobe Flash Player um runtime de aplicativo baseado em navegador entre plataformas que oferece a exibio do contedo Flash de maneira isenta de aplicativos, sistemas operacionais, telas e navegadores. Atualmente encontra-se na verso 10.1 que foi desenvolvido para aproveitar os recursos de dispositivo nativo, permitindo experincias de usurio mais avanadas e mais interativas.
14

O futuro do Flash
Recentemente tem havido um aumento na discusso sobre a tecnologia Adobe Flash e no mbito dessa discusso, uma quantidade razovel de informaes incorretas tm sido reportadas.

15

A verdade sobre o Flash

Alguns equvocos ao comparar Flash com Html5:

Vdeo Desempenho Segurana Abertura

O H.264 um codec de vdeo (o que requer um player)

todo contedo dinmico requer mais capacidade de processamento do que documentos HTML estticos

Segundo o Symantec Global Internet Threat Report de 2009 o Flash Player apresentou o segundo menor nmero de vulnerabilidades entre todas as tecnologias de Internet listadas.

O mecanismo principal do Flash Player (AVM+) uma fonte aberta e foi doado Mozilla Foundation onde ativamente mantido. Formatos SWF, FLV/F4V e os protocolos RTMP e AMF so disponibilizados livremente e abertamente publicados.

16

h,p://www.adobe.com/br/choice/ash.html

Animaes Web

Conceitos Fundamentais
17

Conceito de Mdia
Media ou Mdia um vocbulo latino que em portugus significa meios. um termo utilizado em comunicao e pode apresentar vrios significados: Os meios de comunicao. Os veculos de comunicao. A rea da publicidade responsvel pela veiculao de anncios. O suporte ou dispositivos no qual pode se registrar a informao digital. As mdias podem ser agrupadas em cinco itens bsicos:

texto - som - imagem - animao - vdeo

18

Multimdia: O que ?
CONCEITO 1:

a combinao, controlada por computador, de pelo menos um tipo de mdia esttica (texto, fotografia, grfico), com pelo menos um tipo de mdia dinmica (vdeo, udio, animao)

(Chapman & Chapman 2000 e Fluckiger 1995).

CONCEITO 2:

Corresponde a sistemas computacionais onde a comunicao entre o homem e o computador pode ser feita por meio de diversos modos de representao da informao.
19

Classificao das mdias

Tipos de media:
Quanto natureza espao-temporal Quanto origem Quanto interao Quanto divulgao

20

Quanto natureza espao-temporal

Estticos - Agrupam elementos de informao independentes do tempo, alterando apenas a sua dimenso no espao, tais como, textos e grficos; Dinmicos - Agrupam elementos de informao dependentes do tempo, como por exemplo, o udio e a animao. Nestes casos, uma alterao, no tempo, da ordem de apresentao dos contedos conduz a alteraes na informao associada ao respectivo tipo de mdia dinmico. Imersivo - Agrupam elementos de informao interativa em ambientes 3D.
21

Quanto origem
Capturados - So aqueles que resultam de uma recolha do exterior para o computador; Sintetizados - So aqueles que so produzidos pelo prprio computador atravs da utilizao de hardware e software especficos.

22

Quanto interao
Linear - Na multimdia linear o usurio no tem qualquer tipo de controle no desenrolar do processo; No-linear - A multimdia no-linear oferece interatividade com o usurio.

23

Quanto divulgao
Quanto ao modo de divulgao podemos encontrar dois tipos:
Online - Divulgao online significa a disponibilidade de uso imediato dos contedos. Pode ser efetuada, por exemplo, atravs da utilizao de uma rede informtica local ou da WWW. Offline - A divulgao offline de contedos multimdia efetuada atravs da utilizao de suportes de armazenamento, na maioria das vezes do tipo digital. Neste caso, os suportes de armazenamento mais utilizados so do tipo ptico, como o CD e DVD.
24

Aplicao multimdia
apresentao ou recuperao da informao de maneira multissensorial, ou seja quando mais de um sentido humano est envolvido no processo. Os trs nveis de percepo na comunicao humana segundo a neurolingustica: VISUAL - AUDITIVO - CINESTSICO
25