Artigo

O que é um aplicativo HTML5 e eu quero um?

protection click fraud

Você já ouviu? Os aplicativos HTML5 vão mudar tudo, provavelmente Próximo ano. Pelo menos é isso que um lado do debate sobre HTML5 versus aplicativos nativos vem dizendo há algum tempo. É uma mensagem que chega aos holofotes de vez em quando, e será assim para sempre. Ou pelo menos até que realmente aconteça e todos os melhores aplicativos sejam aplicativos HTML5. Não é incomum ver os desenvolvedores ter esse tipo de debate e os defensores de cada lado explicando como sua versão é o versão melhor, mas quando as coisas vão além de uma discussão do desenvolvedor e vão para o mainstream onde você e eu as ouvimos, eles podem nos fazer dormente. Devemos realmente nos preocupar com o que estamos ouvindo?

Nesse caso, sim. Embora a utopia em que todos os aplicativos são escritos em HTML5 e todos os usuários tenham a mesma experiência ainda está muito longe E se sempre que acontece, o HTML5 em uma forma híbrida já é um grande negócio. Devemos saber e compreender tudo o que for muito importante.

A Verizon está oferecendo o Pixel 4a por apenas US $ 10 / mês nas novas linhas Unlimited

O que é um aplicativo HTML5?

A primeira vez que a maioria das pessoas ouviu HTML5 sendo mencionado foi quando Steve Jobs disse a todos nós seria o futuro da web e o Flash não. Sua afirmação foi feita parcialmente porque a Apple bloqueou o acesso a qualquer tipo de Flash player no iOS, mas não foi preciso ser um visionário de qualquer tipo para saber que isso estava por vir, porque HTML5 tem muito mais vantagens do que Flash nunca fez. E acontece que o futuro da web também é uma boa maneira de codificar aplicativos.

HTML significa HyperText Markup Language, e estamos na 5ª revisão do padrão. Mas quando você ouve o termo aplicativo HTML5, quer signifique um aplicativo da web ou um aplicativo que você pode instalar no seu telefone, você está realmente lidando com três tipos de código.

  • HTML fornece uma estrutura onde os desenvolvedores podem colocar seu código e um aplicativo pode transformá-lo em algo que podemos ver e interagir.
  • CSS fornece uma maneira de fazer o layout de como os bits individuais de código ficarão quando forem renderizados e exibidos em nossa tela.
  • JavaScript é o que torna tudo interativo e capaz de "fazer" qualquer coisa.

O que torna o HTML5 ótimo é que tudo é entendido por um aplicativo que um desenvolvedor de aplicativos não precisa de manutenção e tudo funciona em qualquer dispositivo com uma tela que tenha sua própria versão do aplicativo. Estamos falando de um navegador da web, mas não do aplicativo do navegador da web em si. O componente de um navegador da web que pode pegar todo esse código e transformá-lo em algo que podemos usar em tempo real é bastante portátil e faz parte de muitos aplicativos que você já usa como uma visualização da web.

Um engenheiro da Mozilla disse certa vez: "Código, uma vez executado em qualquer lugar, não significa que você fugirá. Otimização é a chave. "Rapazes espertos, esses engenheiros da Mozilla.

O que isso significa é que um desenvolvedor pode escrever seu código, ajustá-lo e implantá-lo em toda parte. Isso é muito diferente de escrever código separado para Android, iOS, macOS, Windows e HTML para webOS e BlackBerry 10. Um desenvolvedor pode escrever código usando qualquer ambiente de desenvolvimento que escolher, seja um bloco de notas ou algo complexo como o Visual Studio ou Adobe Dreamweaver, depure e ajuste-o em qualquer navegador de sua escolha, e ele ainda funciona em toda parte.

Isso inclui o seu telefone também. Todos nós vimos aplicativos HTML5 sendo usados ​​como páginas da web. Lugares como o Twitter ou a versão móvel do Gmail são excelentes exemplos de HTML5 em funcionamento. Mas, como o HTML5 pode ser renderizado por um componente de visualização da web, é simples e rápido soltar uma janela dentro de um quadro de aplicativo básico para criar um aplicativo que você realmente instala no telefone. Existem até ferramentas de terceiros que fazem todo o trabalho para você, como Apache Cordova. Isso ajuda os novos desenvolvedores a levar suas ideias para todos, bem como para desenvolvedores experientes que agora têm tempo para imaginar coisas que nunca vimos antes. HTML5 incorporado em um aplicativo nativo pode executar o código e usar ativos que obtém da Internet, mas um o desenvolvedor também pode instalá-los localmente e apontar o código para lá para ver as coisas off-line aplicativos nativos.

