30.4.18

O Progresso da Web Nativa com #PWA e #Chatbots - Parte I


No dia 9 de abril as comunidades Nerdzão e THT reuniram forças para realizar um encontro incrível.

Foram duas palestras instigantes sobre os assuntos mais quentes em desenvolvimento web do momento: PWA e Chatbots.

Neste primeiro artigo falarei sobre a palestra "PWA: a revolução da web nativa com Angular e Firebase" de Victor Matheus Jesus Caetano (https://github.com/victormath12).

Uma Progressive Web App é uma aplicação para a World Wide Web com características e funções similares a um aplicativo para dispositivos móveis, ou seja, é uma técnica que permite desenvolver aplicações web com funcionalidades que antes só eram encontradas em apps nativos.

Victor falou sobre as vantagens e facilidades em se implementar um PWA usando o framework de Javascript Angular e a plataforma Firebase. É empolgante notar as vantagens de uma aplicação com estas características.

Recomendado para Startups com baixo orçamento e pressa em prototipar um produto funcional, as PWA vem ganhado destaque no mercado e atenção de grandes players por diversos motivos além dos custos.

Começar com um aplicativo numa app store é uma tarefa que dispende tempo. Errar rápido é cada vez mais importante. Começar com um webapp permite mais rapidez, são mais práticos, mais econômicos, permitem alto grau de engajamento e são multiplataforma.

'Push notifications', 'funcionamento offline', 'geolocalização' e 'ícone na home screen' eram as estrelas dos apps nativos e hoje são facilmente implementados num webapp. A adesão a esta tecnologia deve ser ainda maior já que desde dezembro de 2017 o navegador da Apple, o Safari, permite essas funções.

Além de ser atraente ao usuário, com interações fluidas e objetivas, a experiência do usuário é valorizada em termos de confiabilidade (PWA só roda em https) e rapidez.

A sigla mágica PWA leva muitos desenvolvedores a questionar qual seria a palavra mais importante. Para alguns é a palavra 'App', já que com ele os sites se tornam instaláveis. Para outros é palavra 'Web', pois seu desenvolvimento é feito em HTML5, JS e CSS3. Para outros, no entanto, ser "Progressive" é seu melhor diferencial já que reúne em si o melhor dos dois mundos.

Estatísticas recentes demonstram que a farra dos apps está em sensível depressão. Segundo dados do Google:

- 60% de todos os apps, nunca foram sequer baixados;
- Mais de 65% dos usuários de smartphones, não fazem nenhum download de aplicativo por mês;
- Dos 1,5 milhões de aplicativos na Google Play Store, somente alguns poucos milhares tem algum engajamento;
- Os usuários de smartphones gastam 80% do tempo usando apenas os mesmo 5 apps.

Estas informações tornam os investimentos em aplicativos um tanto arriscados, no entanto, os webapps não vieram para substituir as apps, são seus complentares diretos. Segundo dados divulgados pelo maior ecommerce indiano, o Flipkart (https://www.flipkart.com ), a adoção do PWA gerou um aumento de 70% no engajamento dos clientes afetando positivamente as demais plataformas. A Google, a Microsoft e, agora, a Apple estão fomentando o mercado o que já é um bom motivo para incluir esse verbete nos seus projetos futuros.

Principais características do PWA:
- Responsivo: feito para qualquer dispositivo (desktop, tablet e mobile);
- Conectivo: funciona mesmo se o usuário estiver offline;
- App-like: experiência de uso igual a um aplicativo nativo;
- Atualizado: o browser detecta e atualiza automaticamente, quando necessário;
- Seguro: somente com https;
- Engajável: as push notifications permitem constante interação com o usuário;
- Instalável: é possível adicionar um ícone na tela principal do smartphone com apenas um clique.

Confira alguns exemplos de uso de PWA:
https://developers.google.com/web/showcase/2017/

Fontes:
App Builder GoodBarber - https://pt.goodbarber.com/pwa/
iMasters - https://imasters.com.br/desenvolvimento/pwa-progressive-web-apps-e-o-minimo-que-voce-precisa-saber-respeito/
iMasters - https://imasters.com.br/desenvolvimento/progressive-web-apps-palavra-chave-e-web-nao-app/
Tableless - https://tableless.com.br/introducao-aos-progressive-web-apps/
Concrete Solutions - https://www.concrete.com.br/2017/02/24/progressive-web-apps/

Nenhum comentário: