Alors que le smartphone devient un prolongement du corps humain, de nombreuses entreprises num\u00e9risent leurs offres et process et proposent \u00e0 leurs utilisateurs des services consultables et utilisables sur mobile. <\/p>\n\n\n\n
Cr\u00e9er une application<\/strong> peut alors sembler \u00eatre la strat\u00e9gie ad\u00e9quate pour r\u00e9pondre au besoin de flexibilit\u00e9 et d\u2019instantan\u00e9it\u00e9 des utilisateurs. <\/p>\n\n\n\n Aussi, de la m\u00eame mani\u00e8re qu\u2019il est possible de concevoir un site de plusieurs fa\u00e7ons diff\u00e9rentes, plusieurs options se pr\u00e9sentent dans le cas de la cr\u00e9ation d\u2019applications mobiles.<\/strong><\/p>\n\n\n\n C’est ce que nous allons voir dans cet article, en nous concentrant sur un type d’application bien pr\u00e9cis : la progressive web app.<\/strong><\/p>\n\n\n\n Il existe trois grands types d’applications mobiles<\/strong>. <\/p>\n\n\n\n Cr\u00e9er une application native<\/strong> revient \u00e0 se lancer dans le d\u00e9veloppement d\u2019une version sp\u00e9cifique pour chacun des syst\u00e8mes d\u2019exploitation sur lequel on souhaite se positionner : <\/span><\/p>\n\n\n\n Cette option est celle qui n\u00e9cessite le plus d\u2019efforts de d\u00e9veloppement<\/strong> et de maintenance<\/strong>. C’est donc la plus on\u00e9reuse. <\/span><\/p>\n\n\n\n Elle est particuli\u00e8rement adapt\u00e9e pour les projets qui n\u00e9cessitent des performances optimales<\/strong> sur des fonctionnalit\u00e9s complexes. <\/span><\/p>\n\n\n\n Par exemple : <\/span><\/p>\n\n\n\n Une application hybride<\/strong> permet d\u2019utiliser une m\u00eame base de code pour un d\u00e9veloppement compatible iOS<\/strong> et Android<\/strong>. <\/span><\/p>\n\n\n\n Cela permet de gagner beaucoup de temps en d\u00e9veloppement et de limiter le budget. <\/span><\/p>\n\n\n\n Une progressive web app <\/strong>est un site internet enrichi de fonctionnalit\u00e9s d\u2019application qui se pr\u00e9sente et agit exactement comme cette derni\u00e8re. <\/p>\n\n\n\n Cette application web progressive<\/strong> est installable et utilisable directement sur un navigateur web.<\/p>\n\n\n\n Dans la suite de cet article, nous nous focaliserons sur la Progressive Web App<\/strong>. Cette solution permet de combiner le meilleur des technologies web et mobiles afin d\u2019offrir \u00e0 l\u2019utilisateur une exp\u00e9rience optimale. <\/p>\n\n\n\n Une progressive web app est une version optimis\u00e9e d\u2019un site mobile responsive int\u00e9grant des fonctionnalit\u00e9s et un design d\u2019application native.<\/strong> <\/p>\n\n\n\n Bas\u00e9e sur les technologies web, une PWA<\/strong> peut \u00eatre d\u00e9velopp\u00e9e bien plus rapidement qu\u2019une application native<\/a> et est par cons\u00e9quent moins co\u00fbteuse.<\/p>\n\n\n\n Ces derni\u00e8res ann\u00e9es, la PWA est entr\u00e9e doucement mais s\u00fbrement dans les standards du web. Initialement test\u00e9e et adopt\u00e9e par des m\u00e9dias comme Twitter, Pinterest, L’Equipe, Starbucks et Uber, elle rivalise d\u00e9sormais dans de nombreuses situations avec les applications natives. <\/p><\/blockquote>\n\n\n\n Voici les avantages et inconv\u00e9nients d’une progressive web app.<\/p>\n\n\n\n Une progressive web app<\/strong> est fiable, rapide et engageante : <\/p>\n\n\n\n C’est une application plus l\u00e9g\u00e8re<\/strong>, qui prend moins de place sur l\u2019appareil sur lequel elle est install\u00e9e.<\/p>\n\n\n\n Elle offre une installation possible sans passer par les stores d\u2019applications et donc des mises \u00e0 jour instantan\u00e9es<\/strong> qui ne n\u00e9cessitent pas de mod\u00e9ration des stores.<\/p>\n\n\n\n Elle donne la possibilit\u00e9 de mettre en place un syst\u00e8me de notifications push<\/strong> qui fonctionne comme celui d\u2019une app native.<\/p>\n\n\n\n Il y a \u00e9galement la possibilit\u00e9 de mettre en place un mode hors-ligne<\/strong>. Celui-ci permet d\u2019utiliser tout ou une partie de l\u2019application sans acc\u00e8s \u00e0 un r\u00e9seau internet.<\/p>\n\n\n\n Un acc\u00e8s \u00e0 des fonctionnalit\u00e9s du t\u00e9l\u00e9phone : <\/p>\n\n\n\n Une application multi-supports<\/strong> (qui s\u2019adapte au mobile, desktop, tablette) et multi-plateformes qui peut \u00eatre install\u00e9e sur un t\u00e9l\u00e9phone \/ un ordinateur peu importe le syst\u00e8me d\u2019exploitation.<\/p>\n\n\n\n Les interfaces desktop et mobile peuvent \u00eatre similaires ou offrir des exp\u00e9riences personnalis\u00e9es en fonction de la strat\u00e9gie pour laquelle la marque a opt\u00e9. <\/p>\n\n\n\n Des \u00e9volutions et une maintenance simplifi\u00e9es. Cela est d\u00fb au fait que l\u2019on utilise qu\u2019une seule base de code pour toutes les plateformes. <\/p>\n\n\n\n Une publication possible sur les stores (disponible sur Android et en test sur iOS). <\/p>\n\n\n\n Bien que l\u2019installation ne n\u00e9cessite pas de se rendre sur les stores, la mani\u00e8re d\u2019installer une PWA<\/strong> n\u2019est pas encore standardis\u00e9e et peut diff\u00e9rer en fonction des navigateurs et des syst\u00e8mes d\u2019exploitation. <\/p>\n\n\n\n Il existe des cas pour lesquels une PWA, de par son d\u00e9veloppement sur des technologies web, n’est pas en mesure de fournir des performances suffisantes pour la conception d’une application.<\/p><\/blockquote>\n\n\n\n De plus, quelques fonctionnalit\u00e9s mobiles sont encore indisponibles sur PWA<\/p>\n\n\n\n iOS et Safari restent r\u00e9ticents. Non pas \u00e0 cause des performances de la PWA, mais d\u2019une solution qui interf\u00e8re avec la strat\u00e9gie de vente sur l\u2019App Store. <\/p>\n\n\n\n \u00c0 savoir qu\u2019initialement, c\u2019est Apple qui a fait conna\u00eetre le concept de PWA<\/strong> en 2007. Il a \u00e9t\u00e9 repris par Microsoft des ann\u00e9es plus tard, quand Apple a mis\u00e9 sur son store d\u2019applications. <\/p>\n\n\n\n Une strat\u00e9gie PWA sur iOS<\/strong> est fort heureusement envisageable mais certaines fonctionnalit\u00e9s ne sont pas encore disponibles. C\u2019est pas exemple le cas des notifications push. <\/p>\n\n\n\n Toutes les APIs ne sont pas encore compatibles sur l\u2019ensemble des plateformes.<\/p>\n\n\n\n En conclusion, voici quelques exemples pour lesquels la PWA<\/strong> peut \u00eatre adapt\u00e9e \u00e0 vos besoins :<\/p>\n\n\n\n Choisir la PWA n\u00e9cessite de r\u00e9aliser certains arbitrages, N\u2019h\u00e9sitez pas \u00e0 demander l\u2019avis d\u2019un prestataire web<\/a> qui saura vous guider vers la meilleure solution pour votre projet.<\/p>\n\n\n\nLes diff\u00e9rents types d’applications mobiles<\/h2>\n\n\n\n
Les applications natives<\/h3>\n\n\n\n
Les applications hybrides<\/h3>\n\n\n\n
Les progressive web apps<\/h3>\n\n\n\n
Qu\u2019est-ce qu\u2019une PWA ? <\/h2>\n\n\n\n
Les avantages de la PWA<\/strong><\/h3>\n\n\n\n
Les limites de la PWA<\/strong><\/h3>\n\n\n\n
Comment savoir si la PWA est adapt\u00e9e \u00e0 mon projet ?<\/h2>\n\n\n\n