Mas nem tudo é ótimo no HTML5.

A realidade dos aplicativos HTML5

É aqui que as coisas podem ficar confusas. Quando pensamos em uma página da web, muitas vezes esquecemos que uma página da web apenas envia seu código para um mecanismo de navegador e é o nosso dispositivo que faz o trabalho. Isso significa que coisas como geolocalização, bate-papo com áudio e vídeo em tempo real, gráficos 3D acelerados e muito mais são não apenas possíveis, mas simples para um desenvolvedor implementar usando HTML5. Isso porque um órgão de padrões disse: "Ei, pessoal, todos nós precisamos fazer determinada coisa dessa maneira específica, e um desenvolvedor pode nos pedir para fazer assim."

Esse é o objetivo, de qualquer maneira. A realidade pode ser um pouco diferente, e só precisamos olhar para a reprodução do vídeo para um grande exemplo do porquê. Cada navegador que você deseja usar suporta HTML5: Chrome, Opera, Internet Explorer, Edge, Firefox e Safari são navegadores HTML5 e oferecem suporte à reprodução de vídeo, uma vez que um desenvolvedor digita em apenas algumas palavras que apontam para um vídeo. Qualquer tipo de componente de visualização da web portátil que esses aplicativos tenham fará a mesma coisa, porque eles usam o mesmo mecanismo de renderização.

Quando você não impõe regras, elas se tornam sugestões; aqueles que ninguém quer seguir.

Mas nem todos suportam o mesmo tipo de vídeo porque o HTML5 é multiplataforma, aberto e não proprietário, então ninguém os força a suportar todos os formatos. Ogg Theora é um formato de vídeo popular compatível com todos os navegadores, exceto o Internet Explorer, que por acaso é o navegador padrão em muitos computadores. O H.264 é ainda mais popular, mas não é aberto ou de uso gratuito, portanto o Firefox não o suporta. VP8 e WebM são gratuitos para usar e abrir e todos os mecanismos do navegador os suportam, mas o Internet Explorer e o Safari exigem que o usuário busque e instale o suporte. Tecnicamente, o HTML5 oferece suporte à reprodução de vídeo HD e é muito fácil para um desenvolvedor implementá-lo. No mundo real, apenas o direito tipo de vídeo é compatível.

O YouTube reproduz todos os vídeos com HTML5 porque o Google tem dinheiro para converter os vídeos que você envia.

O HTML5 também depende do hardware em uso e da proficiência do desenvolvedor quando se trata de escrever o código. Escolher a biblioteca JavaScript errada ainda pode produzir o mesmo resultado, mas também pode levar a vazamentos de memória e manipulação de DOM Manipulation (Document Object Model - criado quando uma página ou aplicativo carrega e inclui todos os elementos da página ou do aplicativo como um "documento" separado) mal pode tornar um aplicativo HTML5 frustrantemente lento até mesmo nos melhores hardware. Em telefones que não são tão capazes, isso leva rapidamente os usuários a desinstalar seu aplicativo.

Esse não é o único problema. Quando você constrói um aplicativo HTML5 que puxa tudo da internet, você tem que lidar com os tempos de carregamento. Isso adiciona a velocidade de conexão do usuário à lista de coisas que podem fazer seu aplicativo funcionar lentamente, junto com o capacidades físicas do hardware (muitos telefones usam processadores que não são exatamente rápidos) e código otimização. Se levar um segundo para exibir seu código no dispositivo de um usuário e 10 segundos para buscá-lo na Internet, você terá muitos usuários insatisfeitos.

O aplicativo do Facebook é um exemplo do que há de errado com HTML5, assim como o Instagram é um exemplo do que está certo.

