Fiche, formulaire et tableaux de bord
Les tableaux de bord (dashboards) sont des vues personnalisables composées de widgets disposés sur une grille. Ils vous permettent de structurer l'information et de piloter votre activité visuellement.
Introduction
Un tableau de bord est une composition libre de widgets disposés sur une grille. Vous décidez quelles informations afficher, où les placer, et comment les dimensionner.
Les dashboards sont polyvalents : ils peuvent structurer un formulaire de saisie, enrichir la fiche d'un objet, ou servir de page de pilotage pour un espace.
Analogie
Pensez à un tableau de bord comme à un tableau en liègesur lequel vous épinglez des fiches, des graphiques et des indicateurs. Vous choisissez ce qui est affiché et où, pour avoir la meilleure vue d'ensemble possible.
Contextes d'utilisation
Un même éditeur sert trois écrans de la Configuration, et la page d'accueil d'un espace peut lister les dashboards de l'espace :
Fiche objet
La fiche qui s'ouvre sur un objet : ses widgets, leur disposition. Idéal pour présenter des indicateurs clés, des listes liées ou des résumés visuels. Par exemple, la fiche d'un client pourrait afficher son chiffre d'affaires, ses dernières commandes et ses factures en cours.
Formulaire objet
Le formulaire de création et de modification d'un objet : ses champs, leur ordre. Permet d'organiser les champs de saisie dans une disposition personnalisée plutôt que le formulaire linéaire par défaut.
Dashboards de l'espace
Dashboards indépendants d'un espace, accessibles depuis sa navigation. Parfaits pour les vues de reporting et de pilotage transversal (voir Espaces et navigation).
Page d'accueil de l'espace
Si le « Type de page » de la page d'accueil est « Dashboards », la liste des dashboards de l'espace s'affiche directement à l'ouverture (voir Espaces et navigation).
Créer un tableau de bord
La fiche et le formulaire existent pour chaque objet : vous les composez directement. Un dashboard d'espace se crée avec le bouton « Créer un dashboard » ; la fenêtre du même nom demande :
- « Titre du dashboard » (obligatoire) : le nom de votre dashboard
- « Description » (optionnelle) : une explication de son contenu
- « Template » : « Vide » (un dashboard sans widgets, à composer librement) ou « Activités » (e-mails, calendrier, tâches et notes en grille 2x2, pour suivre la relation avec un objet)
Une fois créé, vous accédez à l'éditeur visuel pour composer son contenu.
L'éditeur visuel
L'éditeur de dashboards utilise une grille de 12 colonnes. Vous disposez les widgets en les positionnant et les redimensionnant directement sur cette grille. Deux panneaux s'ouvrent sur la gauche : « Widgets », la bibliothèque des widgets que l'écran accepte, et « Filtres », les filtres du tableau de bord.
Caractéristiques de la grille
12 colonnes
La grille est divisée en 12 colonnes de largeur égale. Un widget peut occuper de 1 à 12 colonnes.
Marges de 24 pixels
Un espacement de 24 pixels sépare les widgets pour une mise en page aérée.
Hauteur de ligne de 30 pixels
La hauteur des widgets est définie en multiples de 30 pixels.
Compactage automatique
Les widgets se compactent horizontalement pour éviter les espaces vides.
Réglages communs d'un widget
Sélectionné, un widget affiche ses réglages : un « Libellé », une « Description », une « Couleur » et une « Icône » pour tous ; sous « Avancé », son « Nom », un identifiant technique unique dans le tableau de bord. Viennent ensuite les réglages propres au widget, décrits ci-dessous.
Exemple de disposition
Pour un dashboard de suivi commercial, vous pourriez avoir :
4 colonnes
4 colonnes
4 colonnes
8 colonnes
4 colonnes
Attention
Les modifications doivent être sauvegardées explicitement. Un avertissement s'affiche si vous tentez de quitter la page avec des modifications non sauvegardées, pour éviter toute perte de travail.
Les widgets
La bibliothèque compte dix-sept widgets. Chacun n'est proposé que dans les écrans où il a un sens : une fiche montre un objet, un formulaire le saisit, un dashboard d'espace n'est rattaché à aucun objet.
| Widget | Ce qu'il montre | Disponible dans | Réglages |
|---|---|---|---|
| « Détails de l'objet » | Les champs et valeurs de l'objet, organisés par sections | Fiche objet | Les sections (« Nouvelle section », « Libellé », « Champs affichés ») : glissez un champ dans une section pour l'afficher |
| « Résultat de formule » | Une valeur calculée | Fiche objet, Formulaire objet, Dashboards de l'espace | Voir Résultat de formule |
| « Actions sur l'objet » | La barre d'actions de la fiche et vos boutons de création | Fiche objet | Voir Actions sur l'objet |
| « Section de formulaire » | Un groupe de champs du formulaire, sous un titre | Formulaire objet | « Titre de la section », « Propriétés à afficher » |
| « Section de détails » | Un groupe de champs de la fiche, sous un titre | Fiche objet | « Titre de la section », « Propriétés à afficher » |
| « Section liste » | Les lignes d'une liste d'objets de la fiche, modifiables directement en grille | Fiche objet | « Titre de la section », « Liste d'objets » |
| « Liste dynamique » | Une table complète : recherche, tri, filtres, pagination, création | Fiche objet, Dashboards de l'espace | Voir Listes |
| « Liste simple » | Une liste de présentation, en lecture seule | Fiche objet, Dashboards de l'espace | Les mêmes que la liste dynamique, sans la création |
| « Graphique » | Les données d'un rapport en barres, lignes, camembert ou carte | Fiche objet, Dashboards de l'espace | Voir Graphique |
| « Présentation » | Une image qui illustre la fiche | Fiche objet | « Image de présentation », choisie dans le catalogue tenu par l'équipe Miel |
| « Notes » | Les notes attachées à l'objet | Fiche objet | « Ordre d'affichage » : « Récentes d'abord » ou « Anciennes d'abord » |
| « Tâches » | Les tâches attachées à l'objet | Fiche objet | « Masquer les tâches terminées » |
| « Timeline » | L'historique chronologique des événements de l'objet | Fiche objet | « Événements affichés », « Boutons note et tâche » |
| « E-mails » | Les e-mails Outlook synchronisés : ceux de l'objet courant, ou tous | Fiche objet, Dashboards de l'espace | « Afficher un extrait » |
| « Agenda » | Les rendez-vous Outlook et les tâches datées | Fiche objet, Dashboards de l'espace | « Période affichée » (« 1 sem. », « 2 sem. », « 1 mois », « 3 mois » ou « Sur mesure »), « Tâches avec échéance » |
| « Coût humain prévisionnel » | Les jours affectés multipliés par le coût journalier chargé ; il se pose sur toute fiche mais ne calcule que pour un objet qui porte le trait « Projet » (ailleurs, il le dit) ; réservé au droit de lecture des coûts | Fiche objet | « Maille des montants » : « Par mois » ou « Par semaine » |
| « Onglets » | Plusieurs widgets réunis en onglets | Fiche objet, Formulaire objet, Dashboards de l'espace | Les onglets, chacun étant un widget ; glissez-les pour changer leur ordre |
Bon à savoir
« Section de formulaire » et « Section de détails » sont aussi la façon de regrouper les champs d'un objet : un titre, puis les champs à afficher dessous.
Graphique
Un graphique lit un rapport existant (voirRapports) et le dessine. Ses réglages tiennent en trois blocs :
« Graphique »
« Type de graphique » : « Barres », « Lignes », « Camembert » ou « Carte ». Pour des barres, « Mode des barres » : « Empilé » (les séries se cumulent) ou « Groupé » (les séries côte à côte).
« Données »
Le « Rapport » qui alimente le graphique (obligatoire), et « Filtrer les données » pour ne garder qu'une partie des objets du rapport, avec un « Filtre » MEL.
« Au clic »
Un clic sur un point du graphique ouvre un panneau qui liste des objets. « Objets listés » choisit lesquels : « Les objets du rapport », « Leur parent : … » quand les objets du rapport sont les lignes d'une liste d'objets, ou « L'objet référencé : … » pour chaque champ référence d'objet du rapport. Ce bloc n'existe pas pour une carte.
Exemple de filtre, qui ne garde que les objets au statut active :
{ "status": { "$eq": "active" } }Actions sur l'objet
Ce widget de la fiche affiche la barre d'actions de l'objet (statut, priorité, assignation, étiquettes, export, archivage, modification, suppression…) et, en plus, les « Boutons de création » que vous définissez : chacun crée en un clic un objet lié à la fiche.
« Ajouter un bouton », puis réglez pour chacun :
- « Objet créé » : le type d'objet que le bouton crée ;
- « Libellé » : le texte du bouton (ex : "Créer une tâche") ;
- « Champs repris de la fiche courante » : des lignes « Champ repris » (un champ de la fiche) → « Champ rempli » (un champ du nouvel objet), pour pré-remplir l'objet créé.
Les boutons se réordonnent par glisser-déposer. La même liste « Champs repris de la fiche courante » existe dans l'action « Créer un objet » des automatisations d'objet.
Listes
La « Liste dynamique » et la « Liste simple » se règlent de la même façon :
- « Objets affichés » : le type d'objet que la liste montre ;
- « Filtrer les objets » : un « Filtre » MEL pour ne montrer que ceux qui répondent à un critère ;
- « Création » (liste dynamique seulement) : « Permettre la création » ajoute un bouton pour créer un objet depuis la liste, du type que vous choisissez.
Résultat de formule
Ce widget affiche une valeur calculée, par exemple un indicateur clé en tête de fiche.
- « Valeur affichée » › « Source de la valeur » : « Une formule », écrite pour ce widget dans l'éditeur de formule, ou « Un champ calculé de la fiche », qui reprend un champ Formule existant (« Champ calculé »). Sur un dashboard d'espace, rattaché à aucun objet, seule la formule est proposée.
- « Format du nombre », pour la source « Une formule » seulement (un champ calculé garde le format de son champ) : « Décimales » et « Unité » (« Aucune », « Devise » avec le choix de la devise, ou « Mesure » avec l'« Unité de mesure »).
Filtres du tableau de bord
Le panneau « Filtres » de l'éditeur définit des filtres qui permettent aux utilisateurs de filtrer les données du dashboard. Chaque filtre se règle ainsi :
| Réglage | Description |
|---|---|
| « Identifiant », « Libellé » | Le nom technique du filtre et le nom affiché aux utilisateurs |
| « Champ(s) ciblé(s) » | Le ou les champs sur lesquels le filtre porte |
| « Opérateur » | « Égal à », « Inférieur à », « Inférieur ou égal », « Supérieur à », « Supérieur ou égal », « Entre », « Dans la liste », « Pas dans la liste » ou « Existe » |
| « Mode » | « Statique » : une « Valeur » fixée par vous ; « Dynamique » : l'utilisateur choisit, à partir d'une « Valeur par défaut » éventuelle |
| « Type de date » | « Aucun », « Date (jour) », « Date (mois) » ou « Date (année) » |
| « Requis » | « Oui » ou « Non » : le filtre doit-il être renseigné |
| « Sous-type », « Type parent » | « Sous-type » : le type d'objet parmi lequel l'utilisateur choisit la valeur ; « Type parent » : le type d'objet qui porte le champ ciblé |
| « Mode de sélection » | « Unique » ou « Multiple » ; proposé pour un sous-type ou les opérateurs « Dans la liste » et « Pas dans la liste » |
| « Widgets ciblés », « Types d'objets ciblés » | Les widgets et les types d'objets concernés ; laissés vides, le filtre s'applique à tous |
Bonnes pratiques
Priorisez l'information
Placez les informations les plus importantes en haut et à gauche. C'est la zone que les utilisateurs consultent en premier.
Gardez de la cohérence
Utilisez des tailles de widgets cohérentes. Par exemple, tous les indicateurs clés sur 4 colonnes, les graphiques sur 8 ou 12.
Évitez la surcharge
Un dashboard trop chargé perd en lisibilité. Si vous avez beaucoup d'informations, répartissez-les sur plusieurs dashboards thématiques.
Prochaine étape
Apprenez maintenant à créer des modèles de documents professionnels avec les exports PDF.