Equívocos centrados em Flash de HTML5
Com quase uma década de experiência em web design, me deparei com muitas crenças equivocadas sobre as mais recentes ferramentas e tecnologias de design; mas nada supera os equívocos em torno do uso do HTML 5.
Como desenvolvedores, temos nosso próprio conjunto de crenças equivocadas sobre uma determinada tecnologia, mas à medida que começamos a usar essa tecnologia, somos capazes de entender o que é tudo isso, seu uso e seu escopo.
Inspirado em certos requisitos do HTML5 que eu já vi ao longo do tempo, eu quis adicionar meus dois centavos para limpar o ar em certos aspectos do HTML5. A maioria dos equívocos em torno do HTML5 é porque muitas pessoas pensam que é um substituto para o Flash.
No início, gostaria de deixar claro que não se trata de um post em HTML5 vs. Flash. A verdade é que ninguém pode agir como substituto do outro, então não há batalha 'nós contra eles'. Mas aí está o cerne dos equívocos. O problema é que as pessoas acreditam que o HTML5 é uma alternativa aprimorada ao Flash. Todos os equívocos são resultado desse pensamento.
Visão geral técnica do HTML 5
A quinta grande revisão da linguagem da World Wide Web pode ser escrita na sintaxe HTML e XML e foi especialmente integrada com modelos de processamento detalhados para facilitar implementações interoperáveis e, ao mesmo tempo, melhorar a marcação para documentos HTML e aplicações web. Seu objetivo principal é resolver a dependência entre plataformas na indústria da web.
Se tudo isso soa grego para você, vamos detalhar o que o HTML5 faz em uma linguagem que é facilmente compreendida, sem entrar nos detalhes técnicos complexos:
- HTML5 é uma linguagem de marcação atualizada que segue os padrões XML.
- A idéia por trás do HTML5 é garantir a consistência no desempenho e na saída de produtos da web em todos os sistemas operacionais, incluindo iOS, Android, Windows, entre muitos outros.
Os equívocos mais comuns em relação ao HTML são o design centrado. Então, vamos dar uma olhada no que é oferecido pelo HTML 5 do ponto de vista do design.
- O suporte a áudio e vídeo integrado que ajuda a incorporar mídia diretamente em documentos HTML tornou redundante o uso de plug-ins externos.
- O HTML5 suporta elementos SVG e Canvas para animações.
- Oferece aos designers um elemento de tela que facilita a renderização de gráficos 2D no "modo imediato". Isso significa que objetos gráficos são renderizados diretamente para a exibição.
- Foi desenvolvido para criar aplicativos interativos com conteúdo pesado e não apenas amigável, mas também amigável a SEO.
Por que as pessoas acham que o HTML5 é um substituto do Flash?
O Flash é um programa de criação de multimídia que ajuda a fornecer conteúdo da Web interativo e envolvente que fornece uma experiência da Web avançada aos usuários. É uma plataforma altamente popular que atinge 99% dos navegadores de desktop e laptop e oferece o mesmo conjunto de desempenho técnico e visual em todos os navegadores. Mas tem uma desvantagem significativa, que é que não é efetivamente suportado por sistemas operacionais móveis como o iOS.
Para isso, há HTML5.
Agora olhe para essa afirmação bem de perto. Levando em conta o seu valor de face, isso pode significar que o HTML5 é um substituto para o Flash, quando se trata de desenvolver aplicativos altamente interativos para a plataforma iOS.
Cenários, nos quais os clientes pediram aos seus desenvolvedores para replicar um aplicativo Flash em sua totalidade usando HTML5, para um determinado dispositivo móvel ou tablet, são bastante comuns. O problema é que as plataformas de desenvolvimento e suas funcionalidades não devem ser tomadas pelo seu valor nominal. Sim, uma das principais vantagens oferecidas pelo HTML 5 é facilitar o desenvolvimento de aplicativos que funcionam em todos os sistemas operacionais de telefonia celular, em vez de codificar um novo aplicativo para cada sistema operacional móvel.
Mas isso não significa que seja um substituto do Flash.
Equívocos populares em torno do HTML5
Eu só vou levá-lo através de uma série de cenários, que ilustram os equívocos que as pessoas têm sobre o HTML 5.
Cenário 1 : Converter uma ferramenta de design baseada em Flash existente em HTML 5
O equívoco : o HTML 5 não pode mascarar as imagens de maneira semelhante ao Flash; seu mascaramento de imagem não é fácil nem suave. Mais importante, o Flash é mais rápido e quando se trata de funcionalidades específicas, como o cálculo de áreas e diâmetros; O Flash é uma opção muito melhor. Recursos como Arrastar / Escala e Zoom também funcionam melhor no Flash em comparação com o HTML 5.
Cenário 2 : converter um Biblioteca de áudio baseada em Flash em uma biblioteca compatível com o tablet baseado em HTML5.
O equívoco : o HTML5 oferece suporte a áudio e vídeo, mas com certas limitações. Este site baseado em Flash tinha quase 800 arquivos mp3; tornando-se uma aplicação de grande escala. O problema reside no fato de que, embora o Mozilla suporte o formato .ogg e o chrome / safari suporte o formato .mp3, se o navegador preferencial do usuário for o IE8, o Flash Audio Player se tornará uma necessidade. Extensões limitadas disponíveis em HTML5 significam que a única solução é converter todos os arquivos de áudio em dois formatos - mp3 e ogg / wave. Converter 800 arquivos em dois formatos de arquivo não é apenas um processo demorado, mas também aumenta o armazenamento do servidor.
O resultado é um aplicativo para iPad que fica lento nos blocos.
Cenário 3 : Converter um Website baseado em Flash em um site baseado em HTML5.
O Equívoco : Há um equívoco de que o HTML5 pode lidar com todos os tipos de animações, mesmo aquelas da variedade em larga escala. Mas não pode, pelo menos não ainda. Sua capacidade de oferecer efeitos 3D e executar várias animações ao mesmo tempo é severamente limitada. É a configuração do sistema que determina o desempenho das animações HTML5 e, até agora, provou ser um comedor de memória. Há uma boa chance de que o uso de HTML5 afete o desempenho do site se for solicitado a fazer muito em termos de animação. O site irá falhar ou sua velocidade será afetada. Portanto, no caso acima, o site HTML 5 pode não oferecer a mesma marca de desempenho.
Debunking equívocos HTML 5 comuns
Em primeiro lugar, o HTML 5 oferece uma solução de áudio e vídeo muito conveniente com algumas funcionalidades avançadas. Tudo bem, mas o que muitas pessoas ignoram é o fato de que esses arquivos de áudio e vídeo são reproduzidos nos navegadores. Cada navegador tem plug-ins integrados para áudio e vídeo, mas diferentes navegadores suportam diferentes versões de áudio e vídeo. Por causa disso, torna-se difícil atender aos requisitos de todos os navegadores.
Em segundo lugar, os elementos SVG e Canvas definitivamente tornaram mais fácil para os desenvolvedores implementar e integrar animações 2D, mas foi observado que esta animação tem um efeito prejudicial no desempenho do website. Além disso, o HTML5 está se mostrando fraco quando se trata de lidar com animações em 3D, resultando em desenvolvedores incapazes de replicar um site inteiro em Flash com eficiência semelhante em HTML5. Sempre haverá limitações.
Em terceiro lugar, você pode usar HTML5 Rich Internet Applications, mas não acredite que eles podem oferecer a mesma eficiência e funcionalidade que o Flash / Flex pode oferecer, por exemplo, o Flash pode se comunicar diretamente com serviços remotos, enquanto o HTML5 não pode .
Agora que você sabe o que o HTML5 não pode fazer, permita que eu ofereça uma pequena lista de coisas que o HTML5 pode fazer e, na verdade, pode fazer muito bem. Isso também pode ajudar a reduzir os equívocos em grande escala.
- Você pode criar um único aplicativo que funcione no iPad, iPhone, Windows etc. Em outras palavras, ele facilita a independência de plataforma / dispositivo - um enorme benefício em si.
- Ajuda a desenvolver um único site que funciona no tablet, no dispositivo móvel e na área de trabalho ao mesmo tempo.
- Se usado bem e da maneira que deve ser usado, pode melhorar o desempenho do site.
- Permite o uso de tags de áudio e vídeo em todas as plataformas, mas esteja preparado para fazer um pouco de trabalho pesado.
- Vídeo, áudio e imagens são todos escritos diretamente nos códigos, eliminando a necessidade de qualquer software de terceiros.
- Tempo de carregamento mais rápido em comparação com sua versão anterior devido à implementação de WebSockets.
- Oferece ótimas animações vetoriais para gráficos e efeito de luz, mas não espere a lua, o sol e as estrelas quando se trata de animações; O Flash está à frente neste aspecto.
- Fornece validação de formulário interna apropriada e declarações de tipo para oferecer suporte de teclado específico.
O HTML 5 definitivamente tem o potencial de aumentar o Flash em mais de uma maneira, mas atualmente é um trabalho em andamento. Mesmo em seu avatar atual, ele ajuda a tornar os aplicativos para celulares mais acessíveis, e os desenvolvedores agora podem criar aplicativos universais para diferentes telefones celulares. Além disso, não há dúvida de que oferece mais flexibilidade na criatividade do site. Por enquanto, isso é suficiente. O que acontece no futuro é pura hipótese.
Disclaimer: Todas as ilustrações usadas neste artigo são apenas para fins de explicação para explicar os cenários pertinentes.
Você já está implementando alguns recursos HTML5 que não são amplamente compatíveis? Quais características você mais espera adotar? Deixe-nos saber nos comentários!