WebApp – PWA

L’une des réelles révolutions apportées par l’HTML5, et une des moins médiatisée, est la possibilité de créer des applications web offline.

La mise en « offline » passe par plusieurs APIs :

  • Mise en cache de fichiers via le MANIFEST
  • Stockage de données dans le LocalStorage
  • Stockage de données en local dans une database (WebSQL ou indexedDB)

Pourquoi l’offline ?

Pour produire des applications web qui continuent à fonctionner même quand la connexion internet se coupe.
OK, les forfaits permettent de plus en plus d’être connecté en permanence… Mais pas la technique. Certaines zones sont mal déservies en réseau, il y a des tunnels, des métros, des magasins métalliques… qui perturbent les connexions.
L’idée est de permettre à l’utilisateur d’au moins continuer sa navigation sans trop de perturbations.

Méthode

L’idée : un template html, des données en flux JSON, un script qui intègre les deux. Les données sont mémorisées dans le navigateur avant leur affichage et sont donc disponibles hors connexion.
Pour un formulaire, l’internaute saisit ses données qui sont conservées par le navigateur hors connexion. Lors de la connexion suivante, un script envoie les datas au serveur.

Ressources

Laisser un commentaire