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 WEB. Annuler la sélection

Racing Kart JPR

Circuit de Karting compétition et loisirs à 59 Ostricourt

WEB • APPLIS • FILEMAKER • SERVICES

Création et développement du site web du circuit de Karting, gestion du routage de la NewsLetter et des envois par email.

A lire dans Live :

Le Racing Kart JPR (re)prend...

LUNE

Agence de Communication à 59 Villeneuve d’Ascq

WEB • APPLIS • FILEMAKER • SERVICES

Développement web et gestion des comptes Alpha Mail pour le routage de la communication par email des clients de l’agence

A lire dans Live :

Un jeu en ligne pour les 15...

DOUBLE V

Agence de communication, Lille

WEB • APPLIS • FILEMAKER • SERVICES

Réalisation et développement des sites web des clients de l’agence

A lire dans Live :

Nouveau site web : le C2RP...
Création et développement du...

EPARECA

Institution de réhabilitation des commerces en zone sensible.

WEBAPPLIS • FILEMAKER • SERVICES

Site web institutionnel, gestion en ligne des appels d’offres. NewsLetter avec Alpha Mail

A lire dans Live :

Le nouveau site web d'Epareca...

DETOUR-NOYMENT

Compagnie de théâtre de rue à Roubaix

WEB • APPLIS • FILEMAKER • SERVICES

Développement du site web de l’association et compte Alpha Mail pour la NewsLetter

A lire dans Live :

De la Compagnie sur le Web

ILLICO PRESS

Imprimerie 62 Ardres

WEB • APPLIS • FILEMAKER • SERVICES

Développement et gestion au quotidien du site de l’imprimerie en ligne depuis 2007

A lire dans Live :

L'imprimerie en ligne...
Pour ses FAQ, illicopress.com...
Web analytics : PIWIK dans la...

Tous les articles sur ILLICO PRESS

BENALU

Leader européen des véhicules et poids lourds en aluminium

WEBAPPLIS • FILEMAKER • SERVICES

Conception et développement des sites et extranet espace adhérents de Benalu et Bennes Marrel

A lire dans Live :

Nouvelle carosserie pour le...
Catalogue des pièces de...

DUTEXDOR

Chaussettes et sous vêtements pour la famille

WEB • APPLIS • FILEMAKER • SERVICES

Développement du site de commerce électronique de vente en ligne No Publik. Référencement et Gestion des campagnes emailing.

A lire dans Live :

Routage de la nouvelle...
Cas concret : les campagnes...
Dutexdor ouvre sa boutique en...

TEXDECOR

Edition et distribution de produits de décoration haut de gamme

WEB • APPLIS • FILEMAKER • SERVICES

Développement et hébergement des sites des 5 marques de l’entreprise

A lire dans Live :

CASADECO en V4 : plus pour le...
texdecor.fr : refonte tout...
Le site web de Caselio en V2...

Tous les articles sur TEXDECOR

Groupe Tilinvest

Groupe d’imprimeries du Nord Pas de calais, avec des unités de production à Avelin, Arras et Ardres

WEB • APPLIS • FILEMAKER • SERVICES

Création des sites web des imprimeries du groupe

A lire dans Live :

Groupe Tilinvest à Avelin...

Groupe Chrétien Matériaux

Enseigne de distribution de produits pour le bricolage

WEB • APPLIS • FILEMAKER • SERVICES

Avec l’agence Partners, développement des sites web du groupe et de l’intranet des achats

A lire dans Live :

+1, Site web de Chrétien...
Site web et intranet sur...