Blog

Comment afficher un tableau de bord en direct sur un écran d'affichage numérique

Comment afficher un tableau de bord en direct sur un écran d'affichage numérique : Looker Studio, Power BI et Grafana, le problème de la connexion sans surveillance, les taux d'actualisation et les interruptions de service.

Un tableau de bord interactif s'affiche à l'écran de deux manières : soit en intégrant sa propre page web via le widget dédié, soit en important les données dans un DataSet et en les disposant manuellement. L'intégration prend environ cinq minutes. En revanche, l'authentification d'un utilisateur non supervisé auprès d'un tableau de bord privé, et le maintien de cette authentification pendant deux ans, constituent l'étape qui prend un après-midi et dont personne ne parle.

Cet article aborde les deux cas de figure et les deux questions qui déterminent si le mur est utile ou non : à quelle fréquence il doit se rafraîchir et ce qu’il affiche lorsque le réseau est hors service.

Il n'existe pas de widget graphique ; un graphique est donc soit un élément intégré, soit une image.

Commencez par ici, car cela vous évitera de perdre une heure à chercher une option de menu inexistante. easyCMS ne propose pas de widget graphique. Vous ne pouvez pas lui indiquer une feuille de calcul et lui demander de créer un graphique à barres.

Il reste donc trois voies honnêtes pour obtenir un graphique sur un mur :

  • Une page web intégrée. Le tableau de bord est conçu et affiché ailleurs, et c'est cette page qui apparaît à l'écran. C'est ce que la plupart des gens entendent par « tableau de bord sur un écran d'affichage dynamique ».
  • Le widget des tableaux de bord , un module complémentaire couvrant les services de tableaux de bord tels que Power BI.
  • Une image publiée. Exportez le graphique au format PNG et lisez-le comme n'importe quel autre média. Il est stable, mis en cache et ne s'affiche jamais vide. Pour un graphique mis à jour mensuellement, c'est généralement la solution idéale, et le générer à la résolution de l'écran garantit une netteté optimale.

Si vous souhaitez intégrer des graphiques directement dans l'outil d'affichage dynamique, certaines plateformes par abonnement offrent une meilleure solution. Les plateformes proposant une bibliothèque d'applications prêtes à l'emploi intègrent des modules dédiés, contrairement à nous qui ne disposons d'aucune plateforme de ce type. Si tel est le but de ce projet, il est tout à fait justifié d'opter pour l'une de ces solutions.

Les trois sources à utiliser

Presque tous les déploiements que nous observons utilisent l'un de ces trois outils. Les autres ne sont que des variantes des mêmes mécanismes.

Source Comment il arrive à l'écran Authentification réaliste sans surveillance Idéal pour
Looker Studio Le widget de page Web pointait vers l'URL d'intégration du rapport. Le partage du lien est configuré pour permettre à toute personne possédant le lien d'y accéder. Marketing, analyse web, tout ce qui fait déjà partie de la suite Google
Microsoft Power BI Widget de tableau de bord (module complémentaire) ou widget de page Web Publier sur le Web lorsque la politique le permet, sinon utiliser un compte de service Reporting financier et opérationnel dans une boutique Microsoft
Grafana Widget de page Web avec mode kiosque dans l'URL Accès anonyme en lecture seule limité au réseau interne Production, opérations informatiques, tout ce qui comporte des séries temporelles

Looker Studio

Looker Studio est le nom adopté par Google Data Studio depuis 2022. Il est important de le préciser, car la moitié des tutoriels en ligne utilisent encore l'ancien nom. Si vous en avez suivi un, rien n'a changé, hormis le nom de marque et l'URL.

Vous créez le rapport, configurez le partage du lien pour que toute personne disposant de celui-ci puisse le consulter, et intégrez l'URL du rapport dans un widget de page web. Les rapports conçus pour un onglet de navigateur nécessitent généralement une seconde version, spécifique à l'affichage, avec moins de pages et une police plus grande. Cela prend dix minutes et mérite d'être fait correctement.

Microsoft Power BI

