Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 le 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 dans le but que vos 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 cette technologie, il est recommandé d'activer le protocole HTTPS sur votre forum [Pour savoir comment faire, lire ce 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:
    Application web progressive (PWA) 01-08-15
  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:
    Application web progressive (PWA) 01-08-16
  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. La taille d'icône recommandée 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:
    Application web progressive (PWA) 02-08-10
  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:
    Application web progressive (PWA) 02-08-10


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:
Application web progressive (PWA) 01-08-15

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

Voir illustration:
Application web progressive (PWA) 01-08-16

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:
Application web progressive (PWA) 02-08-11

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).

Gérer les notifications


Les notifications PWA du forum sont directement liées aux notifications de la toolbar et à l’activation de cette dernière [Tutoriel]. Elles sont paramétrables depuis le centre de notifications dans le profil de chaque membre :

Profil  Notifications

Voir illustration:
Application web progressive (PWA) 02-08-13

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

Sur un mobile :

Voir illustration:
Application web progressive (PWA) L21010

Sur un forum :

Voir illustration:
Application web progressive (PWA) L11010

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ésactiver les notifications PWA sur navigateur


Pour désactiver les notifications 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:
Application web progressive (PWA) 02-08-14

Walt

Walt
Modéractif
Modéractif

Masculin
Messages : 5763
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


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