Progressive Web Apps

Progressive Web Apps



 

Avant de voir en quoi consiste une Progressive Web App replongeons nous dans le contexte 

  • L'audience mobile dépasse celle du Pc: Environ 48% pour mobile et 38% pour les Pc.
  • Le téléchargement des applications augmente toujours autant: +15% par an environ
  • Mais au final très peu de ces applications sont utilisées. Seuleument 6 sur 26 applications sont utilisées.
  • Les applications prennent de plus en plus de place.

Qu'est ce qu'une Progressive Web App?  

Sites Mobiles et responsive, les applications web native et hybride: quelles différences? 

 Différences entre sites et applications:

site-web-mobile-webapp-application-native
Dans un premier temps on distingue les sites Web accessibles depuis un navigateur...
  • Le site Web Mobile est un site secondaire qui prend le relais lorsque l'utilisateur se trouve sur tablette ou smartphone.
  • Le site internet "Responsive", est un site qui s'adapte à tous les suppors (Pc, tablettes, smartphones...)
  • Une application Web, est un site conçue pour les mobiles.
Et dans un second temps les applications disponibles depuis les plateformes de téléchargements (store)
  • L'Application mobile native, créée pour une un système d'exploitation spécifique (Android, ios...), elles se téléchargent sur les plateformes dédiées (PlayStore, AppStore...).
  • L'Application hybride, elle se télécharge sur nimporte qu'elle plateforme.

Où classer les Progressives Web Apps?  

progressive web apps-favicon-écran-accueil  
Les Progressives Web Apps (PWA) sont un mix proche de toutes ces différentes interfaces. Elles utilisent le meilleur de HTML5 associé aux fonctionnalitées des applications ce qui permet une expérience utilisateur inégalée. Elles ressemblent ainsi beaucoup aux Applications natives et hybrides à ceci prêt qu'elles sont accessibles depuis un navigateur et non un Store. 

Comment fonctionnent-elles?

La PWA est tout simplement un site dévéloppé pour les mobiles. Elle se base sur une architecture de type Application Shell*, ce qui rend possible sont utilisation en mode Hors Ligne. Ce mode est également possible grâce aux Services Workers, des scripts qui fonctionnent en parralèle de la page. Ils permettent bien le mode Hors Ligne mais également l'envoie de notification ou la mise à jour des contenus en arrière plan. 

progressive web apps service workers 

Delrocq Josselin

 

Commentaires