O documento discute o fim do suporte ao Flash e a transição para o HTML5. O Google Chrome começará a bloquear conteúdo em Flash a partir de setembro e banners precisarão ser desenvolvidos em HTML5. HTML5 é a linguagem usada em sites responsivos e mobile. Ferramentas como o Swiffy, Google Web Designer e Adobe Edge podem converter arquivos Flash para HTML5, porém cada uma tem suas vantagens e desvantagens em termos de peso, animação e suporte do Google.

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

3. 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.

4. 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.

5. 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.

6. 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.

7. Ferramentas
Swiffy
Conversor desenvolvido pelo Google para converter peças em Flash e
exportar para HTML5.
Vantagem:
lAgilidade na produção das peças.
Desvatagens:
lPeso muito alto;
lNão é possível converter banners complexos.

8. Ferramentas
Google Web Designer (GWD)
Nova ferramenta de desenvolvimento de HTML5 do Google, opção
indicada pela DoubleClick.
Vantagem:
lIntegração com a DoubleClick;
lTemplates específicos para banners e peças do Google.
Desvatagens:
lPeso alto;
lInterface limitada, faltam ferramentas de animação.

9. Ferramentas
Adobe Edge
Ferramenta da Adobe mais robusta e com mais recursos, trabalha
semelhante ao Flash.
Vantagem:
lBom peso;
lInterface e animações muito semelhante com o Flash.
Desvatagens:
lNão passa pelo QA do Google em peças para a DoubleClick.

10. Ferramentas
Vanilla Javascript
Desenvolvimento de peças em HTML5 e Javascript puro, sem utilizar
ferramentas para produção.
Vantagem:
lPeso ótimo;
lPassa pelo QA da DoubleClick.
Desvatagens:
lNão há interface, desenvolvimento mais custoso e peças demoram mais para
serem produzidas.

11. 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:
lPeças simples que não precisam se preocupar com o peso.
lSwiffy
lBanners para o Google/DoubleClick (Youtube)
lGoogle Web Designer
lOutras empresas de AD Serving que deixam livre a escolha (Ex: Admotion)
lAdobe Edge

12. Obrigado
Rafael Artusi
Creative Technologist
rafael.artusi@ppivot.com.br