Há um excelente exemplo disso disponível, e quase todos nós ficamos insatisfeitos, não importa o tipo de telefone que usamos: o aplicativo do Facebook. O aplicativo do Facebook é basicamente uma visualização da web embutida em um quadro que contém os botões e ajuda a gerenciar as credenciais da sua conta ou enviar mensagens de uma forma que o sistema operacional aprove. Todas as coisas que acontecem dentro do aplicativo são feitas com HTML5 e é demais para ele lidar, uma vez que você leva em consideração todos os seus dados da Internet. Os desenvolvedores continuam adicionando mais e mais ao Facebook, os usuários estão postando arquivos grandes hospedados em lugares fora do Facebook, e há milhões e milhões de pessoas acessando os servidores do Facebook em uma vez, 24/7. Isso faz com que os aplicativos demorem para atualizar, consomem muita energia e são motivo de muitas reclamações.

O site móvel do Facebook também é escrito em HTML5, mas foi projetado para ter poucos recursos porque é para Móvel usar. Isso torna mais rápido carregar o conteúdo que você deseja ver, mesmo que todo esse conteúdo não seja exibido tão bem quanto na visualização completa. É também por isso que o site móvel e os aplicativos "leves" do Facebook que fazem referência a ele funcionam tão melhor do que o aplicativo oficial do Facebook. E isso não é apenas um problema do Facebook - há muitos aplicativos que teriam todos os seus recursos suportados usando HTML5, mas são tão complexo (uma palavra bonita para inchado porque eles existem há um tempo e estão em constante mudança) como o Facebook e agiriam da mesma maneira.

Então, eu quero ver mais aplicativos HTML5 ou não?

Sim! Mas não todos aplicativos.

HTML5 é realmente bom em muitas coisas e é uma ótima maneira para um desenvolvedor usar seu tempo para pensar em ideias criativas, em vez de procurar em um manual de referência Objective-C ou C ++. Mas às vezes, a estrutura rígida das linguagens de desenvolvimento que força um desenvolvedor a fazer as coisas de uma certa maneira é o que faz o resultado final funcionar melhor em nossos telefones.

Os aplicativos HTML5 podem ser um pesadelo, como vemos no aplicativo do Facebook, ou podem ser incríveis, como vemos no site móvel do Gmail. Ou Uber. Ou Instagram. Ou qualquer uma das centenas de aplicativos HTML5 que usamos todos os dias. Isso não é uma coisa nós deveria se preocupar, mas é algo totalmente para os desenvolvedores debaterem sem parar. E agora, enquanto eles estão debatendo e tentando convencê-lo do que é melhor, você sabe um pouco sobre por que eles estão dizendo as coisas que estão dizendo.

Podemos ganhar uma comissão por compras usando nossos links. Saber mais.

Estes são os melhores fones de ouvido sem fio que você pode comprar a qualquer preço!
É hora de cortar o cabo!

Estes são os melhores fones de ouvido sem fio que você pode comprar a qualquer preço!

Os melhores fones de ouvido sem fio são confortáveis, têm um ótimo som, não custam muito e cabem facilmente no bolso.

Tudo o que você precisa saber sobre o PS5: data de lançamento, preço e muito mais
Próxima geração

Tudo o que você precisa saber sobre o PS5: data de lançamento, preço e muito mais.

A Sony confirmou oficialmente que está trabalhando no PlayStation 5. Aqui está tudo o que sabemos sobre isso até agora.

Nokia lança dois novos telefones Android One baratos abaixo de US $ 200
New Nokias

A Nokia lança dois novos telefones Android One de baixo custo abaixo de US $ 200.

Nokia 2.4 e Nokia 3.4 são as mais recentes adições à linha de smartphones baratos da HMD Global. Como ambos são dispositivos Android One, eles têm a garantia de receber duas atualizações importantes do sistema operacional e atualizações regulares de segurança por até três anos.

Incremente seu smartphone ou tablet com os melhores pacotes de ícones para Android
tema você mesmo

Incremente seu smartphone ou tablet com os melhores pacotes de ícones para Android.

Ser capaz de personalizar seu dispositivo é fantástico, pois ajuda a torná-lo ainda mais "seu". Com o poder do Android, você pode usar iniciadores de terceiros para adicionar temas de ícones personalizados e esses são apenas alguns dos nossos favoritos.

instagram story viewer