What PWA Can Do Today - Ce que les PWA peuvent faire aujourd’hui

Fonctionnalités PWA disponibles aujourd’hui

• Une PWA (Progressive Web App) est un site web qui peut être installé sur un appareil et offrir une expérience proche de celle d’une application.
• Cette application est une PWA, installable sur l’écran d’accueil d’un appareil mobile ou sur le bureau.
• Une fois installée, vous pouvez consulter les démonstrations ci-dessous pour voir quelles fonctionnalités sont prises en charge sur votre appareil.

Fonctionnalités

• Capture multimédia : l’application web peut utiliser la caméra et le microphone de l’appareil.
• Géolocalisation : l’utilisateur peut partager sa position avec l’application web.
• Notifications : l’application web peut afficher des notifications même lorsqu’elle n’est pas active.
• Sélection de contacts : permet de choisir parmi les contacts de l’utilisateur.
• Partage web : permet d’invoquer le mécanisme de partage natif de l’appareil et de partager du texte, des URL ou des fichiers.
• Authentification : permet une authentification sans mot de passe via un lecteur d’empreintes ou une clé de sécurité USB externe.
• Système de fichiers : permet d’accéder au système de fichiers de l’appareil de l’utilisateur.
• Détection de codes-barres : permet de détecter des codes-barres et des QR codes dans des images.
• Détection de visages : permet de détecter des visages dans des images.
• Vibration : permet de faire vibrer un appareil mobile.
• Enregistrement audio : permet d’enregistrer et de visualiser l’audio.
• Audio : permet d’afficher les contrôles de lecture multimédia sur l’écran de verrouillage de l’appareil.
• Synchronisation en arrière-plan : permet de différer des tâches hors ligne afin de les exécuter lorsque la connexion réseau est rétablie.
• Patch en arrière-plan : permet de télécharger de gros fichiers en arrière-plan même lorsque l’application n’est pas en cours d’exécution.
• Capture Handle : permet à une application web de capture d’écran de communiquer de manière fiable avec l’application web capturée.
• API de stockage : permet à l’application web de stocker durablement des données structurées dans le navigateur de l’utilisateur.
• Bluetooth : l’application web peut se connecter à des appareils BLE et lire ou écrire des valeurs.
• NFC : l’application web peut lire et écrire des tags NFC.
• Réalité augmentée / réalité virtuelle : permet de placer des objets virtuels dans le monde réel.
• Paiements : permet d’effectuer des paiements sur le web avec une carte bancaire, Apple Pay ou Google Pay.
• Wake Lock : permet d’empêcher l’écran de s’assombrir ou de se verrouiller lorsque l’application doit rester active.
• Orientation : fournit des informations sur l’orientation physique de l’appareil de l’utilisateur.
• Mouvement : fournit des informations sur la vitesse des changements de position et d’orientation de l’appareil de l’utilisateur.
• Informations réseau : fournit des informations sur la connexion de l’appareil afin que l’application web puisse adapter ses fonctionnalités à la qualité du réseau.
• Synthèse vocale : convertit du texte en parole et permet à un programme de lire un contenu textuel à voix haute.
• Reconnaissance vocale : permet de reconnaître le contexte vocal à partir d’une entrée audio.
• Multi-touch : permet de capturer des gestes tactiles complexes.

Comment activer les capteurs

• Voici comment les activer lorsque les capteurs de mouvement ne sont pas disponibles sur votre appareil.
• iOS : s’applique uniquement à iOS 12. Il peut être nécessaire de supprimer l’application de l’écran d’accueil puis de l’ajouter à nouveau pour que les modifications soient prises en compte.
• Android : ouvrez ce site dans le navigateur Chrome sur Android, puis activez l’option « capteurs de mouvement » dans le menu principal.

L’avis de GN⁺

• Les PWA sont une technologie innovante qui offre aux utilisateurs une expérience proche de celle des applications natives tout en s’appuyant sur les technologies web pour une accessibilité et une compatibilité plus larges.
• Cet article présente diverses fonctionnalités des PWA ; en particulier, la capture multimédia, la géolocalisation et la synchronisation en arrière-plan sont des fonctions importantes capables d’améliorer fortement l’expérience mobile.
• En fournissant la méthode d’activation des capteurs, il apporte des informations utiles pour aider les utilisateurs à exploiter au maximum toutes les capacités des PWA sur leur appareil.

[pmc7777]

J’ai vraiment hâte de voir le jour où les PWA bouleverseront le marché des stores mobiles !

[anjin225]

Ce serait encore mieux avec la prise en charge des URL schemes, haha... dommage.

[GN⁺]

Avis sur Hacker News

