SlideShare une entreprise Scribd logo

Progressive Web App : Pourquoi et comment se passer des stores ?

Progressive Web App : Pourquoi et comment se passer des stores ?

1  sur  27
Télécharger pour lire hors ligne
1
Infinite Series – Progressive Web App
sollivier@infinitesquare.com
wklein@infinitesquare.com
Novembre 2017
Infinite Series
Progressive Web App :
Pourquoi et comment se passer des stores ?
Infinite Square en quelques mots
Société de conseil, expertise, réalisation, formation, spécialisée dans
le design et le développement d’applications innovantes pour les entreprises
2
Microsoft GOLD Partner Éditeur de la solution de
gestion événementielle
11 MVPs Partenariats technologiques
Centre de
formation
agréé
Etat des lieux Web vs Natif
 Le natif permet d’avoir une expérience proche de la plateforme
Intégré à l’OS / Device
Fonctionne sans connexion
Fonctionnalité avancée (gesture, géolocalisation, etc.)
Monétisation soumise au store
Cycle de déploiement lourd
 Le web permet de cibler la totalité des devices / supports
Cycle de déploiement léger
Monétisation libre
Développement léger
SEO
Pas d’interactions avec le device
Nécessite une connexion
3
PWA : Prendre le meilleur des deux mondes
4
Avoir la souplesse et la légèreté du web
Avoir la qualité et l’intégration au device du natif
Quelques statistiques pour
démarrer
Temps d’utilisation des applications
Source: Quartz | qz.com
Data: comScore
6
Près de 80% du temps d’utilisation est
passé sur 3 applications
(YouTube, Facebook, Twitter, etc.)
=> Il ne nous reste que 20% de temps
d’utilisation disponible

Recommandé

API Gateway Use Cases​ for Kubernetes​
API Gateway Use Cases​ for Kubernetes​API Gateway Use Cases​ for Kubernetes​
API Gateway Use Cases​ for Kubernetes​NGINX, Inc.
 
Open API and API Management - Introduction and Comparison of Products: TIBCO ...
Open API and API Management - Introduction and Comparison of Products: TIBCO ...Open API and API Management - Introduction and Comparison of Products: TIBCO ...
Open API and API Management - Introduction and Comparison of Products: TIBCO ...Kai Wähner
 
Build progressive web apps with Angular
Build progressive web apps with AngularBuild progressive web apps with Angular
Build progressive web apps with AngularSimona Cotin
 
API Frenzy: API Strategy 101
API Frenzy: API Strategy 101API Frenzy: API Strategy 101
API Frenzy: API Strategy 101Akana
 
API Management Part 1 - An Introduction to Azure API Management
API Management Part 1 - An Introduction to Azure API ManagementAPI Management Part 1 - An Introduction to Azure API Management
API Management Part 1 - An Introduction to Azure API ManagementBizTalk360
 
Introduction of Progressive Web App
Introduction of Progressive Web AppIntroduction of Progressive Web App
Introduction of Progressive Web AppSankalp Khandelwal
 
Four Strategies to Create a DevOps Culture & System that Favors Innovation & ...
Four Strategies to Create a DevOps Culture & System that Favors Innovation & ...Four Strategies to Create a DevOps Culture & System that Favors Innovation & ...
Four Strategies to Create a DevOps Culture & System that Favors Innovation & ...Amazon Web Services
 
Devops Strategy Roadmap Lifecycle Ppt Powerpoint Presentation Slides Complete...
Devops Strategy Roadmap Lifecycle Ppt Powerpoint Presentation Slides Complete...Devops Strategy Roadmap Lifecycle Ppt Powerpoint Presentation Slides Complete...
Devops Strategy Roadmap Lifecycle Ppt Powerpoint Presentation Slides Complete...SlideTeam
 

Contenu connexe

Tendances

API Management
API ManagementAPI Management
API ManagementProlifics
 
