Modifié par Aurelie Bertrand le 2026/06/30 11:23

Afficher les derniers auteurs
1 {{info}}
2 🙋 Ce tutoriel est à destination des **utilisateurs intermédiaires**.
3
4 ⏱ Il est prévu pour être suivi de manière autonome **en 2 heures.**
5 {{/info}}
6
7 ----
8
9 {{toc depth="3"/}}
10
11 ----
12
13 = Introduction =
14
15 Au cours de ce tutoriel, nous allons découvrir l'**Assistant de Création de tableau de bord**.
16
17 L'**Assistant de Création de tableau de bord**, inclus dans l'**Éditeur de tableaux de bord**, permet de créer un tableau de bord depuis votre fichier de données, de manière intuitive, sans aucune étape intermédiaire.
18
19 Ce tutoriel utilise un jeu de données des ressources humaines d'une entreprise d'Île de France contenant des informations sur le personnel et des données de type salaire, absentéisme, etc.
20
21 Nous allons réaliser toutes les étapes depuis le chargement des données jusqu'à la création des graphiques et leur intégration dans les pages du tableau de bord.
22
23 Auparavant, nous allons néanmoins vérifier que les prérequis pour effectuer ce tutoriel sont bien remplis.
24
25 {{info}}
26 Les captures d'écran de ce tutoriel ont été générées à l'aide du navigateur Chrome.
27
28 Selon votre navigateur, certaines présentations peuvent différer légèrement.
29 {{/info}}
30
31 = Prérequis =
32
33 Afin de pouvoir effectuer ce tutoriel, il est requis de :
34
35 * disposer d'une installation de DigDash Enterprise d'une version 2026R1 ou plus récente ;
36 * faire partie en tant qu'utilisateur du groupe d'autorisation "Utilisateur final pour Self-Service BI" ;
37
38 Ces prérequis sont détaillés ci-dessous.
39
40 == (% style="background-color:#ffffff" %)Version DigDash Enterprise (2026R1 ou plus récente)(%%) ==
41
42 (% class="wikigeneratedid" %)
43 Il est nécessaire, pour pouvoir suivre ce tutoriel, d'utiliser une version 2026R1 ou plus récente de DigDash Enterprise.
44
45 Pour connaître la version à laquelle vous accédez actuellement:
46
47 1. Connectez-vous à la page d'accueil DigDash Enterprise comme décrit dans la partie [[Connexion à DigDash Enterprise>>||anchor="Connexion"]] de ce tutoriel.
48 1. Explorez la zone centrale en bas de la page: la version de l'installation en cours d'utilisation y est affichée dans la partie inférieure.
49 [[image:homepage_loupe_fr.png||alt="Accueil"]]
50 1. Dans le cas où vous ne disposez pas d'une version de DigDash Enterprise suffisamment récente, rapprochez-vous de votre administrateur ou de votre contact DigDash. Vous pouvez également consulter le [[Guide de mise à jour>>doc:Digdash.deployment.installation.upgrade_dde.WebHome]].
51
52 (% class="wikigeneratedid" %)
53 Dans le cas où vous ne disposez pas de DigDash Enterprise et devez effectuer vous-même l'installation, rapprochez-vous de votre administrateur ou de votre contact DigDash. Vous pouvez également consulter la documentation d'[[Installation>>doc:Digdash.deployment.installation.WebHome]]. Rendez-vous ensuite à la partie [[Connexion >>||anchor="Connexion"]]de ce tutoriel.
54
55 == (% style="color:inherit; font-family:inherit" %)Groupe d'autorisation "Utilisateur final pour Self-service BI"(%%) ==
56
57 Pour pouvoir utiliser la fonctionnalité d'Assistant de Création de tableau de bord, il est nécessaire que votre compte utilisateur DigDash Enterprise fasse partie du groupe d'autorisation "**Utilisateur final pour Self-service BI**".
58
59 Si vous ne disposez pas des droits d'administration, ou en cas de doute, rapprochez-vous de votre administrateur DigDash Enterprise.
60
61 = Récupération du fichier source =
62
63 Afin de pouvoir réaliser ce tutoriel, vous devez d'abord récupérer le fichier de données sources : le fichier Excel **[[RH_dataset_didacticiel.xlsx>>attach:RH_dataset_didacticiel.xlsx]].**
64 Veuillez ainsi cliquer sur le nom du fichier pour le télécharger.
65
66 = Étape 1 : Connexion à l'Éditeur de tableaux de bord{{id name="Connexion"/}} =
67
68 Une fois les prérequis de la partie précédente vérifiés, vous pouvez désormais vous connecter à l'Éditeur de tableaux de bord.
69 C'est depuis cet éditeur que nous lancerons l'Assistant de Création de tableau de bord.
70 Cette partie permettra de nous connecter pour la première fois à DigDash Enterprise et de faire brièvement le tour de la page d'accueil à laquelle vous accéderez, avant d'accéder et de découvrir l'Éditeur de tableaux de bord
71
72 == Connexion à DigDash Enterprise ==
73
74 === Connexion à la page d'accueil ===
75
76 1. Assurez-vous tout d'abord de disposer de l'adresse internet de l'installation DigDash Enterprise ainsi que de votre nom d'utilisateur et votre mot de passe.
77 1*. Ces informations ont dû vous être délivrées au préalable par votre administrateur DigDash Enterprise
78 1*. En cas de doute, n'hésitez pas à contacter votre administrateur DigDash Enterprise
79 1. Rendez-vous, à l'aide de votre navigateur internet, à l'adresse qui vous a été communiquée: la page d'accueil DigDash Enterprise va s'afficher.
80
81 === Découverte de la page d'accueil ===
82
83 Une fois l'étape précédente de connexion achevée, la page d'accueil suivante s'affiche dans votre navigateur.
84 [[image:homepage_description_actb_fr.png||height="482" width="889"]]
85
86
87 (% class="wikigeneratedid" %)
88 Cette page d'accueil contient un menu principal donnant accès aux différents composants de DigDash Enterprise ainsi qu'un encart donnant accès à différents éléments comme la documentation ou la version du logiciel.
89
90 (% class="wikigeneratedid" %)
91 Les éléments numérotés sont ceux qui nous intéressent pour ce tutoriel. Ils sont détaillés dans le tableau ci-dessous:
92
93 |=(% scope="row" style="width: 240px; text-align: left; vertical-align: middle; border-color: grey;" %)__**1**__** **: Aide et version|(% style="border-color:grey; text-align:left; vertical-align:middle; width:808px" %)Dans la zone centrale en bas de la page d'accueil, il est possible d'accéder à l'aide sur DigDash Enterprise sous forme de documentations en ligne et d'un forum.
94 La version en cours d'utilisation est également affichée dans la partie inférieure de cette zone.
95 |=(% style="width: 240px; text-align: left; vertical-align: middle; border-color: grey;" %)__**2**__ : DashBoard|(% style="border-color:grey; text-align:left; vertical-align:middle; width:808px" %)(((
96 Le bouton **DashBoard **(//Tableau de bord en français//) permet d'accéder aux tableaux de bord déjà réalisées par vous ou votre équipe. C'est depuis ce menu que vous pourrez visualiser le tableau de bord construit dans l'assistant.
97 )))
98 |=(% style="width: 240px; text-align: left; vertical-align: middle; border-color: grey;" %)__**3**__ : Éditeur de tableaux de bord|(% style="border-color:grey; text-align:left; vertical-align:middle; width:808px" %)Le bouton **Éditeur de tableau de bord **permet d'accéder à l'édition de tableau de bord. C'est pourquoi, dans ce tutoriel, nous nous concentrerons principalement sur cette partie de DigDash Enterprise.
99
100 (% class="wikigeneratedid" %)
101 Comme vous l'aurez constaté, le menu principal donne également accès aux composants de **Configuration **et **Studio** . Ceux-ci présentent des fonctionnalités et des éléments de configuration avancés qui ne sont pas couverts par ce tutoriel.
102
103 == Connexion à l'Éditeur de tableaux de bord ==
104
105 1. Depuis la page d'accueil, cliquez sur le bouton **Éditeur de tableaux de bord **: une page de connexion s'ouvre.
106 [[image:Editor_login_box_FR.png]]** **
107
108 1. Entrez votre nom d'utilisateur et votre mot de passe puis, cliquez sur le bouton **Connexion**: la fenêtre de l'**Éditeur de tableaux de bord** s'affiche alors.
109 [[image:Editor_window_FR.png||alt="Fenêtre Editor"]]
110
111 |=(% scope="row" style="width: 241px; vertical-align: middle; border-color: grey; background-color: white;" %)__1__ : Rôles et pages|(% style="background-color:white; border-color:grey; width:807px" %)(((
112 Dans l'espace central sont présentées les pages de tableau de bord (2ème ligne) rattachées à chaque rôle (1ère ligne).
113
114 À votre première connexion, une page nommée **Mon Tableau de Bord **est automatiquement créée dans votre rôle personnel (dans cet exemple : Jean). Le rôle personnel porte le nom de l'utilisateur, et seul ce dernier y a accès.
115 )))
116 |=(% style="width: 241px; vertical-align: middle; background-color: white; border-color: grey;" %)__2__ : Barre de menu|(% style="background-color:white; border-color:grey; width:807px" %)La barre de menu présente différentes fonctionnalités et options :(((
117 * un menu d'aide [[image:1737628167511-945.png||alt="Aide" height="29" width="33"]]
118 * l'assistant de création de tableau de bord [[image:ACTB_button.png||height="28" width="28"]]
119 * le passage au mode consultation du tableau de bord en cours d'édition [[image:Dashboard_button.png||alt="Consultation Dashboard" height="27" width="33"]]
120 * un bouton d'enregistrement [[image:1727861259971-853.png]]
121 * un menu déployable depuis le nom d'utilisateur avec plusieurs options avancées  [[image:User_menu.png||alt="Menu utilisateur" height="33" width="159"]]
122 )))
123 |=(% style="width: 241px; vertical-align: middle; background-color: white; border-color: grey;" %)__3__ : Menu de contenus de page|(% style="background-color:white; border-color:grey; width:807px" %)Ce menu donne accès aux éléments de contenu ainsi qu'aux filtres et variables que vous pouvez ajouter au tableau de bord.
124
125 {{info}}
126 Les rôles sont une collection de sources de données et graphiques rattachées à ces sources.​​​
127
128 * Chaque utilisateur dispose d'un rôle personnel créé automatiquement dans DigDash Enterprise.
129 ** C'est dans ce rôle que chaque utilisateur peut réaliser ses graphiques ;
130 ** **C'est aussi dans ce rôle que seront positionnés la source de données et les graphiques générés dans l'Assistant ; **
131 * En plus de ce rôle personnel, votre organisation peut disposer de rôles communs, utiles pour un travail collaboratif et pour partager des tableaux de bord entre plusieurs membres d'une équipe. On leur donne généralement un nom à consonance métier, par exemple, RH, Finance ou Production.
132 {{/info}}
133
134 === Accès à l'Assistant de Tableau de bord ===
135
136 Pour accéder à l'Assistant de Création de tableau de bord, cliquez sur le bouton **Assistant de Création de tableau de bord **[[image:ACTB_button.png||height="28" width="28"]] de la barre de menu. Celui-ci s'affiche alors.
137
138 [[image:ACTB_home_FR.png||alt="Accueil" data-xwiki-image-style-alignment="center" height="564" width="1032"]]
139
140 {{info}}
141 **💡 **​​​​​​**Bon à savoir **: Dans l'interface de l'Assistant, des rubriques de couleur bleu sombre sont affichées pour vous guider.
142 ​​​​Dans ces rubriques, les textes en bleu clair peuvent être survolés pour afficher des aides contextuelles.
143
144 [[image:1604042141677-660.png||alt="Exemple d'une rubrique d'aide contextuelle dans l'assistant"]]
145 {{/info}}
146
147 = Étape 2 : Chargement des données et édition du modèle des données =
148
149 Après avoir effectué la première connexion à DigDash Enterprise et nous être familiarisé avec la page d'accueil et l'éditeur de tableaux de bord, nous allons maintenant découvrir l'Assistant de Création de tableau de bord.
150
151 Dans un premier temps, nous allons charger les données. Dans un second temps, nous éditerons le modèle de données afin de configurer de nouvelles mesures et de nous assurer de disposer du modèle adéquat pour réaliser nos premiers graphiques.
152
153 (% class="box infomessage" %)
154 (((
155 Un **modèle de données **est une représentation intelligente des données brutes dans un langage métier à adapter à l'utilisateur final.
156 DigDash Enterprise détecte les types de données de la source (dimension temporelle ou géographique).
157 )))
158
159 (% class="box errormessage" %)
160 (((
161 **❗​​ ​Attention : **Le modèle de données ne sera sauvegardé qu'à la fin de l'étape de **Création du tableau de bord personnalisé**, une fois que vous aurez cliqué sur le bouton **Terminer et construire le tableau de bord**. 
162 Si vous quittez l'Assistant de Création de tableau de bord auparavant, toutes les modifications effectuées (type de données, ajouts de mesure calculée, etc) seront perdues.
163 )))
164
165 == Chargement des données ==
166
167 {{warning}}
168 Dans le cadre de ce tutoriel **nous allons nous appuyer sur le fichier suivant : [[RH_dataset_didacticiel.xlsx>>attach:RH_dataset_didacticiel.xlsx]]**
169
170 * Ce fichier Excel contient un jeu de données factice des ressources humaines d'une entreprise située en Ile de France ;
171 * Ce jeu de données est historisé par mois, et présente également des données géographiques ;
172
173 Si ce n'est déjà fait, veuillez cliquer sur le nom du fichier ci-dessus pour le télécharger.
174 {{/warning}}
175
176 === Sélection du fichier ===
177
178 Pour évoluer dans l'Assistant et créer nos graphiques, trois choix sont proposés à l'ouverture de l'assistant.
179
180 1. Cliquez sur le premier bouton **Sélectionnez un fichier.**
181 1. Dans la boite** Sélection d'une source de données**, choisissez **Depuis un fichier sur votre ordinateur **puis cliquez sur **Choisir un fichier...**
182 Une fenêtre de votre système d'exploitation s'ouvre alors.
183 1. Parcourez vos dossiers jusqu'au dossier dans lequel vous avez enregistré le fichier **RH_dataset_didacticiel.xlsx **;
184 1. Sélectionnez ce fichier et cliquez sur **Ouvrir.**
185
186 [[image:2022R1_editeur_menu_4.jpg||alt="load_dataset_excel.gif" data-xwiki-image-style-alignment="center"]]
187
188 === Chargement du fichier ===
189
190 Une barre de progression, en vert, se complète pour vous indiquer le chargement correct et complet du fichier téléversé.
191
192 Un message **Chargement terminé** vous confirme le succès du chargement.
193
194 1. Cliquez alors sur le bouton **Continuer**.
195
196 {{info}}
197 **💡 **​​​​​​**Bon à savoir **: si votre fichier Excel contient plusieurs pages, l'Assistant vous proposera automatiquement à partir de quelle page vous souhaitez travailler
198
199 Ici, notre fichier pour ce tutoriel ne contient qu'une seule page, ce choix n'est donc pas proposé par l'Assistant.
200 {{/info}}
201
202 == Édition du modèle des données ==
203
204 Après le chargement du fichier, l'écran de prévisualisation des donnés apparaît.
205
206 Cette étape va nous permettre de mettre en ordre notre modèle de données pour construire au mieux nos premiers graphiques.
207
208 === Prévisualisation des données ===
209
210 Dans l'onglet **Prévisualiser les données **qui s'affiche, cliquez sur le bouton **Éditer le modèle de données** afin de passer en mode édition.
211
212 Dans la partie Sélection des données, des options permettent de:
213
214 * choisir la feuille de calcul du fichier Excel qui sera utilisé
215 * choisir la première ligne en tant qu'en-tête de colonne ;
216 * désactiver les colonnes vides ;
217 * d'ignorer un nombre de lignes d'en-tête.
218
219 Ici, avec notre fichier, tout est d'ores et déjà pré-configuré grâce l'analyse menée lors du chargement par DigDash Enterprise pour proposer une pré-configuration optimale.
220
221 Cliquez maintenant sur le deuxième onglet **Configurer le modèle de données.**
222
223 [[image:2022R1_editeur_menu_6.jpg||alt="goto_edit_DM_tab2.gif" data-xwiki-image-style-alignment="center"]]
224
225 === Configuration du modèle de données ===
226
227 {{error}}
228 **❗​​ ​Attention : **il est **indispensable de suivre cette étape**. Les modifications ne pourront plus s'effectuer après validation de la configuration.
229 {{/error}}
230
231 Dans ce deuxième onglet, nous allons configurer le modèle de données, c'est-à-dire :
232
233 * lui donner un nom ;
234 * vérifier que les colonnes sont bien réparties entre dimensions et mesures ;
235 * au besoin modifier cette pré-assignation ;
236 * ajouter des mesures calculées ;
237 * changer les libellés d'affichage de certaines mesures ou dimensions.
238
239 {{info}}
240 **💡 **​​​​​​**Bon à savoir **:
241
242 * Une **dimension** est une donnée qualitative. Elle est généralement filtrable, explorable (données de temps, géographie...).
243 Dans l'Assistant, **une dimension est symbolisée par ce cube bleu : [[image:dimension.svg||height="22" width="22"]]**
244
245 * Une **mesure** est une donnée quantifiable à représenter. Elle peut être calculée. 
246 Dans l'Assistant, **une mesure est symbolisée par ce boulier bleu : [[image:measure.svg||height="22" width="22"]]**
247 {{/info}}
248
249 (% class="wikigeneratedid" id="HNommagedumodE8lededonnE9es" %)
250 __**Nommage du modèle de données**__
251
252 Afin d'identifier de manière claire le modèle de données, ce qui favorisera sa réutilisation future, nous allons nommer ce modèle de données "**Données RH historisées**".
253
254 Par défaut, le modèle de données prend le nom du fichier Excel. Pour le renommer :
255
256 1. Saisissez le texte désiré dans le premier champ correspondant au libellé **Nom du modèle de données**.
257
258 [[image:2022R1_editeur_menu_7_1.jpg||alt="rename_DM.gif" data-xwiki-image-style-alignment="center"]]
259
260 (% class="wikigeneratedid" id="HVE9rificationdesassignationdimensionsetmesures" %)
261 __**Vérification des assignations dimensions et mesures**__
262
263 En dessous du nom du modèle de données, une liste reprend les colonnes du fichier et indique pour chaque colonne :
264
265 * son index (démarrant à 0)
266 * le nom (issu de l'en-tête de colonne identifié)
267 * le type :
268 ** dimension
269 ** dimension géographique
270 ** dimension temporelle
271 ** mesure
272 * et le libellé d'affichage (ou valeur affichée)
273
274 {{info}}
275 **💡 **​​​​​​**Bon à savoir **: une mesure calculant le nombre de lignes est automatiquement créée : il s'agit de la mesure **Row Count** (index 13).
276 {{/info}}
277
278 Nous allons vérifier ici si le type attribué à chaque colonne du fichier est correct, et le modifier si nécessaire. Pour cela, parcourons la liste des colonnes :
279
280 * En **colonne 7**, on observe que le **Code Postal **est identifié comme une mesure et non comme une dimension.
281 ** Cela s'explique par le fait que le Code Postal est une suite de chiffre, et est donc identifié comme un nombre et donc une mesure par DigDash Enterprise.
282 ** Pour corriger cela, nous pouvons sélectionner **Dimension **dans la liste déroulante **Type **sur le panneau de droite correspondant aux paramètres de la colonne Code Postal.
283 [[image:Assistant_codepostal_type.png]]
284 * En **colonne 8**, nous constatons que la **Satisfaction **est identifiée comme une dimension. Or, il s'agit d'une mesure évaluant de 0 à 10 la satisfaction d'un employé.
285 ** Nous pouvons cette fois sélectionner **Mesure** dans la liste déroulante **Type** du panneau des paramètres de la colonne pour corriger cela.
286
287
288 (% class="wikigeneratedid" id="HAjoutdemesurescalculE9es" %)
289 __**Ajout de mesures calculées**__
290
291 Les mesures calculées permettent de créer les mesures que vous souhaitez à partir de mesures du fichier.
292
293 Dans l'assistant, trois types de mesures calculées sont proposées :
294
295 * **fonctions générales** : il s'agit ici de fonctions classiques : 
296 ** calcul d'un pourcentage de progression
297 ** calcul d'un pourcentage du total
298 ** calcul d'un pourcentage d'une mesure
299 * **transformateurs **: ces fonctions permettent de créer une mesure retournant la valeur de la mesure : 
300 ** du jour - 1
301 ** de la semaine - 1
302 ** du mois - 1
303 ** de l'année - 1
304 * **formule **: cette mesure calculée vous permet d'appliquer vos propres formules arithmétiques sur les mesures disponibles.
305
306 Nous allons voir ensemble comment créer une ou plusieurs mesures de chacun de ces trois types. Ces mesures pourront ensuite être intégrées comme toutes les autres mesures et dimensions dans les graphiques à l'étape suivante.
307 Nous allons ici ajouter des mesures calculées en lien avec l'absentéisme et la masse salariale.
308
309 (% class="wikigeneratedid" %)
310 //**Mesure du type formule : Taux d'absentéisme**//
311
312 Nous allons ici créer la mesure calculant le taux d'absentéisme. Cette mesure calculée va reprendre la formule suivante :
313 //Nombre de jours d'absence sur un mois pour un salarié que divise 30 //(30 étant ici considéré comme le nombre de jours sur un mois). 
314 Pour créer cette mesure :
315
316 1. Cliquez sur le bouton **Ajouter une mesure calculée** placé au-dessus du panneau de paramètres.
317
318 [[image:2022R1_editeur_menu_10_1.jpg||alt="Edit_DM_ajout_measure_formule.gif" data-xwiki-image-style-alignment="center"]]
319
320 (% start="2" %)
321 1. Dans la liste déroulante qui apparaît, cliquez sur **Formule...**
322 1. La fenêtre **Editeur de formule** s'affiche alors.
323
324 [[image:2022R1_editeur_menu_11.jpg||queryString="width=285&height=319" alt="Edit_DM_ajout_measure_formule.gif" data-xwiki-image-style-alignment="center" height="319" width="285"]]
325
326 (% start="4" %)
327 1. Entrez le nom de la nouvelle mesure calculée dans le premier champ : **Taux d'absentéisme.**
328
329 Pour composer votre formule, il faut ajouter les mesures et les dimensions impliquées et effectuer l'opération arithmétique désirée dans la partie **Script de formule.** Vous pouvez ajouter les mesures et les dimensions en les sélectionnant dans les listes déroulantes correspondantes à chacune des catégories.
330
331 (% start="5" %)
332 1. Dans notre cas, cliquez sur **Insérer la mesure dans la formule**.
333 1. Choisissez ensuite la mesure **Jours absentéisme **:** **la mesure est ajoutée dans la zone de texte en dessous.
334 1. Avant d'ajouter l'autre mesure, complétez en écrivant : " **/ (30 * **"
335 1. Insérez ensuite la mesure **Nombre de lignes**.
336 1. Terminez en fermant la parenthèse.
337
338 La formule finale doit être la suivante :
339
340 {{code cssClass="notranslate"}}
341 'Jours absentéismes(sum)' / (30 * 'Row Count(sum)')
342 {{/code}}
343
344 (% start="11" %)
345 1. Enfin vous pouvez indiquer le format auquel sera affichée cette formule calculée : choisissez ici le format **Pourcentage (Pourcentage)**.
346
347 [[image:2022R1_editeur_menu_14.jpg||alt="Edit_DM_ajout_measure_formule_change_format.gif" data-xwiki-image-style-alignment="center"]]
348
349 (% start="12" %)
350 1. Terminez la création de cette mesure en cliquant sur **Ok**.
351
352 La mesure calculée **Taux d'absentéisme** venant d'être créée s'affiche à la fin de la liste des colonnes.
353
354 [[image:2022R1_editeur_menu_15.jpg||alt="Edit_DM_ajout_measure_formule_valider_measure.gif" data-xwiki-image-style-alignment="center"]]
355
356 (% class="wikigeneratedid" id="HTauxd27absentE9ismedumoisprE9cE9dent28transformateurm-129" %)
357 //**Mesure du type transformateur : Taux d'absentéisme du mois précédent**//
358
359 Nous allons ici créer la mesure calculée retournant le taux d'absentéisme du mois précédent, en s'appuyant sur la mesure calculée "Taux d'absentéisme" que nous venons de créer.
360
361 1. Cliquez sur le bouton **Ajouter une mesure calculée** placé au-dessus du panneau de paramètres.
362 1. Dans la liste déroulante qui s'affiche, cliquez sur **Transformateurs** puis sur **Mois - 1**.
363
364 [[image:2022R1_editeur_menu_16.jpg||alt="Edit_DM_ajout_measure_transformateur.gif" data-xwiki-image-style-alignment="center"]]
365
366 (% start="3" %)
367 1. Dans la fenêtre **Mois - 1** qui s'affiche alors, entrez le nom de la nouvelle mesure calculée dans le premier champ : **Taux d'absentéisme du mois précédent**.
368 1. Dans la liste déroulante **Mesure source**, choisissez la mesure sur laquelle le transformateur doit être appliqué pour obtenir la valeur du mois précédent de cette mesure source. 
369 1*. Ici, choisissez la mesure calculée tout récemment créée : **Taux d'absentéisme**.
370
371 [[image:2022R1_editeur_menu_17.jpg||alt="Edit_DM_ajout_measure_transformateur_create.gif" data-xwiki-image-style-alignment="center"]]
372
373 (% start="5" %)
374 1. Terminez la création de cette mesure en cliquant sur **Ok.**
375
376 La mesure calculée **Taux d'absentéisme du mois précédent **venant d'être créée s'affiche à la fin de la liste des colonnes.
377
378 [[image:2022R1_editeur_menu_18.jpg||alt="Edit_DM_ajout_measure_transformateur_validation.gif" data-xwiki-image-style-alignment="center"]]
379
380 (% class="wikigeneratedid" id="HTauxd27E9volutiondutauxd27absentE9isme28gE9nE9raledeprogression29" %)
381 //**Mesure du type fonction générale (pourcentage de progression) : Taux d'évolution du taux d'absentéisme**//
382
383 Nous allons ici créer la mesure calculée retournant l'évolution entre le taux d'absentéisme précédent et le taux actuel en s'appuyant sur les deux premières mesures calculées que nous venons de créer.
384
385 1. Cliquez sur le bouton **Ajouter une mesure calculée** placé au-dessus du panneau de paramètres.
386 1. Dans la liste déroulante qui s'affiche, cliquez sur **Fonctions générales** puis sur **% Progression**.
387
388 [[image:2022R1_editeur_menu_19.jpg||alt="Edit_DM_ajout_measure_progression.gif" data-xwiki-image-style-alignment="center"]]
389
390 (% start="3" %)
391 1. Dans la fenêtre **% Progression** qui s'affiche alors, entrez le nom de la nouvelle mesure calculée dans le premier champ : **Taux d'évolution du taux d'absentéisme**.
392
393 Pour calculer une mesure de type progression, nous devons indiquer la première mesure à partir de laquelle on mesurera l'évolution avec la seconde mesure. On insérera donc la mesure la plus "ancienne" temporellement dans la première mesure et la plus récente dans la deuxième.
394
395 (% start="4" %)
396 1. Dans la liste déroulante **Première mesure**, choisissez **Taux d'absentéisme du mois précédent.**
397 1. Dans la liste déroulante **Deuxième mesure**, choisissez **Taux d'absentéisme.**
398 1. Enfin, dans la liste déroulante **Format**, laissez le choix **Pourcentage **sélectionné par défaut.
399
400 [[image:2022R1_editeur_menu_20.jpg||alt="Edit_DM_ajout_measure_progression_creation.gif" data-xwiki-image-style-alignment="center"]]
401
402 (% start="7" %)
403 1. Terminez la création de cette mesure en cliquant sur **Ok.**
404
405 La mesure calculée **Taux d'évolution du taux d'absentéisme** venant d'être créée s'affiche à la fin de la liste des colonnes.
406
407
408 (% class="wikigeneratedid" id="HMassesalarialedel27annE9eprE9cE9dente28transformateurn-129" %)
409 //**Mesure du type transformateur : Masse salariale de l'année précédente**//
410
411 Nous allons maintenant créer la mesure calculée retournant la masse salariale sur l'année précédente, en s'appuyant sur la mesure déjà existante : **Salaire annuel**.
412
413 1. Cliquez sur le bouton **Ajouter une mesure calculée** placé au-dessus du panneau de paramètres.
414 1. Dans la liste déroulante qui s'affiche, cliquez sur **Transformateurs** puis sur **Année - 1.**
415
416 [[image:2022R1_editeur_menu_21.jpg||alt="Edit_DM_ajout_measure_transformation_annee.gif" data-xwiki-image-style-alignment="center"]]
417
418 (% start="3" %)
419 1. Dans la fenêtre **Éditeur de formule** qui s'affiche alors, entrez le nom de la nouvelle mesure calculée dans le premier champ : **Masse salariale de l'année précédente**.
420 1. Dans la liste déroulante **Mesure source**, choisissez la mesure sur laquelle le transformateur doit être appliqué pour obtenir la valeur du mois précédent de cette mesure source. 
421 1*. Ici, choisissez la mesure : **Salaire annuel.**
422
423 [[image:2022R1_editeur_menu_22.jpg||alt="Edit_DM_ajout_measure_transformation_annee_creation.gif" data-xwiki-image-style-alignment="center"]]
424
425 (% start="5" %)
426 1. Terminez la création de cette mesure en cliquant sur **Ok.**
427
428 La mesure calculée venant d'être créée s'affiche à la fin de la liste des colonnes.
429
430
431 (% class="wikigeneratedid" id="HTauxd27E9volutiondelamassesalariale28gE9nE9raledeprogression29" %)
432 //**Mesure du type fonction générale (pourcentage de progression) : Taux d'évolution de la masse salariale**//
433
434 Nous allons désormais créer la mesure permettant de calculer l'évolution de la masse salariale entre une année et une année - 1, à l'aide de la mesure déjà existante **Salaire annuel** et de la nouvelle mesure calculée venant d'être créée **Masse salariale de l'année précédente**.
435
436 1. Cliquez sur le bouton **Ajouter une mesure calculée** placé au-dessus du panneau de paramètres.
437 1. Dans la liste déroulante qui s'affiche, cliquez sur **Fonctions générales** puis sur **% Progression**.
438 1. Dans la fenêtre **% Progression** qui s'affiche alors, entrez le nom de la nouvelle mesure calculée dans le premier champ : **Taux d'évolution de la masse salariale**.
439
440 Pour calculer une mesure de type progression, nous devons indiquer la première mesure à partir de laquelle nous mesurerons l'évolution avec la seconde mesure. Nous insérerons donc la mesure la plus "ancienne" temporellement dans la première mesure et la plus récente dans la deuxième.
441
442 (% start="4" %)
443 1. Dans la liste déroulante **Première mesure**, choisissez **Masse salariale de l'année précédente**.
444 1. Dans la liste déroulante **Deuxième mesure**, choisissez **Salaire annuel**.
445 1. Enfin, dans la liste déroulante **Format**, laissez le choix **Pourcentage, **sélectionné par défaut.
446
447 [[image:2022R1_editeur_menu_24.jpg||alt="Edit_DM_ajout_measure_evolution_masse_salariale_creation.gif" data-xwiki-image-style-alignment="center"]]
448
449 (% start="7" %)
450 1. Terminez la création de cette mesure en cliquant sur **Ok**.
451
452 La mesure calculée **Taux d'évolution de la masse salariale** venant d'être créée s'affiche à la fin de la liste des colonnes.
453
454 {{info}}
455 **💡 Bon à savoir : **les mesures calculées peuvent se créer directement depuis les mesures déjà existantes :
456
457 1. Positionnez votre curseur sur la ligne de la mesure **Salaire annuel**
458 1. Cliquez sur **Plus...**
459 1. Dans le menu contextuel qui s'affiche, positionnez la souris sur **Créer une mesure calculée à partir de 'Salaire annuel'**​​​​​, puis sur **Transformateurs.**
460 1. Cliquez sur **Année - 1**
461
462 La fenêtre de création de la mesure apparaît, déjà configurée.
463
464 Dans notre cas, nous avons déjà créé cette mesure, cliquez donc sur **Annuler**.
465
466 [[image:2022R1_editeur_menu_27.jpg||alt="Edit_DM_creation_mesure_depuis_mesure_existante.gif" data-xwiki-image-style-alignment="center" height="52" width="319"]]
467
468 [[image:Editeur_transformateur contextuel.png||alt="Edit_DM_creation_mesure_depuis_mesure_existante.gif" data-xwiki-image-style-alignment="center" height="199" width="808"]]
469
470
471 {{/info}}
472
473 (% class="wikigeneratedid" %)
474 Nous avons à présent terminé l'ajout de mesures calculées.
475
476
477 (% class="wikigeneratedid" id="HModificationdeslibellE9sd27affichage" %)
478 __**Modification des libellés d'affichage**__
479
480 Dernière étape de la configuration de notre modèle de données, nous allons maintenant voir comment renommer les identifiants des colonnes.
481
482 En effet, issus des colonnes du fichier Excel, ces identifiants peuvent être peu représentatifs de votre domaine métier, ou peu parlant, etc. Il est donc tout à fait possible de les renommer pour permettre un affichage limpide dans les graphiques.
483
484 Dans l'exemple que nous suivons au cours de ce tutoriel, nous constatons que la mesure de la colonne #10 se nomme "Salaire annuel", ce qui est incohérent avec les autres mesures récemment créées portant le nom de "Masse salariale".
485
486 Nous allons donc d'abord renommer le nom "Salaire annuel" de la colonne 10 en "Masse salariale" :
487
488 1. Passer la souris sur la ligne de la colonne 10 "**Salaire annuel**" : la ligne se colore en gris et un bouton **Plus...** apparaît.
489
490 [[image:2022R1_editeur_menu_27.jpg||queryString="width=319&height=52" alt="Edit_DM_changement_libelle_affichage_masse_salariale.gif" data-xwiki-image-style-alignment="center" height="52" width="319"]]
491
492 (% start="2" %)
493 1. Cliquez sur **Plus...**
494 1. Dans le menu contextuel qui apparaît, cliquez sur** Éditer la valeur affichée**.
495
496 [[image:Assistant_éditer la valeur affichée.png||data-xwiki-image-style-alignment="center"]]
497
498 Le champ contenant la valeur affichée est désormais modifiable.
499
500 (% start="2" %)
501 1. Entrez **Masse salariale**.
502 1. Cliquez n'importe où en dehors du champ pour terminer la saisie.
503
504 [[image:Assistant_valeur affichée éditée2.png||data-xwiki-image-style-alignment="center"]]
505
506
507 Nous pouvons faire de même pour renommer **Code département (ISO) ** en **Code département **:
508
509 [[image:Assistant_valeur affichée éditée_CP.png||alt="Edit_DM_changement_libelle_affichage_code_departement.gif" data-xwiki-image-style-alignment="center"]]
510
511
512 (% class="wikigeneratedid" id="HValidation" %)
513 __**Validation**__
514
515 Nous sommes arrivés au bout de ces étapes de chargement des données puis configuration du modèle de données.
516
517 Vous pouvez désormais cliquer sur le bouton bleu en bas de la liste des colonnes : **Valider la configuration**.
518
519 [[image:2022R1_editeur_menu_32.jpg||alt="Edit_DM_validation_configuration.gif" data-xwiki-image-style-alignment="center"]]
520
521 (% class="wikigeneratedid" %)
522 Vous revenez alors sur la page **Résultats d'analyse de vos données**.
523
524
525 = Étape 3 : Création du tableau de bord personnalisé : premiers graphiques =
526
527 Après avoir chargé les données et édité le modèle de ces données, nous allons maintenant aborder la création des graphiques qui nous serviront à construire notre premier tableau de bord sur **l'absentéisme dans l'entreprise.**
528
529 Nous pourrons insérer ces graphiques dans le tableau de bord au moyen d'une disposition intelligente proposée par l'Assistant de création de tableau de bord.
530
531 (% class="wikigeneratedid" id="HCrE9ationdutableaudebordpersonnalisE9" %)
532 Pour passer à la création du tableau de bord, cliquez sur **Continuer **depuis la page **Résultats d'analyse de vos données**.
533
534 La page **Construisez votre propre tableau de bord** s'affiche alors.
535
536 [[image:Assistant_page_construction_TB.png||queryString="width=744&height=552" data-xwiki-image-style-alignment="center" height="552" width="744"]]
537
538 Dans cette partie, l'Assistant se découpe en deux parties verticales :
539
540 * **à gauche, se trouve la partie de configuration des graphiques** : c'est ici que vous pourrez configurer les graphiques souhaités, avant de les ajouter à la liste des graphiques à insérer dans la page de tableau de bord en cours de création.
541 * **à droite, se trouve la liste des graphiques sélectionnés pour être affichés sur la page de tableau de bord.**
542
543 (% class="wikigeneratedid" id="HFonctionnementgE9nE9ral" %)
544 **Fonctionnement général**
545
546 La préparation des graphiques à afficher sur la page de tableau de bord obéit au fonctionnement suivant :
547
548 1. Choix d'un graphique parmi les graphiques personnalisés ou les graphiques proposés par DigDash Enterprise ;
549 1. Configuration des dimensions et des mesures ;
550 1. Ajout à la liste des graphiques de la page du tableau de bord en cours de création.
551
552 Ce fonctionnement est à répéter autant de fois que l'on souhaite ajouter un graphique au tableau de bord.
553
554 {{info}}
555 **💡 Bon à savoir : **dans cette partie de l'assistant, les graphiques sont répartis en deux catégories :
556
557 * les **graphiques personnalisés** : vous avez la main pour choisir le type de représentation graphique et jusqu'à 3 dimensions et 3 mesures ;
558 * les **graphiques proposés **: ce sont les graphiques proposés par l'intelligence de DigDash Enterprise car pouvant répondre à un cas d'usage intéressant.
559 {{/info}}
560
561 == Création des graphiques ==
562
563 Dans un premier temps, nous allons créer et ajouter quatre graphiques relatifs à l'absentéisme dans l'entreprise:
564
565 * Évolution du taux d'absentéisme
566 * Nombre de jours d'absentéisme par service
567 * Causes d'absentéisme
568 * Cartographie : nombre de jours d'absentéisme par département
569
570 (% class="box errormessage" %)
571 (((
572 **❗​​ ​Attention : **Les graphiques créés ne seront sauvegardés qu'à la fin de l'étape de Création du tableau de bord personnalisé, une fois que vous aurez cliqué sur le bouton **Terminer et construire le tableau de bord**.
573 Si vous quittez l'Assistant de Création de tableau de bord auparavant, tous les graphiques créés ainsi que le modèle de données seront perdus.
574 )))
575
576 === Création du graphique Évolution du taux d'absentéisme ===
577
578 Dans ce premier graphique, nous allons construire un **graphique en courbes** présentant l'**évolution du taux d'absentéisme dans le temps**.
579
580 Ce graphique est d'ores et déjà presque prêt, car l'intelligence de DigDash Enterprise a détecté qu'il pourrait répondre à un cas d'usage intéressant. C'est pourquoi il est proposé dans les **Recommandations**, ce qui va nous permettre de le configurer encore plus rapidement !
581
582 Pour ce faire :
583
584 1. Dans la liste déroulante **Type de graphique**, sélectionnez **Recommandations.**
585 1. Dans les graphiques proposés, cliquez sur **Analyse de tendance**.
586 Dans la zone de sélection des données qui s'affiche, la dimension est automatiquement fixée sur la **Date**.
587 1. Sélectionnez **Taux d'absentéisme** dans la liste des mesures.
588
589 [[image:Assistant_selectgraph_taux absent.png||alt="Graphique_analyse_tendance" data-xwiki-image-style-alignment="center"]]
590
591 (% start="4" %)
592 1. Cliquez sur le bouton **Ajouter au tableau de bord**. 
593 Le graphique **Tendance (Date) Taux d'absentéisme** est alors ajouté dans la partie **Tableau de bord**. Vous pourrez le voir, le renommer, et même le configurer plus en détail à la prochaine étape !
594
595 [[image:Assistant_ajout graphe TB1.png||queryString="width=713&height=325" alt="Ajout_graphique_tableau_bord" data-xwiki-image-style-alignment="center" height="325" width="713"]]
596
597 {{info}}
598 **💡 Bon à savoir :** il est possible de supprimer un des graphiques déjà ajoutés dans la liste.
599
600 Pour ce faire, cliquez sur la croix associée à ce graphique dans la liste.
601
602 [[image:2022R1_editeur_menu_36.jpg||alt="Premiers_graphiques_exemple_suppression.gif" data-xwiki-image-style-alignment="center"]]
603
604
605 {{/info}}
606
607 === Création du graphique Nombre de jours d'absentéisme par service ===
608
609 Pour ce deuxième graphique, nous allons construire un **histogramme** présentant **le nombre de jours d'absentéisme par service**.
610
611 Pour ce faire :
612
613 1. Dans la liste déroulante **Type de graphique**, sélectionnez **Comparaison**.
614 1. Dans les graphiques proposés, cliquez sur **Colonnes** pour sélectionner une représentation en colonnes.
615 Une zone de sélection des données s'affiche en-dessous.
616 1. Dans la liste déroulante **Choisir une dimension**, sélectionnez **Service**.
617 1. Dans la liste déroulante **Choisir une mesure**, sélectionnez **Jours d'absentéisme**.
618
619 [[image:Assistant_graph_colonnes.png||queryString="width=293&height=343" alt="Graphe_absenteisme_service" data-xwiki-image-style-alignment="center" height="343" width="293"]]
620
621 (% start="5" %)
622 1. Cliquez sur le bouton **Ajouter au tableau de bord**.
623 Le graphique **Jours absentéisme par Service** est alors ajouté dans la partie **Tableau de bord**. Vous pourrez le voir, le renommer, et même le configurer plus en détail à la prochaine étape !
624
625 [[image:Assistant_ajout graphe TB2b.png||alt="Ajout_graphique_tableau_bord2" data-xwiki-image-style-alignment="center"]]
626
627 === Création du graphique Causes d'absentéisme ===
628
629 Nous allons à présent construire un **diagramme en secteur** représentant la **répartition des causes d'absentéisme**.
630
631 Pour ce faire :
632
633 1. Dans la liste déroulante **Type de graphique**, sélectionnez **Comparaison**.
634 1. Dans les graphiques proposés, cliquez sur **Secteurs **pour sélectionner une représentation en secteurs.
635 Une zone de sélection des données s'affiche en-dessous.
636 1. Dans la liste déroulante **Choisir une dimension**, sélectionnez **Raison d'absentéisme**.
637 1. Dans la liste déroulante **Choisir une mesure**, sélectionnez **Jours d'absentéisme**.
638
639 [[image:Assistant_graph_secteurs.png||alt="Graphe_causes_absenteisme" data-xwiki-image-style-alignment="center"]]
640
641 (% start="5" %)
642 1. Cliquez sur le bouton **Ajouter au tableau de bord**.
643 Le graphique **Causes absentéisme par Service** est alors ajouté dans la partie **Tableau de bord**. Vous pourrez le voir, le renommer, et même le configurer plus en détail à la prochaine étape !
644
645 [[image:Assistant_ajout graphe TB3.png||alt="Graphe_causes_absenteisme_tableaubord" data-xwiki-image-style-alignment="center"]]
646
647 === Création d'une cartographie Taux d'absentéisme par département ===
648
649 (% class="wikigeneratedid" id="HCartographie:nombredejoursd27absentE9ismepardE9partement" %)
650 Nous allons maintenant construire une **cartographie** représentant le **taux d'absentéisme par département**. Ce graphique est d'ores et déjà presque prêt, car l'intelligence de DigDash Enterprise a détecté qu'il pourrait répondre à un cas d'usage intéressant. C'est pourquoi il est proposé dans les **Recommandations**, ce qui va nous permettre de le configurer encore plus rapidement !
651
652 Pour ce faire :
653
654 1. Dans la liste déroulante **Type de graphique**, sélectionnez **Recommandations.**
655 1. Dans les graphiques proposés, cliquez sur **Analyse géographique**.
656 1. Dans la zone de sélection des données qui s'affiche, sélectionnez **Code département **dans la liste des dimensions.
657 1. Sélectionnez ensuite **Taux d'absentéisme** dans la liste des mesures.
658
659 [[image:Assistant_graph_cartographie3.png||alt="Cartographie_absenteisme" data-xwiki-image-style-alignment="center"]]
660
661 (% start="4" %)
662 1. Cliquez sur le bouton **Ajouter au tableau de bord**.
663 Le graphique **Nombre de jours d'absentéisme par département** est alors ajouté dans la partie **Tableau de bord**. Vous pourrez le voir, le renommer, et même le configurer plus en détail à la prochaine étape !
664
665 [[image:Assistant_ajout graphe TB4c.png||alt="Ajout_graphique_tableau_bord4" data-xwiki-image-style-alignment="center"]]
666
667 == Nommage du tableau de bord ==
668
669 Avant de poursuivre, n'oubliez pas de nommer le tableau de bord.
670
671 Tout en haut de la page, le champ **Nom du tableau de bord **permet de saisir ce qui sera le nom de la nouvelle page en création. 
672 Entrez ici **Absentéisme.**
673
674 **[[image:Assistant_nom_TB.png||alt="Nom_tableau_bord"]]**
675
676 == Choix de la disposition ==
677
678 Nous venons de créer 4 graphiques, qui seront les graphiques du tableau de bord **Absentéisme**.
679
680 Pour agencer ces graphiques au sein d'une page, plusieurs dispositions sont proposées par DigDash Enterprise. Ces dispositions agencent automatiquement les graphiques sur la page, pour vous faire gagner du temps.
681
682 En bas de la liste des graphiques à insérer dans la page en cours de création, remarquez "**Disposition sélectionnée : Automatique"**.
683
684 [[image:Assistant_disposition_auto.png||alt="Disposition_auto" data-xwiki-image-style-alignment="center"]]
685
686 En cliquant sur le bouton [[image:Assistant_bouton_dispo_auto.png||queryString="width=25&height=25" alt="Bouton_disposition" height="25" width="25"]], une liste déroulante s'affiche avec plusieurs choix de disposition. 
687 Tout en haut, le premier choix est **Automatique **: c'est DigDash Enterprise qui s'occupera de toute la logique d'agencement. 
688 En bas de ce premier choix, vous pouvez orienter la disposition automatisé en fonction de vos préférences.
689
690 Remarquez les différents symboles dans les zones de disposition: elles correspondent au contenu qui y sera automatiquement ajouté :
691
692 * graphique
693 * dimensions pour filtrage
694 * éléments filtrés
695
696 1. Sélectionnez ici a disposition **Graphiques + filtres à gauche**.
697 1. Fermez la liste déroulante à l'aide de la croix en haut à droite.
698 1. La** Disposition sélectionnée  **est alors mise à jour avec: **Graphiques + Filtres à gauche.**
699
700 [[image:Assistant_disposition_graphiques_filtres_gauche.png||alt="Disposition_graphiques_filtresgauche" data-xwiki-image-style-alignment="center"]]
701
702 Après cette dernière étape, nous allons quitter l'Assistant pour nous retrouver dans l'**Éditeur de tableaux de bord **et peaufiner ce dernier.
703
704 Cliquez sur **Terminer et construire le tableau de bord **en bas à droite de la fenêtre **Assistant de création de tableau de bord :**
705
706 * L'**Assistant de création de tableau **de bord se ferme.
707 * Le modèle de données est sauvegardé.
708 * La page de tableau de bord **Absentéisme **s'affiche dans l'**Éditeur de tableaux de bord **avec le 4 graphiques que nous venons de créer.
709
710 = Étape 4 : Finalisation de la page de tableau de bord Absentéisme =
711
712 Après avoir chargé les données, puis édité le modèle de données, et enfin configuré les graphiques que l'on souhaite voir dans notre premier tableau de bord consacré à l'absentéisme dans l'entreprise, nous touchons au but ! En effet, nous venons de revenir dans l'Éditeur de tableaux de bord, et les 4 graphiques configurés sont d'ores et déjà disposés dans notre page "Absentéisme".
713
714 Aussi, cette partie du tutoriel va nous montrer comment peaufiner la page que nous venons juste de créer. nous verrons notamment :
715
716 * comment ajouter des dimensions en guise de filtres ;
717 * comment modifier les graphiques déjà construits ;
718 * comment renommer et accéder aux propriétés des graphiques.
719
720 Cette partie sera donc aussi l'occasion de nous familiariser davantage avec l'éditeur.
721
722 == Retour dans l'Éditeur de tableaux de bord ==
723
724 Dans la partie précédente, nous avons configuré les premiers graphiques.
725
726 Ils sont désormais disposés dans votre première page de tableau de bord, que vous consultez maintenant dans l'éditeur.
727
728 [[image:Absenteism_page_model_FR..png||alt="Page Absentéisme"]]
729
730 Observons plusieurs choses en suivant les éléments numérotés ci-dessus :
731
732 1. La page créée appartient à votre rôle personnel et porte le nom choisi dans l'étape précédente : page Absentéisme appartenant ici au rôle personnel Jean.
733
734 1. La section **Éléments filtrés** a été automatiquement ajoutée : cet espace permettra de lister les dimensions filtrées (et les membres sur lesquels portent ces filtres).
735
736 1. La section **{{glossaryReference glossaryId="Glossary" entryId="Flux"}}Flux{{/glossaryReference}} d'information (Graphiques existants)** est ouverte :
737 1*. cette section contient tous les graphiques que nous venons de créer à l'étape précédente ;
738 1*. remarquez que le rôle (ou portefeuille) ouvert est votre rôle personnel ; plus tard, il vous sera possible d'ouvrir un autre portefeuille de votre organisation ;
739 1*. dans le cas où vous supprimeriez par erreur un des graphiques insérés dans la page, vous pouvez le redisposer dans la page depuis cet espace par simple glisser-déposer vers la zone désirée sur la page ;
740 1*. remarquez également que les 4 graphiques du tableau de bord en présence sont tous regroupés dans une catégorie portant le même nom que la page créée.
741
742 1. À tout moment, il vous est possible de consulter le tableau de bord dans son état final en cliquant sur le bouton **Accès au tableau de bord.**
743 Cette bascule vers la consultation vous permet également de sauvegarder les modifications effectuées dans l'éditeur.
744
745 Passons maintenant à la finalisation de cette première page dédiée à l'absentéisme.
746
747 == Finalisation de la page ==
748
749 === Ajout de filtres ===
750
751 Tout tableau de bord qui se respecte doit pouvoir proposer à ses utilisateurs de filtrer sur ses dimensions. C'est ce que nous allons mettre en place à présent. Nous allons ainsi ajouter les dimensions "Date", "Service" et "Genre" en tant que filtres.
752
753 Pour ce faire :
754
755 1. Remarquez sur la colonne de gauche de la page en cours d'édition, les trois rectangles vous invitant à "**Glissez et déposez Dimension".**
756 Ce sont sur ces trois zones que nous allons insérer nos trois dimensions.
757 1. Cliquez sur le lien** Dimension **du premier rectangle : la section **Filtres/Variables **s'ouvre dans le bandeau de gauche avec la liste des **Dimensions**.
758 1. Glissez-déposez la dimension **Date** vers le premier rectangle : les éléments de filtre sur la date s'y affichent alors.
759 1. Répétez l'opération pour la dimension **Service** et la dimension **Genre **en utilisant les 2 autres rectangles.[[image:1764585604093-100.png]]
760
761 {{info}}
762 💡 **Bon à savoir :** avez-vous remarqué qu'un astérisque était apparu dans le nom de la page ? Cela signifie simplement que des modifications en cours ne sont pas encore sauvegardées.
763 [[image:Absenteism_page_asterisk_FR.png||alt="Astérisque"]]
764 {{/info}}
765
766 Remarquez que la dimension **Date** présente ses membres au format** jour/mois/année.**
767 Pour passer au format année :
768
769 1. Survolez avec la souris cette dimension **Date.**
770 1. Cliquez sur la **roue crantée** [[image:Roue_crantee2.png||queryString="width=26&height=27" height="27" width="26"]] qui s'affiche.
771 1. Sélectionnez **Paramètres** dans le menu contextuel, puis **Propriétés : ** le panneau **Date **s'ouvre alors sur la section **Propriétés **à droite du tableau de bord.
772
773 [[image:Date_filter_menu_FR..png||alt="Menu contextuel" data-xwiki-image-style-alignment="center"]]
774
775 (% start="4" %)
776 1. Dans la liste déroulante **Hiérarchie**, sélectionnez **Date.**
777 1. Dans la liste déroulante **Niveau**, sélectionnez **Année.**
778 1. Plus bas, dans la liste déroulante de **Type de visualisation, **sélectionnez **Liste verticale.**
779
780 [[image:Date_filter_properties_FR..png||alt="Propriétés filtre date" data-xwiki-image-style-alignment="center"]]
781
782 (% start="7" %)
783 1. Cliquez sur **OK.**
784
785 {{info}}
786 Au fur et à mesure de cette partie du tutoriel, n'hésitez pas à basculer du mode éditeur au mode consultation, pour visualiser les modifications engendrées sur le résultat final par nos changements !
787
788 [[image:1737712571743-260.png||alt="Consultation Dashboard"]]
789
790 **Comment revenir directement dans l'éditeur depuis le mode de consultation ?**
791
792 1. Cliquez sur votre nom d'utilisateur.
793 1. Dans le menu contextuel qui s'affiche, cliquez sur **Editeur.**
794 [[image:1737712618016-451.png||alt="Editeur"]]
795
796
797 {{/info}}
798
799 === Renommage des graphiques ===
800
801 Vous l'avez sans doute constaté, les graphiques automatiquement construits présentent des dénominations automatiquement générées, qui sont parfois complexes à comprendre.
802
803 Aussi, dans cette partie, nous allons renommer les graphiques pour qu'ils portent un nom davantage significatif.
804
805 Pour ce faire :
806
807 1. Survolez avec la souris le graphique **Tendance (Date) Taux d'absentéisme.**
808 1. Cliquez sur la **roue crantée** [[image:Roue_crantee2.png||queryString="width=26&height=27" height="27" width="26"]] qui s'affiche en haut à droite.
809 1. Cliquez sur **Renommer** dans le menu contextuel.
810 1. Dans la boite de dialogue **Renommer **qui s'affiche, entrez le nouveau nom : **Evolution du taux d'absentéisme.**
811 1. Cliquez sur **OK **pour valider.
812
813 Vous pouvez également ouvrir la boite **Renommer **en double cliquant sur le titre du graphique.
814
815 [[image:Absenteism_trend_rename_menu_FR.png||alt="Renommer" data-xwiki-image-style-alignment="center"]]
816
817 [[image:Absenteism_trend_rename_FR.png||alt="Renommer" data-xwiki-image-style-alignment="center"]]
818
819 Procédez de même pour renommer :
820
821 * //Jours absentéismes par Service// en **Nombre de jours d'absentéisme par service**
822 * //Jours absentéismes par raison absentéisme //en** Causes d'absentéisme**
823 * //Taux d'absentéisme par Code département// en **Taux d'absentéisme par département**
824
825 === Modification des graphiques déjà construits ===
826
827 Maintenant que votre page commence à prendre forme, qu'elle contient des filtres et que ses graphiques ont des noms porteurs de sens, il est important que les graphiques ne portent pas d'incohérences, et respectent des règles qui peuvent être propres à votre entreprise ou fonctionnement de votre service.
828
829 C'est pourquoi nous avons la possibilité de modifier en profondeur les graphiques déjà construits, toujours depuis l'éditeur.
830
831 Ainsi, nous allons voir ici comment :
832
833 * changer le niveau de la dimension **Date** du graphique **Evolution du taux d'absentéisme** pour afficher les dates au niveau trimestre ;
834 * ajouter un tri sur la mesure pour l'histogramme **Nombre de jours d'absentéisme par service** ;
835 * changer les couleurs de la cartographie du **Taux d'absentéisme par département**.
836
837 (% class="wikigeneratedid" id="HFonctionnementgE9nE9ral-1" %)
838 **Fonctionnement général**
839
840 Tout d'abord, exposons le fonctionnement général de la modification des graphiques déjà créés dans l'éditeur :
841
842 * Au survol de la souris de la zone du graphique, une icône graphique [[image:Icone graphique.png||alt="Icone_graphique"]]apparaît en haut à droite.
843 * Cliquez dessus pour ouvrir l'espace de modification d'un graphique.
844 * Sur cet espace de modification :
845 ** l'espace central présente la prévisualisation des modifications effectuées ;
846 ** la colonne de gauche présente de multiples éléments et options, dont notamment les dimensions et mesures qui pourront être rajoutées ou substituées à chaque graphique ;
847 ** au survol de cette colonne de gauche, une zone de configuration apparaît par dessus l'espace central de prévisualisation :
848 *** c'est ici que l'on pourra rajouter des mesures et des dimensions par glisser-déposer depuis la colonne de gauche ;
849 *** c'est ici encore que l'on pourra modifier la configuration des dimensions et mesures déjà en place ;
850 * Une fois les modifications achevées, il est possible de sauvegarder les changements en cliquant sur le bouton **Enregistrer** [[image:1737715102568-470.png||alt="Enregistrer" height="23" width="24"]] en haut à droite.
851
852 [[image:1737714087410-785.png||data-xwiki-image-style-alignment="center"]]
853
854 [[image:Modify_graph_FR.png]]
855
856
857 (% class="wikigeneratedid" id="HTauxd27absentE9ismepardate:afficherlesdatesauformattrimestre" %)
858 //**Evolution du taux d'absentéisme : afficher les dates au format trimestre**//
859
860 Dans ce premier graphique, nous allons entrer dans le mode modification pour afficher les dates du diagramme en ligne au format trimestre.
861
862 Pour ce faire :
863
864 1. Survolez dans la page de l'éditeur la zone du graphique **Taux d'absentéisme par date.**
865 1. Cliquez sur l'icône (% id="cke_bm_8888S" style="display:none" %) (%%)icône graphique [[image:Icone graphique.png||alt="Icone_graphique"]](% id="cke_bm_8888E" style="display:none" %) (%%)qui apparaît : l'espace de modification de ce graphique s'affiche alors.
866 1. Dans la colonne de gauche, dans la section **Dimensions**, cliquez sur **Date...**
867 1. Repérez le couple hiérarchie/niveau **Mois Année / Trimestre**
868 1. Glissez déposez ce couple hiérarchie/niveau vers l'axe **Abscisse**.
869 1. Sauvegardez la modification à l'aide de l'icône** Enregistrer** en haut à droite 
870 Les dates du graphique s'affichent désormais au format trimestre !
871
872 [[image:Absenteism_trend_quarter_FR.png||alt="Affichage trimestre"]]
873
874 {{info}}
875 **💡 Bon à savoir :** si une dimension voit son nom juxtaposé de "**...**", c'est qu'elle propose une ou plusieurs hiérarchies et vous permet d'en choisir le niveau à afficher dans votre graphique.
876 {{/info}}
877
878 (% class="wikigeneratedid" id="HNombredejoursd27absentE9ismesparservice:colorerl27histogrammeparserviceettrierselonlamesure" %)
879 //**Nombre de jours d'absentéismes par service : trier selon la mesure**//
880
881 Dans ce deuxième graphique, nous allons entrer dans le mode modification du graphique pour définir un tri sur la mesure.
882
883 Pour filtrer sur la mesure Jours d'absentéisme :
884
885 1. Survolez dans la page de l'éditeur la zone du graphique **Nombre de jours d'absentéismes par service**
886 1. Cliquez sur l'icône (% id="cke_bm_8888S" style="display:none" %) (%%)icône graphique [[image:Icone graphique.png||alt="Icone_graphique"]](% id="cke_bm_8888E" style="display:none" %) (%%)qui apparaît : l'espace de modification de ce graphique s'affiche alors.
887 1. Dans la zone de configuration, cliquez-droit sur **Colonne.**
888 1. Dans le menu contextuel qui s'affiche, cliquez sur **Changer le tri **: la boite de dialogue **Ajouter un tri **s'affiche
889
890 [[image:1737715896104-702.png||alt="Changer le tri" data-xwiki-image-style-alignment="center"]]
891
892 (% start="5" %)
893 1. Dans la liste déroulante **Tri**, sélectionnez **Tri décroissant sur la mesure**.
894 1. Dans la liste déroulante **Mesure**, conservez la sélection **Jours d'absentéisme**.
895
896 [[image:Add_sorting_FR.png||alt="Ajout tri" data-xwiki-image-style-alignment="center"]]
897
898 (% start="6" %)
899 1. Cliquez sur **OK** :** **Les colonnes sont maintenant triées du nombre de jours d'absentéisme le plus important au moins important.
900
901 [[image:Editeur_tri_nombre_jours_absenteisme.png||alt="Colonnes_triées" data-xwiki-image-style-alignment="center"]]
902
903 (% start="7" %)
904 1. Sauvegardez la modification à l'aide du bouton **Enregistrer **en haut à droite [[image:1737715102568-470.png||alt="Enregistrer" height="23" width="24"]].
905
906 (% class="wikigeneratedid" id="HTauxd27absentE9ismepardE9partement:changerlescouleursutilisE9es" %)
907 //**Taux d'absentéisme par département : modifier les couleurs utilisées**//
908
909 Nous allons ici entrer dans le mode modification du graphique afin de modifier les couleurs utilisées dans la cartographie. En effet, en l'état actuel, les couleurs affectées par défaut ne permettent pas de différencier les nuances de taux au premier coup d'oeil.
910
911 1. Survolez dans la page de l'éditeur la zone du graphique Taux d'absentéisme par département.
912 1. (((
913 Cliquez sur l'icône (% id="cke_bm_8888S" style="display:none" %) (%%)icône graphique [[image:Icone graphique.png||alt="Icone_graphique"]](% id="cke_bm_8888E" style="display:none" %) (%%)qui apparaît : l'espace de modification de ce graphique s'affiche alors.
914 )))
915 1. Dans la zone de gauche, cliquez sur **Style...**, puis sur **Couleurs... **
916 La boite **Sélectionner la palette de couleurs** s'affiche.
917 Par défaut, la palette de couleurs "Flat Design" est sélectionnée.
918
919 [[image:Change_color_palette_FR.png||alt="Palette de couleurs" data-xwiki-image-style-alignment="center"]]
920
921 (% start="4" %)
922 1. Sélectionnez la palette **Flat Design 04**.
923 1. Cliquez sur **OK **: les couleurs sont modifiées et permettent une meilleure visualisation.
924
925 [[image:Editeur_cartographie_modif_couleurs.png||alt="Cartographie_modif_couleurs" data-xwiki-image-style-alignment="center"]]
926
927 (% start="6" %)
928 1. Sauvegardez ensuite la modification à l'aide du bouton **Enregistrer** [[image:1737715102568-470.png||alt="Enregistrer" height="23" width="24"]] en haut à droite.
929
930 = Étape 5 : Création d'une seconde page de tableau de bord Masse salariale =
931
932 Après avoir créé une première page de notre tableau de bord portant sur l'absentéisme, nous allons désormais créer une seconde page dédiée à la masse salariale.
933
934 Nous verrons ainsi :
935
936 * comment ajouter une nouvelle page ;
937 * comment créer de nouveaux graphiques depuis la source de données ajoutée et modélisée lors des précédentes parties ;
938 * et comment insérer et configurer ces nouveaux graphiques dans la nouvelle page.
939
940 == Ajout d'une nouvelle page et choix d'une disposition ==
941
942 Nous l'avons observé précédemment, la page **Absentéisme** appartient à votre rôle personnel, portant votre nom d'utilisateur. Nous allons ajouter une seconde page, toujours dans ce rôle personnel. Au cours de la création, nous choisirons une disposition pour notre nouvelle page.
943
944 1. Cliquez sur le symbole + à droite de la page **Absentéisme.**
945
946 [[image:1737716923206-469.png||alt="Ajout page" data-xwiki-image-style-alignment="center"]]
947
948 1. La boite **Ajouter une page** s'affiche.
949 1. Saisissez le nom de la page : **Masse salariale**.
950 1. Nous allons maintenant choisir le mode d'affichage de la page: cliquez sur **Modèles... **
951 ➡ La fenêtre **Choix du modèle** s'affiche.
952 1. Pour plus de cohérence avec la page précédente, nous allons choisir la même disposition : cliquez sur **Graphiques + filtres à gauche.**
953
954 [[image:Add_page_dialog_FR.png||alt="Ajout page" data-xwiki-image-style-alignment="center"]]
955
956 (% start="6" %)
957 1. Validez la création de la nouvelle page en cliquant à nouveau sur **OK **dans la boite **Ajouter une page**.
958
959 La nouvelle page **Masse salariale **s'affiche alors.
960
961 == Création des nouveaux graphiques ==
962
963 La nouvelle page **Masse salariale** est désormais créée ! Nous allons maintenant configurer de nouveaux graphiques.
964
965 === Fonctionnement de la création de nouveaux graphiques depuis l'éditeur ===
966
967 Observons qu'à gauche de nos pages, la section **{{glossaryReference glossaryId="Glossary" entryId="Flux"}}Flux{{/glossaryReference}} d'information (Graphiques Existants) **est ouverte et présente les flux d'informations déjà existants.
968
969 Ouvrons le panel en-dessous **Création de nouveaux graphiques **en cliquant dessus. Nous retrouvons un outil de configuration des graphiques similaire à celui pris en main plus tôt dans l'assistant.
970
971 Remarquons que le modèle de données **Données RH historisées **est automatiquement sélectionnée. C'est à partir de ce modèle de données que nous créerons nos nouveaux graphiques portant sur la** masse salariale**.
972
973 [[image:New_page_wages_FR.png||alt="Création graphiques"]]
974
975 === Création du graphique Evolution de la masse salariale par service sur la dernière année ===
976
977 Ce premier graphique, sous forme de tableau, va représenter l'évolution de la masse salariale par service. Nous appliquerons ensuite un filtre pour ne montrer les évolutions de chaque service uniquement sur la dernière année.
978
979 (% class="wikigeneratedid" id="HConfiguration" %)
980 **Configuration**
981
982 1. Dans la section **Création de nouveaux graphiques**, sélectionnez l'option **Type de graphique** si besoin et repérez la sous-section **Tableaux.**
983 1. Sélectionnez** {{glossaryReference glossaryId="Glossary" entryId="Tableau croisé"}}Tableau croisé{{/glossaryReference}}** et faites un glisser-déposer vers le premier rectangle **Glissez et déposez Graphique **en haut à gauche.
984
985 [[image:Add_crosstable_FR.png||alt="Ajout tableau croisé"]]
986
987 La boite **Création d'un nouveau graphique s'affiche**.
988
989 (% start="3" %)
990 1. Entrez le nom du graphique : **Evolution de la masse salariale par service.**
991
992 Dans ce tableau, nous allons représenter, pour chaque service, la masse salariale de l'année précédente, la masse salariale de l'année courante et le taux d'évolution entre ces deux années. Nous aurons donc besoin d'une dimension et de trois mesures pour configurer ce tableau.
993
994 (% start="4" %)
995 1. Dans la liste déroulante **Choisir une dimension**, cochez la dimension **Service**.
996 1. Dans la liste déroulante **Choisir une mesure**, cochez les mesures :
997 1*. **Masse salariale de l'année précédente**
998 1*. **Masse salariale**
999 1*. **Taux d'évolution de la masse salariale**
1000
1001 [[image:Create_new_graph_cross_table_FR.png||data-xwiki-image-style-alignment="center"]]
1002
1003 (% start="6" %)
1004 1. Cliquez sur **Ajouter le graphique** pour valider : le tableau //Evolution de la masse salariale par service// est ajouté à la page de tableau de bord.
1005
1006 [[image:Crosstable_added.png||alt="Evolution masse salariale" data-xwiki-image-style-alignment="center"]]
1007
1008 (% class="wikigeneratedid" id="HFiltrage" %)
1009 **Filtrage**
1010
1011 Nous allons ensuite filtrer ce graphique pour qu'il prenne en compte la dernière année de notre jeu de données. Le filtre que nous allons créer ici sera exclusif à ce graphique et ne sera pas propagé aux autres graphiques.
1012
1013 1. Positionnez le curseur de la souris sur le graphique.
1014 1. Cliquez sur la roue crantée [[image:Roue_crantee2.png||alt="Roue_crantée"]]qui apparaît en haut à droite en haut à droite du graphique.
1015 1. Dans le menu contextuel qui apparaît, cliquez sur **Paramètres** puis **Propriétés : **le panneau **Evolution de la masse salariale par service **s'ouvre alors sur la section **Propriétés **à droite du tableau de bord.
1016 1. En-dessous de **Propriétés**, cliquez sur l'onglet **Filtres**. 
1017 Dans cet onglet, les dimensions filtrables sont affichées : il n'y a pour l'instant aucun filtre configuré.
1018 1. Cliquez sur le filtre **Tous** correspondant à la dimension **Date.**
1019
1020 [[image:Crosstable_filters_FR.png||alt="Filtres" data-xwiki-image-style-alignment="center"]]
1021
1022 La boite de dialogue **Filtre : Date** permettant de configurer le filtre s'affiche.
1023
1024 (% start="6" %)
1025 1. Dans la liste déroulante **Type de filtre**, sélectionnez **Prédéfini.**
1026
1027 (% class="box infomessage" %)
1028 (((
1029 Le type de filtre **Prédéfini** permet de créer un filtre dynamique sur des données temporelles (Date) à partir de la date du jour ou de la dernière date des données.
1030 )))
1031
1032 (% start="7" %)
1033 1. Dans la seconde liste déroulante **Contexte**, sélectionnez **Date max des données.**
1034 1. Dans la dernière liste déroulante **Membre**, sélectionnez **Année.**
1035
1036 [[image:Filter_date_FR.png||alt="Filtre Date" data-xwiki-image-style-alignment="center"]]
1037
1038 (% start="9" %)
1039 1. Cliquez sur  **OK** pour valider : le nouveau graphique est ajouté à la page de tableau de bord.
1040
1041 === Création du graphique Evolution de la masse salariale ===
1042
1043 Nous allons créer maintenant un deuxième graphique, en courbe, qui représentera l'évolution de la masse salariale au fil des années. Pour cela :
1044
1045 1. Dans la section **Création de nouveaux graphiques**, sélectionnez **Recommandations**.
1046 1. Dans la liste de graphiques proposés, sélectionnez [[image:1737726562172-201.png||alt="Analyse de tendance"]]** **et faites un glisser-déposer vers le second rectangle **Glissez et déposez Graphique **en haut à droite. La** **boite **Création d'un nouveau graphique s'affiche**.
1047 1. Entrez le nom du graphique : **Evolution de la masse salariale**.
1048 1. Dans la liste déroulante **Choisir une dimension**, cochez la dimension **Service**.
1049 1. Dans la liste déroulante **Choisir une mesure**, cochez les mesures
1050 1. La dimension est automatiquement fixée sur la **Date**.
1051 1. Dans la liste déroulante **Mesure**, cochez **Masse salariale**.
1052
1053 (% class="wikigeneratedid" %)
1054 [[image:Create_new_graph_trend_analysis_FR.png||alt="Analyse de tendance" data-xwiki-image-style-alignment="center"]]
1055
1056 (% start="6" %)
1057 1. Cliquez sur **Ajouter le graphique **: le nouveau graphique //Evolution de la masse salariale// est ajouté à la page de tableau de bord.
1058
1059 [[image:1737727109027-935.png||alt="Evolution masse salariale" data-xwiki-image-style-alignment="center"]]
1060
1061 === Création du graphique Masse salariale par service ===
1062
1063 Nous allons désormais créer un troisième graphique, en secteurs cette fois, qui représentera la répartition de la masse salariale par service.
1064
1065 1. Dans la section **Création de nouveaux graphiques**, sélectionnez **Type de graphique**.
1066 1. Repérez la sous-section **Comparaison.**
1067 1. Sélectionnez** **[[image:1737726898093-710.png||height="30" width="105"]] et faites un glisser-déposer vers le troisième rectangle **Glissez et déposez Graphique **en bas à gauche.
1068 **~ **La** **boite **Création d'un nouveau graphique s'affiche**.
1069 1. Entrez le nom du graphique : **Masse salariale par service.**
1070 1. Dans la liste déroulante **Choisir une dimension**, cochez **Service**.
1071 1. Dans la liste déroulante **Choisir une mesure**, cochez **Masse salariale**.
1072
1073 [[image:Create_new_graph_pie_FR.png||alt="Masse salariale par service" data-xwiki-image-style-alignment="center"]]
1074
1075 (% start="7" %)
1076 1. Cliquez sur **Ajouter le graphique **: le nouveau graphique //Masse salariale par service// est ajouté à la page de tableau de bord.
1077
1078 [[image:1737727154353-258.png||alt="Masse salariale par service" data-xwiki-image-style-alignment="center"]]
1079
1080 (% class="wikigeneratedid" id="HRenommage-2" %)
1081 (% style="color:inherit; font-family:inherit; font-size:23px" %)Création du graphique Masse salariale par service et par genre
1082
1083 Nous allons enfin créer un quatrième graphique, un histogramme, qui représentera la répartition de la masse salariale par service tout en permettant de représenter la distinction de genre.
1084
1085 (% class="wikigeneratedid" id="HConfiguration-3" %)
1086 **Configuration**
1087
1088 1. Dans la section **Création de nouveaux graphiques**, sélectionnez **Type de graphique**.
1089 1. Repérez la sous-section **Comparaison.**
1090 1. Sélectionnez** **[[image:1737727220182-561.png||alt="Colonnes"]] et faites un glisser-déposer vers le quatrième rectangle **Glissez et déposez Graphique** en bas à droite.
1091 **~ **La** **boite **Création d'un nouveau graphique s'affiche**.
1092 1. Entrez le nom du graphique : **Masse salariale par service et par genre.**
1093 1. Dans la liste déroulante **Choisir une dimension**, cochez **Genre** puis **Service**.
1094 1. Dans la liste déroulante **Choisir une mesure**, cochez **Masse salariale**.
1095
1096 [[image:Create_new_graph_columns_FR.png||alt="Masse salariale par service et par genre" data-xwiki-image-style-alignment="center"]]
1097
1098 (% start="7" %)
1099 1. Cliquez sur **Ajouter le graphique **: le nouveau graphique //Masse salariale par service et par genre// est ajouté à la page de tableau de bord.
1100
1101 [[image:1737727561614-945.png||alt="Masse salariale par service" data-xwiki-image-style-alignment="center"]]
1102
1103 (% class="wikigeneratedid" id="HApplicationd27unepalettedecouleuradE9quate" %)
1104 **Application d'une palette de couleur significative**
1105
1106 Afin de rendre le graphique plus lisible, nous allons appliquer une palette de couleurs plus significative des données. Pour cela :
1107
1108 1. Positionnez le curseur de la souris sur le graphique.
1109 1. (((
1110 Cliquez sur l'icône (% id="cke_bm_8888S" style="display:none" %) (%%)icône graphique [[image:Icone graphique.png||alt="Icone_graphique"]](% id="cke_bm_8888E" style="display:none" %) (%%)qui apparaît en haut à droite : l'espace de modification de ce graphique s'affiche alors.
1111 )))
1112 1. Dans la zone de gauche, cliquez sur **Style...**, puis sur **Couleurs... **: la boite **Sélectionner la palette de couleurs** s'affiche.
1113 1. Sélectionnez la palette de couleurs **Color Gender.**
1114
1115 [[image:Change_color_palette_FR.png||alt="Palette de couleurs" data-xwiki-image-style-alignment="center"]]
1116
1117 Les couleurs de la palette s'appliquent automatiquement et un message d'avertissement s'affiche.
1118 [[image:Warning_message_palette_FR.png||alt="Message d'avertissement" data-xwiki-image-style-alignment="center"]]
1119
1120
1121 (% class="box warningmessage" %)
1122 (((
1123 **Palette de couleurs **: La nouvelle palette de couleurs s'applique automatiquement dans l'espace de modification du graphique mais ce n'est pas forcément le cas dans la page de tableau de bord. L'application de la nouvelle palette de couleurs dans le tableau de bord peut ainsi nécessiter un rafraîchissement de la page de tableau de bord.
1124 )))
1125
1126 [[image:Graph_columns_new_palette_FR.png||alt="Nouvelle palette appliquée"]]
1127
1128 (% start="7" %)
1129 1. Sauvegardez en cliquant sur le bouton **Enregistrer **[[image:1737715102568-470.png||alt="Enregistrer" height="23" width="24"]] en haut à droite : l'espace de modification du graphique se ferme.
1130
1131 == Ajout de filtres ==
1132
1133 Notre page est presque prête. Il nous reste, comme nous l'avons fait auparavant pour la page précédente, à ajouter les dimensions en vue de nous permettre de filtrer en mode consultation.
1134
1135 Pour ce faire :
1136
1137 1. Remarquez sur la colonne de gauche de la page en cours d'édition, les trois rectangles vous invitant à "**Glissez et déposez Dimension".**
1138 Ce sont sur ces trois zones que nous allons insérer nos trois dimensions.
1139 1. Cliquez sur le lien** Dimension **du premier rectangle : la section **Filtres/Variables **s'ouvre dans le bandeau de gauche avec la liste des **Dimensions**.
1140 1. Glissez-déposez la dimension **Date** vers le premier rectangle : les éléments de filtre sur la date s'y affichent alors.
1141 1. Répétez l'opération pour la dimension **Service** et la dimension **Genre **en utilisant les 2 autres rectangles.
1142 1. [[image:1764586134741-871.png]]
1143
1144 Remarquez que la dimension **Date** présente ses membres au format** jour/mois/année.**
1145 Nous allons passer au format année :
1146
1147 1. Survolez avec la souris cette dimension **Date.**
1148 1. Cliquez sur la **roue crantée** [[image:Roue_crantee2.png||queryString="width=26&height=27" height="27" width="26"]] qui s'affiche.
1149 1. Sélectionnez **Propriétés** dans le menu contextuel, puis **Paramètres : ** le panneau **Date **s'ouvre alors sur la section **Propriétés **à droite du tableau de bord.
1150 1. Dans la liste déroulante **Hiérarchie**, sélectionnez **Date.**
1151 1. Dans la liste déroulante **Niveau**, sélectionnez **Année.**
1152 1. Plus bas, dans la liste déroulante de **Type de visualisation, **sélectionnez **Liste horizontale.**
1153
1154 [[image:Date_filter_wages_FR.png||data-xwiki-image-style-alignment="center"]]
1155
1156 (% start="7" %)
1157 1. Cliquez sur **OK.**
1158
1159 = Étape 6 : Visualisation du tableau de bord =
1160
1161 Vous pouvez à présent visualiser le résultat final de votre travail !
1162
1163 Pour cela, comme vu auparavant, cliquez sur le bouton **Accès au tableau de bord **[[image:1737728608403-659.png]] en haut à droite de la fenêtre.
1164
1165 (% class="box infomessage" %)
1166 (((
1167 Si vous n'avez pas enregistré les modifications, l'éditeur vous propose d'enregistrer le tableau de bord.
1168 [[image:Dashboard_acess_message_FR.png||alt="Accès au tableau de bord"]]
1169 Cliquez sur **Enregistrer**.
1170
1171
1172 )))
1173
1174 Vous pouvez alors naviguer sur vos 2 pages de tableau de bord //Absentéisme// et //Masse salariale //et tester notamment l'utilisation des filtres.
1175
1176 [[image:Dashboard_absenteism_FR.png||alt="Page Absentéisme"]]
1177
1178 [[image:Dashboard_wages_FR.png||alt="Page Masse salariale"]]
1179
1180 = Félicitations ! =
1181
1182 Depuis notre fichier Excel, nous avons pu élaborer un véritable tableau de bord grâce à l'Assistant de Création de Tableau de Bord de DigDash Enterprise.
1183
1184 Nous avons vu comment :
1185
1186 * charger un fichier ;
1187 * éditer la configuration des données et modéliser ainsi un modèle de données ;
1188 * configurer des graphiques à partir de ce modèle de données ;
1189 * configurer les pages des tableaux de bord pour ajouter des filtres ;
1190 * modifier la visualisation générée par défaut, en entrant plus en détail dans les paramètres.
1191
1192 == Pour aller plus loin ==
1193
1194 Il est possible d'aller encore plus loin !
1195
1196 Avec le Studio, DigDash Enterprise vous permet de rentrer plus en détail dans la configuration de vos modèles de données, de vous connecter à vos bases de données ou encore de pouvoir joindre ou unir plusieurs sources de données.
1197
1198 N'hésitez pas à entrer en contact avec votre administrateur DigDash Enterprise ou votre contact référent DigDash pour échanger à ce sujet !