flash is dead presentation

12

Upload: pivot-produtora

Post on 18-Jan-2017

419 views

Category:

Internet


1 download

TRANSCRIPT

Page 1: Flash is dead presentation
Page 2: Flash is dead presentation

Flash is deadO que aconteceu? Como trabalhar as peças de mídia e o que utilizar.

Page 3: Flash is dead presentation

O que aconteceu?

A partir de 1 de setembro o Google Chrome começou a bloquear conteúdos secundários em Flash. Banners terão que ser desenvolvidos em HTML5 pois peças em Flash aparecerão bloqueados aos usuários.

Page 4: Flash is dead presentation

O que é HTML5?

HTML5 é a linguagem utilizada no desevolvimento de sites, especialmente em projetos para sites mobile e responsivos.

Uma das vantagens do uso do HTML5 é que os banners poderão ser exibidos em sites e aplicativos mobile sem necessitar de alterações.

Page 5: Flash is dead presentation

O Futuro é o HTML?

HTML5 é um esforço conjunto de grandes empresas, Google, Yahoo, Apple, Microsoft, etc para padronizar e melhorar a exibição de conteúdo na web.

O Google reforça isso através da DoubleClick que avalia e certifica empresas aptas a trabalhar com HTML5 em suas plataformas.

Page 6: Flash is dead presentation

Ferramentas & conversores de HTML5

Existem diversos convesores e ferramentas para se trabalhar com HTML5, mas é muito importante entender que ainda não há uma ferramenta que substitua o Flash por completo.

As ferramentas de HTML5 apesar de terem muitos recursos precisam evoluir bastante nas técnicas de animação.

Page 7: Flash is dead presentation

Ferramentas

Swiffy

Conversor desenvolvido pelo Google para converter peças em Flash e exportar para HTML5.

Vantagem: l Agilidade na produção das peças.

Desvatagens:l Peso muito alto; l Não é possível converter banners complexos.

Page 8: Flash is dead presentation

Ferramentas

Google Web Designer (GWD)

Nova ferramenta de desenvolvimento de HTML5 do Google, opção indicada pela DoubleClick.

Vantagem: l Integração com a DoubleClick;l Templates específicos para banners e peças do Google.

Desvatagens:l Peso alto; l Interface limitada, faltam ferramentas de animação.

Page 9: Flash is dead presentation

Ferramentas

Adobe Edge

Ferramenta da Adobe mais robusta e com mais recursos, trabalha semelhante ao Flash.

Vantagem: l Bom peso;l Interface e animações muito semelhante com o Flash.

Desvatagens:l Não passa pelo QA do Google em peças para a DoubleClick.

Page 10: Flash is dead presentation

Ferramentas

Vanilla Javascript

Desenvolvimento de peças em HTML5 e Javascript puro, sem utilizar ferramentas para produção.

Vantagem: l Peso ótimo;l Passa pelo QA da DoubleClick.

Desvatagens:l Não há interface, desenvolvimento mais custoso e peças demoram

mais para serem produzidas.

Page 11: Flash is dead presentation

Qual ferramenta utilizar?

A melhor ferramenta atualmente é o Adobe Edge porém ele tem restrições com o Google, o que faz a gente sugerir:

l Peças simples que não precisam se preocupar com o peso.l Swiffy

l Banners para o Google/DoubleClick (Youtube)l Google Web Designer

l Outras empresas de AD Serving que deixam livre a escolha (Ex: Admotion)l Adobe Edge

Page 12: Flash is dead presentation

Obrigado

Rafael ArtusiCreative [email protected]