Os PWAs (Progressive Web Applications) ou Web App são um tipo de software de aplicativo entregue pela Web, que utiliza tecnologias comuns: HTML, CSS e JavaScript.

Podemos traduzir literalmente como “Aplicativo Web Progressivo

Eles se destinam a funcionar em qualquer plataforma que use um navegador compatível com os padrões web.

Navegadores web compatíveis: Microsoft Edge, Google Chrome, Chromium, Mozilla Firefox e Apple Safari.

Mais navegadores são adicionados enquanto escrevo este artigo sobre os “Aplicativos Web Progressivos”!

PWA inclui trabalhar offline, notificações no navegador e acesso ao hardware do dispositivo. Permitindo criar experiências de usuário semelhantes a aplicativos nativos em computadores e dispositivos móveis.

Como eles são um tipo de página da web ou site conhecido como aplicativo da web, não é necessário que os desenvolvedores ou usuários instalem os aplicativos.

Exemplo de sistemas de distribuição digital: Apple App Store, Google Play.

Embora os aplicativos da Web estejam disponíveis para dispositivos móveis desde o início, eles geralmente são mais lentos, possuem menos recursos e menos usados ​​que os aplicativos nativos.

Mas, com a capacidade de trabalhar offline, anteriormente disponível apenas para aplicativos nativos.

Os PWAs executados em dispositivos móveis podem ter um desempenho muito mais rápido e fornecer mais recursos, diminuindo a lacuna com aplicativos nativos, além de serem portáteis.

Os PWAs não exigem agrupamento ou distribuição separados. A publicação de um aplicativo Web progressivo é como seria para qualquer outra página da Web.

Funcionam em qualquer navegador, mas os recursos “semelhantes a aplicativos”, como ser independente da conectividade, instalar na tela inicial e enviar mensagens dependem do suporte do navegador de internet.

O que é um PWA (Progressive Web Applications)? 1
Imagem extraída do site da comunidade Google

Exemplos de Aplicativo Web Progressivo (Progressive Web Applications)

George.com aprimora a experiência do cliente móvel com o novo Progressive Web App
George.com é uma marca líder de roupas no Reino Unido, parte da ASDA Walmart.
Depois de atualizar o site para um PWA (Progressive Web App), a marca registrou um aumento de 31% na conversão para celular.

A equipe do George.com reconheceu que, para enfrentar esse desafio, a empresa precisava aprimorar a experiência móvel criando um Progressive Web App. Trabalhando com a Isobar UK para avaliar a jornada de ponta a ponta do cliente, a equipe adotou uma abordagem ágil e orientada a scrum para o fluxo de trabalho. Com a implantação incremental do PWA, a equipe da Asda George conseguiu obter os benefícios imediatamente.

Alibaba

O Alibaba.com é a maior plataforma de negócios business-to-business (B2B) do mundo, atendendo a mais de 200 países e regiões.
Depois de atualizar o site para um PWA (Progressive Web App), eles tiveram um aumento de 76% no total de conversões nos navegadores.

“Os usuários consideram que o download de um aplicativo para navegar ou concluir uma transação é uma barreira desnecessária, em comparação com a solução rápida e fácil de navegar diretamente do navegador móvel.”
Zou Yu, diretor da equipe móvel do Alibaba.com

BMW

O site BMW.com é um daqueles sites que o público não pode deixar de amar. Carrega rápido, permanece estável e oferece navegação suave nos ambientes de rede mais difíceis. Também é protegido dentro de um ambiente HTTPS seguro.

“É o mesmo com o nosso site. Desde o início, nosso objetivo era atrair entusiastas de carros novos com conteúdo altamente envolvente – e de uma maneira que refletisse tangivelmente nossos veículos. Para isso, precisávamos da nova casa digital da marca para se tornar uma plataforma de conteúdo orientada a dados, construída com base em tecnologias de alto desempenho. ”

Palavras dos empresários da BMW

O que faz um aplicativo da internet, um Aplicativo Web Progressivo?