Power BI dispose d'un widget de tableaux de bord dédié, mais il s'agit d'un module complémentaire et non d'un élément de l'ensemble de widgets standard. N'hésitez donc pas à nous contacter avant de créer votre mise en page.

L'autre solution consiste à utiliser un widget web pointant vers une instance Power BI intégrée. C'est là que la plupart des projets d'affichage dynamique Power BI rencontrent des difficultés : l'URL d'un rapport classique nécessite un compte Microsoft et aucun lecteur ne dispose de ce compte pour se connecter.

Attention La fonctionnalité de publication sur le Web de Power BI résout le problème d'authentification en rendant le rapport accessible à toute personne disposant du lien. Il s'agit d'une véritable publication, et non d'un partage privé. De nombreuses organisations la désactivent par politique interne ; si ce n'est pas le cas dans la vôtre, vérifiez le contenu du rapport avant de l'afficher à la cantine.

Grafana

Grafana est le plus simple des trois à installer sur un mur, car il fonctionne généralement sur votre réseau. Vous pouvez donc limiter l'accès en lecture seule à l'emplacement réseau plutôt qu'au compte utilisateur. Ajoutez le mode kiosque à l'URL pour masquer les menus et le panneau latéral, définissez le paramètre d'actualisation et associez-y un widget web.

Ce modèle est particulièrement adapté aux environnements industriels ou aux salles serveurs, où l'écran et le serveur Grafana se trouvent sur le même réseau interne. Plus d'informations à ce sujet dans la suite de cet article. affichage numérique pour la fabrication .

Le plus difficile : connecter un joueur sans compte utilisateur

Un tableau de bord sur votre ordinateur portable fonctionne car vous êtes connecté. Un lecteur, lui, n'a pas d'utilisateur devant lui, pas de gestionnaire de mots de passe, et aucune possibilité de répondre à une demande d'authentification multifacteurs. Quatre solutions fonctionnent réellement, chacune présentant des inconvénients.

Approche Qui peut consulter les données Survit à un redémarrage Effort À utiliser lorsque
Lien public en lecture seule Toute personne possédant l'URL Oui Faible Ces chiffres ne vous gêneraient pas sur une affiche.
Compte dédié à faibles privilèges, connecté au joueur Quiconque atteint l'appareil De façon non fiable. Les sessions expirent et des messages d'erreur apparaissent. Moyen, plus garde d'enfants régulière Rien d'autre n'est disponible
Tableau de bord à l'échelle du réseau avec lecture anonyme Toute personne sur ce segment de réseau Oui Moyenne recherche un administrateur réseau Vous hébergez vous-même l'outil de tableau de bord.
Exportation planifiée vers un ensemble de données Seules les personnes autorisées à ouvrir votre CMS Oui, il s'agit de contenu mis en cache Moyen, nécessite un petit script Les chiffres sont simples et ne doivent jamais être cassés.

Trois règles se dégagent de la mise en pratique de ces méthodes.

Ne jamais se connecter à un compte personnel via un écran. Lorsqu'une personne change son mot de passe, son dispositif d'authentification multifacteur ou quitte l'entreprise, le compte reste inactif et personne ne fait le lien entre les deux événements pendant une semaine. Si vous devez absolument utiliser un compte, créez-en un dédié, avec un accès exclusif à un seul rapport.

Considérez une session ouverte comme temporaire. La seconde solution semble fonctionner correctement au premier abord, mais se révèle inefficace un mardi au hasard, au quatrième mois. Si vous optez pour cette solution, placez le tableau de bord dans une zone spécifique plutôt que sur toute la surface d'affichage ; ainsi, en cas de problème, il s'affichera sur une partie de l'écran au lieu d'une page de connexion sur un écran de 55 pouces.

Vérifiez séparément le chemin réseau. Votre lecteur récupère le contenu du CMS et n'accepte aucune connexion entrante ; par conséquent, aucun port entrant n'est nécessaire pour l'affichage dynamique. Un tableau de bord constitue une seconde destination sortante, différente, et sur un réseau segmenté, il requiert souvent sa propre règle de pare-feu. Réglez ce point avant l'installation, et non le jour J. Voir exigences du réseau .