Best Practices for API Management
Best Practices for API Management Best Practices for API Management
Best Practices for API Management WSO2
 
Why Users Are Moving on from Docker and Leaving Its Security Risks Behind (Sp...
Why Users Are Moving on from Docker and Leaving Its Security Risks Behind (Sp...Why Users Are Moving on from Docker and Leaving Its Security Risks Behind (Sp...
Why Users Are Moving on from Docker and Leaving Its Security Risks Behind (Sp...Amazon Web Services
 
Introduction to appDynamics
Introduction to appDynamics Introduction to appDynamics
Introduction to appDynamics Siddhanta Rath
 
Devops On Cloud Powerpoint Template Slides Powerpoint Presentation Slides
Devops On Cloud Powerpoint Template Slides Powerpoint Presentation SlidesDevops On Cloud Powerpoint Template Slides Powerpoint Presentation Slides
Devops On Cloud Powerpoint Template Slides Powerpoint Presentation SlidesSlideTeam
 
MuleSoft Event Driven Architecture (EDA Patterns in MuleSoft) - VirtualMuleys63
MuleSoft Event Driven Architecture (EDA Patterns in MuleSoft) - VirtualMuleys63MuleSoft Event Driven Architecture (EDA Patterns in MuleSoft) - VirtualMuleys63
MuleSoft Event Driven Architecture (EDA Patterns in MuleSoft) - VirtualMuleys63Angel Alberici
 
User Stories for Agile Requirements
User Stories for Agile RequirementsUser Stories for Agile Requirements
User Stories for Agile RequirementsMike Cohn
 
The Architecture of an API Platform
The Architecture of an API PlatformThe Architecture of an API Platform
The Architecture of an API PlatformJohannes Ridderstedt
 
Api complete life cycle with api security
Api complete life cycle with api securityApi complete life cycle with api security
Api complete life cycle with api securitypqrs1234
 
APIsecure 2023 - Security Considerations for API Gateway Aggregation, Yoshiyu...
APIsecure 2023 - Security Considerations for API Gateway Aggregation, Yoshiyu...APIsecure 2023 - Security Considerations for API Gateway Aggregation, Yoshiyu...
APIsecure 2023 - Security Considerations for API Gateway Aggregation, Yoshiyu...apidays
 
Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)Zhentian Wan
 
Why API Ops is the Next Wave of DevOps
Why API Ops is the Next Wave of DevOpsWhy API Ops is the Next Wave of DevOps
Why API Ops is the Next Wave of DevOpsJohn Musser
 
Apidays Paris 2023 - 7 Mistakes When Putting In Place An API Program, Francoi...
Apidays Paris 2023 - 7 Mistakes When Putting In Place An API Program, Francoi...Apidays Paris 2023 - 7 Mistakes When Putting In Place An API Program, Francoi...
Apidays Paris 2023 - 7 Mistakes When Putting In Place An API Program, Francoi...apidays
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web AppSubodh Garg
 

Tendances (20)

API Management
API ManagementAPI Management
API Management
 
Progressive Web Apps(PWA)
Progressive Web Apps(PWA)Progressive Web Apps(PWA)
Progressive Web Apps(PWA)
 
Best Practices for API Management
Best Practices for API Management Best Practices for API Management
Best Practices for API Management
 
Why Users Are Moving on from Docker and Leaving Its Security Risks Behind (Sp...
Why Users Are Moving on from Docker and Leaving Its Security Risks Behind (Sp...Why Users Are Moving on from Docker and Leaving Its Security Risks Behind (Sp...
Why Users Are Moving on from Docker and Leaving Its Security Risks Behind (Sp...
 
Mobile Website vs Mobile App
Mobile Website vs Mobile AppMobile Website vs Mobile App
Mobile Website vs Mobile App
 
Introduction to appDynamics
Introduction to appDynamics Introduction to appDynamics
Introduction to appDynamics
 
API Management in Azure
API Management in AzureAPI Management in Azure
API Management in Azure
 
DevSecOps
DevSecOpsDevSecOps
DevSecOps
 
Devops On Cloud Powerpoint Template Slides Powerpoint Presentation Slides
Devops On Cloud Powerpoint Template Slides Powerpoint Presentation SlidesDevops On Cloud Powerpoint Template Slides Powerpoint Presentation Slides
Devops On Cloud Powerpoint Template Slides Powerpoint Presentation Slides
 
MuleSoft Event Driven Architecture (EDA Patterns in MuleSoft) - VirtualMuleys63
MuleSoft Event Driven Architecture (EDA Patterns in MuleSoft) - VirtualMuleys63MuleSoft Event Driven Architecture (EDA Patterns in MuleSoft) - VirtualMuleys63
MuleSoft Event Driven Architecture (EDA Patterns in MuleSoft) - VirtualMuleys63
 
User Stories for Agile Requirements
User Stories for Agile RequirementsUser Stories for Agile Requirements
User Stories for Agile Requirements
 
The Architecture of an API Platform
The Architecture of an API PlatformThe Architecture of an API Platform
The Architecture of an API Platform
 
Apigee Demo: API Platform Overview
Apigee Demo: API Platform OverviewApigee Demo: API Platform Overview
Apigee Demo: API Platform Overview
 
Api complete life cycle with api security
Api complete life cycle with api securityApi complete life cycle with api security
Api complete life cycle with api security
 
APIsecure 2023 - Security Considerations for API Gateway Aggregation, Yoshiyu...
APIsecure 2023 - Security Considerations for API Gateway Aggregation, Yoshiyu...APIsecure 2023 - Security Considerations for API Gateway Aggregation, Yoshiyu...
APIsecure 2023 - Security Considerations for API Gateway Aggregation, Yoshiyu...
 
Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)Introduction to Progressive web app (PWA)
Introduction to Progressive web app (PWA)
 
Why API Ops is the Next Wave of DevOps
Why API Ops is the Next Wave of DevOpsWhy API Ops is the Next Wave of DevOps
Why API Ops is the Next Wave of DevOps
 
Apidays Paris 2023 - 7 Mistakes When Putting In Place An API Program, Francoi...
Apidays Paris 2023 - 7 Mistakes When Putting In Place An API Program, Francoi...Apidays Paris 2023 - 7 Mistakes When Putting In Place An API Program, Francoi...
Apidays Paris 2023 - 7 Mistakes When Putting In Place An API Program, Francoi...
 
Apigee Products Overview
Apigee Products OverviewApigee Products Overview
Apigee Products Overview
 
Progressive Web App
Progressive Web AppProgressive Web App
Progressive Web App
 

Similaire à Progressive Web App : Pourquoi et comment se passer des stores ?

Le développement mobile avec Vue.js : cross-platform et progressive web apps ...
Le développement mobile avec Vue.js : cross-platform et progressive web apps ...Le développement mobile avec Vue.js : cross-platform et progressive web apps ...
Le développement mobile avec Vue.js : cross-platform et progressive web apps ...Owlie
 
Construire une PWA connectée à WordPress
Construire une PWA connectée à WordPressConstruire une PWA connectée à WordPress
Construire une PWA connectée à WordPressBenjamin LUPU
 
02_Chapitre_1_.pdf
02_Chapitre_1_.pdf02_Chapitre_1_.pdf
02_Chapitre_1_.pdfallagahamza
 
Investir sur son API web (in French)
Investir sur son API web (in French)Investir sur son API web (in French)
Investir sur son API web (in French)Restlet
 
ExperienceNow - Découvrez comment Soitec modernise son IT et gagne en agilité...
ExperienceNow - Découvrez comment Soitec modernise son IT et gagne en agilité...ExperienceNow - Découvrez comment Soitec modernise son IT et gagne en agilité...
ExperienceNow - Découvrez comment Soitec modernise son IT et gagne en agilité...Devoteam
 
Développer et déployer dans le cloud
Développer et déployer dans le cloudDévelopper et déployer dans le cloud
Développer et déployer dans le cloudJulien Dubois
 
Ma stack d'outils agiles, tout un programme !
Ma stack d'outils agiles, tout un programme !Ma stack d'outils agiles, tout un programme !
Ma stack d'outils agiles, tout un programme !Cédric Leblond
 
Offre migrer vers_flutter
Offre migrer vers_flutterOffre migrer vers_flutter
Offre migrer vers_flutterJulien Saumande
 
Améliorer l’expérience utilisateur en passant aux Progressive Web App
Améliorer l’expérience utilisateur en passant aux Progressive Web App Améliorer l’expérience utilisateur en passant aux Progressive Web App
Améliorer l’expérience utilisateur en passant aux Progressive Web App RESONEO
 
Bien comprendre le nouveau modèle Apps de SharePoint 2013
Bien comprendre le nouveau modèle Apps de SharePoint 2013Bien comprendre le nouveau modèle Apps de SharePoint 2013
Bien comprendre le nouveau modèle Apps de SharePoint 2013Louis-Philippe Lavoie
 
Présentation Voirin Club DSI EST 150217
Présentation Voirin Club DSI EST 150217Présentation Voirin Club DSI EST 150217
Présentation Voirin Club DSI EST 150217VOIRIN Consultants
 
Comment tester une Progressive Web App
Comment tester une Progressive Web AppComment tester une Progressive Web App
Comment tester une Progressive Web AppTesting Digital
 
Integration Summit 16 - Citizen Integrator / Flow - Power apps
Integration Summit 16 - Citizen Integrator / Flow - Power appsIntegration Summit 16 - Citizen Integrator / Flow - Power apps
Integration Summit 16 - Citizen Integrator / Flow - Power appsCellenza
 
Agile Tour Paris 2014 : Ma stack d'outils Agiles, tout un programme !, Cedric...
Agile Tour Paris 2014 : Ma stack d'outils Agiles, tout un programme !, Cedric...Agile Tour Paris 2014 : Ma stack d'outils Agiles, tout un programme !, Cedric...
Agile Tour Paris 2014 : Ma stack d'outils Agiles, tout un programme !, Cedric...ENSIBS
 
Journée Agences Web - Scénario Présence en ligne
Journée Agences Web - Scénario Présence en ligneJournée Agences Web - Scénario Présence en ligne
Journée Agences Web - Scénario Présence en ligneChristophe Lauer
 
GAB 2017 PARIS - La santé de votre environnement Azure par Manon Pernin et Ma...
GAB 2017 PARIS - La santé de votre environnement Azure par Manon Pernin et Ma...GAB 2017 PARIS - La santé de votre environnement Azure par Manon Pernin et Ma...
GAB 2017 PARIS - La santé de votre environnement Azure par Manon Pernin et Ma...AZUG FR
 
Accélérez itSMF 2013
Accélérez itSMF 2013Accélérez itSMF 2013
Accélérez itSMF 2013itSMF France
 
[XamarinDay] Deep dive des produits Xamarin part 2
[XamarinDay] Deep dive des produits Xamarin part 2[XamarinDay] Deep dive des produits Xamarin part 2
[XamarinDay] Deep dive des produits Xamarin part 2Cellenza
 

Similaire à Progressive Web App : Pourquoi et comment se passer des stores ? (20)

Le développement mobile avec Vue.js : cross-platform et progressive web apps ...
Le développement mobile avec Vue.js : cross-platform et progressive web apps ...Le développement mobile avec Vue.js : cross-platform et progressive web apps ...
Le développement mobile avec Vue.js : cross-platform et progressive web apps ...
 
SEO Dawa Day Progressive Web App 23 sept 2017
SEO Dawa Day Progressive Web App 23 sept 2017SEO Dawa Day Progressive Web App 23 sept 2017
SEO Dawa Day Progressive Web App 23 sept 2017
 
Construire une PWA connectée à WordPress
Construire une PWA connectée à WordPressConstruire une PWA connectée à WordPress
Construire une PWA connectée à WordPress
 
02_Chapitre_1_.pdf
02_Chapitre_1_.pdf02_Chapitre_1_.pdf
02_Chapitre_1_.pdf
 
Investir sur son API web (in French)
Investir sur son API web (in French)Investir sur son API web (in French)
Investir sur son API web (in French)
 
ExperienceNow - Découvrez comment Soitec modernise son IT et gagne en agilité...
ExperienceNow - Découvrez comment Soitec modernise son IT et gagne en agilité...ExperienceNow - Découvrez comment Soitec modernise son IT et gagne en agilité...
ExperienceNow - Découvrez comment Soitec modernise son IT et gagne en agilité...
 
Développer et déployer dans le cloud
Développer et déployer dans le cloudDévelopper et déployer dans le cloud
Développer et déployer dans le cloud
 
Ma stack d'outils agiles, tout un programme !
Ma stack d'outils agiles, tout un programme !Ma stack d'outils agiles, tout un programme !
Ma stack d'outils agiles, tout un programme !
 
Offre migrer vers_flutter
Offre migrer vers_flutterOffre migrer vers_flutter
Offre migrer vers_flutter
 
Public Launch Cyclone Preview
Public  Launch  Cyclone  PreviewPublic  Launch  Cyclone  Preview
Public Launch Cyclone Preview
 
Améliorer l’expérience utilisateur en passant aux Progressive Web App
Améliorer l’expérience utilisateur en passant aux Progressive Web App Améliorer l’expérience utilisateur en passant aux Progressive Web App
Améliorer l’expérience utilisateur en passant aux Progressive Web App
 
Bien comprendre le nouveau modèle Apps de SharePoint 2013
Bien comprendre le nouveau modèle Apps de SharePoint 2013Bien comprendre le nouveau modèle Apps de SharePoint 2013
Bien comprendre le nouveau modèle Apps de SharePoint 2013
 
Présentation Voirin Club DSI EST 150217
Présentation Voirin Club DSI EST 150217Présentation Voirin Club DSI EST 150217
Présentation Voirin Club DSI EST 150217
 
Comment tester une Progressive Web App
Comment tester une Progressive Web AppComment tester une Progressive Web App
Comment tester une Progressive Web App
 
Integration Summit 16 - Citizen Integrator / Flow - Power apps
Integration Summit 16 - Citizen Integrator / Flow - Power appsIntegration Summit 16 - Citizen Integrator / Flow - Power apps
Integration Summit 16 - Citizen Integrator / Flow - Power apps
 
Agile Tour Paris 2014 : Ma stack d'outils Agiles, tout un programme !, Cedric...
Agile Tour Paris 2014 : Ma stack d'outils Agiles, tout un programme !, Cedric...Agile Tour Paris 2014 : Ma stack d'outils Agiles, tout un programme !, Cedric...
Agile Tour Paris 2014 : Ma stack d'outils Agiles, tout un programme !, Cedric...
 
Journée Agences Web - Scénario Présence en ligne
Journée Agences Web - Scénario Présence en ligneJournée Agences Web - Scénario Présence en ligne
Journée Agences Web - Scénario Présence en ligne
 
GAB 2017 PARIS - La santé de votre environnement Azure par Manon Pernin et Ma...
GAB 2017 PARIS - La santé de votre environnement Azure par Manon Pernin et Ma...GAB 2017 PARIS - La santé de votre environnement Azure par Manon Pernin et Ma...
GAB 2017 PARIS - La santé de votre environnement Azure par Manon Pernin et Ma...
 
Accélérez itSMF 2013
Accélérez itSMF 2013Accélérez itSMF 2013
Accélérez itSMF 2013
 
[XamarinDay] Deep dive des produits Xamarin part 2
[XamarinDay] Deep dive des produits Xamarin part 2[XamarinDay] Deep dive des produits Xamarin part 2
[XamarinDay] Deep dive des produits Xamarin part 2
 

Plus de Sébastien Ollivier

Comment créer une application Angular performante ?
Comment créer une application Angular performante ?Comment créer une application Angular performante ?
Comment créer une application Angular performante ?Sébastien Ollivier
 
Microsoft experiences azure et asp.net core
Microsoft experiences   azure et asp.net coreMicrosoft experiences   azure et asp.net core
Microsoft experiences azure et asp.net coreSébastien Ollivier
 
Le développement mobile multiplateforme avec cordova
Le développement mobile multiplateforme avec cordovaLe développement mobile multiplateforme avec cordova
Le développement mobile multiplateforme avec cordovaSébastien Ollivier
 
JavaScript Open Day - Migration Web To App
JavaScript Open Day - Migration Web To AppJavaScript Open Day - Migration Web To App
JavaScript Open Day - Migration Web To AppSébastien Ollivier
 
Frameworks JavaScript en environnement MS
Frameworks JavaScript en environnement MSFrameworks JavaScript en environnement MS
Frameworks JavaScript en environnement MSSébastien Ollivier
 

Plus de Sébastien Ollivier (6)

Comment créer une application Angular performante ?
Comment créer une application Angular performante ?Comment créer une application Angular performante ?
Comment créer une application Angular performante ?
 
ngParis - Rendu cote serveur
ngParis - Rendu cote serveurngParis - Rendu cote serveur
ngParis - Rendu cote serveur
 
Microsoft experiences azure et asp.net core
Microsoft experiences   azure et asp.net coreMicrosoft experiences   azure et asp.net core
Microsoft experiences azure et asp.net core
 
Le développement mobile multiplateforme avec cordova
Le développement mobile multiplateforme avec cordovaLe développement mobile multiplateforme avec cordova
Le développement mobile multiplateforme avec cordova
 
JavaScript Open Day - Migration Web To App
JavaScript Open Day - Migration Web To AppJavaScript Open Day - Migration Web To App
JavaScript Open Day - Migration Web To App
 
Frameworks JavaScript en environnement MS
Frameworks JavaScript en environnement MSFrameworks JavaScript en environnement MS
Frameworks JavaScript en environnement MS
 

Progressive Web App : Pourquoi et comment se passer des stores ?

  • 1. 1 Infinite Series – Progressive Web App sollivier@infinitesquare.com wklein@infinitesquare.com Novembre 2017 Infinite Series Progressive Web App : Pourquoi et comment se passer des stores ?
  • 2. Infinite Square en quelques mots Société de conseil, expertise, réalisation, formation, spécialisée dans le design et le développement d’applications innovantes pour les entreprises 2 Microsoft GOLD Partner Éditeur de la solution de gestion événementielle 11 MVPs Partenariats technologiques Centre de formation agréé
  • 3. Etat des lieux Web vs Natif  Le natif permet d’avoir une expérience proche de la plateforme Intégré à l’OS / Device Fonctionne sans connexion Fonctionnalité avancée (gesture, géolocalisation, etc.) Monétisation soumise au store Cycle de déploiement lourd  Le web permet de cibler la totalité des devices / supports Cycle de déploiement léger Monétisation libre Développement léger SEO Pas d’interactions avec le device Nécessite une connexion 3
  • 4. PWA : Prendre le meilleur des deux mondes 4 Avoir la souplesse et la légèreté du web Avoir la qualité et l’intégration au device du natif
  • 6. Temps d’utilisation des applications Source: Quartz | qz.com Data: comScore 6 Près de 80% du temps d’utilisation est passé sur 3 applications (YouTube, Facebook, Twitter, etc.) => Il ne nous reste que 20% de temps d’utilisation disponible
  • 7. Temps d’utilisation des applications Source: Quartz | qz.com Data: comScore 7 65,5% des utilisateurs ne téléchargent aucune application
  • 9. Taille des applications 9 Les applications stores sont lourdes Les sites web sont extrêmement légers (Facteur 1/500) => Environ 7 min en 3G pour l’application iOS Twitter => Environ 1 s en 3G pour la PWA Twitter
  • 10. Temps d’utilisation App vs Browser 10 Source: Flurry Analytics, comScore, NetMarketShare
  • 11. Conclusions  Le store ne permet pas nécessairement d’avoir de la visibilité :  Beaucoup d’applications (> 2 000 000 sur iOS & Android)  Une grande partie de la visibilité est prise par une petite partie des apps  Les utilisateurs ne téléchargent que très peu d’applications  Mais la présence sur les stores reste encore indispensable dans beaucoup de secteurs, surtout B2C 11
  • 12. Bien mais qu’est-ce qu’une PWA ?
  • 13. PWA c’est :  Un site Web  Un ensemble de Guidelines  Basé sur 3 principes 13 PWA ce n’est pas :  Une application store  Un framework  Une technologie
  • 14. Reliable L’application doit fonctionner quel que soit l’état du réseau 14
  • 15. Fast L’application doit être rapide et réactive 15
  • 16. Engaging L’application doit pouvoir être installée et accessible depuis la home du device 16
  • 17. En détail (basé sur la checklist de Google) L’application doit  Etre exposée via HTTPS  Etre responsive  Fonctionner sans réseau  Charger rapidement même avec un mauvais réseau  Fournir des metadata pour proposer l’ajout d’un raccourci  Fonctionner sur tous les navigateurs  Proposer des transitions entre les pages pendant les navigations 17 https://developers.google.com/web/progressive-web-apps/checklist
  • 19. ServiceWorker  Un fichier JavaScript  Un autre processus dans le navigateur  Dispose d’APIs spécifiques (Cache, Fetch, Messaging, Push) 19
  • 20. DEMO
  • 21. Web App Manifest  Un fichier json  Contient des informations sur l’application  Permet de « pinner » l’application sur mobile 21
  • 22. DEMO
  • 23. Push API  Permet d’envoyer des notifications Push à une application Web  Fonctionne même si l’application n’est pas active  Plusieurs solutions infra pour envoyer des Push Web 23
  • 24. DEMO
  • 25. Conclusions Les PWA offrent une opportunité sans précédent pour les applications mobiles MAIS… le support des navigateurs n’est pas encore prêt les usages ne sont pas encore prêts 25 Excellent aujourd’hui pour du B2B Excellement demain pour du B2C (en général)
  • 26. Merci pour votre attention ! Pour plus d’informations, n’hésitez pas à contacter : William KLEIN – wklein@infinitesquare.com Sébastien OLLIVIER – sollivier@infinitesquare.com 26
  • 27. Suivez l’actualité Infinite Square en direct ! 27 @infinitesquareInfinite Square Infinite Squareblogs.infinitesquare.comwww.infinitesquare.com

Notes de l'éditeur

  1. Seb
  2. Seb
  3. William
  4. William
  5. William
  6. William
  7. William
  8. William
  9. William
  10. Seb
  11. Seb
  12. Seb
  13. Seb
  14. Seb
  15. Seb
  16. William
  17. William
  18. William Montrer le fonctionnement du blog sans connexion Montrer le service worker avec cache offline simple Montrer l’enregistrement du sw Montrer le fonctionnement du blog sans connexion
  19. William
  20. William Montrer le manifest Montrer (sur device) le pinnage
  21. Seb
  22. Seb Montrer le code pour souscrire aux push notifs Montrer le code pour envoyer un push (via postman) Montrer le résultat de la notif
  23. Seb