Os aplicativos da web progressivos foram projetados para funcionar em qualquer navegador compatível com os padrões da web.
Como em outras soluções de plataforma cruzada, o objetivo é ajudar os desenvolvedores a criar aplicativos de plataforma cruzada mais facilmente do que com aplicativos nativos.

O que é um PWA (Progressive Web Applications)? 2
Imagem extraída do site da comunidade Google

Segundo os desenvolvedores do Google, as características de um PWA são:

Progressivo
Funciona para todos os usuários, independentemente da escolha do navegador, usando princípios de aprimoramento progressivo .

Responsivo
Adapta-se a qualquer fator de forma: computador, celular, tablet ou formulário ainda a surgir.

Mais rápido após o carregamento inicial
Após o término do carregamento inicial, o mesmo conteúdo e elementos da página não precisam ser baixados novamente a cada vez.
Em Aplicativos Web Progressivos, os mesmos elementos não precisam ser renderizados novamente.

Independente da conectividade
Os funcionários do serviço permitem usos offline ou em redes de baixa qualidade.

App-like
Parece um aplicativo para o usuário com interações de estilo aplicativo e navegação.

Novo
Sempre atualizado devido ao processo de atualização do técnico de serviço.

Seguro
Veiculado via HTTPS para evitar bisbilhoteiros e garantir que o conteúdo não seja violado.

Detectável
Identificável como um “aplicativo” pelo manifest.json [16] e pelo registro do técnico de serviço, e detectável pelos mecanismos de busca.

Reengajável
Capacidade de usar notificações push para manter o envolvimento com o usuário.

Instalável
Fornece ícones da tela inicial sem o uso de uma App Store.

Linkável
Pode ser compartilhado facilmente por meio de uma URL e não requer instalação complexa.

O que é um PWA (Progressive Web Applications)? 3

Os critérios técnicos de linha de base para um site ser considerado um aplicativo da web progressivo

pelos navegadores foram descritos por Russell em um post de acompanhamento:

  • Originário de uma origem segura.
  • Exibido através de TLS e displays de cadeado verde, sem conteúdo misto (seguro e inseguro) ativo.
  • Carregue enquanto estiver offline, mesmo que seja apenas uma página personalizada.
  • Faça referência a um manifesto de aplicativo da Web com pelo menos as quatro propriedades principais: nome, short_name, start_url e display (com um valor de standalone ou fullscreen).
  • Um ícone com pelo menos 144 × 144 de largura no formato PNG.
  • Uso de gráficos vetoriais indefinidamente escaláveis ​​e que exigem tamanhos de arquivo menores.

Plataforma de Marketing Digital com PWA

O WordPress trabalha super bem com “Progressive Web App”.

 

Quer saber mais?

Faça essa aula GRÁTIS da comunidade Google

Seu primeiro Progressive Web App
https://developers.google.com/web/fundamentals/codelabs/your-first-pwapp/?hl=pt-br

Biobliografia

pt.wikipedia.org/wiki/Progressive_Web_App
en.wikipedia.org/wiki/Progressive_web_applications
developers.google.com/web/showcase/2018/asda-george
thinkwithgoogle.com/intl/en-154/insights-inspiration/case-studies/bmws-journey-fast-smooth-and-reliable-mobile-website
developers.google.com/web/showcase/2016/alibaba

COMPARTILHE COM TODOS

Compartilhar no facebook
No Facebook
Compartilhar no twitter
No Twitter
Compartilhar no linkedin
No Linkdin
Compartilhar no pinterest
No Pinterest
Professor Sergin

Professor Sergin

Complexo como todo ser humano, aprendeu que a maior tecnologia do universo é a consciência.
Sabendo disso tenta se dividir entre os seus 05 filhos, os 3 cachorros, os passarinhos cantando à janela, o tempo que passa pesquisando, lendo, aprendendo "projeciologia" e explicando tecnologia da informação!
UFA!

LINK PARA CONTATOS