La quatrième approche consiste à supprimer le problème au lieu de le gérer, et nous y revenons à la fin.

Intervalles de rafraîchissement et pourquoi dix secondes sont généralement erronés

Un tableau de bord posé sur un bureau est consulté par une personne qui cherche une information. Un tableau de bord mural est parcouru du regard pendant trois secondes par un passant situé à quatre mètres. Ce sont des tâches différentes, et c'est au niveau de la fréquence de consultation que l'on se trompe le plus souvent.

Une donnée qui change toutes les dix secondes est illisible, impossible à comparer avec celle qui la précède et peu fiable, car l'utilisateur ignore la signification de ce changement. De plus, elle génère une requête vers le serveur du tableau de bord toutes les dix secondes et par écran, indéfiniment.

Ce que vous montrez Rafraîchissement judicieux Raison
Indicateurs clés de performance (KPI) mensuels ou trimestriels Une fois par heure Le nombre sous-jacent change une fois par mois
Ventes quotidiennes, billets fermés, fréquentation Toutes les 5 à 15 minutes Assez rapide pour sentir le courant, assez lent pour lire
Production par équipe, état de la ligne, file d'attente actuelle Toutes les 1 à 5 minutes Opérationnel, mais toujours lisible
Alertes de sécurité, appels de file d'attente et andon Une page conçue spécifiquement à cet effet, et non un rapport de BI. Un outil de reporting n'est pas l'instrument approprié.

Deux fréquences d'actualisation sont en jeu et sont souvent confondues. L'outil du tableau de bord possède son propre paramètre de fraîcheur des données, qui détermine la fréquence à laquelle il interroge la source. L'écran possède son propre cycle, qui détermine la fréquence à laquelle la page intégrée est rechargée lorsque la mise en page se réaffiche. Configurer le second à une minute est inutile si le premier est configuré à une heure.

Conseil Affichez clairement la date et l'heure de la dernière mise à jour directement sur le tableau de bord. Cela ne coûte qu'une tuile et transforme un tableau de bord silencieusement bloqué en un tableau de bord clairement bloqué, ce qui fait toute la différence entre une réparation en cinq minutes et une réparation en cinq semaines.

Ce qui s'affiche à l'écran en cas de déconnexion du réseau

Inutile. C'est le principal défaut des tableaux de bord intégrés et il convient de le dire clairement.

Un lecteur easyCMS télécharge à l'avance les images, vidéos, fichiers audio, PDF et mises en page, puis les lit depuis le stockage local. Ainsi, leur fonctionnement reste continu même en cas de panne. Un tableau de bord est chargé au moment de la lecture. Lorsque la connexion est interrompue, la zone concernée devient blanche ou affiche une erreur de navigateur, tandis que la mise en page environnante reste fonctionnelle. Personne ne signale l'incident, car un écran allumé ne paraît pas défectueux. Pour en savoir plus, consultez la suite. Affichage numérique sans internet .

Trois défenses :

  • Ne jamais afficher l'intégralité de la mise en page d'un tableau de bord. Placez-le dans une zone où du contenu est mis en cache à proximité. Un coin vide est perçu comme un choix de conception, un écran vide comme un défaut.
  • Conservez au moins un élément en cache dans chaque rotation. Une image ou une vidéo qui se lance et fonctionne en permanence, pour que le mur reste fonctionnel même lorsque la tuile dynamique ne l'est pas.
  • Demandez-nous d'activer les alertes hors ligne Vous l'apprenez donc par le biais du CMS plutôt que par un responsable. Voir surveillance de l'affichage .

Avant l'installation, effectuez un test en débranchant le câble réseau sur un établi et en observant une boucle complète deux fois. Dix minutes suffisent pour repérer les zones mortes.

Conçu pour un mur, pas pour un bureau

