loading...

Progressive Web Apps (PWA)

Julien Fourel

Le futur des applications mobiles

La problématique

De nos jours, toute personne ayant un smartphone sait ce qu'est une application : un outil qui offre des fonctionnalités et du contenu à ses utilisateurs. La plupart d'entres-elles, à l'heure d'aujourd'hui, sont des applications natives, c'est-à-dire qu'elles sont développées dans un language informatique qui est compatible avec le système d'exploitation utilisé (Android, iOs, Windows Phone, etc...) et doivent être installées par l'utilisateur.

Cela implique des adaptations pour que leur rendu et fonctions soient identiques sur les différents systèmes, car les languages de développement diffèrent en fonction du système utilisé.

Alors, une solution ?

Les Progressive Web Apps (PWA) apportent des nouveautés intéressantes en matière de développement, mais également et surtout pour la vente et le marketing.

Cet article explique les concepts de base des Progressive Web Apps et ce qu'elles apportent aux utilisateurs et rédacteurs.

En résumé, une progressive Web App vous offre:
 

  • Notifications push
  • Application toujours à jour
  • Moins coûteux qu'une application standard
  • Disponibilité hors-ligne: pas de réseau, ça tourne !

Qu'est-ce qu'une Progressive Web App ?

Les applications mobiles sont installées par l'utilisateur et exécutées par le système d'exploitation, tandis qu'une PWA s'exécute à partir d'un navigateur web, comme un site Web classique.

L'habillage habituel du navigateur est caché ce qui donne l'impression d'utiliser une application mobile. Les changements effectués sur le site sont donc également appliqués sur l'application.

Le lancement est similaire à une application classique : une icône est ajoutée sur l'écran d'accueil pour lancer l'application.

Cela offre des avantages non négligeables, comme par exemple :

  • mises à jour et maintenances facilitées
  • l'utilisateur utilise toujours la version la plus récente
  • une seule technologie à maitriser
  • facilités pour le référencement (SEO)
  • partages faciles via un simple envoi de lien par e-mail

Cependant, les possibilités offertes par les PWA diffèrent en fonction du système d'exploitation et du navigateur utilisé, ce qui peut être gênant pour offrir la même expérience à tous les utilisateurs.

De plus, les PWA offrent la possibilité de stocker localement des données, afin de permettre l'utilisation de l'application hors ligne et d'améliorer les performances.

Sans le savoir, vous utilisez peut-être déjà des Progressive Web Apps : 

  • Gmail
  • Twitter
  • Wikipedia
  • Airbnb
  • Trivago Hotel Booking
  • Forbes News
  • Et bien d'autres encore !
Quelle Grafik : Google Developer Training

Source : Google Developer Training

Qu'est-ce que les PWA peuvent apporter à votre communication ?

Disponibilité hors ligne et performances

Comme expliqué précédemment, une Progressive Web App permet de stocker des données localement. Par exemple, les images comme le logo de votre entreprise n'auront plus besoin d'être chargé via Internet, mais directement à partir de l'espace de stockage du périphérique utilisé, ce qui augmente grandement les performances.

Le contenu texte ainsi que des données peuvent également être stockés localement, et dans le cas où l'utilisateur n'est pas connecté à Internet ou a une connexion à faible débit, le contenu restera disponible

Notifications

Même lorsque l'application n'est pas utilisée, un service est exécuté en arrière-plan sur le périphérique, permettant notamment de recevoir des notifications push.

Vos utilisateurs peuvent dès lors facilement être informés des nouveautés concernant votre entreprise, comme par exemple :

  • Une news / nouvel article
  • Un événement
  • Nouveau produit en vente ou promotions
  • Vacances / indisponibilités, changement dans l'organisation
  • Etc...

Les utilisateurs doivent cependant avoir acceptés préalablement les notifications en provenance de l'application et peuvent à tout moment les désactiver.

iOS (iPhone)

A l'heure actuelle (novembre 2018), le système iOS ne supporte pas encore les notifications dans le navigateur.
Tout fonctionne par contre parfaitement sur le système Android.

Espérons que Apple débloque très prochainement cette fonctionnalité importante !

Votre application toujours à jour

Contrairement a une application mobile native qui doit être installée par l'utilisateur via l'App Store (iOS) et le Play Store (Android), il n'est pas nécessaire d'installer des mises à jour avec une Progressive Web App.

En effet, le contenu affiché est chargé comme une page Web classique ce qui garanti un contenu à jour. Bien entendu, il est nécessaire que le périphérique en question ait un accès à Internet pour que les dernières versions soient correctement téléchargées.