Project work about Progressive Web Apps prepared for the course of Social Media and Smart Apps.

1. Luca Fortin 859886
Federico Carraro 847386

2. Indice
Introduzione
WebApps
Native Apps
HybridApps
ProgressiveWeb Apps

3. “Google's Progressive Web Apps are blurring
the lines between apps and the mobile web”
Il termine ProgressiveWeb Apps viene utilizzato per denotare
applicazioni web che utilizzano le ultime tecnologie disponibili.
Questo nuovo modello di applicazione è tecnicamente una
normale pagina web, ma appare all’utente come un’applicazione
nativa.
Denominate anche PWA, esse cercano di combinare le features
offerte dai più recenti browser con i benefici dell’esperienza
mobile.
Business Insider

4. Web Apps
PROS CONS
Basso costo di sviluppo
Scarsa interazione hardware nativo
(no accesso API di sistema)
Non necessita di installazione Ridotte performance
Facilmente distribuibile Look & Feel
Indipendenza dalla piattaforma Utilizzo solamente online

5. Native Apps
PROS CONS
Performance Alto costo di sviluppo
Utilizzo completo delleAPI locali Mancanza di portabilità
Utilizzo offline Gestione degli aggiornamenti
Distribuite su un market Necessità di installazione

6. Hybrid Apps
PROS CONS
Capacità di interagire con hardware
nativo (API)
Utilizzo offline non sempre
disponibile
Adattabilità a diversi tipi di
piattaforme
Ridotte performance
Look & Feel Problemi di compatibilità
Medio costo di sviluppo

7. Progressive Web Apps
PROS CONS
Basso costo di sviluppo
Scarsa interazione hardware nativo
(no accesso API)
Performance
Utilizzo offline
Look & Feel

8. Progressive Web Apps

9. Progressive Web Apps

10. Progressive Web Apps

11. Manifest

12. Manifest
Il manifesto della web app è una specifica delW3C
in formato JSON che fornisce agli sviluppatori il
posto dove mettere i metadata associati con
l'applicazione web

13. Manifest
Nome
Link alle icone e immagini
URL preferito per aprire la web app
Orientamento di default
Modalità dello schermo

14. Service Workers
“In short, a service worker is an asynchronous
background thread that takes control of all network
requests in a page, acting as a proxy”
Booking Blog

15. Service Workers
Sono capaci di gestire facilmente le notifiche push
Sincronizzano i dati in background
Sono capaci di rispondere alle richieste di risorse che sono state
generate da altre parti
Ricevono aggiornamenti centralizzati

16. Un po’ di numeri
Perché sviluppare una ProgressiveWeb App:
• Il 53% degli utenti abbandona un sito se richiede un tempo
di caricamento maggiore di 3 secondi
• I primi 1000 siti web hanno il triplo di visitatori unici al mese
rispetto alle prime 1000 applicazioni native (11,4 vs 4
milioni), tuttavia il tempo medio di un visitatore è di 188,6
minuti per le applicazioni native contro i 9,3 minuti dei siti
web.

17. Sviluppo futuro
Le PWA avranno futuro?
• Sono un progetto creato e mantenuto da Google
• Sono di semplice sviluppo
• Sempre più browser supportano i Service Workers

18. Sitografia
• https://developers.google.com/web/progressive-web-apps/
• https://developers.google.com/web/showcase/2016/konga
• https://youtu.be/m-sCdS0sQO8
• https://developers.google.com/web/showcase/2016/pdfs/aliexpress.pdf
• https://en.wikipedia.org/wiki/Progressive_web_app
• http://www.businessinsider.com/googles-progressive-web-apps-are-blurring-
the-lines-between-apps-and-the-mobile-web-2016-8
• http://blog.booking.com/progressive-web-apps-with-service-workers.html