Progressive Web App : la fin des stores et des applications natives ?

Avec les “Progressive Web Apps”, les sites webs vont s’installer sur les téléphones, comme de véritables applications sans passer par la case “store”. C’est géant et ce futur c’est déjà demain, quasiment aujourd’hui… Le “format” Progressive Web App dispose de tous les atouts et pourrait bientôt devenir l’expérience mobile classique de l’utilisateur.

Avec les “Progressive Web Apps”, les sites webs vont s’installer sur les téléphones, comme de véritables applications sans passer par la case “store”. C’est géant et ce futur c’est déjà demain, quasiment aujourd’hui… Le “format” Progressive Web App dispose de tous les atouts et pourrait bientôt devenir l’expérience mobile classique de l’utilisateur.

Initiée par Google vers 2015, les PWA sont concrètement disponibles aujourd’hui sur Android. Par ailleurs, le modèle de l’application native s’essouffle et les barrières des stores en frennent l’utilisation, sans parler des mises à jour, de l’espace utilisé, ni de la problèmatique des données privées…

L’expérience utilisateur d’abord, du web à l’app…

PWA : Progressive Web Apps Imaginez… Et c’est déjà possible sur les téléphones Android, en réflexion chez Microsoft et Apple devra bien s’en préoccuper… Vous visitez un site web dans le navigateur de votre téléphone, c’est hyper accessible, aucune installation n’est nécessaire. Vous trouvez ce site web pratique et utile, les fonctionnalités proposées vous plaisent, la navigation est légère et intuitive et vous y revenez souvent.

Soudain, vous remarquez le bouton “Installer l’application sur l’écran d’accueil”. Et vous cliquez…

Et la magie opère. Vous venez d’installer une PWA dans votre téléphone ! En cliquant sur le bouton vous accédez directement à l’application web, elle s’exécute comme telle, sans les boutons du navigateur, elle peut même envoyer des notifications et fonctionner même si vous n’êtes pas connecté à internet !
Vous êtes en présence d’une véritable application résidente qui s’est installée directement dans votre appareil à partir de sa version navigateur…

Progressive Web App. Kesako ?

Une Progressive Web App est d’abord un site, on parlera plutôt d’application web qui utilise les technos du web pour offrir une expérience utilisateur semblable à une application classique de smartphone.

Progressive… On l’utilise d’abord dans le contexte du navigateur, sur Chrome, Firefox ou Safari. Comme un simple site web, vous l’avez trouvé dans un moteur de recherche. Elle vous propose une interface autonome, indépendante de celle du navigateur, des fonctionnalités disponibles dans le contexte de l’utilisation…

Vous appréciez ? vous pouvez alors décider de “l’installer” sur votre appareil compatible. Juste en cliquant sur le bouton, sans passer par une authentification sur un store… Ces applications web sont conçues pour fonctionner sur les mobiles de façon encore plus transparente que les applications natives. Comme une native, la PWA propose sa propre icone, quand vous cliquez l’application se lance de façon autonome, cette fois en dehors du navigateur et sans son interface, juste celle de l’application en plein écran.

Progressive Web Apps : du Web à l'App

FInalement, on pourrait considérer les applications natives comme une technologie de transition, un peu comme Flash en son temps. Les Progressive Web Apps présentent un ensemble de technos, typiquement “web”, qui proposent à l’utilisateur l’expérience d’une véritable application combinée avec l’immédiateté et la facilité d’accès du web. Voilà une réponse à l’essouflement du modèle des applications natives, de leur lourd processus d’installation via les stores et de leur modèle économique contraignant et couteux.

Un process de développement qui n’est pas forcement une révolution puisqu’à base de technos web, les fameux standards du web qui sont d’ailleurs de plus en plus à la hauteur, ces technologies savent désormais exploiter et communiquer avec les fonctionnalités propres aux appareils, comme la géolocalisation, les gestes spécifiques et les mouvements sont pris en compte… Mais voilà une orientation qui va propulser l’expérience utilisateur un gros cran vers le haut dans sa vie mobile. Et il y a fort à parier que l’expérience du développeur a tout à y gagner aussi…

Le meilleur du web avec les avantages de l’application mobile

Application Web Voilà une belle promesse ! La technologie Progressive Web Apps est encore dans une phase initiale de démarage, c’est tout de même Google qui mène la danse, et elle pourrait bien être le prochain grand chambardement du web sur les mobiles.

Imaginez un site web, développé avec des technos web mais qui interagit comme, et ressemble à, une application. Les capacités récemment disponibles dans les navigateurs, la mise à disposition des “services workers”, de la mise en cache, des API Push permettent aux développeurs web de proposer aux visiteurs / utilisateurs l’installation de ces applications web directement sur l’écran d’accueil de leur mobile, de recevoir des notifications et même de l’utiliser hors ligne. Cette proposition est déjà disponible sur les mobiles android. Bientôt sur les autres systèmes ? Dans l’attente, et c’est aussi une force du concept de “progressivité”, la web app tourne quand même dans le navigateur en préservant l’expérience de l’utilisateur…

Aller plus loin en découvrant cette sélection de ressources en ligne sur le sujet :

Que sont les Progressive Web Apps ? – en FR
Chez nos confrères de Makina Corpus – Bien comprendre les Progressive Web Apps – en FR
Sur le blog de Henrik Joreteg : Installation d’applications Web sur les téléphones – pour de vrai (EN>FR via Google translation)

Chez Google, la source – en EN
Compte rendu de la conf développeur Google sur les PWA, le GoogleDevSummit à Amsterdam 19 et 20 juin 2016 – en FR, vidéos en EN
Autre conf developpeur Google sur les PWA à Londres 19 mars 2016 – en FR, vidéos en EN

Sur Javascript Scene – Native Apps are Doomed / Les applications natives sont condamnées – en EN
Sur SmashingMag – A Beginner’s Guide To Progressive Web Apps – en EN

Tester la PWA du WashingtonPost – en EN :
L’article dans le Washington Post sur sa propre PWA
Visiter – tester la PWA du Washington Post

Un site qui rassemble des dizaines de PWA

Sélectionnez les références E SYSTEMES par thème : WEB - APPLIS - FILEMAKER - SERVICES
• • • Votre sélection : clients FILEMAKER. Annuler la sélection

TV Avantages

Editeur du magazine éponyme gratuit, support et régie publicitaire

WEB • APPLIS • FILEMAKER • SERVICES

Refonte du système de gestion de l’espace publicitaire et des annonces, composition automatisée du magazine avec FileMaker Pro. 2 parutions par mois, 17 éditions, 1 450 000 ex.

BECI

Acteur de l’immobilier dans la région de Dunkerque

WEB • APPLIS • FILEMAKER • SERVICES

Développement de la gestion commerciale de l’agence, gestion des baux et de la facturation des contrats.

A lire dans Live :

Développement FileMaker Pro...
"Immothèque" : une gestion...

AFIBEL

Catalogue de vente par correspondance, Villeneuve d’Ascq

WEB • APPLIS • FILEMAKER • SERVICES

Application de gestion des flux textes pour l’automatisation de la production des catalogues.

A lire dans Live :

EDITO, publication...