Le problème le plus fréquent n'est pas d'ordre technique. Il s'agit d'un tableau de bord conçu pour un écran de 27 pouces à bout de bras, affiché sur un mur à quatre mètres de distance, où il est totalement illisible.

  • Quatre à six carreaux, pas seize. Si vous ne pouvez pas dire en une phrase à quoi sert l'écran, c'est qu'il y a trop d'informations.
  • Des caractères suffisamment grands pour être lus de l'autre bout de la pièce. En règle générale, la plus petite taille de texte doit mesurer au moins 40 pixels de hauteur sur un écran 1080p. Ensuite, placez-vous à l'endroit où le public se tiendra et vérifiez.
  • Pas d'infobulles, pas de survol, pas de filtres, pas d'exploration détaillée. Personne n'y touchera, donc tout ce qui ne révèle sa signification que par l'interaction est invisible. Chaque numéro doit avoir son étiquette imprimée à côté.
  • Compilez à la résolution et à l'orientation propres à l'écran. Un canevas adapté aux dimensions de l'écran évite les barres de défilement et les bandes noires, et le mode portrait nécessite sa propre mise en page plutôt qu'une version paysage pivotée. Voir résolution et orientation de l'écran .
  • Utilisez des couleurs qui ont une signification. Le vert et le rouge doivent signifier systématiquement bon et mauvais sur chaque case, et rien d'important ne doit dépendre uniquement de la couleur.
  • Décrivez ce à quoi ressemble le bien. Un nombre sans objectif est insignifiant. « 142 » ne signifie rien. « 142 contre un objectif de 130 » a une signification pour tous ceux qui passent.

Vous trouverez plus d'informations sur ce qui a sa place sur un mur de bureau dans affichage numérique pour la communication interne .

Quand un ensemble de données surpasse un tableau de bord

Si vos nombres sont simples, et la plupart des nombres muraux le sont, vous pouvez complètement ignorer le problème d'intégration.

Un DataSet est un tableau au sein du CMS, alimenté par une saisie manuelle ou un fichier CSV importé, et affiché sous forme de texte ou de tableau dans une zone de mise en page. Il est mis en cache sur le lecteur comme tout autre contenu, ce qui garantit son affichage même en cas de panne. Aucune connexion n'est requise, aucune session n'expire et aucun service tiers ne dépend.

Le modèle qui fonctionne : une tâche planifiée exporte les données de votre système source vers un fichier CSV, ce fichier CSV met à jour un DataSet, et la mise en page l’affiche. L’écran ne nécessite aucune authentification. Plus de détails dans… contenu dynamique avec des ensembles de données , et le guide pratique se trouve dans affichage numérique à partir d'une feuille de calcul .

Le compromis est simple : vous obtenez des chiffres et des tableaux clairs, pas de graphiques. Si le graphique est essentiel, intégrez le tableau de bord. Si l’objectif est que chacun connaisse le chiffre de production de la veille, un jeu de données est plus fiable et plus facile à maintenir.

La version courte

Créez le tableau de bord dans Looker Studio, Power BI ou Grafana, puis affichez-le à l'aide du widget de page web ou du module complémentaire Tableaux de bord pour Power BI. Choisissez d'abord la méthode d'authentification, car elle conditionne toutes les autres étapes. Actualisez le tableau de bord à la minute, et non à la seconde. Placez le tableau de bord dans une zone avec du contenu mis en cache et ajoutez-y un horodatage. Pour les données numériques simples, utilisez un jeu de données et supprimez le mode d'erreur.

Si vous n'êtes pas certain de la méthode d'authentification qui convient à votre configuration, envoyez un e-mail. myeasycms.com Ce document décrit l'emplacement des données et les personnes autorisées à y accéder. L'assistance et les guides sont gratuits pour tous, et l'intervention d'un expert coûte 25 € de l'heure.

Lectures complémentaires : pages web et contenu intégré , affichage numérique à partir d'une feuille de calcul , et affichage numérique pour la fabrication .

Mettez vos écrans à contribution dès aujourd'hui

Un seul paiement de 49 €, licence d'affichage incluse. Aucun renouvellement nécessaire, et une assistance experte est fournie.

---