Contenu dynamique avec les DataSets

Créez de l'affichage dynamique piloté par les données avec easyCMS : DataSets pour les menus et tableaux de bord, bandeaux RSS, météo et widgets en direct qui se mettent à jour sans refonte du design.

Les images statiques conviennent jusqu'à ce que le prix d'un café change et qu'il faille réexporter un visuel, le retéléverser et espérer que chaque écran se mette à jour. Le contenu dynamique sépare les données du design : la mise en page reste telle quelle, et les chiffres, lignes et titres qu'elle contient se mettent à jour tout seuls. easyCMS propose deux approches : les DataSets que vous contrôlez, et les widgets en direct alimentés par des sources externes.

Qu'est-ce qu'un DataSet ?

Un DataSet est un petit tableau qui vit dans le CMS, indépendamment de toute mise en page : vous définissez des colonnes (Produit, Description, Prix) et remplissez des lignes (Espresso, shot simple, 2,50€). Les mises en page affichent ensuite ce tableau via des widgets de données. Modifiez un prix dans le DataSet et chaque écran qui l'affiche se met à jour à la prochaine connexion des lecteurs, sans travail de design, sans retéléversement.

Usages classiques : plannings de salles de réunion et d'événements, tableaux de bord KPI, panneaux d'arrivées et de départs, plannings du personnel, listes de prix.

Pour le menu d'un café, d'un bar ou d'un restaurant en particulier, utilisez plutôt les Menu Boards. Ils vous donnent des catégories et des produits comme objets à part entière. Cela correspond bien mieux à un menu qu'un tableau générique, et quiconque met à jour les prix n'a jamais à penser aux colonnes.

Créer et remplir un DataSet

  1. Créez un DataSet et donnez-lui un nom clair (“Menu déjeuner”).
  2. Définissez ses colonnes. Il en existe trois types : Value pour les données que vous saisissez, Formula pour les valeurs calculées à partir d'autres colonnes, et Remote pour les champs remplis depuis un flux externe. Chaque nouveau DataSet arrive avec une colonne nommée Col1 déjà en place. Modifiez-la ou supprimez-la depuis son menu de ligne plutôt que de la contourner.
  3. Ajoutez des lignes manuellement via la grille du CMS, un formulaire convivial façon tableur que n'importe qui peut modifier, ou importez-les depuis un fichier CSV lors de la migration d'une liste de prix existante.
  4. Pour les données qui vivent ailleurs, un DataSet distant récupère automatiquement les lignes depuis une source JSON ou CSV externe, gardant la copie du CMS synchronisée sans que personne n'y touche. Deux choses à savoir avant de construire autour : la récupération s'exécute toutes les heures par défaut, et les colonnes doivent être typées pour correspondre à ce que le flux envoie.

Attention Un DataSet distant convient aux données qui changent quelques fois par jour, pas à un flux en direct. Ne construisez pas un panneau de départs en espérant une précision à la minute près.

Quiconque met à jour les lignes n'a besoin d'aucune compétence en design. Avec des permissions réglées en conséquence, il n'a pas non plus besoin d'accès aux mises en page, si bien qu'un responsable de magasin peut modifier les plats du jour sans pouvoir casser le design.

Afficher le contenu d'un DataSet sur une mise en page

Sur la mise en page, ajoutez un widget de données à la mise en page et pointez-le vers votre DataSet :

  • Les widgets de type tableau affichent lignes et colonnes avec des polices, des couleurs et des modèles que vous contrôlez, un choix naturel pour les menus et les listes. Les tableaux longs peuvent faire défiler automatiquement les lignes sur plusieurs écrans.
  • Le rendu de type bandeau défilant alimente une présentation en défilement ou en rotation avec les lignes une par une, adapté aux annonces tirées d'un DataSet.

Concevez le widget une fois ; à partir de là, l'équipe contenu ne touche plus qu'aux données. L'affichage piloté par DataSet est inclus avec les comptes easyCMS PRO et Enterprise ; sur le compte standard à 49€, contactez-nous et nous vous expliquerons ce qu'implique la mise à niveau.

Widgets en direct : RSS, météo et contenu web

Tout le contenu dynamique n'a pas besoin d'un DataSet. Les mises en page easyCMS peuvent inclure des widgets qui récupèrent leur contenu en direct :

  • Bandeaux RSS/actualités : pointez un widget bandeau vers n'importe quel flux RSS (actualités, votre blog, un flux interne) et les titres défilent à l'écran, toujours à jour.
  • Météo : conditions actuelles et prévisions pour un lieu, avec un style assorti à votre design.
  • Horloges et calendriers : heure, date et événements à venir.
  • Page web / HTML intégré : affichez un tableau de bord ou une application web existante dans un cadre sur la mise en page, utile pour les écrans KPI qui existent déjà sous forme d'URL.

Le contenu DataSet, RSS, météo et horloge est mis en cache sur le lecteur, si bien qu'une brève coupure de connexion continue d'afficher les dernières données connues plutôt qu'une erreur. Ce n'est pas indéfini : il existe un contrôle de fraîcheur, au-delà duquel le widget bascule vers son message “aucune donnée” plutôt que d'afficher des chiffres dont plus personne ne peut répondre. Le contenu de page web se comporte différemment, car une page en direct ne peut pas être mise en cache de façon significative.

Un exemple concret : le menu d'un café

  1. DataSet “Menu” avec les colonnes Article, Prix, Disponible.
  2. Mise en page portrait avec une image d'en-tête au-dessus d'un widget de données affichant le DataSet, filtré sur les articles disponibles.
  3. Bandeau défilant en bas alimenté par le flux d'actualités du café.
  4. Le personnel met à jour les prix et la disponibilité dans la grille du DataSet depuis un téléphone, et les écrans suivent à leur prochaine connexion. Autant fixer des attentes honnêtes : un changement n'est pas instantané. Il attend que le lecteur vienne le chercher, et une mise en page déjà à l'écran avec un élément de longue durée termine d'abord cet élément, si bien qu'un écran qui boucle des vidéos de cinq minutes peut avoir plusieurs minutes de retard sur la grille.

C'est tout le modèle de fonctionnement : concevoir une fois, puis piloter l'affichage à partir des données.

Articles associés : Créer des mises en page, Playlists et bibliothèque de médias, Utilisateurs et permissions