O documento discute Progressive Web Apps (PWAs), definindo-as como um conjunto de técnicas para desenvolver aplicações web que adicionam funcionalidades de apps nativos. Detalha características como ser progressivo, responsivo, funcionar offline e ter notificações push. Aponta vantagens de PWAs sobre apps nativos em termos de retenção de usuários e custos.

1. Progressive Web App
DEV – PP
Março – 2018
Valério Filhote

2. Valério Filhote
Formação em Engenharia Eletrônica – PUC – RJ
MBA Gestão Empresarial
MBA em Marketing
Black Belt Six Sigma - Estatística Trainee
Gerente de Industrial
Gerente Operações
Gerente Comercial
Consultor de Empresas
PROGRAMADOR .....

3. O que é PWA e suas características?
Os Progressive Web Apps são um conjunto de técnicas para
desenvolver aplicações web,
adicionando progressivamente funcionalidades que antes só eram
possíveis em apps nativos
By Matheus Lima –
medium.com

4. Progressivo:
Para qualquer usuário, independente do browser
Responsivo:
Feito para qualquer dispositivo: desktop, tablet e mobile
Conexão:
Funciona mesmo se o usuário estiver offline
App-like:
O usuário se sente em um aplicativo nativo
By Matheus Lima –
O que é PWA e suas características?

5. Atualizado:
Não é necessário baixar atualizações do aplicativo,
o browser simplesmente irá detectar e atualizar automaticamente,
caso necessário.
Seguro:
Somente com https
Engajável:
Através de push notifications, o usuário pode ser constantemente
engajado.
By Matheus Lima –
O que é PWA e suas características?

6. Instalável:
É possível adicionar um ícone na tela principal
do smartphone com apenas um clique.
By Matheus Lima –
O que é PWA e suas características?

7. Fluxo atual sob o ponto de vista do Usuário:
By Matheus Lima –
Para que PWA ?
Buscar o App Instalar Abrir Se Cadastrar Interagir
Fluxo PWA
Buscar o App Clica no Link Se Cadastrar Interagir
RETENÇÃO

8. Vamos as Estatísticas .......
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
Perda de 20% dos usuários para cada uma dessas etapas mostradas anteriormente.
Custo de desenvolvimento
Spread do Varejo
Comportamento de Busca do Consumidor
PWA - STATS

9. Exemplos PWA:
https://pwa.rocks/
https://github.com/hemanth/awesome-pwa
Flipkart
https://hnpwa.com/

10. LET´s CODE . . .

11. Firebase – Final APP
pwa-devpp.firebaseapp.com

12. Material para Estudo
https://codelabs.developers.google.com/codelabs/your-first-pwapp/#0
https://www.udemy.com/progressive-web-app-pwa-the-complete-guide/