• Un utilisateur mentionne qu’ils déploient des PWA (Progressive Web Apps) sur des iPad et des Surface Go pour leurs clients via Microsoft InTune ; vers 2020, c’était un cauchemar, mais aujourd’hui c’est beaucoup plus fluide. Il ajoute qu’un client ayant migré d’iPad vers Surface Go a proposé un processus amélioré qui, avec une gestion supplémentaire des endpoints, donne à l’expérience PWA un comportement proche du mode kiosque. Selon lui, leur plus grande contrainte concernait la qualité de la caméra orientée vers l’environnement et le niveau d’accès aux fonctions caméra via le navigateur ; iOS/Safari était très faible au départ, mais s’est nettement amélioré. Désormais, via Safari, ils obtiennent sur la caméra arrière de l’iPad des scans d’environnement en 2k à 30 fps, et la lecture de codes-barres 2D ainsi que la capture de documents sont réalisables à 100 %. Ces fonctions rendaient autrefois les démos produit très stressantes, mais ce n’est plus le cas. À cause des problèmes de caméra, ils ont failli revenir à une app iOS native, mais maintenir une chaîne de build native dans un environnement 100 % Microsoft où cela ne s’intégrait pas représentait une lourde charge. Ils ont signé des IPA d’entreprise pour des clients pendant des années, mais sont désormais passés au web/PWA et affirment que si le web disparaissait, ils chercheraient une autre carrière et d’autres loisirs.
• Un autre utilisateur souligne que l’objectif central des PWA est de fournir des apps cross-platform ; il est donc regrettable que le site n’indique pas clairement quelles fonctions sont « universellement » prises en charge sur iOS et Android. Si une fonctionnalité n’est pas disponible sur toutes ou la plupart des plateformes, il estime qu’il n’est pas vraiment juste d’affirmer qu’elle est utilisable dans une PWA.
• Un autre utilisateur fait remarquer que même le site de démo de la PWA présente des bugs UX visibles sur iOS. Il mentionne un problème de double animation lorsqu’on glisse depuis les bords de l’écran pour revenir en arrière ou avancer. Corriger cela pourrait être aussi simple que désactiver l’animation de glissement des pages, mais selon lui, le créateur du site ne l’a soit pas remarqué, soit pas jugé important. Apple a aussi une part de responsabilité et, idéalement, il devrait exister une interface plus adaptée permettant de détecter et de personnaliser les gestes natifs de balayage.
• Un utilisateur critique certains membres de la communauté Hacker News qui laissent des commentaires inutilement grossiers, comme si le créateur du site n’allait certainement pas les lire. Il note qu’accepter les critiques peut faire partie du fait de publier une création, mais que c’est aussi une raison pour laquelle des personnes extérieures à cette communauté n’aiment pas que leur travail y soit partagé, ou refusent au moins d’en lire les commentaires.
• Un utilisateur dit espérer que Firefox Desktop rejoigne les navigateurs prenant en charge les PWA. Ils développent des apps conçues en priorité pour les PWA, mais cela implique généralement que les utilisateurs doivent lancer une instance de Chrome. Si Firefox rendait l’intégration des PWA plus fluide que Chrome, cela constituerait selon lui une raison de recommander ces apps.
• Un autre utilisateur affirme que le principal problème technique qui freine l’adoption des PWA est que l’écosystème frontend JS est accro aux frameworks frontend qui détruisent l’UX. Il ajoute que les app stores apportent une valeur fondamentale que les PWA ne pourront jamais offrir, notamment en matière de confiance, particulièrement forte sur l’App Store iOS.
• Un utilisateur dit que si ce site est une démo censée bien montrer les possibilités des PWA, alors pour lui c’est un échec. Il pointe un chargement lent, beaucoup de fonctions ou de fonctionnalités dont il ne veut pas, ainsi que des problèmes comme une double navigation lorsqu’il essaie de revenir en arrière avec un geste de balayage.
• Un autre utilisateur indique qu’il attendra que les PWA puissent être enregistrées comme destination de partage sur iOS. Il souhaite qu’en cliquant sur « partager » depuis une page web, l’app apparaisse dans la feuille de partage.
• Un utilisateur estime qu’avoir seulement un bug tracker sans code source dans le dépôt GitHub n’est pas terrible, et soutient que si l’on veut vraiment promouvoir les PWA, il faudrait fournir l’intégralité du code source.
• Enfin, un utilisateur dit que plusieurs fonctions de l’app de démo ne marchent pas sur iOS 17, en ironisant que c’est probablement exactement ce qu’Apple veut. En revanche, il dit avoir utilisé la PWA Eclipse Emulator sur iOS pendant quelques jours et qu’elle fonctionnait très bien. Le seul problème rencontré jusqu’à présent était des coupures audio lors de l’émulation de la SNES.