Wiki source code of Afficher un tableau de bord

Last modified by Aurelie Bertrand on 2025/03/13 14:13
Show last authors
1 {{ddtoc/}}
2
3 ----
4
5 Ce guide présente le **Dashboard** qui est le module qui vous permet de visualiser le tableau de bord que vous avez construit dans l'**Éditeur de tableaux de bord.** Vous pouvez y naviguer dans vos données, ajouter des commentaires, exporter vos graphiques, etc
6
7 Pour accéder au Dashboard, cliquez sur le bouton **DashBoard **de la page d'accueil de DigDash Enterprise et entrez vos identifiants
8
9 Votre tableau de bord s'affiche. Pour afficher le tableau de bord d'un rôle cliquez sur l'onglet portant le nom de ce rôle. Par exemple, l'utilisateur Jean ayant dans son entreprise des données Ventes et Telecom affiche la page de tableau de bord Comparaison en sélectionnant l'onglet correspondant.
10
11 [[image:Dashboard_example_FR.png]]
12
13 (% class="box infomessage" %)
14 (((
15 Si une description a été renseignée dans le modèle de données pour une dimension ou une mesure, elle s'affiche dans l'infobulle au survol de la dimension ou de la mesure dans les objets de type Dimension et filtres de mesures, dans les graphiques de type Tableaux et dans le récapitulatif des filtres.
16 )))
17
18 Depuis le tableau de bord, vous pouvez exécuter un certain nombres d'actions décrites dans les paragraphes suivants.
19
20 = Sauvegarder un graphique en PDT, PPT, Excel ou CSV =
21
22 Pour sauvegarder un élément du tableau de bord aux formats PDF, PPT ou Excel (vous devez avoir l'autorisation Sauvegarder en PDF, Sauvegarder en PPT, Sauvegarder en Excel ou Sauvegarder en CSV et avoir activé les options depuis l'éditeur) : cliquez sur l'icône **Editer **[[image:2020-09-09_17h59_30.png||queryString="width=25&height=27" height="27" width="25"]]en haut à droite de l'élément souhaité puis sélectionnez **Sauvegarder en PDF** , **Sauvegarder en PPT** , **Sauvegarder en Excel **ou **Sauvegarder en CSV**.
23
24 [[image:1738838806604-455.png||alt="Sauvegarder graphique"]]
25
26 = Ajouter et voir les commentaires =
27
28 == Ajouter un commentaire ==
29
30 Pour ajouter un commentaire sur un graphique :
31
32 1. Cliquez sur l'icône **Editer** [[image:2020-09-09_17h59_30.png||queryString="width=28&height=30" height="30" width="28"]] en haut à droite de l'élément souhaité puis sélectionnez **Ajouter un commentaire**.
33 ➡ La boîte **Editeur de commentaires **s'affiche.
34 1. Dans l'onglet **Commentaire**, entrez le commentaire souhaité dans le champ **Contenu**.
35 1. Si vous souhaitez localiser ce commentaire, sélectionnez chacun des langages puis renseignez la valeur souhaitée. Vous pouvez également saisir du contenu HTML après avoir cliqué sur le bouton **HTML** figurant en bas de la page.
36 1. Vous pouvez assigner le commentaire à une catégorie. La catégorie et l'icône associées seront affichées avec le commentaire.
37 [[image:1734362955663-414.png]]
38 1. Cochez la case **Uniquement sur ce graphique** si vous souhaitez attacher le commentaire au graphique uniquement. Par défaut, lorqu'on ajoute un commentaire sur un graphique, celui-ci est rattaché au modèle de données sur lequel se base le graphique. 
39 [[image:Comment_editor_FR.png||alt="Editeur de commentaires"]]
40 Cette information peut notamment être utile dans le cadre du** **[[filtrage>>doc:Digdash.user_guide.studio.Create_flow.builders.add_pptbuilder.ppt_office.WebHome||anchor="Zone_comment"]] des commentaires à exporter dans une fabrique de document :
41 [[image:Comment_area_builder_FR.png||alt="Zone de cmmentaire"]]
42 1. Dans l'onglet **Destinataires**, vous pouvez sélectionner les utilisateurs qui seront avertis par email de l'ajout de ce commentaire. Pour cela :
43 1*. Dans le barre de recherche, entrez le nom (ou une partie du nom) de l'utilisateur à ajouter et lancez la recherche.
44 ➡ Les utilisateurs trouvés sont ajoutés dans la liste de gauche. Sélectionnez le(s) utilisateur(s)
45 1*. Sélectionnez le(s) utilisateur(s) souhaité(s) et ajoutez à la liste de droite avec le bouton [[image:1709715531204-208.png||queryString="width=18&height=20" height="20" width="18"]].
46 [[image:Comment_editor_recipient_FR.png]]
47 1*. Cliquez sur **OK**.
48 1. Cliquez sur **OK**.
49
50 Pour ajouter un commentaire sur un tableau disposant d'une colonne **Commentaires**:
51
52 1. Cliquez sur la cellule où vous souhaitez ajouter le commentaire.
53 ➡ La boîte **Editeur de commentaires **s'affiche.
54 1. Configurez le commentaire comme ci-dessus.
55
56 == Voir les commentaires ==
57
58 Vous pouvez afficher les commentaires depuis les graphiques ou depuis une boite [[**Commentaires**>>doc:Digdash.user_guide.dashboard.dashboard_editor_guide.create_dashboard.Ajouter des éléments additionnels.WebHome||anchor="Commentaires"]] si vous en avez ajouté une sur la page.
59
60 (% class="box" %)
61 (((
62 (% id="cke_bm_1473S" style="display:none" %) (%%)ℹ **Mise à jour des commentaires**
63 \\Les commentaires sont mis à jour toutes les 30 secondes. Des utilisateurs qui affichent le même tableau de bord pourront ainsi voir un nouveau commentaire ajouté par un autre utilisateur quasiment "en direct". 
64 \\Si l'option **Afficher une icône spécifiant la présence de commentaires **est cochée dans les propriétés du graphique auquel on ajoute un commentaire et que l'option **Uniquement sur ce graphique** est cochée lors de l'ajout du commentaire, une info-bulle apparaîtra sur le graphique pour notifier l'utilisateur. Cliquer sur l'icône [[image:1709722045277-939.png]] permet d'afficher les commentaires.
65 )))
66
67 Pour voir les commentaires depuis les graphiques, cliquez sur l'icône **Editer** [[image:2020-09-09_17h59_30.png||queryString="width=26&height=28" height="28" width="26"]] en haut à droite de l'élément souhaité puis sélectionnez **Voir les commentaires**. La liste des commentaires concernant la sélection courante des filtres s'affiche.
68
69 [[image:1734365098503-173.png||alt="Sélection commentaires"]]
70
71 Si vous souhaitez voir l'ensemble des commentaires (même ceux ne concernant pas la sélection active), cliquez sur **Afficher tous les commentaires **en haut de la boîte.
72
73 [[image:All_comments_FR.png||alt="Tous les commentaires"]]
74
75 En cliquant sur l'icône **Filtre** à côté du commentaire, le tableau de bord est filtré avec la sélection utilisée lors de l'ajout du commentaire (par exemple, dans l'exemple ci-dessus, le premier commentaire a été ajouté après avoir mis un filtre sur le département « Juridique ». En cliquant sur l'icône **Filtre**, le tableau de bord est filtré sur ce département.)
76
77 La boite **Commentaires** présente un affichage similaire.
78
79 == S'abonner aux commentaires ==
80
81 Il est possible de s'abonner au commentaires afin de recevoir une notification par email lorsque des commentaires sont ajoutés au tableau de bord.
82
83 (% class="box warningmessage" %)
84 (((
85 ❗L'adresse email de l'[[utilisateur>>doc:Digdash.deployment.configuration.administration.User_management.User_management.WebHome]] doit être renseignée et le [[serveur email >>doc:Digdash.deployment.configuration.configuration_guide.email.WebHome]]doit être configuré.
86 )))
87
88 (% class="wikigeneratedid" %)
89 Pour cela :
90
91 1. Cliquez sur l'icône **Editer** [[image:2020-09-09_17h59_30.png||queryString="width=26&height=28" height="28" width="26"]] en haut à droite du graphqiue souhaité puis sélectionnez **S'abonner commentaires**.
92 ➡ La boite **Abonnement aux commentaires** s'affiche.
93 [[image:Suscribe_comment_FR.png||alt="Abonnement commentaires"]]
94 1. Cochez **S'abonner aux commentaires **puis **Uniquement sur ce graphique** si vous souhaitez recevoir les notifications uniquement sur ce graphique.
95
96 = Maximiser ou minimiser un graphe =
97
98 Cliquez sur l'icône **Maximiser**[[image:2020-09-09_17h58_53.png||queryString="width=30&height=31" height="31" width="30"]]ou **Minimiser** [[image:2020-09-09_17h59_21.png||queryString="width=27&height=29" height="29" width="27"]] en haut à droite de l'élément.
99
100 = Interagir sur les éléments du tableau de bord =
101
102 == Naviguer dans les données du tableau de bord ==
103
104 Selon les paramètres de navigation définis sur le graphique, vous pouvez naviguer dans les hiérarchies de données ou filtrer les données du graphique (vous devez avoir l'autorisation Naviguer dans un diagramme):
105
106 === Naviguer dans les hiérarchies de données ===
107
108 (((
109 Exemple : sur un graphique affichant les coûts de communication par région, cliquez sur un continent pour afficher les coûts pour chaque pays d'Europe:
110
111 Graphique représentant les coûts de communication par continent :
112
113 [[image:1738837454218-679.png||alt="Navigation hiérarchie"]]
114
115 Graphique affiché après avoir cliqué sur le continent Europe :
116
117 [[image:1738837513863-455.png||alt="Navigation Europe"]]
118
119 Pour afficher à nouveau le coût de communication par continent, l'utilisateur doit cliquer sur l'élément //Continent //affiché au dessus du graphique.
120 )))
121
122 === Filtrer les éléments des graphiques ===
123
124 Vous pouvez filtrer de différentes manières vos graphiques. Au dessus des graphiques, vous pouvez voir un ensemble de différents type d'interface de filtrage (liste déroulante, liste horizontale, calendrier, champ de recherche...). L'ensemble des graphiques du tableau de bord utilisant cette dimension est filtré. L'objet "Elements filtrés" récapitule les filtres présents sur le tableau et vous permet de les supprimer.
125
126 [[image:Dashboard_filtered_FR.png||alt="Filtrer les graphiques"]]
127
128 (% class="box" %)
129 (((
130 ℹ **Filtrer une {{glossaryReference glossaryId="Glossary" entryId="fabrique de documents"}}fabrique de documents{{/glossaryReference}}**
131 \\Les filtres ne s'appliquent pas aux flux de type {{glossaryReference glossaryId="Glossary" entryId="fabrique de documents"}}fabrique de documents{{/glossaryReference}}.
132 Pour pouvoir filtrer une {{glossaryReference glossaryId="Glossary" entryId="fabrique de documents"}}fabrique de documents{{/glossaryReference}}, il faut utiliser un bouton qui exécute la fabrique de document.
133 Pour cela, ajoutez un bouton et définissez pour celui-ci une action **Exécute un flux de type Fabrique de document Powerpoint, Excel ou PDF**.
134 \\[[image:Filter_PPT_FR.png||alt="Filtre fabrique documents"]]
135
136 Consultez la page [[Ajouter du contenu additionnel>>doc:Digdash.user_guide.dashboard.dashboard_editor_guide.create_dashboard.Ajouter des éléments additionnels.WebHome]] pour plus de détails sur l'ajout d'un bouton.
137 )))
138
139 == Trier les colonnes d'un tableau{{id name="Tri_tableau"/}} ==
140
141 Il est possible de trier les données d'un tableau (tableau simple ou arborescent) sur plusieurs dimensions.
142
143 1. Cliquez sur l'en-tête de la colonne de type dimension sur laquelle faire le premier tri.
144 1. Cliquez ensuite sur l'en-tête de la colonne de type dimension sur laquelle faire un second tri. Le tri sur la première colonne est conservé.
145 1. Répétez sur les colonnes souhaitées.
146
147 Pour supprimer le tri sur une colonne, survolez la flèche de tri à droite de l'en-tête de la colonne.
148
149 (% class="box warningmessage" %)
150 (((
151 ❗Le tri ne peut se faire sur plusieurs mesures ou sur une dimension et une mesure.
152 )))
153
154 [[image:Table_sort_FR.gif||alt="Trier colonnes"]]
155
156 == Ouvrir une URL ou exécuter un javascript ==
157
158 Suivant les interactions utilisateur définies pour le graphe, cliquez sur un élément du graphe peut ouvrir une URL ou exécuter une fonction javascript.
159
160 == Simuler une variation ==
161
162 Vous pouvez faire varier des paramètres du tableau de bord (variables) afin d'analyser en temps réel leur impact sur les autres indicateurs.[[image:1738839610001-545.png||alt="Simuler variation"]]
163
164 == Modifier les éléments sélectionnés ==
165
166 Cliquez sur la commande **Navigation **sélection dans la barre d'outils pour afficher le menu de navigation.
167
168 [[image:1738846127061-451.png||alt="Navigation"]]
169
170 |=(% style="width: 352px;" %)Commande|=(% style="width: 1139px;" %)Description
171 |=(% style="width: 352px;" %)Effacer la sélection|(% style="width:1139px" %)Supprimer les filtres et niveaux hiérarchiques sélectionnés sur le tableau de bord.
172 |=(% style="width: 352px;" %)(((
173 Revenir à l'état initial
174 )))|(% style="width:1139px" %)Revenir au dernier état enregistré ou à l'état initial (si vous n'avez pas enregistré d'état).
175 |=(% style="width: 352px;" %)Revenir à l'état précédent|(% style="width:1139px" %)Afficher l'état de navigation précédent.
176 |=(% style="width: 352px;" %)Aller à l'état suivant|(% style="width:1139px" %)Afficher l'état de navigation suivant.
177 |=(% style="width: 352px;" %)Choisir une sélection|(% style="width:1139px" %)Choisir une sélection sauvegardée via la commande **Sauvegarder l'état courant**.
178 |=(% style="width: 352px;" %)Sauvegarder la sélection courante|(% style="width:1139px" %)(((
179 (% id="cke_bm_9760S" style="display:none" %) (%%)Enregistrer l'état de la sélection (enregistre les filtres et les niveaux hiérarchiques sélectionnés ). Vous pouvez enregistrer plusieurs sélections en indiquant un nom différent pour chacune d’elles. Vous pourrez ensuite revenir sur ces sélectiosn via la commande **Choisir une sélection**.
180 )))
181 |=(% style="width: 352px;" %)Supprimer la sélection|(% style="width:1139px" %)Supprimer une sélection sauvegardée : sélectionnez la sélection à supprimer et cliquez sur** OK**.
182 [[image:1738846713475-523.png]]
183
184
185 = (% style="color:inherit; font-family:inherit; font-size:max(23px, min(29px, 12.3333px + 1.38889vw))" %)Paramétrer les URL du tableau de bord(%%) =
186
187 * le nom de l'utilisateur et son mot de passe,
188 * le nom de la page à afficher,
189 * une liste de filtres,
190 * les valeurs des variables,
191 * l'affichage ou non de la bannière et de la barre de filtres,...
192
193 Consultez la documentation **[[Paramètres des URL>>doc:Digdash.customization.url_parametres.WebHome]]** pour les détails sur ces paramètres ainsi que sur l'intégration de DigDash dans les sites webs.
194
195 = Affichage sur "Mobile"{{id name="Affichage_mobile"/}} =
196
197 (% class="wikigeneratedid" %)
198 Consultez la page dédiée [[Tableaux de bord mobile>>doc:Digdash.user_guide.dashboard.mobile_dashboard.WebHome]] pour des informations détaillées sur l'affichage sur mobile (petit écran).
199