Modifié par Aurelie Bertrand le 2023/09/13 15:10

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 = Introduction =
12
13 (% class="box floatinginfobox" %)
14 (((
15
16 )))
17
18 Au cours de ce tutoriel, nous allons découvrir l'**Assistant de Création de tableau de bord**.
19
20 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.
21
22 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.
23
24 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.
25
26 Auparavant, nous allons néanmoins vérifier que les prérequis pour effectuer ce tutoriel sont bien remplis.
27
28 {{info}}
29 Les captures d'écran de ce tutoriel ont été générées à l'aide du navigateur Chrome.
30
31 Selon votre navigateur, certaines présentations peuvent différer légèrement.
32 {{/info}}
33
34 = Prérequis =
35
36 Afin de pouvoir effectuer ce tutoriel, il est requis de :
37
38 * disposer d'une installation de DigDash Enterprise d'une version 2023R1 ou plus récente ;
39 * faire partie en tant qu'utilisateur du groupe d'autorisation "Utilisateur final pour Self-Service BI" ;
40
41 Ces prérequis sont détaillés ci-dessous.
42
43 == (% style="background-color:#ffffff" %)Version DigDash Enterprise (2023R1 ou plus récent)(%%) ==
44
45 (% class="wikigeneratedid" %)
46 Il est nécessaire, pour pouvoir suivre ce tutoriel, d'utiliser une version 2023R1 ou plus récente de DigDash Enterprise.
47
48 Pour connaître la version à laquelle vous accédez actuellement:
49
50 1. Connectez-vous à la page d'accueil DigDash Enterprise comme décrit dans la partie [[Connexion à DigDash Enterprise>>]] de ce tutoriel.
51 1. Explorez la zone blanche en bas à gauche de la page: la version de l'installation en cours d'utilisation y est affichée dans la partie inférieure.
52
53 (% style="text-align:center" %)
54 [[image:Version.png||alt="Version_DigDash"]]
55
56 (% start="3" %)
57 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]].
58
59 (% class="wikigeneratedid" %)
60 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="HConnexionE0l27E9diteurdetableauxdebord"]]de ce tutoriel.
61
62 == (% style="color:inherit; font-family:inherit" %)Groupe d'autorisation "Utilisateur final pour Self-service BI"(%%) ==
63
64 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**".
65
66 Si vous ne disposez pas des droits d'administration, ou en cas de doute, rapprochez-vous de votre administrateur DigDash Enterprise.
67
68 = Récupération du fichier source =
69
70 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]].**
71 Veuillez ainsi cliquer sur le nom du fichier pour le télécharger.
72
73 = Étape 1 : Connexion à l'Éditeur de tableaux de bord =
74
75 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.
76
77 C'est depuis cet éditeur que nous lancerons l'Assistant de Création de tableau de bord.
78
79 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
80
81 == Connexion à DigDash Enterprise ==
82
83 === Connexion à la page d'accueil ===
84
85 Il existe 2 types d'installation de DigDash Enterprise:
86
87 * Une installation en local sur votre ordinateur
88 * Une installation en ligne mise à disposition
89
90 La procédure de connexion diffère selon le type d'installation.
91
92 (% class="wikigeneratedid" id="HConnexiondanslecasd27uneinstallationenlocalsurvotreordinateur" %)
93 **Connexion dans le cas d'une installation en local sur votre ordinateur**
94
95 1. Assurez-vous tout d'abord que votre installation de DigDash Enterprise est déjà démarrée. 
96 1*. Si ce n'est pas le cas :
97 1**. rendez-vous dans le répertoire d'installation de DigDash Enterprise sur votre ordinateur.
98 1**. double-cliquez sur le fichier **start_tomcat.bat** pour l'exécuter.
99 1. Dans le répertoire d'installation de DigDash Enterprise sur votre ordinateur, double-cliquez sur le fichier **home_page.bat** pour l'exécuter : votre navigateur par défaut va s'ouvrir sur la page d'accueil de DigDash Enterprise.
100
101 Vous pouvez également directement suivre le lien suivant depuis votre navigateur : [[http:~~/~~/localhost:8080/>>http://localhost:8080/]]
102
103 (% class="wikigeneratedid" id="HConnexiondanslecasd27uneinstallationenlignemiseE0disposition" %)
104 **Connexion dans le cas d'une installation en ligne mise à disposition**
105
106 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.
107 1*. Ces informations ont du vous être délivrées au préalable par votre administrateur DigDash Enterprise
108 1*. En cas de doute, n'hésitez pas à contacter votre administrateur DigDash Enterprise
109 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.
110
111 === Découverte de la page d'accueil ===
112
113 Une fois l'étape précédente de connexion achevée, la page d'accueil suivante s'affiche dans votre navigateur.
114
115 [[image:page_accueilACTB.png||queryString="width=873&height=534" alt="Page d'accueil"]]
116
117 (% class="wikigeneratedid" %)
118 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.
119
120 (% class="wikigeneratedid" %)
121 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:
122
123 |=(% 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 en bas à gauche 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.
124 La version en cours d'utilisation est également affichée dans la partie inférieure de cette zone.
125 |=(% 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" %)(((
126 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.
127 )))
128 |=(% 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.
129
130 (% class="wikigeneratedid" %)
131 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.
132
133 == Connexion à l'Éditeur de tableaux de bord ==
134
135 1. Depuis la page d'accueil, cliquez sur le bouton **Éditeur de tableaux de bord **: une page de connexion s'ouvre.
136
137 **~ [[image:page conenxion.png||queryString="width=219&height=199" alt="Page de connexion" height="199" width="219"]]**
138
139 (% start="2" %)
140 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.
141 [[image:Editeur tableaux de bord_correction.png||alt="Editeur_tableaux_bord" height="424" width="862"]]
142
143 |=(% 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" %)(((
144 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).
145
146 À votre première connexion, une page nommée **Mon Tableau de Bord **est automatiquement créée dans votre rôle personnel (dans cet exemple : AB). Le rôle personnel porte le nom de l'utilisateur, et seul ce dernier y a accès.
147 )))
148 |=(% 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 :(((
149 * un menu d'aide [[image:Editeur_bouton aide.png||alt="Bouton d'aide"]]
150 * l'assistant de création de tableau de bord [[image:Editeur_bouton assistant.png||alt="Assistant de tableau de bord"]]
151 * le passage au mode consultation du tableau de bord en cours d'édition [[image:Editeur_bouton aperçu.png||queryString="width=25&height=27" alt="Aperçu" height="27" width="25"]]
152 * un bouton d'enregistrement [[image:Editeur_bouton enregistrer.png||alt="Bouton enregistrer"]]
153 * un menu déployable depuis le nom d'utilisateur avec plusieurs options avancées  [[image:Bouton utilisateur.png||queryString="width=131&height=27" alt="Menu utuilisateur" height="27" width="131"]]
154 )))
155 |=(% 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.
156
157 {{info}}
158 Les rôles sont une collection de sources de données et graphiques rattachées à ces sources.​​​
159
160 * Chaque utilisateur dispose d'un rôle personnel créé automatiquement dans DigDash Enterprise.
161 ** C'est dans ce rôle que chaque utilisateur peut réaliser ses graphiques ;
162 ** **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 ; **
163 * 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.
164 {{/info}}
165
166 === Accès à l'Assistant de Tableau de bord ===
167
168 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:dashboard-editor-assistant.svg||queryString="width=22&height=22" height="22" width="22"]] de la barre de menu. Celui-ci s'affiche alors.
169
170 (% style="text-align:center" %)
171 [[image:Assistant_accueil.png||queryString="width=571&height=340" height="340" width="571"]]
172
173 {{info}}
174 **💡 **​​​​​​**Bon à savoir **: Dans l'interface de l'Assistant, des rubriques de couleur bleu sombre sont affichées pour vous guider.
175 ​​​​Dans ces rubriques, les textes en bleu clair peuvent être survolés pour afficher des aides contextuelles.
176
177 [[image:1604042141677-660.png||alt="Exemple d'une rubrique d'aide contextuelle dans l'assistant"]]
178 {{/info}}
179
180 = Étape 2 : Chargement des données et édition du modèle des données =
181
182 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.
183
184 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.
185
186 (% class="box infomessage" %)
187 (((
188 Un **modèle de données **est une représentation intelligente des données brutes dans un langage métier à adapter à l'utilisateur final.
189 DigDash Enterprise détecte les types de données de la source (dimension temporelle ou géographique).
190 )))
191
192 (% class="box errormessage" %)
193 (((
194 **❗​​ ​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**. 
195 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.
196 )))
197
198 == Chargement des données ==
199
200 {{warning}}
201 Dans le cadre de ce tutoriel **nous allons nous appuyer sur le fichier suivant : [[RH_dataset_didacticiel.xlsx>>attach:RH_dataset_didacticiel.xlsx]]**
202
203 * Ce fichier Excel contient un jeu de données factice des ressources humaines d'une entreprise située en Ile de France ;
204 * Ce jeu de données est historisé par mois, et présente également des données géographiques ;
205
206 Si ce n'est déjà fait, veuillez cliquer sur le nom du fichier ci-dessus pour le télécharger.
207 {{/warning}}
208
209 === Sélection du fichier ===
210
211 Pour évoluer dans l'Assistant et créer nos graphiques, trois choix sont proposés à l'ouverture de l'assistant.
212
213 1. Cliquez sur le premier bouton **Sélectionnez un fichier.**
214 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...**
215 Une fenêtre de votre système d'exploitation s'ouvre alors.
216 1. Parcourez vos dossiers jusqu'au dossier dans lequel vous avez enregistré le fichier **RH_dataset_didacticiel.xlsx **;
217 1. Sélectionnez ce fichier et cliquez sur **Ouvrir.**
218
219 (% style="text-align:center" %)
220 [[image:2022R1_editeur_menu_4.jpg||alt="load_dataset_excel.gif"]]
221
222 === Chargement du fichier ===
223
224 Une barre de progression, en vert, se complète pour vous indiquer le chargement correct et complet du fichier téléversé.
225
226 Un message **Chargement terminé** vous confirme le succès du chargement.
227
228 1. Cliquez alors sur le bouton **Continuer**.
229
230 {{info}}
231 **💡 **​​​​​​**Bon à savoir **: si votre fichier Excel contient plusieurs pages, l'Assistant vous proposera automatiquement à partir de quelle page vous souhaitez travailler
232
233 Ici, notre fichier pour ce tutoriel ne contient qu'une seule page, ce choix n'est donc pas proposé par l'Assistant.
234 {{/info}}
235
236 == Édition du modèle des données ==
237
238 Après le chargement du fichier, l'écran de prévisualisation des donnés apparaît.
239
240 Cette étape va nous permettre de mettre en ordre notre modèle de données pour construire au mieux nos premiers graphiques.
241
242 === Prévisualisation des données ===
243
244 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.
245
246 Dans la partie Sélection des données, des options permettent de:
247
248 * choisir la feuille de calcul du fichier Excel qui sera utilisé
249 * choisir la première ligne en tant qu'en-tête de colonne ;
250 * désactiver les colonnes vides ;
251 * d'ignorer un nombre de lignes d'en-tête.
252
253 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.
254
255 Cliquez maintenant sur le deuxième onglet **Configurer le modèle de données.**
256
257 (% style="text-align:center" %)
258 [[image:2022R1_editeur_menu_6.jpg||alt="goto_edit_DM_tab2.gif"]]
259
260 === Configuration du modèle de données ===
261
262 {{error}}
263 **❗​​ ​Attention : **il est **indispensable de suivre cette étape**. Les modifications ne pourront plus s'effectuer après validation de la configuration.
264 {{/error}}
265
266 Dans ce deuxième onglet, nous allons configurer le modèle de données, c'est-à-dire :
267
268 * lui donner un nom ;
269 * vérifier que les colonnes sont bien réparties entre dimensions et mesures ;
270 * au besoin modifier cette pré-assignation ;
271 * ajouter des mesures calculées ;
272 * changer les libellés d'affichage de certaines mesures ou dimensions.
273
274 {{info}}
275 **💡 **​​​​​​**Bon à savoir **:
276
277 * Une **dimension** est une donnée qualitative. Elle est généralement filtrable, explorable (données de temps, géographie...).
278 Dans l'Assistant, **une dimension est symbolisée par ce cube bleu : [[image:dimension.svg||height="22" width="22"]]**
279
280 * Une **mesure** est une donnée quantifiable à représenter. Elle peut être calculée. 
281 Dans l'Assistant, **une mesure est symbolisée par ce boulier bleu : [[image:measure.svg||height="22" width="22"]]**
282 {{/info}}
283
284 (% class="wikigeneratedid" id="HNommagedumodE8lededonnE9es" %)
285 __**Nommage du modèle de données**__
286
287 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**".
288
289 Par défaut, le modèle de données prend le nom du fichier Excel. Pour le renommer :
290
291 1. Saisissez le texte désiré dans le premier champ correspondant au libellé **Nom du modèle de données**.
292
293 (% style="text-align:center" %)
294 [[image:2022R1_editeur_menu_7_1.jpg||alt="rename_DM.gif"]]
295
296 (% class="wikigeneratedid" id="HVE9rificationdesassignationdimensionsetmesures" %)
297 __**Vérification des assignations dimensions et mesures**__
298
299 En dessous du nom du modèle de données, une liste reprend les colonnes du fichier et indique pour chaque colonne :
300
301 * son index (démarrant à 0)
302 * le nom (issu de l'en-tête de colonne identifié)
303 * le type :
304 ** dimension
305 ** dimension géographique
306 ** dimension temporelle
307 ** mesure
308 * et le libellé d'affichage (ou valeur affichée)
309
310 {{info}}
311 **💡 **​​​​​​**Bon à savoir **: une mesure calculant le nombre de lignes est automatiquement créée : il s'agit de la mesure **Row Count** (index 13).
312 {{/info}}
313
314 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 :
315
316 * En **colonne 7**, on observe que le **Code Postal **est identifié comme une mesure et non comme une dimension.
317 ** 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.
318 ** 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.
319 [[image:Assistant_codepostal_type.png]]
320 * 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é.
321 ** Nous pouvons cette fois sélectionner **Mesure** dans la liste déroulante **Type** du panneau des paramètres de la colonne pour corriger cela.
322
323
324 (% class="wikigeneratedid" id="HAjoutdemesurescalculE9es" %)
325 __**Ajout de mesures calculées**__
326
327 Les mesures calculées permettent de créer les mesures que vous souhaitez à partir de mesures du fichier.
328
329 Dans l'assistant, trois types de mesures calculées sont proposées :
330
331 * **fonctions générales** : il s'agit ici de fonctions classiques : 
332 ** calcul d'un pourcentage de progression
333 ** calcul d'un pourcentage du total
334 ** calcul d'un pourcentage d'une mesure
335 ** calcul d'un rang
336 * **transformateurs **: ces fonctions permettent de créer une mesure retournant la valeur de la mesure : 
337 ** du jour - 1
338 ** de la semaine - 1
339 ** du mois - 1
340 ** de l'année - 1
341 * **formule **: cette mesure calculée vous permet d'appliquer vos propres formules arithmétiques sur les mesures disponibles.
342
343 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.
344 Nous allons ici ajouter des mesures calculées en lien avec l'absentéisme et la masse salariale.
345
346 (% class="wikigeneratedid" %)
347 //**Mesure du type formule : Taux d'absentéisme**//
348
349 Nous allons ici créer la mesure calculant le taux d'absentéisme. Cette mesure calculée va reprendre la formule suivante :
350 //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). 
351 Pour créer cette mesure :
352
353 1. Cliquez sur le bouton **Ajouter une mesure calculée** placé au-dessus du panneau de paramètres.
354
355 (% style="text-align:center" %)
356 [[image:2022R1_editeur_menu_10_1.jpg||alt="Edit_DM_ajout_measure_formule.gif"]]
357
358 (% start="2" %)
359 1. Dans la liste déroulante qui apparaît, cliquez sur **Formule...**
360 1. La fenêtre **Editeur de formule** s'affiche alors.
361
362 (% style="text-align:center" %)
363 [[image:2022R1_editeur_menu_11.jpg||queryString="width=285&height=319" alt="Edit_DM_ajout_measure_formule.gif" height="319" width="285"]]
364
365 (% start="4" %)
366 1. Entrez le nom de la nouvelle mesure calculée dans le premier champ : **Taux d'absentéisme.**
367
368 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.
369
370 (% start="5" %)
371 1. Dans notre cas, cliquez sur **Insérer la mesure dans la formule**.
372 1. Choisissez ensuite la mesure **Jours absentéisme **:** **la mesure est ajoutée dans la zone de texte en dessous.
373 1. Avant d'ajouter l'autre mesure, complétez en écrivant : " **/ (30 * **"
374 1. Insérez ensuite la mesure **Nombre de lignes**.
375 1. Terminez en fermant la parenthèse.
376
377 La formule finale doit être la suivante :
378
379 {{code cssClass="notranslate"}}
380 'Jours absentéismes(sum)' / (30 * 'Row Count(sum)')
381 {{/code}}
382
383 (% start="11" %)
384 1. Enfin vous pouvez indiquer le format auquel sera affichée cette formule calculée : choisissez ici le format **Pourcentage (Pourcentage)**.
385
386 (% style="text-align:center" %)
387 [[image:2022R1_editeur_menu_14.jpg||alt="Edit_DM_ajout_measure_formule_change_format.gif"]]
388
389 (% start="12" %)
390 1. Terminez la création de cette mesure en cliquant sur **Ok**.
391
392 La mesure calculée **Taux d'absentéisme** venant d'être créée s'affiche à la fin de la liste des colonnes.
393
394 (% style="text-align:center" %)
395 [[image:2022R1_editeur_menu_15.jpg||alt="Edit_DM_ajout_measure_formule_valider_measure.gif"]]
396
397 (% class="wikigeneratedid" id="HTauxd27absentE9ismedumoisprE9cE9dent28transformateurm-129" %)
398 //**Mesure du type transformateur : Taux d'absentéisme du mois précédent**//
399
400 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.
401
402 1. Cliquez sur le bouton **Ajouter une mesure calculée** placé au-dessus du panneau de paramètres.
403 1. Dans la liste déroulante qui s'affiche, cliquez sur **Transformateurs** puis sur **Mois - 1**.
404
405 (% style="text-align:center" %)
406 [[image:2022R1_editeur_menu_16.jpg||alt="Edit_DM_ajout_measure_transformateur.gif"]]
407
408 (% start="3" %)
409 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**.
410 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. 
411 1*. Ici, choisissez la mesure calculée tout récemment créée : **Taux d'absentéisme**.
412
413 (% style="text-align:center" %)
414 [[image:2022R1_editeur_menu_17.jpg||alt="Edit_DM_ajout_measure_transformateur_create.gif"]]
415
416 (% start="5" %)
417 1. Terminez la création de cette mesure en cliquant sur **Ok.**
418
419 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.
420
421 (% style="text-align:center" %)
422 [[image:2022R1_editeur_menu_18.jpg||alt="Edit_DM_ajout_measure_transformateur_validation.gif"]]
423
424 (% class="wikigeneratedid" id="HTauxd27E9volutiondutauxd27absentE9isme28gE9nE9raledeprogression29" %)
425 //**Mesure du type fonction générale (pourcentage de progression) : Taux d'évolution du taux d'absentéisme**//
426
427 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.
428
429 1. Cliquez sur le bouton **Ajouter une mesure calculée** placé au-dessus du panneau de paramètres.
430 1. Dans la liste déroulante qui s'affiche, cliquez sur **Fonctions générales** puis sur **% Progression**.
431
432 (% style="text-align:center" %)
433 [[image:2022R1_editeur_menu_19.jpg||alt="Edit_DM_ajout_measure_progression.gif"]]
434
435 (% start="3" %)
436 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**.
437
438 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.
439
440 (% start="4" %)
441 1. Dans la liste déroulante **Première mesure**, choisissez **Taux d'absentéisme du mois précédent.**
442 1. Dans la liste déroulante **Deuxième mesure**, choisissez **Taux d'absentéisme.**
443 1. Enfin, dans la liste déroulante **Format**, laissez le choix **Pourcentage **sélectionné par défaut.
444
445 (% style="text-align:center" %)
446 [[image:2022R1_editeur_menu_20.jpg||alt="Edit_DM_ajout_measure_progression_creation.gif"]]
447
448 (% start="7" %)
449 1. Terminez la création de cette mesure en cliquant sur **Ok.**
450
451 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.
452
453
454 (% class="wikigeneratedid" id="HMassesalarialedel27annE9eprE9cE9dente28transformateurn-129" %)
455 //**Mesure du type transformateur : Masse salariale de l'année précédente**//
456
457 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**.
458
459 1. Cliquez sur le bouton **Ajouter une mesure calculée** placé au-dessus du panneau de paramètres.
460 1. Dans la liste déroulante qui s'affiche, cliquez sur **Transformateurs** puis sur **Année - 1.**
461
462 (% style="text-align:center" %)
463 [[image:2022R1_editeur_menu_21.jpg||alt="Edit_DM_ajout_measure_transformation_annee.gif"]]
464
465 (% start="3" %)
466 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**.
467 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. 
468 1*. Ici, choisissez la mesure : **Salaire annuel.**
469
470 (% style="text-align:center" %)
471 [[image:2022R1_editeur_menu_22.jpg||alt="Edit_DM_ajout_measure_transformation_annee_creation.gif"]]
472
473 (% start="5" %)
474 1. Terminez la création de cette mesure en cliquant sur **Ok.**
475
476 La mesure calculée venant d'être créée s'affiche à la fin de la liste des colonnes.
477
478
479 (% class="wikigeneratedid" id="HTauxd27E9volutiondelamassesalariale28gE9nE9raledeprogression29" %)
480 //**Mesure du type fonction générale (pourcentage de progression) : Taux d'évolution de la masse salariale**//
481
482 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**.
483
484 1. Cliquez sur le bouton **Ajouter une mesure calculée** placé au-dessus du panneau de paramètres.
485 1. Dans la liste déroulante qui s'affiche, cliquez sur **Fonctions générales** puis sur **% Progression**.
486 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**.
487
488 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.
489
490 (% start="4" %)
491 1. Dans la liste déroulante **Première mesure**, choisissez **Masse salariale de l'année précédente**.
492 1. Dans la liste déroulante **Deuxième mesure**, choisissez **Salaire annuel**.
493 1. Enfin, dans la liste déroulante **Format**, laissez le choix **Pourcentage, **sélectionné par défaut.
494
495 (% style="text-align:center" %)
496 [[image:2022R1_editeur_menu_24.jpg||alt="Edit_DM_ajout_measure_evolution_masse_salariale_creation.gif"]]
497
498 (% start="7" %)
499 1. Terminez la création de cette mesure en cliquant sur **Ok**.
500
501 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.
502
503 {{info}}
504 **💡 Bon à savoir : **les mesures calculées peuvent se créer directement depuis les mesures déjà existantes :
505
506 1. Positionnez votre curseur sur la ligne de la mesure **Salaire annuel**
507 1. Cliquez sur **Plus...**
508 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.**
509 1. Cliquez sur **Année - 1**
510
511 La fenêtre de création de la mesure apparaît, déjà configurée.
512
513 Dans notre cas, nous avons déjà créé cette mesure, cliquez donc sur **Annuler**.
514
515 (% style="text-align:center" %)
516 [[image:2022R1_editeur_menu_27.jpg||alt="Edit_DM_creation_mesure_depuis_mesure_existante.gif" height="52" width="319"]]
517
518 (% style="text-align:center" %)
519 [[image:Editeur_transformateur contextuel.png||alt="Edit_DM_creation_mesure_depuis_mesure_existante.gif" height="199" width="808"]]
520
521
522 {{/info}}
523
524 (% class="wikigeneratedid" %)
525 Nous avons à présent terminé l'ajout de mesures calculées.
526
527
528 (% class="wikigeneratedid" id="HModificationdeslibellE9sd27affichage" %)
529 __**Modification des libellés d'affichage**__
530
531 Dernière étape de la configuration de notre modèle de données, nous allons maintenant voir comment renommer les identifiants des colonnes.
532
533 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.
534
535 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".
536
537 Nous allons donc d'abord renommer le nom "Salaire annuel" de la colonne 10 en "Masse salariale" :
538
539 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.
540
541 (% style="text-align:center" %)
542 [[image:2022R1_editeur_menu_27.jpg||queryString="width=319&height=52" alt="Edit_DM_changement_libelle_affichage_masse_salariale.gif" height="52" width="319"]]
543
544 (% start="2" %)
545 1. Cliquez sur **Plus...**
546 1. Dans le menu contextuel qui apparaît, cliquez sur** Éditer la valeur affichée**.
547
548 (% style="text-align:center" %)
549 [[image:Assistant_éditer la valeur affichée.png]]
550
551 Le champ contenant la valeur affichée est désormais modifiable.
552
553 (% start="2" %)
554 1. Entrez **Masse salariale**.
555 1. Cliquez n'importe où en dehors du champ pour terminer la saisie.
556
557 (% style="text-align:center" %)
558 [[image:Assistant_valeur affichée éditée2.png]]
559
560
561 Nous pouvons faire de même pour renommer **Code département (ISO) ** en **Code département **:
562
563 (% style="text-align:center" %)
564 [[image:Assistant_valeur affichée éditée_CP.png||alt="Edit_DM_changement_libelle_affichage_code_departement.gif"]]
565
566
567 (% class="wikigeneratedid" id="HValidation" %)
568 __**Validation**__
569
570 Nous sommes arrivés au bout de ces étapes de chargement des données puis configuration du modèle de données.
571
572 Vous pouvez désormais cliquer sur le bouton bleu en bas de la liste des colonnes : **Valider la configuration**.
573
574 (% style="text-align:center" %)
575 [[image:2022R1_editeur_menu_32.jpg||alt="Edit_DM_validation_configuration.gif"]]
576
577 (% class="wikigeneratedid" %)
578 Vous revenez alors sur la page **Résultats d'analyse de vos données**.
579
580
581 = Étape 3 : Création du tableau de bord personnalisé : premiers graphiques =
582
583 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.**
584
585 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.
586
587 (% class="wikigeneratedid" id="HCrE9ationdutableaudebordpersonnalisE9" %)
588 Pour passer à la création du tableau de bord, cliquez sur **Continuer **depuis la page **Résultats d'analyse de vos données**.
589
590 La page **Construisez votre propre tableau de bord** s'affiche alors.
591
592 (% style="text-align:center" %)
593 [[image:Assistant_page_construction_TB.png||queryString="width=744&height=552" height="552" width="744"]]
594
595 Dans cette partie, l'Assistant se découpe en deux parties verticales :
596
597 * **à 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.
598 * **à droite, se trouve la liste des graphiques sélectionnés pour être affichés sur la page de tableau de bord.**
599
600 (% class="wikigeneratedid" id="HFonctionnementgE9nE9ral" %)
601 **Fonctionnement général**
602
603 La préparation des graphiques à afficher sur la page de tableau de bord obéit au fonctionnement suivant :
604
605 1. Choix d'un graphique parmi les graphiques personnalisés ou les graphiques proposés par DigDash Enterprise ;
606 1. Configuration des dimensions et des mesures ;
607 1. Ajout à la liste des graphiques de la page du tableau de bord en cours de création.
608
609 Ce fonctionnement est à répéter autant de fois que l'on souhaite ajouter un graphique au tableau de bord.
610
611 {{info}}
612 **💡 Bon à savoir : **dans cette partie de l'assistant, les graphiques sont répartis en deux catégories :
613
614 * les **graphiques personnalisés** : vous avez la main pour choisir le type de représentation graphique et jusqu'à 3 dimensions et 3 mesures ;
615 * 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.
616 {{/info}}
617
618 == Création des graphiques ==
619
620 Dans un premier temps, nous allons créer et ajouter quatre graphiques relatifs à l'absentéisme dans l'entreprise:
621
622 * Évolution du taux d'absentéisme
623 * Nombre de jours d'absentéisme par service
624 * Causes d'absentéisme
625 * Cartographie : nombre de jours d'absentéisme par département
626
627 (% class="box errormessage" %)
628 (((
629 **❗​​ ​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**.
630 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.
631 )))
632
633 === Création du graphique Évolution du taux d'absentéisme ===
634
635 Dans ce premier graphique, nous allons construire un **graphique en courbes** présentant l'**évolution du taux d'absentéisme dans le temps**.
636
637 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 !
638
639 Pour ce faire :
640
641 1. Dans la liste déroulante **Type de graphique**, sélectionnez **Recommandations.**
642 1. Dans les graphiques proposés, cliquez sur **Analyse de tendance**.
643 Dans la zone de sélection des données qui s'affiche, la dimension est automatiquement fixée sur la **Date**.
644 1. Sélectionnez **Taux d'absentéisme** dans la liste des mesures.
645
646 (% style="text-align:center" %)
647 [[image:Assistant_selectgraph_taux absent.png||alt="Graphique_analyse_tendance"]]
648
649 (% start="4" %)
650 1. Cliquez sur le bouton **Ajouter au tableau de bord**. 
651 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 !
652
653 (% style="text-align:center" %)
654 [[image:Assistant_ajout graphe TB1.png||queryString="width=713&height=325" alt="Ajout_graphique_tableau_bord" height="325" width="713"]]
655
656 {{info}}
657 **💡 Bon à savoir :** il est possible de supprimer un des graphiques déjà ajoutés dans la liste.
658
659 Pour ce faire, cliquez sur la croix associée à ce graphique dans la liste.
660
661 (% style="text-align:center" %)
662 [[image:2022R1_editeur_menu_36.jpg||alt="Premiers_graphiques_exemple_suppression.gif"]]
663
664
665 {{/info}}
666
667 === Création du graphique Nombre de jours d'absentéisme par service ===
668
669 Pour ce deuxième graphique, nous allons construire un **histogramme** présentant **le nombre de jours d'absentéisme par service**.
670
671 Pour ce faire :
672
673 1. Dans la liste déroulante **Type de graphique**, sélectionnez **Comparaison**.
674 1. Dans les graphiques proposés, cliquez sur **Colonnes** pour sélectionner une représentation en colonnes.
675 Une zone de sélection des données s'affiche en-dessous.
676 1. Dans la liste déroulante **Choisir une dimension**, sélectionnez **Service**.
677 1. Dans la liste déroulante **Choisir une mesure**, sélectionnez **Jours d'absentéisme**.
678
679 (% style="text-align:center" %)
680 [[image:Assistant_graph_colonnes.png||queryString="width=293&height=343" alt="Graphe_absenteisme_service" height="343" width="293"]]
681
682 (% start="5" %)
683 1. Cliquez sur le bouton **Ajouter au tableau de bord**.
684 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 !
685
686 (% style="text-align:center" %)
687 [[image:Assistant_ajout graphe TB2b.png||alt="Ajout_graphique_tableau_bord2"]]
688
689 === Création du graphique Causes d'absentéisme ===
690
691 Nous allons à présent construire un **diagramme en secteur** représentant la **répartition des causes d'absentéisme**.
692
693 Pour ce faire :
694
695 1. Dans la liste déroulante **Type de graphique**, sélectionnez **Comparaison**.
696 1. Dans les graphiques proposés, cliquez sur **Secteurs **pour sélectionner une représentation en secteurs.
697 Une zone de sélection des données s'affiche en-dessous.
698 1. Dans la liste déroulante **Choisir une dimension**, sélectionnez **Raison d'absentéisme**.
699 1. Dans la liste déroulante **Choisir une mesure**, sélectionnez **Jours d'absentéisme**.
700
701 (% style="text-align:center" %)
702 [[image:Assistant_graph_secteurs.png||alt="Graphe_causes_absenteisme"]]
703
704 (% start="5" %)
705 1. Cliquez sur le bouton **Ajouter au tableau de bord**.
706 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 !
707
708 (% style="text-align:center" %)
709 [[image:Assistant_ajout graphe TB3.png||alt="Graphe_causes_absenteisme_tableaubord"]]
710
711 === Création d'une cartographie Taux d'absentéisme par département ===
712
713 (% class="wikigeneratedid" id="HCartographie:nombredejoursd27absentE9ismepardE9partement" %)
714 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 !
715
716 Pour ce faire :
717
718 1. Dans la liste déroulante **Type de graphique**, sélectionnez **Recommandations.**
719 1. Dans les graphiques proposés, cliquez sur **Analyse géographique**.
720 1. Dans la zone de sélection des données qui s'affiche, sélectionnez **Code département **dans la liste des dimensions.
721 1. Sélectionnez ensuite **Taux d'absentéisme** dans la liste des mesures.
722
723 (% style="text-align:center" %)
724 [[image:Assistant_graph_cartographie3.png||alt="Cartographie_absenteisme"]]
725
726 (% start="4" %)
727 1. Cliquez sur le bouton **Ajouter au tableau de bord**.
728 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 !
729
730 (% style="text-align:center" %)
731 [[image:Assistant_ajout graphe TB4c.png||alt="Ajout_graphique_tableau_bord4"]]
732
733 == Nommage du tableau de bord ==
734
735 Avant de poursuivre, n'oubliez pas de nommer le tableau de bord.
736
737 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. 
738 Entrez ici **Absentéisme.**
739
740 **[[image:Assistant_nom_TB.png||alt="Nom_tableau_bord"]]**
741
742 == Choix de la disposition ==
743
744 Nous venons de créer 4 graphiques, qui seront les graphiques du tableau de bord **Absentéisme**.
745
746 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.
747
748 En bas de la liste des graphiques à insérer dans la page en cours de création, remarquez "**Disposition sélectionnée : Automatique"**.
749
750 (% style="text-align:center" %)
751 [[image:Assistant_disposition_auto.png||alt="Disposition_auto"]]
752
753 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. 
754 Tout en haut, le premier choix est **Automatique **: c'est DigDash Enterprise qui s'occupera de toute la logique d'agencement. 
755 En bas de ce premier choix, vous pouvez orienter la disposition automatisé en fonction de vos préférences.
756
757 Remarquez les différents symboles dans les zones de disposition: elles correspondent au contenu qui y sera automatiquement ajouté :
758
759 * graphique
760 * dimensions pour filtrage
761 * éléments filtrés
762
763 1. Sélectionnez ici a disposition **Graphiques + filtres à gauche**.
764 1. Fermez la liste déroulante à l'aide de la croix en haut à droite.
765 1. La** Disposition sélectionnée  **est alors mise à jour avec: **Graphiques + Filtres à gauche.**
766
767 (% style="text-align:center" %)
768 [[image:Assistant_disposition_graphiques_filtres_gauche.png||alt="Disposition_graphiques_filtresgauche"]]
769
770 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.
771
772 Cliquez sur **Terminer et construire le tableau de bord **en bas à droite de la fenêtre **Assistant de création de tableau de bord :**
773
774 * L'**Assistant de création de tableau **de bord se ferme.
775 * Le modèle de données est sauvegardé.
776 * 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.
777
778 = Étape 5 : Finalisation de la page de tableau de bord Absentéisme =
779
780 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".
781
782 Aussi, cette partie du tutoriel va nous montrer comment peaufiner la page que nous venons juste de créer. nous verrons notamment :
783
784 * comment ajouter des dimensions en guise de filtres ;
785 * comment modifier les graphiques déjà construits ;
786 * comment renommer et accéder aux propriétés des graphiques.
787
788 Cette partie sera donc aussi l'occasion de nous familiariser davantage avec l'éditeur.
789
790 == Retour dans l'Éditeur de tableaux de bord ==
791
792 Dans la partie précédente, nous avons configuré les premiers graphiques.
793
794 Ils sont désormais disposés dans votre première page de tableau de bord, que vous consultez maintenant dans l'éditeur.
795
796 [[image:Editeur_decouverte_a.png||alt="Editeur_decouverte"]]
797
798 Observons plusieurs choses en suivant les éléments numérotés ci-dessus :
799
800 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 AB.
801
802 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).
803
804 1. La section **Flux d'information (Graphiques existants)** est ouverte :
805 1*. cette section contient tous les graphiques que nous venons de créer à l'étape précédente ;
806 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 ;
807 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 ;
808 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.
809 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.**
810 Cette bascule vers la consultation vous permet également de sauvegarder les modifications effectuées dans l'éditeur.
811
812 Passons maintenant à la finalisation de cette première page dédiée à l'absentéisme.
813
814 == Finalisation de la page ==
815
816 === Ajout de filtres ===
817
818 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.
819
820 Pour ce faire :
821
822 1. Remarquez sur la colonne de gauche de la page en cours d'édition, les trois rectangles vous invitant à "**Glissez et déposez Dimension".**
823 Ce sont sur ces trois zones que nous allons insérer nos trois dimensions.
824 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**.
825 1. Glissez-déposez la dimension **Date** vers le premier rectangle : les éléments de filtre sur la date s'y affichent alors.
826 1. Répétez l'opération pour la dimension **Service** et la dimension **Genre **en utilisant les 2 autres rectangles.
827
828 (% style="text-align:center" %)
829 [[image:Editeur_ajout_filtres.png||queryString="width=599&height=634" alt="Ajout_filtres" height="634" width="599"]]
830
831 {{info}}
832 💡 **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.  [[image:Astérisque.png]]
833 {{/info}}
834
835 Remarquez que la dimension **Date** présente ses membres au format** jour/mois/année.**
836 Pour passer au format année :
837
838 1. Survolez avec la souris cette dimension **Date.**
839 1. Cliquez sur la **roue crantée** [[image:Roue_crantee2.png||queryString="width=26&height=27" height="27" width="26"]] qui s'affiche.
840 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.
841
842 (% style="text-align:center" %)
843 [[image:2022R1_editeur_menu_48.jpg||queryString="width=490&height=340" alt="Finalisation_modification_format_affichage_dimension_date.gif" height="340" width="490"]]
844
845 (% start="4" %)
846 1. Dans la liste déroulante **Hiérarchie**, sélectionnez **Date.**
847 1. Dans la liste déroulante **Niveau**, sélectionnez **Année.**
848 1. Plus bas, dans la liste déroulante de **Type de visualisation, **sélectionnez **Liste horizontale.**
849
850 (% style="text-align:center" %)
851 [[image:Editeur_proprietes_date.png||queryString="width=430&height=488" alt="Proprietes_date" height="488" width="430"]]
852
853 (% start="4" %)
854 1. Cliquez sur **OK.**
855
856 {{info}}
857 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 !
858
859 **Comment revenir directement dans l'éditeur depuis le mode de consultation ?**
860
861 1. Cliquez sur votre nom d'utilisateur.
862 1. Dans le menu contextuel qui s'affiche, cliquez sur **Editeur.**
863
864 (% style="text-align:center" %)
865 [[image:2022R1_editeur_menu_50.jpg||alt="Finalisation_back_to_editor.gif"]]
866
867 (% style="text-align:center" %)
868 [[image:2022R1_editeur_menu_51.jpg||alt="Finalisation_back_to_editor.gif"]]
869 {{/info}}
870
871 === Renommage des graphiques ===
872
873 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.
874
875 Aussi, dans cette partie, nous allons renommer les graphiques pour qu'ils portent un nom davantage significatif.
876
877 Pour ce faire :
878
879 1. Survolez avec la souris le graphique **Tendance (Date) Taux d'absentéisme.**
880 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.
881 1. Cliquez sur **Renommer** dans le menu contextuel.
882 1. Dans la boite de dialogue **Renommer **qui s'affiche, entrez le nouveau nom : **Evolution du taux d'absentéisme par date.**
883 1. Cliquez sur **OK **pour valider.
884
885 Vous pouvez également ouvrir la boite **Renommer **en double cliquant sur le titre du graphique.
886
887 (% style="text-align:center" %)
888 [[image:Editeur_parametres_renommer.png||queryString="width=491&height=281" alt="Editeur_parametres_renommer" height="281" width="491"]]
889
890 * (((
891 **~ **
892 )))
893
894 (% style="text-align:center" %)
895 [[image:Boite_renommer_graphique2.png]]
896
897 Procédez de même pour renommer :
898
899 * //Jours absentéismes par Service// en **Nombre de jours d'absentéisme par service**
900 * //Jours absentéismes par raison absentéisme //en** Causes d'absentéisme**
901 * //Taux d'absentéisme par Code département// en **Taux d'absentéisme par département**
902
903 === Modification des graphiques déjà construits ===
904
905 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.
906
907 C'est pourquoi nous avons la possibilité de modifier en profondeur les graphiques déjà construits, toujours depuis l'éditeur.
908
909 Ainsi, nous allons voir ici comment :
910
911 * changer le niveau de la dimension **Date** du graphique **Evolution du taux d'absentéisme** pour afficher les dates au niveau trimestre ;
912 * changer les couleurs des colonnes de l'histogramme **Nombre de jours d'absentéisme par service** pour que chaque service porte une couleur différente ;
913 * changer les couleurs de la cartographie du **Taux d'absentéisme par département**.
914
915 (% class="wikigeneratedid" id="HFonctionnementgE9nE9ral-1" %)
916 **Fonctionnement général**
917
918 Tout d'abord, exposons le fonctionnement général de la modification des graphiques déjà créés dans l'éditeur :
919
920 * 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.
921 * Cliquez dessus pour ouvrir l'espace de modification d'un graphique.
922 * Sur cet espace de modification :
923 ** l'espace central présente la prévisualisation des modifications effectuées ;
924 ** 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 ;
925 ** au survol de cette colonne de gauche, une zone de configuration apparaît par dessus l'espace central de prévisualisation :
926 *** c'est ici que l'on pourra rajouter des mesures et des dimensions par glisser-déposer depuis la colonne de gauche ;
927 *** c'est ici encore que l'on pourra modifier la configuration des dimensions et mesures déjà en place ;
928 * Une fois les modifications achevées, il est possible de sauvegarder les changements en cliquant sur le bouton **Enregistrer** [[image:save-round.svg||queryString="width=22&height=22" height="22" width="22"]]en haut à droite.
929
930 (% style="text-align:center" %)
931 [[image:Editeur_modification_garphique.png||alt="Eisteur_modification_graphique"]]
932
933
934 (% style="text-align:center" %)
935 [[image:2022R1_editeur_menu_55.jpg||alt="Finalisation_principe_edition.gif"]]
936
937
938 (% class="wikigeneratedid" id="HTauxd27absentE9ismepardate:afficherlesdatesauformattrimestre" %)
939 //**Evolution du taux d'absentéisme : afficher les dates au format trimestre**//
940
941 Dans ce premier graphique, nous allons entrer dans le mode modification pour afficher les dates du diagramme en ligne au format trimestre.
942
943 Pour ce faire :
944
945 1. Survolez dans la page de l'éditeur la zone du graphique **Taux d'absentéisme par date.**
946 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.
947 1. Dans la colonne de gauche, dans la section **Dimensions**, cliquez sur **Date...**
948 1. Repérez le couple hiérarchie/niveau **Mois Année / Trimestre**
949 1. Glissez déposez ce couple hiérarchie/niveau vers la zone de configuration X
950 1. Sauvegardez la modification à l'aide de l'icône adéquate en haut à droite 
951 Les dates du graphique s'affichent désormais au format trimestre !
952
953 (% style="text-align:center" %)
954 [[image:2022R1_editeur_menu_56.jpg||alt="Finalisation_edition_graphique_ligne_format_date.gif"]]
955
956 {{info}}
957 **💡 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.
958 {{/info}}
959
960 (% class="wikigeneratedid" id="HNombredejoursd27absentE9ismesparservice:colorerl27histogrammeparserviceettrierselonlamesure" %)
961 //**Nombre de jours d'absentéismes par service : trier selon la mesure**//
962
963 Dans ce deuxième graphique, nous allons entrer dans le mode modification du graphique pour définir un filtre sur la mesure.
964
965 Pour filtrer sur la mesure Jours d'absentéisme :
966
967 1. Survolez dans la page de l'éditeur la zone du graphique **Nombre de jours d'absentéismes par service**
968 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.
969 1. Dans la zone de configuration, cliquez-droit sur **Colonne.**
970 1. Dans le menu contextuel qui s'affiche, cliquez sur **Changer le tri **: la boite de dialogue **Ajouter un tri **s'affiche
971
972 (% style="text-align:center" %)
973 [[image:Editeur_colonne_changer_tri.png||queryString="width=284&height=351" alt="Editeur_changer_tri" height="351" width="284"]]
974
975 (% start="5" %)
976 1. Dans la liste déroulante **Tri**, sélectionnez **Tri décroissant sur la mesure**.
977 1. Dans la liste déroulante **Mesure**, conservez la sélection **Jours d'absentéisme**.
978
979 (% style="text-align:center" %)
980 [[image:Editeur_boite_ajouter_tri2.png||alt="Boite_ajouter_tri"]]
981
982 (% start="6" %)
983 1. Cliquez sur **OK** :** **Les colonnes sont maintenant triées du nombre de jours d'absentéisme le plus important au moins important.
984
985 (% style="text-align:center" %)
986 [[image:Editeur_tri_nombre_jours_absenteisme.png||alt="Colonnes_triées"]]
987
988 (% start="7" %)
989 1. Sauvegardez la modification à l'aide du bouton **Enregistrer **en haut à droite [[image:Editeur_bouton_enregistrer.png||alt="Bouton_enregistrer"]].
990
991 (% class="wikigeneratedid" id="HTauxd27absentE9ismepardE9partement:changerlescouleursutilisE9es" %)
992 //**Taux d'absentéisme par département : modifier les couleurs utilisées**//
993
994 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.
995
996 1. Survolez dans la page de l'éditeur la zone du graphique Taux d'absentéisme par département.
997 1. (((
998 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.
999 )))
1000 1. Dans la zone de gauche, cliquez sur **Style...**, puis sur **Couleurs... **
1001 La boite **Sélectionner la palette de couleurs** s'affiche.
1002 Par défaut, la palette de couleurs "Flat Design" est sélectionnée.
1003
1004 (% style="text-align:center" %)
1005 [[image:Editeur_selection_palette_couleurs.png||queryString="width=433&height=397" alt="Selectionner_palette_couleurs" height="397" width="433"]]
1006
1007 (% start="4" %)
1008 1. Sélectionnez la palette **Flat Design 04**.
1009 1. Cliquez sur **OK **: les couleurs sont modifiées et permettent une meilleure visualisation.
1010
1011 (% style="text-align:center" %)
1012 [[image:Editeur_cartographie_modif_couleurs.png||alt="Cartographie_modif_couleurs"]]
1013
1014 (% start="6" %)
1015 1. Sauvegardez ensuite la modification à l'aide du bouton **Enregistrer** [[image:Editeur_bouton enregistrer.png]]en haut à droite.
1016
1017 = Étape 6 : Création d'une seconde page de tableau de bord Masse salariale =
1018
1019 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.
1020
1021 Nous verrons ainsi :
1022
1023 * comment ajouter une nouvelle page ;
1024 * comment créer de nouveaux graphiques depuis la source de données ajoutée et modélisée lors des précédentes parties ;
1025 * et comment insérer et configurer ces nouveaux graphiques dans la nouvelle page.
1026
1027 == Ajout d'une nouvelle page et choix d'une disposition ==
1028
1029 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.
1030
1031 1. Cliquez sur le symbole [[image:14-plus.png||queryString="width=22&height=22" height="22" width="22"]]à droite de la page **Absentéisme.**
1032
1033 (% style="text-align:center" %)
1034 [[image:Editeur_ajout_page.png||alt="Ajout_page"]]
1035
1036 1. La boite **Ajouter une page** s'affiche.
1037 1. Saisissez le nom de la page : **Masse salariale**.
1038 1. Nous allons maintenant choisir un mode de conception de la page : dans la liste déroulante **Mode d'affichage**, cliquez sur **Modèles... **
1039
1040 (% style="text-align:center" %)
1041 [[image:Editeur_boite_ajouter_page.png||alt="Ajouter_page"]]
1042
1043 (% start="3" %)
1044 1. La fenêtre **Modèles** s'affiche.
1045 1. Pour plus de cohérence avec la page précédente, nous allons choisir la même disposition : cliquez sur **Graphiques + filtres à gauche.**
1046 1. Validez ce choix en cliquant sur **OK.**
1047
1048 (% style="text-align:center" %)
1049 [[image:2022R1_editeur_menu_64.jpg||alt="Seconde_page_creation_nouvelle_page.gif"]]
1050
1051 (% start="6" %)
1052 1. Puis validez la création de la nouvelle page en cliquant à nouveau sur **OK **dans la boite **Ajouter une page**.
1053
1054 La nouvelle page **Masse salariale **s'affiche alors.
1055
1056 == Création des nouveaux graphiques ==
1057
1058 La nouvelle page **Masse salariale** est désormais créée ! Nous allons maintenant configurer de nouveaux graphiques.
1059
1060 === Fonctionnement de la création de nouveaux graphiques depuis l'éditeur ===
1061
1062 Observons qu'à gauche de nos pages, la section **Flux d'information (Graphiques Existants) **est ouverte et présente les flux d'informations déjà existants.
1063
1064 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.
1065
1066 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**.
1067
1068 [[image:Editeur_page_masse_salariale.png||alt="Page_masse_salariale"]]
1069
1070 === Création du graphique Evolution de la masse salariale par service sur la dernière année ===
1071
1072 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.
1073
1074 (% class="wikigeneratedid" id="HConfiguration" %)
1075 **Configuration**
1076
1077 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.**
1078 1. Sélectionnez** [[image:Editeur_graphique_tableau.png||alt="Sélection_tableau"]]** et faites un glisser-déposer vers le premier rectangle **Glissez et déposez Graphique **en haut à gauche.
1079
1080 (% style="text-align:center" %)
1081 [[image:Editeur_glisser_deposer_tableau.png||alt="Glisser_deposer_tableau"]]
1082
1083
1084 La boite **Création d'un nouveau graphique s'affiche**.
1085
1086 (% start="3" %)
1087 1. Entrez le nom du graphique : **Evolution de la masse salariale par service.**
1088
1089 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.
1090
1091 (% start="4" %)
1092 1. Dans la liste déroulante **Choisir une dimension**, cochez la dimension **Service**.
1093 1. Dans la liste déroulante **Choisir une mesure**, cochez les mesures :
1094 1*. **Masse salariale de l'année précédente**
1095 1*. **Masse salariale**
1096 1*. **Taux d'évolution de la masse salariale**
1097
1098 (% style="text-align:center" %)
1099 [[image:Editeur_creation_nouveau_graphique_tableau.png||alt="Creation_nouveau_tableau"]]
1100
1101 (% start="6" %)
1102 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.
1103
1104 (% style="text-align:center" %)
1105 [[image:Tableau_evolution_masse_salariale_service.png||alt="Tableau_evolution_salariale"]]
1106
1107 (% class="wikigeneratedid" id="HFiltrage" %)
1108 **Filtrage**
1109
1110 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.
1111
1112 1. Positionnez le curseur de la souris sur le graphique.
1113 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.
1114 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.
1115 1. En-dessous de **Propriétés**, cliquez sur l'onglet **Filtres**. 
1116 Dans cet onglet, les dimensions filtrables sont affichées : il n'y a pour l'instant aucun filtre configuré.
1117 1. Cliquez sur le filtre **Tous** correspondant à la dimension **Date.**
1118
1119 (% style="text-align:center" %)
1120 [[image:Editeur_filtre_date.png]]
1121
1122 La boite de dialogue **Filtre : Date** permettant de configurer le filtre s'affiche.
1123
1124 (% start="6" %)
1125 1. Dans la liste déroulante **Type de filtre**, sélectionnez **Prédéfini.**
1126
1127 (% class="box infomessage" %)
1128 (((
1129 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.
1130 )))
1131
1132 (% start="7" %)
1133 1. Dans la seconde liste déroulante **Contexte**, sélectionnez **Date max des données.**
1134 1. Dans la dernière liste déroulante **Membre**, sélectionnez **Année.**
1135
1136 (% style="text-align:center" %)
1137 [[image:Boite_filtre_date.png||alt="Boite_filtre_date"]]
1138
1139 (% start="9" %)
1140 1. Cliquez sur  **OK** pour valider : le nouveau graphique est ajouté à la page de tableau de bord.
1141
1142 === Création du graphique Evolution de la masse salariale ===
1143
1144 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 :
1145
1146 1. Dans la section **Création de nouveaux graphiques**, sélectionnez **Recommandations**.
1147 1. Dans la liste de graphiques proposés, sélectionnez **[[image:Bouton_analyse_tendance.png||alt="Bouton_analyse_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**.
1148 1. Entrez le nom du graphique : **Evolution de la masse salariale**.
1149 1. Dans la liste déroulante **Choisir une dimension**, cochez la dimension **Service**.
1150 1. Dans la liste déroulante **Choisir une mesure**, cochez les mesures
1151 1. La dimension est automatiquement fixée sur la **Date**.
1152 1. Dans la liste déroulante **Mesure**, cochez **Masse salariale**.
1153
1154 (% class="wikigeneratedid" style="text-align:center" %)
1155 [[image:Editeur_creation_analyse_tendance_config.png||alt="Boite_creation_nouveau_graphique"]]
1156
1157 (% start="6" %)
1158 1. Cliquez sur **Ajouter le graphique **: le nouveau graphique //Evolution de la masse salariale// est ajouté à la page de tableau de bord.
1159
1160 (% style="text-align:center" %)
1161 [[image:Editeur_graphique_analyse_tendance.png||alt="Graphique_evolution_masse_salariale"]]
1162
1163 === Création du graphique Masse salariale par service ===
1164
1165 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.
1166
1167 1. Dans la section **Création de nouveaux graphiques**, sélectionnez **Type de graphique**.
1168 1. Repérez la sous-section **Comparaison.**
1169 1. Sélectionnez** [[image:Bouton_secteurs.png||alt="Bouton_secteurs"]]** et faites un glisser-déposer vers le troisième rectangle **Glissez et déposez Graphique **en bas à gauche.
1170 **~ **La** **boite **Création d'un nouveau graphique s'affiche**.
1171 1. Entrez le nom du graphique : **Masse salariale par service.**
1172 1. Dans la liste déroulante **Choisir une dimension**, cochez **Service**.
1173 1. Dans la liste déroulante **Choisir une mesure**, cochez **Masse salariale**.
1174
1175 (% style="text-align:center" %)
1176 [[image:Editeur_creation_nouveau_graphique_secteurs.png||alt="Creation_nouveau_graphique_secteurs"]]
1177
1178 (% start="7" %)
1179 1. Cliquez sur **Ajouter le graphique **: le nouveau graphique //Masse salariale par service// est ajouté à la page de tableau de bord.
1180
1181 (% style="text-align:center" %)
1182 [[image:Editeur_graphique_secteurs.png||alt="Graphique_secteurs"]]
1183
1184 (% class="wikigeneratedid" id="HRenommage-2" %)
1185 (% style="color:inherit; font-family:inherit; font-size:23px" %)Création du graphique Masse salariale par service et par genre
1186
1187 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.
1188
1189 (% class="wikigeneratedid" id="HConfiguration-3" %)
1190 **Configuration**
1191
1192 1. Dans la section **Création de nouveaux graphiques**, sélectionnez **Type de graphique**.
1193 1. Repérez la sous-section **Comparaison.**
1194 1. Sélectionnez** [[image:Bouton_colonnes.png||alt="Bouton_graphique_colonnes"]]** et faites un glisser-déposer vers le quatrième rectangle **Glissez et déposez Graphique** en bas à droite.
1195 **~ **La** **boite **Création d'un nouveau graphique s'affiche**.
1196 1. Entrez le nom du graphique : **Masse salariale par service et par genre.**
1197 1. Dans la liste déroulante **Choisir une dimension**, cochez **Genre** puis **Service**.
1198 1. Dans la liste déroulante **Choisir une mesure**, cochez **Masse salariale**.
1199
1200 (% style="text-align:center" %)
1201 [[image:Editeur_creation_nouveau_graphique_colonnes2.png||alt="Creation_nouveau_graphique_colonnes"]]
1202
1203 (% start="7" %)
1204 1. Cliquez sur **Ajouter le graphique **: le nouveau graphique //Masse salariale par service et par genre// est ajouté à la page de tableau de bord.
1205
1206 (% style="text-align:center" %)
1207 [[image:Editeur_graphique_colonnes2.png||alt="Editeur_graphique_colonnes"]]
1208
1209 (% class="wikigeneratedid" id="HApplicationd27unepalettedecouleuradE9quate" %)
1210 **Application d'une palette de couleur significative**
1211
1212 Afin de rendre le graphique plus lisible, nous allons appliquer une palette de couleurs plus significative des données. Pour cela :
1213
1214 1. Positionnez le curseur de la souris sur le graphique.
1215 1. (((
1216 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.
1217 )))
1218 1. Dans la zone de gauche, cliquez sur **Style...**, puis sur **Couleurs... **: la boite **Sélectionner la palette de couleurs** s'affiche.
1219 1. Sélectionnez la palette de couleurs **Color Gender.**
1220
1221 (% style="text-align:center" %)
1222 [[image:Editeur_selection_palette_couleurs_gender.png||alt="Selection_palette_color_gender"]]
1223
1224 Les couleurs de la palette s'appliquent automatiquement et un message d'avertissement s'affiche.
1225
1226 (% style="text-align:center" %)
1227 [[image:Message_rafraichissement_palette.png||alt="Message_rafraichissmeent_palette"]]
1228
1229 (% class="box warningmessage" %)
1230 (((
1231 **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.
1232 )))
1233
1234 (% style="text-align:center" %)
1235 [[image:Editeur_modification_graphique_colonnes_genre.png||alt="Graphique_colonnes_genre"]]
1236
1237 (% start="7" %)
1238 1. Sauvegardez en cliquant sur le bouton **Enregistrer [[image:Editeur_bouton enregistrer.png||alt="Bouton_enregistrer"]]**en haut à droite : l'espace de modification du graphique se ferme.
1239
1240 == Ajout de filtres ==
1241
1242 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.
1243
1244 Pour ce faire :
1245
1246 1. Remarquez sur la colonne de gauche de la page en cours d'édition, les trois rectangles vous invitant à "**Glissez et déposez Dimension".**
1247 Ce sont sur ces trois zones que nous allons insérer nos trois dimensions.
1248 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**.
1249 1. Glissez-déposez la dimension **Date** vers le premier rectangle : les éléments de filtre sur la date s'y affichent alors.
1250 1. Répétez l'opération pour la dimension **Service** et la dimension **Genre **en utilisant les 2 autres rectangles.
1251
1252 (% style="text-align:center" %)
1253 [[image:Editeur_ajout_filtres_masse_salariale.png||alt="Filtres_masse_salariale"]]
1254
1255 Remarquez que la dimension **Date** présente ses membres au format** jour/mois/année.**
1256 Nous allons passer au format année :
1257
1258 1. Survolez avec la souris cette dimension **Date.**
1259 1. Cliquez sur la **roue crantée** [[image:Roue_crantee2.png||queryString="width=26&height=27" height="27" width="26"]] qui s'affiche.
1260 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.
1261
1262 (% style="text-align:center" %)
1263 [[image:2022R1_editeur_menu_48.jpg||queryString="width=490&height=340" alt="Finalisation_modification_format_affichage_dimension_date.gif" height="340" width="490"]]
1264
1265 (% start="4" %)
1266 1. Dans la liste déroulante **Hiérarchie**, sélectionnez **Date.**
1267 1. Dans la liste déroulante **Niveau**, sélectionnez **Année.**
1268 1. Plus bas, dans la liste déroulante de **Type de visualisation, **sélectionnez **Liste horizontale.**
1269
1270 (% style="text-align:center" %)
1271 [[image:Editeur_proprietes_date.png||queryString="width=430&height=488" alt="Proprietes_date" height="488" width="430"]]
1272
1273 (% start="4" %)
1274 1. Cliquez sur **OK.**
1275
1276 = Étape 7 : Visualisation du tableau de bord =
1277
1278 Vous pouvez à présent visualiser le résultat final de votre travail !
1279
1280 Pour cela, comme vu auparavant, cliquez sur le bouton **Accès au tableau de bord [[image:Editeur_bouton aperçu.png||alt="Bouton_aperçu"]]**en haut à droite de la fenêtre.
1281
1282 (% class="box infomessage" %)
1283 (((
1284 Si vous n'avez pas enregistré les modifications, l'éditeur vous propose d'enregistrer le tableau de bord.
1285
1286 (% style="text-align:center" %)
1287 [[image:Boite_enregistrer_TB.png||alt="Boite_enregistrer_TB"]]
1288
1289 Cliquez sur **Enregistrer**.
1290 )))
1291
1292 Vous pouvez alors naviguer sur vos 2 pages de tableau de bord //Absentéisme// et //Masse salariale //et tester notamment l'utilisation des filtres.
1293
1294 [[image:Dashboard_absenteisme.png||alt="Dashboard_absenteisme"]]
1295
1296 [[image:Dashboard_masse_salariale.png||alt="Dashboard_masse_salariale"]]
1297
1298 = Félicitations ! =
1299
1300 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.
1301
1302 Nous avons vu comment :
1303
1304 * charger un fichier ;
1305 * éditer la configuration des données et modéliser ainsi un modèle de données ;
1306 * configurer des graphiques à partir de ce modèle de données ;
1307 * configurer les pages des tableaux de bord pour ajouter des filtres ;
1308 * modifier la visualisation générée par défaut, en entrant plus en détail dans les paramètres.
1309
1310 == Pour aller plus loin ==
1311
1312 Il est possible d'aller encore plus loin !
1313
1314 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.
1315
1316 N'hésitez pas à entrer en contact avec votre administrateur DigDash Enterprise ou votre contact référent DigDash pour échanger à ce sujet !