Application web progressive (PWA)

Voir le sujet précédent Voir le sujet suivant Aller en bas

  • 0

Tutoriel Application web progressive (PWA)

Message par Walt Jeu 10 Oct 2019 - 18:18

Application web progressive (PWA)
Afin d'entretenir une communication dynamique avec sa communauté, Forumactif a développé des fonctionnalités afin que ses membres puissent rester connectés. Ce tutoriel vous présente l'application web mobile et progressive dédiée à chaque forum sous la forme d'une Progressive Web App (PWA).

Définition d'une Progressive Web App (PWA)


L'application web progressive (Progressive Web App (PWA)) est une application 100% dédiée à votre forum. Elle combine le meilleur des fonctionnalités qu'on retrouve sur les navigateurs web modernes avec les avantages et l'expérience d'utilisation optimale offerte par les applications mobiles.

Les PWA ont de nombreux avantages pour votre forum : installation possible depuis un mobile ou un PC sans avoir à passer par un store d'applications, l’application est dédiée exclusivement à votre forum, chargement rapide, pages sécurisées, notifications push, icône sur l'écran d'accueil de votre mobile (ou tablette) pour accéder au forum, affichage plein écran, ...

La PWA est une technologie récente dont les fonctionnalités offertes sont directement gérées par les navigateurs. Mais tous les navigateurs ne sont pas au même niveau (consulter cet article pour plus de détails). Sur Google Chrome, l'ensemble des fonctionnalités est géré. Sur les autres navigateurs, c'est en-cours d'intégration. Il ne faut donc pas s'attendre à avoir un même comportement sur l'ensemble des navigateurs web et mobiles.

Activer et configurer la Progressive Web App (PWA) de mon forum


Tous les forums Forumactif embarquent nativement la technologie PWA. Toutefois, pour un fonctionnement optimal de la technologie, il est recommandé d'activer le protocole HTTPS sur votre forum grâce à un package Application web progressive (PWA) 3685216789 ou Application web progressive (PWA) 2398224970 [Tutoriel].

Pour personnaliser la PWA de votre forum, il convient de vous connecter sur le panneau d'administration :

Panneau d'administration  Modules  Applications mobiles - PWA : l'app dédiée à votre forum

Application web progressive (PWA) 01-08-13


  1. Nom court : Nom de 15 caractères qui s'affichera sur la version mobile de votre forum, invitant le membre à ajouter votre forum à l'écran d'accueil. Vous pouvez, par exemple, inscrire le nom de votre forum ;
    Voir illustration:
  2. Nom de l'application : Le nom de l'application s'affichera lorsque le membre clique sur le nom court de votre forum afin de confirmer l'affichage de votre support sur l'écran d'accueil du mobile ;
    Voir illustration:
  3. Icône du forum : L'icône représente l'application de votre forum sur l'écran d'accueil de votre mobile ou alors des notifications push sur l'ordinateur. Le taille recommandée est de l'icône est de 512 x 512 pixels ;
  4. Couleur de la toolbar : Permet de définir la couleur de la barre d'outils du navigateur de l'application sur les appareils Android ;
    Voir illustration:
  5. Couleur de fond de la page de démarrage : Permet de définir la couleur du fond de la page de démarrage de l'application, le temps que les données soient chargées.
    Voir illustration:


Installer de la PWA


Installation de la PWA sur mobile


L'installation de la PWA sur mobile est simple et rapide. Quand un internaute visite un forum Forumactif, un encart apparaît afin de proposer d'installer l'application :

Voir illustration:

Si l'internaute clique sur "Ajouter", une boite de dialogue demandera la confirmation afin de lancer la procédure d'installation :

Voir illustration:

Le téléchargement de l'application, qui ne dure que quelques secondes, se lancera. Une fois terminée, l'icône de l'application s'installera sur l'écran d'accueil de votre mobile :

Voir illustration:

L'internaute peut alors ouvrir l'application et se connecter à votre forum ! Une fois connecté au forum via l'application, il pourra ainsi recevoir les notifications Push (se conférer au point suivant de ce tutoriel).

Installation de la PWA sur le navigateur


Quand un membre se connecte sur un forum Forumactif, un encart apparaît afin de demander l'affichage des notifications :

Voir illustration:

En cliquant sur "Autoriser", le membre recevra les notifications push dudit forum (se conférer au point suivant de ce tutoriel).

Gérer les notifications


Elles sont paramétrables depuis le centre de notifications dans le profil de chaque membre :

Profil  Notifications

Voir illustration:

Une fois le paramétrage effectuée, vous recevrez directement les notifications push.

Sur un mobile :

Voir illustration:

Sur un forum :

Voir illustration:

Désinstaller la PWA


Désinstallation de la PWA sur mobile


Pour désinstaller la PWA sur mobile, il suffit simplement de supprimer l'application de votre mobile. Ainsi, vous ne recevrez plus les notifications push. Toutefois, en vous rendant sur le forum via mobile, l'encart vous proposant l'installation de l'application s'affichera à nouveau si vous souhaitez la réinstaller.

Désinstallation de la PWA sur navigateur


Pour désinstaller la PWA sur navigateur, il suffit de cliquer sur le cadenas sécurisé dans la barre d'adresse ou d'aller dans les paramètres de votre navigateur et d'annuler l'autorisation :

Voir illustration:

Walt

Walt
Modéractif
Modéractif

Masculin
Messages : 6081
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum