Modifié par jhurst le 2022/09/15 09:25
Masquer les derniers auteurs
jhurst 3.1 1 {{info}}
2 ⏱ Ce tutoriel est prévu pour être suivi de manière autonome **en deux heures.**
3 {{/info}}
4
5
6 {{ddtoc/}}
7
8 ----
9
10 = Introduction =
11
12 Au cours de ce tutoriel, nous allons découvrir l'**Assistant de Création de tableau de bord**.
13
14 Incluse dans l'éditeur de tableaux de bord, cette fonctionnalité permet de créer simplement et rapidement vos graphiques depuis votre fichier de données, sans aucune étape intermédiaire.
15
16 A partir d'un jeu de données illustratif des ressources humaines d'une entreprise de l'Ile de France, 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.
17
18 {{info}}
19 Les captures d'écran de ce tutoriel ont été générées à l'aide du navigateur Chrome.
20
21 Selon votre navigateur, certaines présentations peuvent différer légèrement.
22 {{/info}}
23
24 = Pré-requis =
25
26 Afin de pouvoir effectuer ce tutoriel, il est requis de :
27
28 * disposer d'une installation de DigDash Enterprise d'une version 2022R1 ou plus récente ;
29 * faire partie en tant qu'utilisateur du groupe d'autorisation "Utilisateur final pour Self-Service BI" ;
30
31 Cette partie revient sur ces deux pré-requis.
32
33 == Pré-requis 1 : DigDash Enterprise (2022R1 ou plus récent) ==
34
35 (% class="wikigeneratedid" id="HInstallation" %)
36 **Installation**
37
38 * Dans le cas où vous devez effectuer vous-même l'installation, rapprochez-vous de votre administrateur ou de votre contact, et suivez [[ce tutoriel>>doc:Digdash.user_guide.tutorials.tutorial.WebHome]] pour effectuer l'installation. Rendez-vous ensuite à la partie [[Connexion >>||anchor="HConnexionE0l27E9diteurdetableauxdebord"]]de ce tutoriel.
39 * Dans le cas où vous disposez déjà d'un lien pour vous connecter à une installation DigDash Enterprise, ainsi que d'identifiants de connexion, rendez-vous directement à la partie [[Connexion >>||anchor="HConnexionE0l27E9diteurdetableauxdebord"]]de ce tutoriel
40
41 (% class="wikigeneratedid" id="HVersion" %)
42 **Version**
43
44 * Il est nécessaire, pour pouvoir suivre ce tutoriel, d'utiliser une version 2022R1 ou plus récente de DigDash Enterprise
45 * Pour connaître la version à laquelle vous accédez actuellement, rendez-vous à l'adresse qui vous a été communiquée par votre administrateur DigDash.
46 * Dans la page qui s'affiche, en bas à gauche, dans la zone blanche, vous pouvez prendre connaissance de la version de l'installation en cours d'utilisation.
47
48 (% style="text-align:center" %)
49 [[image:2022R1_adminconsole_1.jpg||alt="verifier_version.gif"]]
50
51 == Pré-requis 2 : groupe d'autorisation "Utilisateur final pour Self-service BI" ==
52
53 * Pour pouvoir utiliser la fonctionnalité d'Assistant à la 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**".
54 * Si vous ne disposez pas des droits d'administration, ou en cas de doute, rapprochez-vous de votre administrateur DigDash Enterprise.
55
56 = Connexion à l'éditeur de tableaux de bord =
57
58 Une fois les pré-requis de la partie précédente vérifiés, nous pouvons désormais passer à la connexion à l'Editeur de tableaux de bord.
59
60 C'est depuis cet éditeur que nous lancerons l'Assistant de Création de tableau de bord.
61
62 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'Editeur de tableaux de bord
63
64 == Connexion à DigDash Enterprise ==
65
66 === Connexion à la page d'accueil ===
67
68 (% class="wikigeneratedid" id="HConnexiondanslecasd27uneinstallationenlocalsurvotreordinateur" %)
69 **Connexion dans le cas d'une installation en local sur votre ordinateur**
70
71 * Premièrement, assurez-vous que votre installation de DigDash Enterprise est déjà démarrée. 
72 ** Si ce n'est pas le cas :
73 *** rendez-vous dans le répertoire d'installation de DigDash Enterprise sur votre ordinateur.
74 *** double-cliquez sur le fichier **start_tomcat.bat** pour l'éxecuter.
75 * Double-cliquez sur le fichier **home_page.bat** pour l'éxecuter : votre navigateur par défaut va s'ouvrir la page d'accueil de DigDash Enterprise.
76 * Vous pouvez également directement suivre le lien suivant depuis votre navigateur : [[http:~~/~~/localhost:8080/>>http://localhost:8080/]]
77
78 (% class="wikigeneratedid" id="HConnexiondanslecasd27uneinstallationenlignemiseE0disposition" %)
79 **Connexion dans le cas d'une installation en ligne mise à disposition**
80
81 * Premièrement, assurez-vous de disposer de l'adresse internet de l'installation DigDash Enterprise ainsi que de votre nom d'utilisateur et votre mot de passe.
82 ** Ces informations ont du vous être délivrées au préalable par votre administrateur DigDash Enterprise
83 ** En cas de doute, n'hésitez pas à contacter votre administrateur DigDash Enterprise
84 * Rendez-vous, à l'aide de votre navigateur internet, à l'adresse qui vous a été communiquée.
85
86 === Découverte de la page d'accueil ===
87
88 * Une fois l'étape précédente de connexion achevée, vous voyez apparaître dans votre navigateur la page suivante :
89
90 (% style="text-align:center" %)
91 [[image:2022R1_adminconsole_2.jpg||alt="admin_console.png"]]
92
93 (% class="wikigeneratedid" id="HAideaccessibledepuislapaged27accueil" %)
94 **Aide accessible depuis la page d'accueil**
95
96 * Une rubrique de documentation est présente dans l'encart triangulaire blanc en bas à gauche ;
97 * Au sein de cet encart, vous pourrez retrouver au besoin les différentes documentations.
98
99 (% style="text-align:center" %)
100 [[image:2022R1_adminconsole_3.jpg||alt="adminconsole_encart_documentation.gif"]]
101
102 (% class="wikigeneratedid" id="HMenudelaconsoled27administration" %)
103 **Menu de la page d'accueil**
104
105 (% class="wikigeneratedid" id="HDashBoard" %)
106 //DashBoard//
107
108 (% style="text-align:center" %)
109 [[image:2022R1_adminconsole_4.jpg||alt="bouton_dashboard.png"]]
110
111 * Cet élément du menu vous permet d'accéder aux tableaux de bord déjà réalisées par vous ou votre équipe.
112 * C'est depuis ce menu que vous pourrez visualiser le tableau de bord construit dans l'assistant.
113 * C'est ici que se connecteront les utilisateurs finaux.
114
115 (% class="wikigeneratedid" id="HEditeurdetableauxdebord" %)
116 //Editeur de tableaux de bord//
117
118 (% style="text-align:center" %)
119 [[image:2022R1_adminconsole_5.jpg||alt="bouton_editor.png"]]
120
121 * Cet élément du menu vous permet d'accéder à l'édition de tableau de bord.
122 * Dans ce tutoriel, nous nous concentrerons principalement sur cette partie de DigDash Enterprise
123
124 (% class="wikigeneratedid" id="HAutresE9lE9mentsdumenu" %)
125 //Autres éléments du menu//
126
127 * Vous l'aurez remarqué, la page d'accueil contient deux autres menus: Configuration, Web Studio ;
128 * Ces menus couvrent des fonctionnalités et des éléments de configuration avancée qui ne sont pas couverts par ce tutoriel.
129
130 == Accès à l'éditeur de tableaux de bord ==
131
132 === Connexion à l'éditeur ===
133
134 * Depuis la page d'accueil cliquez sur le bouton "**Editeur de tableaux de bord**"
135 * Une page de connexion s'ouvre ;
136 * Entrez votre nom d'utilisateur et votre mot de passe.
137
138 (% style="text-align:center" %)
139 [[image:2022R1-login.png||alt="dashboardEditor_connexion.gif"]]
140
141 (% class="wikigeneratedid" id="HDE9couvertedel27E9diteur" %)
142 **Découverte de l'éditeur**
143
144 (% class="wikigeneratedid" id="HBarresupE9rieure" %)
145 //Barre supérieure//
146
147 La barre supérieure de l'éditeur de tableaux de bord présente différentes fonctionnalités et options :
148
149 * un menu d'aide
150 * l'assistant de création de tableau de bord
151 * le passage au mode consultation du tableau de bord en cours d'édition
152 * un menu extensible depuis le nom d'utilisateur avec plusieurs options avancées
153
154 (% style="text-align:center" %)
155 [[image:2022R1_editeur_menu_1.jpg||alt="dashboardEditor_bandeauSuperieur.gif"]]
156
157 (% class="wikigeneratedid" id="HRF4lesetpages" %)
158 //Rôles et pages//
159
160 * Dans l'espace central sont présentées les pages du tableau de bord ;
161 * A votre première connexion, une page nommée "Mon Tableau de Bord" est automatiquement créée ;
162 * La liste des rôles est présentée au dessus de la liste des pages ;
163
164 (% style="text-align:center" %)
165 [[image:2022R1_editeur_menu_2.jpg||alt="dashboardEditor_rolesEtPages.gif"]]
166
167 {{info}}
168 Les rôles sont une collection de sources de données et graphiques rattachés à ces sources.​​​​
169
170 * Chaque utilisateur dispose d'un rôle personnel, créé automatiquement dans DigDash Enterprise ;
171 ** C'est dans ce rôle que chaque utilisateur peut réaliser ses graphiques ;
172 ** Seul vous pouvez accéder et modifier ces sources et graphiques
173 ** **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 ; **
174 * 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
175 {{/info}}
176
177 * Chaque page du tableau de bord est rattachée à un rôle :
178 ** ainsi, la page "Mon Tableau de Bord" appartient au rôle "admin" ;
179 ** ce rôle est personnel : il porte le nom de l'utilisateur, et seul ce dernier y a accès ;
180
181 (% class="wikigeneratedid" id="HAccE8sE0l27Assistant" %)
182 //Accès à l'Assistant//
183
184 * Depuis l'éditeur de tableaux de bord, dans le bandeau supérieur, cliquez sur l'icône [[image:dashboard-editor-assistant.svg||queryString="width=22&height=22" height="22" width="22"]] ;
185 * L'Assistant s'ouvre alors ;
186
187 = Chargement des données et édition du modèle des données =
188
189 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.
190
191 La première étape sera de charger les données. Dans un second temps, nous éditerons le modèle afin de configurer de nouvelles mesures et de nous assurer de disposer du modèle adéquat pour réaliser nos premiers graphiques
192
193 {{info}}
194 **💡 **​​​​​​**Bon à savoir **: Dans l'interface de l'Assistant, des rubriques de couleur bleu sombre sont affichées pour vous guider.
195 ​​​​Dans ces rubriques, les textes en bleu clair peuvent être survolés pour afficher des aides contextuelles.
196
197 [[image:1604042141677-660.png||alt="Exemple d'une rubrique d'aide contextuelle dans l'assistant"]]
198 {{/info}}
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ée par mois, et présente également des données géographiques ;
205 {{/warning}}
206
207 == Génération du modèle des données ==
208
209 === Sélection du fichier ===
210
211 * Pour évoluer dans l'Assistant et créer nos graphiques, nous disposons de trois possibilités: 
212 ** Choisir un fichier local ;
213 ** Sélectionner un modèle de données créé précédemment ;
214 ** Utiliser une source de démonstration ;
215 * Ces trois choix nous sont proposés à l'ouverture de l'assistant ;
216 * Cliquez sur **Sélectionnez un fichier  **puis choisissez **Depuis un fichier sur votre ordinateur** **;**
217 * Une fenêtre de votre système d'exploitation s'ouvre alors;
218 * Parcourez vos dossiers jusqu'au dossier dans lequel vous avez enregistré le fichier **RH_dataset_didacticiel.xlsx **;
219 * Sélectionnez ce fichier et cliquez sur **Ouvrir** ;
220
221 (% style="text-align:center" %)
222 [[image:2022R1_editeur_menu_3.jpg||alt="load_dataset_excel.gif"]]
223
224 (% style="text-align:center" %)
225 [[image:2022R1_editeur_menu_4.jpg||alt="load_dataset_excel.gif"]]
226
227 === Chargement du fichier ===
228
229 * La barre de progression, en vert, se complète pour vous indiquer le chargement correct et complet du fichier télé-versé ;
230 * Un message **Chargement terminé** vous confirme le succès du chargement ;
231 * Cliquez alors sur le bouton bleu en bas : **Continuer**
232
233 {{info}}
234 **💡 **​​​​​​**Bon à savoir **: si votre fichier Excel contient plusieurs pages, l'Assistant vous proposera automatiquement à partir de quelle page vous souhaitez travailler
235
236 Ici, notre fichier pour ce tutoriel ne contient qu'une seule page, ce choix n'est donc pas proposé par l'Assistant.
237 {{/info}}
238
239 === Edition du modèle des données ===
240
241 * Après le chargement du fichier, l'écran de pré-visualisation des donnés apparait
242
243 Cette étape va nous permettre de mettre en ordre notre modèle de données pour construire au mieux nos premiers graphiques.
244
245 === Prévisualisation des données ===
246
247 * Dans l'onglet de pré-visualisation des données qui s'affiche, cliquez sur le bouton **Editer le modèle de données** afin de passer en mode édition
248 * Des options vous permettent : 
249 ** de choisir la feuille de calcul du fichier Excel qui sera utilisé
250 ** de choisir la première ligne en tant qu'en-tête de colonne ;
251 ** de désactiver les colonnes vides ;
252 ** et d'ignorer un nombre de lignes d'en-tête.
253 * Ici, avec notre fichier, tout est d'ores et déjà pré-configuré du fait de l'analyse menée lors du chargement par DigDash Enterprise pour proposer une pré-configuration optimale.
254 * Cliquez maintenant sur le deuxième onglet **Configurer le modèle de données**
255
256 (% style="text-align:center" %)
257 [[image:2022R1_editeur_menu_6.jpg||alt="goto_edit_DM_tab2.gif"]]
258
259 === Configuration du modèle de données ===
260
261 {{error}}
262 **❗​​ ​Attention : **il est **indispensable de suivre cette étape**. Les modifications ne pourront plus s'effectuer après validation de la configuration.
263 {{/error}}
264
265 * Dans ce deuxième onglet, nous allons configurer le modèle de données, c'est à dire : 
266 ** lui donner un nom ;
267 ** vérifier que les colonnes sont bien réparties entre dimensions et mesures ;
268 ** au besoin modifier cette pré-assignation ;
269 ** ajouter des mesures calculées ;
270 ** changer les libellés d'affichage de certaines mesures ou dimensions.
271
272 {{info}}
273 **💡 **​​​​​​**Bon à savoir **:
274
275 * Une **dimension** est composée d'un ensemble de membres finis possiblement organisés selon une ou plusieurs hiérarchies. 
276 Dans l'Assistant, **une dimension est symbolisée par ce cube bleu : [[image:dimension.svg||height="22" width="22"]]**
277
278 * Une **mesure** est une quantité à représenter qui peut être calculée. 
279 Dans l'Assistant, **une mesure est symbolisée par ce boulier bleu : [[image:measure.svg||height="22" width="22"]]**
280 {{/info}}
281
282 (% class="wikigeneratedid" id="HNommagedumodE8lededonnE9es" %)
283 **Nommage du modèle de données**
284
285 * 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**" ;
286 * Par défaut, le modèle de données prend le nom du fichier Excel
287 * Pour le renommer, saisissez le texte désiré dans le premier champ correspondant au libellé **Nom du modèle de données**.
288
289 (% style="text-align:center" %)
290 [[image:2022R1_editeur_menu_7_1.jpg||alt="rename_DM.gif"]]
291
292 (% class="wikigeneratedid" id="HVE9rificationdesassignationdimensionsetmesures" %)
293 **Vérification des assignations dimensions et mesures**
294
295 * En dessous du nom du modèle de données, une liste reprend les colonnes du fichier et indique pour chaque colonne :
296 ** son index (démarrant à 0)
297 ** le nom (issu de l'en-tête de colonne identifié)
298 ** le type :
299 *** dimension
300 *** dimension géographique
301 *** dimension temporelle
302 *** mesure
303 ** et le libellé d'affichage (ou valeur affichée)
304
305 {{info}}
306 **💡 **​​​​​​**Bon à savoir **: une mesure calculant le nombre de lignes est automatiquement créée : il s'agit de la mesure **Row Count** (index 13).
307 {{/info}}
308
309 * Parcourons la liste des colonnes :
310 ** en colonne 7, on observe que le Code Postal est identifié comme une mesure et non comme une dimension
311 *** 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
312 *** pour corriger cet impair, nous pouvons sélectionner **Dimension **sur le panneau de droite correspondant aux propriétés de la dimension Code Postal
313 [[image:2022R1_editeur_menu_8.jpg||alt="Edit_DM_change_measure_to_dimension.gif"]]
314 ** 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é
315 *** on peut cette fois sélectionner **Mesure** dans la liste déroulante associée à la colonne pour corriger cela 
316 [[image:2022R1_editeur_menu_9.jpg||alt="Edit_DM_change_dimension_to_measure.gif"]]
317
318
319 (% class="wikigeneratedid" id="HAjoutdemesurescalculE9es" %)
320 **Ajout de mesures calculées**
321
322 * Les mesures calculées vous permettent de créer les mesures que vous souhaitez à partir des mesures du fichier.
323 * Dans l'assistant, trois types de mesures calculées sont proposées :
324 ** **fonctions générales** : il s'agit ici de fonctions classiques : 
325 *** calcul d'un pourcentage de progression
326 *** calcul d'un pourcentage du total
327 *** calcul d'un pourcentage d'une mesure
328 *** calcul d'un rang
329 ** **transformateurs **: ces fonctions permettent de créer une mesure retournant la valeur de la mesure : 
330 *** du jour - 1
331 *** de la semaine - 1
332 *** du mois - 1
333 *** de l'année - 1
334 ** **formule **: cette mesure calculée vous permet d'appliquer vos propres formules arithmétiques sur les mesures disponibles.
335 * Nous allons voir ensemble comment créer une ou plusieurs mesures de chacun de ces trois types
336 * Ces mesures pourront ensuite être intégrées comme toutes les autres mesures et dimensions dans les graphiques à l'étape suivante.
337
338 (% class="wikigeneratedid" id="HTauxd27absentE9isme28formule29" %)
339 **//Taux d'absentéisme (formule)//**
340
341 Nous allons ici créer la mesure calculant le taux d'absentéisme.
342
343 Cette mesure calculée va reprendre la formule suivante : //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).
344
345 * A droite du tableau récapitulant les colonnes de notre modèle de données, cliquer sur le bouton **Ajouter une mesure calculée** ;
346 * Une liste apparaît alors au dessus du bouton ;
347 * Cliquez sur **Formule...** ;
348 * La fenêtre **Editeur de formule** s'affiche alors ;
349
350 (% style="text-align:center" %)
351 [[image:2022R1_editeur_menu_10_1.jpg||alt="Edit_DM_ajout_measure_formule.gif"]]
352
353 (% style="text-align:center" %)
354 [[image:2022R1_editeur_menu_11.jpg||alt="Edit_DM_ajout_measure_formule.gif"]]
355
356 * Indiquez d'abord le nom de la nouvelle mesure calculée en cours de création dans le premier champ : **Taux d'absentéisme** ;
357
358 (% style="text-align:center" %)
359 [[image:2022R1_editeur_menu_12.jpg||alt="Edit_DM_ajout_measure_formule_name_measure.gif"]]
360
361 * 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** : 
362 ** Vous pouvez ajouter les mesures et les dimensions en les sélectionnant dans les listes déroulantes correspondantes à chacune des catégories ;
363 *** Dans notre cas, cliquez sur **Insérer la mesure dans la formule**
364 *** Choisissez ensuite la mesure **Jours absentéismes**
365 *** La mesure est ajoutée dans la zone de texte en dessous.
366 *** Avant d'ajouter l'autre mesure, complétez en écrivant : " **/ (30 * **"
367 *** Puis insérez ensuite la mesure **Nombre de lignes**
368 *** **Terminez en fermant la parenthèse**
369 ** La formule finale doit être la suivante :
370
371 {{code cssClass="notranslate"}}
372 'Jours absentéismes(sum)' / (30 * 'Row Count(sum)')
373 {{/code}}
374
375
376 (% style="text-align:center" %)
377 [[image:2022R1_editeur_menu_13_1.jpg||alt="Edit_DM_ajout_measure_formule_write_formula.gif"]]
378
379 * Enfin vous pouvez indiquer le format auquel sera affichée cette formule calculée. 
380 ** Ici, choisissez le format **Pourcentage (Pourcentage)**.
381
382 (% style="text-align:center" %)
383 [[image:2022R1_editeur_menu_14.jpg||alt="Edit_DM_ajout_measure_formule_change_format.gif"]]
384
385 * Terminez la création de cette mesure en cliquant sur **Ok**
386 * La mesure calculée **Taux d'absentéisme** venant d'être créée s'affiche à la fin de la liste des colonnes.
387
388 (% style="text-align:center" %)
389 [[image:2022R1_editeur_menu_15.jpg||alt="Edit_DM_ajout_measure_formule_valider_measure.gif"]]
390
391 (% class="wikigeneratedid" id="HTauxd27absentE9ismedumoisprE9cE9dent28transformateurm-129" %)
392 //**Taux d'absentéisme du mois précédent (transformateur m-1)**//
393
394 Nous allons maintenant 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.
395
396 * A droite du tableau récapitulant les colonnes de notre modèle de données, cliquez sur le bouton **Ajouter une mesure calculée** ;
397 * Une liste apparaît alors en dessous du bouton ;
398 * Cliquez sur **Transformateurs** puis sur **Mois - 1** ;
399 * La fenêtre **Mois - 1** s'affiche alors ;
400
401 (% style="text-align:center" %)
402 [[image:2022R1_editeur_menu_16.jpg||alt="Edit_DM_ajout_measure_transformateur.gif"]]
403
404 * Indiquez d'abord le nom de la nouvelle mesure calculée en cours de création dans le premier champ : **Taux d'absentéisme du mois précédent** ;
405 * Dans la liste déroulante **Mesure source**, choisissez la mesure sur laquelle on veut appliquer le transformateur pour obtenir la valeur du mois précédent de cette mesure source. 
406 ** Ici, choisissez la mesure calculée tout récemment créée : **Taux d'absentéisme**
407
408 (% style="text-align:center" %)
409 [[image:2022R1_editeur_menu_17.jpg||alt="Edit_DM_ajout_measure_transformateur_create.gif"]]
410
411 * Terminez la création de cette mesure en cliquant sur **Ok**
412 * 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.
413
414 (% style="text-align:center" %)
415 [[image:2022R1_editeur_menu_18.jpg||alt="Edit_DM_ajout_measure_transformateur_validation.gif"]]
416
417 (% class="wikigeneratedid" id="HTauxd27E9volutiondutauxd27absentE9isme28gE9nE9raledeprogression29" %)
418 //**Taux d'évolution du taux d'absentéisme (pourcentage de progression)**//
419
420 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.
421
422 * A droite du tableau récapitulant les colonnes de notre modèle de données, cliquer sur le bouton **Ajouter une mesure calculée** ;
423 * Une liste apparaît alors en dessous du bouton ;
424 * Cliquez sur **Fonctions générales** puis sur **% Progression** ;
425 * La fenêtre **% Progression** s'affiche alors ;
426
427 (% style="text-align:center" %)
428 [[image:2022R1_editeur_menu_19.jpg||alt="Edit_DM_ajout_measure_progression.gif"]]
429
430 * Indiquez d'abord le nom de la nouvelle mesure calculée en cours de création dans le premier champ : **Taux d'évolution du taux d'absentéisme** ;
431 * 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. 
432 ** Ici, dans la liste déroulante correspondant à **Première mesure**, choisissez **Taux d'absentéisme du mois précédent**
433 ** Dans la liste déroulante correspondant à **Deuxième mesure**, choisissez **Taux d'absentéisme**
434 ** Enfin, dans la liste déroulante correspondant à **Format**, laissez le choix **Pourcentage, **sélectionné par défaut
435 * Terminez la création de cette mesure en cliquant sur **Ok**
436 * 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.
437
438 (% style="text-align:center" %)
439 [[image:2022R1_editeur_menu_20.jpg||alt="Edit_DM_ajout_measure_progression_creation.gif"]]
440
441 (% class="wikigeneratedid" id="HMassesalarialedel27annE9eprE9cE9dente28transformateurn-129" %)
442 //**Masse salariale de l'année précédente (transformateur n-1)**//
443
444 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**.
445
446 * A droite du tableau récapitulant les colonnes de notre modèle de données, cliquez sur le bouton **Ajouter une mesure calculée** ;
447 * Une liste apparaît alors en dessous du bouton ;
448 * Cliquez sur **Transformateurs** puis sur **Année - 1** ;
449 * La fenêtre **Editeur de formule** s'affiche alors ;
450
451 (% style="text-align:center" %)
452 [[image:2022R1_editeur_menu_21.jpg||alt="Edit_DM_ajout_measure_transformation_annee.gif"]]
453
454 * Indiquez d'abord le nom de la nouvelle mesure calculée en cours de création dans le premier champ : **Masse salariale de l'année précédente** ;
455 * Dans la liste déroulante **Mesure source**, choisissez la mesure sur laquelle on veut appliquer le transformateur pour obtenir la valeur du mois précédent de cette mesure source. 
456 ** Ici, choisissez la mesure : **Salaire annuel**
457 * Terminez la création de cette mesure en cliquant sur **Ok**
458 * La mesure calculée venant d'être créée s'affiche à la fin de la liste des colonnes.
459
460 (% style="text-align:center" %)
461 [[image:2022R1_editeur_menu_22.jpg||alt="Edit_DM_ajout_measure_transformation_annee_creation.gif"]]
462
463 (% class="wikigeneratedid" id="HTauxd27E9volutiondelamassesalariale28gE9nE9raledeprogression29" %)
464 //**Taux d'évolution de la masse salariale (générale de progression)**//
465
466 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**.
467
468 * A droite du tableau récapitulant les colonnes de notre modèle de données, cliquer sur le bouton **Ajouter une mesure calculée** ;
469 * Une liste apparaît alors en dessous du bouton ;
470 * Cliquez sur **Fonctions générales** puis sur **% Progression** ;
471 * La fenêtre **% Progression** s'affiche alors ;
472
473 (% style="text-align:center" %)
474 [[image:2022R1_editeur_menu_23.jpg||alt="Edit_DM_ajout_measure_evolution_masse_salariale.gif"]]
475
476 * Indiquez d'abord le nom de la nouvelle mesure calculée en cours de création dans le premier champ : **Taux d'évolution de la masse salariale** ;
477 * 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. 
478 ** Ici, dans la liste déroulante correspondant à **Première mesure**, choisissez **Masse salariale de l'année précédente**
479 ** Dans la liste déroulante correspondant à **Deuxième mesure**, choisissez **Salaire annuel**
480 ** Enfin, dans la liste déroulante correspondant à **Format**, laissez le choix **Pourcentage, **sélectionné par défaut
481 * Terminez la création de cette mesure en cliquant sur **Ok**
482 * 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.
483
484 (% style="text-align:center" %)
485 [[image:2022R1_editeur_menu_24.jpg||alt="Edit_DM_ajout_measure_evolution_masse_salariale_creation.gif"]]
486
487 {{info}}
488 **💡 Bon à savoir : **les mesures calculées peuvent se créer directement depuis les mesures déjà existantes :
489
490 * positionnez votre curseur sur la ligne de la mesure **Salaire annuel**
491 * cliquez sur **Plus...**
492 * dans le menu contextuel qui s'affiche, positionnez la souris sur **Créez une mesure calculée à partir de 'Salaire annuel'**​​​​​, puis sur **Transformateurs**
493 * cliquez sur **Année - 1**
494 * la fenêtre de création de la mesure apparaît, déjà configurée
495 * dans notre cas, nous avons déjà créé cette mesure, cliquez donc sur **Annuler**
496
497 (% style="text-align:center" %)
498 [[image:2022R1_editeur_menu_27.jpg||alt="Edit_DM_creation_mesure_depuis_mesure_existante.gif"]]
499
500 (% style="text-align:center" %)
501 [[image:2022R1_editeur_menu_26.jpg||alt="Edit_DM_creation_mesure_depuis_mesure_existante.gif"]]
502
503
504 {{/info}}
505
506 (% class="wikigeneratedid" id="HModificationdeslibellE9sd27affichage" %)
507 **Modification des libellés d'affichage**
508
509 * Dernière étape de la configuration de notre modèle de données, nous allons maintenant voir comment renommer les identifiants des colonnes.
510 * En effet, issus des colonnes du fichier Excel, ces identifiants peuvent être peu représentatifs de votre domaine métier, ou peu parlant, etc.
511 * Il est donc tout à fait possible de les renommer pour permettre un affichage limpide dans les graphiques.
512
513 * Dans l'exemple en présence que nous suivons au cours de ce tutoriel, on constate 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".
514 * Nous allons donc d'abord renommer le nom "Salaire annuel" de la colonne 10 en "Masse salariale" :
515 ** Passez la souris sur la ligne de la colonne 10 "Salaire annuel".
516 ** La ligne se colore en gris et un lien **Plus...** apparaît.
517 ** Cliquez sur **Plus...**
518 ** Dans le menu contextuel qui apparaît, cliquez sur **Editer la valeur affichée**
519 ** Le champ contenant la valeur affichée est désormais modifiable. Saisir **Masse salariale**.
520 ** Cliquez n'importe où en dehors du champ pour terminer la saisie.
521
522 (% style="text-align:center" %)
523 [[image:2022R1_editeur_menu_27.jpg||alt="Edit_DM_changement_libelle_affichage_masse_salariale.gif"]]
524
525
526 (% style="text-align:center" %)
527 [[image:2022R1_editeur_menu_28.jpg||alt="Edit_DM_changement_libelle_affichage_masse_salariale.gif"]]
528
529 (% style="text-align:center" %)
530 [[image:2022R1_editeur_menu_29.jpg||alt="Edit_DM_changement_libelle_affichage_masse_salariale.gif"]]
531
532 Nous pouvons faire de même pour renommer **Code département (ISO) ** en **Code département **:
533
534 (% style="text-align:center" %)
535 [[image:2022R1_editeur_menu_30.jpg||alt="Edit_DM_changement_libelle_affichage_code_departement.gif"]]
536
537 (% class="wikigeneratedid" id="HValidation" %)
538 **Validation**
539
540 Nous sommes arrivés au bout de ces étapes de chargement des données puis configuration du modèle de données.
541
542 Vous pouvez désormais cliquer sur le bouton bleu en bas de la liste des colonnes : **Valider la configuration**.
543
544 (% style="text-align:center" %)
545 [[image:2022R1_editeur_menu_32.jpg||alt="Edit_DM_validation_configuration.gif"]]
546
547 (% class="wikigeneratedid" %)
548 Vous revenez ainsi sur sur la page **Résultats d'analyse de vos données** : Cliquez sur **Continuer** pour passer à la création des graphiques.
549
550 = Création du tableau de bord personnalisé : premiers graphiques =
551
552 Après avoir chargé les données et avoir édité le modèle de ces données, nous allons maintenant voir la construction des graphiques pour construire enfin notre premier tableau de bord sur **l'absentéisme dans l'entreprise**. et par la suite les insérer dans le tableau de bord au moyen d'une disposition intelligente proposée.
553
554 == Création personnalisée du tableau de bord ==
555
556 === Choix du mode personnalisé de création ===
557
558 La page **Construisez votre propre tableau de bord** s'affiche alors.
559
560 (% style="text-align:center" %)
561 [[image:2022R1_editeur_menu_33.jpg||alt="Premiers_graphiques_choix_personnalise.gif"]]
562
563 === Construction des graphiques ===
564
565 === Présentation ===
566
567 * Dans cette partie, l'Assistant se découpe en deux parties verticales : 
568 ** **à gauche, vous trouvez 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.
569 ** **à droite, vous trouvez la liste des graphiques à insérer dans la page de tableau de bord en cours de création**
570
571 (% class="wikigeneratedid" id="HFonctionnementgE9nE9ral" %)
572 **Fonctionnement général**
573
574 La construction des graphiques obéit au fonctionnement suivant :
575
576 1. Choix d'un graphique parmi les graphiques personnalisés ou les graphiques proposés par DigDash Enterprise ;
577 1. Configuration des dimensions et des mesures ;
578 1. Ajout à la liste des graphiques de la page du tableau de bord en cours de création.
579
580 Ce fonctionnement est à répéter autant de fois que l'on souhaite ajouter un graphique au tableau de bord.
581
582 {{info}}
583 **💡 Bon à savoir : **dans cette partie de l'assistant, les graphiques sont répartis en deux catégories :
584
585 * les **graphiques personnalisés** : vous avez la main pour choisir le type de représentation graphique et jusqu'à 3 dimensions et 3 mesures ;
586 * 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.
587 {{/info}}
588
589 (% class="wikigeneratedid" id="HCrE9ationdesgraphiques" %)
590 **Création des graphiques**
591
592 Dans un premier temps, nous allons créer quatre graphiques relatifs à l'absentéisme dans l'entreprise.
593
594 (% class="wikigeneratedid" id="HEvolutiondutauxd27absentE9isme" %)
595 //**Evolution du taux d'absentéisme**//
596
597 Dans ce premier graphique, nous allons construire un **graphique en courbes** présentant l'**évolution du taux d'absentéisme dans le temps**. 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 **Graphiques proposés**, ce qui va nous permettre de le configurer encore plus rapidement !
598
599 Pour ce faire :
600
601 1. Dans les **Graphiques proposés**, repérez l'**Analyse de tendance**.
602 1. La dimension est automatiquement fixée sur la Date. Choisir **Taux d'absentéisme** dans la liste des mesures.
603 1. Cliquez sur le bouton +.
604 1. Le graphique **Tendance (Date) Taux d'absentéisme** est désormais intégré dans la page en cours de création. Vous pourrez le voir, le renommer, et même le configurer plus en détail à la prochaine étape !
605
606 (% style="text-align:center" %)
607 [[image:2022R1_editeur_menu_35.jpg||alt="Premiers_graphiques_taux_absenteisme_par_date.gif"]]
608
609 {{info}}
610 **💡 Bon à savoir :** il est possible de supprimer un des graphiques déjà ajoutés dans la liste.
611
612 Pour ce faire, cliquez sur la croix associée à ce graphique dans la liste.
613
614 (% style="text-align:center" %)
615 [[image:2022R1_editeur_menu_36.jpg||alt="Premiers_graphiques_exemple_suppression.gif"]]
616
617
618 {{/info}}
619
620 (% class="wikigeneratedid" id="HNombredejoursd27absentE9ismeparservice" %)
621 //**Nombre de jours d'absentéisme par service**//
622
623 Dans ce deuxième graphique, nous allons construire un **histogramme** présentant **le nombre de jours d'absentéisme par service**. Cette fois, le graphique sera à créer depuis les **Graphiques personnalisés**.
624
625 Pour ce faire :
626
627 1. Repérez la partie **Graphiques personnalisés** dans la section de gauche;
628 1. Par défaut, le type de graphique de l'Analyse libre est un diagramme en barre horizontale. Cliquez sur le bouton représentant cette représentation graphique pour sélectionner une représentation en **colonne**.
629 1. Par défaut le nombre de dimension et de mesure est à 1. Ce qui correspond au graphique que l'on souhaite créer. Nous n'avons donc pas à modifier ces valeurs.
630 1. Dans la liste déroulante des dimensions, choisissez **Service**
631 1. Dans la liste déroulante des mesures, choisissez **Jours absentéismes**
632 1. Cliquez sur le bouton +.
633 1. Le graphique **Jours absentéismes par Service** est désormais intégré dans la page en cours de création. Vous pourrez le voir, le renommer, et même le configurer plus en détail à la prochaine étape !
634
635 (% style="text-align:center" %)
636 [[image:2022R1_editeur_menu_37.jpg||alt="Premiers_graphiques_jours_absenteismes_par_service.gif"]]
637
638 (% class="wikigeneratedid" id="HCausesd27absentE9isme" %)
639 //**Causes d'absentéisme**//
640
641 Dans ce troisième graphique, nous allons construire un **diagramme en secteur** présentant la **répartition des causes d'absentéisme**.
642
643 Pour ce faire :
644
645 1. Dans les **Graphiques personnalisés**, repérer l'**Analyse libre**
646 1. Par défaut, le type de graphique de l'Analyse libre est un diagramme en barre horizontale. Cliquer sur le bouton représentant cette représentation graphique pour sélectionner une représentation en **secteurs**.
647 1. Par défaut le nombre de dimension et de mesure est à 1. Ce qui correspond au graphique que l'on souhaite créer. Nous n'avons donc pas à modifier ces valeurs.
648 1. Dans la liste déroulante des dimensions, choisissez **Raison absentéisme**
649 1. Dans la liste déroulante des mesures, choisissez **Jours absentéismes**
650 1. Cliquez sur le bouton +.
651 1. Le graphique **Jours absentéismes par Raison absentéisme **est désormais intégré dans la page en cours de création. 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:2022R1_editeur_menu_38.jpg||alt="Premiers_graphiques_jours_absenteismes_par_raison.gif"]]
655
656 (% class="wikigeneratedid" id="HCartographie:nombredejoursd27absentE9ismepardE9partement" %)
657 //**Cartographie : nombre de jours d'absentéisme par département**//
658
659 Dans ce quatrième graphique, nous allons 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 **Graphiques proposés**, ce qui va nous permettre de le configurer encore plus rapidement !
660
661 Pour ce faire :
662
663 1. Dans les **Graphiques proposés**, repérez l'**Analyse géographique**.
664 1. La dimension est automatiquement fixée sur le code département. Choisir **Taux d'absentéisme** dans la liste des mesures.
665 1. Cliquez sur le bouton +.
666 1. Le graphique **Taux d'absentéisme par Code département** est désormais intégré dans la page en cours de création. Vous pourrez le voir, le renommer, et même le configurer plus en détails à la prochaine étape !
667
668 (% style="text-align:center" %)
669 [[image:2022R1_editeur_menu_39.jpg||alt="Premiers_graphiques_jours_absenteismes_par_geographie.gif"]]
670
671 === Nommage du tableau de bord ===
672
673 * Avant de poursuivre, n'oubliez pas de nommer le tableau de bord.
674 * 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.
675 * Ici, saisissez "**Absentéisme**".
676
677 (% style="text-align:center" %)
678 [[image:2022R1_editeur_menu_41.jpg||alt="Premiers_graphiques_nommage_dashboard.gif"]]
679
680 === Choix de la disposition ===
681
682 Nous venons de créer 4 graphiques, qui seront les graphiques du tableau de bord "Absentéisme".
683
684 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.
685
686 * En bas de la liste des graphiques à insérer dans la page en cours de création, remarquez "**Disposition sélectionnée : Automatique"**.
687 * En cliquant sur le bouton, plusieurs choix de disposition s'offrent à vous dans une liste déroulante à droite.
688 * Tout en haut, le premier choix est **Automatique **: c'est DigDash Enterprise qui s'occupera de toute la logique d'agencement.
689 * En bas de ce premier choix, vous pouvez orienter l'agencement automatisé en fonction de vos préférences : 
690 ** remarquez les différents symboles dans les zones de pré-agencement : elles correspondent au contenu qui y sera automatiquement ajouté : 
691 *** graphique
692 *** dimensions pour filtrage
693 *** éléments filtrés
694 * Choisissez le deuxième choix **Graphiques + filtres à gauche**.
695 * Fermez la liste déroulante à l'aide de la croix.
696 * Vérifiez le choix que nous venons d'effectuer : **Disposition sélectionnée : Graphiques + Filtres à gauche**
697
698 (% style="text-align:center" %)
699 [[image:Premiers_graphiques_choix_disposition.gif]]
700
701 Après cette dernière étape, nous allons quitter l'Assistant pour nous retrouver dans l'Editeur de tableaux de bord et peaufiner ce dernier.
702
703 * Cliquez sur **Terminer et construire le tableau de bord**
704
705 (% style="text-align:center" %)
706 [[image:Premiers_graphiques_terminer.gif]]
707
708 = Finalisation du tableau de bord : absentéisme =
709
710 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 enfin notre but ! En effet, nous venons de revenir dans l'Editeur de tableaux de bord, et les 4 graphiques configurés sont d'ores et déjà disposés dans notre page "Absentéisme".
711
712 Aussi, cette partie du tutoriel va nous montrer comment peaufiner la page que nous venons juste de créer. Ainsi, nous verrons notamment :
713
714 * comment ajouter des dimensions en guise de filtres ;
715 * comment modifier les graphiques déjà construits ;
716 * comment renommer et accéder aux propriétés des graphiques.
717
718 En somme, cette partie sera aussi l'occasion de nous familiariser davantage avec l'éditeur.
719
720 == Retour dans l'Editeur de tableaux de bord ==
721
722 Dans la partie précédente, nous avons configuré les premiers graphiques.
723
724 En ayant demandé la construction du tableau de bord, ils sont désormais agencés dans votre première page de tableau de bord, que vous consultez maintenant dans l'éditeur.
725
726 Observons plusieurs choses :
727
728 * la page créée appartient à votre rôle personnel et porte le nom choisi dans l'étape précédente ;
729 * la section d'éléments filtrés a été automatiquement ajoutée (en haut à gauche) : cet espace permettra de lister les dimensions filtrées (et les membres sur lesquels portent ces filtres)
730 * sur la gauche, la section "**Flux d'information (Graphiques existants)**" est ouverte :
731 ** cette section contient tous les graphiques que nous venons de créer à l'étape précédente ;
732 ** 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 ;
733 ** 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 ;
734 ** 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.
735 * à tout moment, il vous est possible de consulter le tableau de bord dans son état final en cliquant sur le bouton de consultation situé dans le bandeau supérieur de l'éditeur.
736 ** cette bascule vers la consultation vous permet également de sauvegarder les modifications effectuées dans l'éditeur.
737
738 (% style="text-align:center" %)
739 [[image:Finalisation_retour_editeur.gif]]
740
741 Après ces observations, passons à la finalisation de cette première page dédiée à l'absentéisme.
742
743 == Finalisation de la page ==
744
745 === Ajout de dimensions en guise de filtres ===
746
747 Tout tableau de bord qui se respecte doit pouvoir proposer à ses utilisateurs de filtrer sur ses dimensions, et c'est ce que nous allons mettre en place désormais. Nous allons ainsi désormais ajouter les dimensions "Date", "Service" et "Genre" en tant que filtre.
748
749 Pour ce faire :
750
751 * Remarquez sur la colonne de gauche de la page en cours d'édition, les trois rectangles vous invitant à "**Glissez et déposez Dimension**"
752 * Ce sont sur ces trois zones que nous allons insérer nos trois dimensions.
753 * Cliquez sur le lien "Dimension" du premier rectangle
754 * Remarquez que dans le bandeau de gauche s'ouvre "**Filtres/Variables**"
755 * Glissez-déposez successivement dans les trois zones identifiées : 
756 ** la dimension **Date**
757 ** la dimension **Service**
758 ** et la dimension **Genre**
759
760 (% style="text-align:center" %)
761 [[image:Finalisation_insertion_dimensions.gif]]
762
763 {{info}}
764 💡 **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.
765 {{/info}}
766
767 * Remarquez que **la dimension Date présente ses membres au format jour/mois/année**.
768 * Pour passer au format année : 
769 ** survolez avec la souris cette dimension **Date**
770 ** cliquez sur la **roue crantée** qui s'affiche
771 ** sélectionnez **Propriétés** dans le menu contextuel, puis **Paramètres**
772 ** dans la liste déroulante de **Hiérarchie**, sélectionnez **Date**
773 ** ensuite, dans la liste déroulante de **Niveau**, sélectionnez **Année**
774 ** enfin, choisissez, plus bas, dans la liste déroulante de **Type de visualisation** : **Liste horizontale**
775
776 (% style="text-align:center" %)
777 [[image:Finalisation_modification_format_affichage_dimension_date.gif]]
778
779 {{info}}
780 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 !
781
782 **Comment revenir directement dans l'éditeur depuis le mode de consultation ?**
783
784 * cliquez sur votre nom d'utilisateur
785 * dans le menu contextuel qui s'ouvre, cliquez sur **Editeur**
786
787 (% style="text-align:center" %)
788 [[image:Finalisation_back_to_editor.gif]]
789
790
791 {{/info}}
792
793 === Renommage des graphiques ===
794
795 Vous l'avez sans doute constaté, les graphiques automatiquement construits présentent des dénominations automatiquement générées, qui peuvent être complexes à comprendre.
796
797 Aussi, dans cette partie, nous allons renommer les graphiques pour qu'ils portent un nom davantage significatif.
798
799 Pour ce faire,
800
801 * survolez avec la souris le graphique **Tendance (Date) Taux d'absentéisme**
802 * cliquez sur la **roue crantée** qui s'affiche en haut à droite
803 * cliquez sur **Renommer** dans le menu contextuel
804 * saisissez le nouveau nom : **Evolution du taux d'absentéisme par date.**
805 * cliquez sur OK pour valider le renommage
806
807 Procédez de même pour renommer :
808
809 * //Jours absentéismes par Service// en **Nombre de jours d'absentéisme par service**
810 * //Jours absentéismes par raison absentéisme //en** Causes d'absentéisme**
811 * //Taux d'absentéisme par Code département// en **Taux d'absentéisme par département **
812
813 (% style="text-align:center" %)
814 [[image:Finalisation_renommage_chart.gif]]
815
816 === Modification des graphiques déjà construits ===
817
818 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.
819
820 C'est pourquoi nous avons la possibilité de modifier en profondeur les graphiques déjà construits, toujours depuis l'éditeur.
821
822 Ainsi, nous allons voir ici comment :
823
824 * changer le niveau de la dimension Date du graphique Taux d'absentéisme par date pour afficher les dates au niveau trimestre ;
825 * changer les couleurs des colonnes de l'histogramme Nombre de jours d'absentéismes par service pour que chaque service porte une couleur différente ;
826 * changer les couleurs de la cartographie du Taux d'absentéisme par département.
827
828 (% class="wikigeneratedid" id="HFonctionnementgE9nE9ral-1" %)
829 **Fonctionnement général**
830
831 Tout d'abord, exposons le fonctionnement général de la modification des graphiques déjà créés dans l'éditeur :
832
833 * Au survol de la souris d'un graphique, une icône crayon apparaît en haut à droite de la zone du graphique : [[image:edit.svg||queryString="width=22&height=22" height="22" width="22"]]
834 * Cliquer dessus pour ouvrir l'espace de modification d'un graphique
835 * Sur cet espace de modification :
836 ** l'espace central présente la pré-visualisation des modifications effectuées ;
837 ** 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 ;
838 ** au survol de cette colonne de gauche, une zone de configuration apparaît par dessus l'espace central de pré-visualisation :
839 *** c'est ici que l'on pourra rajouter des mesures et des dimensions par glisser-déposer depuis la colonne de gauche ;
840 *** c'est ici encore que l'on pourra modifier la configuration des dimensions et mesures déjà en place ;
841 * Une fois les modifications achevées, il est possible de sauvegarder les changements en cliquant sur l'icône adéquate en haut à droite : [[image:save-round.svg||queryString="width=22&height=22" height="22" width="22"]].
842
843 (% style="text-align:center" %)
844 [[image:Finalisation_principe_edition.gif]]
845
846 (% class="wikigeneratedid" id="HTauxd27absentE9ismepardate:afficherlesdatesauformattrimestre" %)
847 //**Taux d'absentéisme par date : afficher les dates au format trimestre**//
848
849 Dans ce premier graphique, nous allons entrer dans le mode modification pour afficher les dates du diagramme en ligne au format trimestre.
850
851 Pour ce faire :
852
853 * Survolez dans la page de l'éditeur la zone du graphique **Taux d'absentéisme par date**
854 * Cliquez sur l'icône du crayon qui apparaît
855 * L'espace de modification de ce graphique apparaît
856 * Dans la colonne de gauche, dans la section **Dimensions**, cliquez sur **Date...**
857 * Repérez le couple hiérarchie/niveau **Mois Année / Trimestre**
858 * Glissez déposez ce couple hiérarchie/niveau vers la zone de configuration X
859 * Sauvegardez la modification à l'aide de l'icône adéquate en haut à droite 
860 Les dates du graphique s'affichent désormais au format trimestre !
861
862 (% style="text-align:center" %)
863 [[image:Finalisation_edition_graphique_ligne_format_date.gif]]
864
865 {{info}}
866 **💡 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.
867 {{/info}}
868
869 (% class="wikigeneratedid" id="HNombredejoursd27absentE9ismesparservice:colorerl27histogrammeparserviceettrierselonlamesure" %)
870 //**Nombre de jours d'absentéismes par service : colorer l'histogramme par service et trier selon la mesure**//
871
872 Dans ce deuxième graphique, nous allons entrer dans le mode modification du graphique pour colorer les colonnes en fonction du service. Nous en profiterons également pour découvrir comment filtrer sur la mesure.
873
874 Pour ce faire :
875
876 * Survolez dans la page de l'éditeur la zone du graphique **Nombre de jours d'absentéismes par service**
877 * Cliquez sur l'icône du crayon qui apparaît
878 * L'espace de modification de ce graphique apparaît
879 * Dans la zone de configuration, cliquez-droit sur **Colonne**
880 * Dans le menu contextuel qui s'affiche, cliquez sur **Activer le cycle des couleurs**
881 * Constatez que chaque colonne, pour chaque service, est d'une couleur différente.
882
883 (% style="text-align:center" %)
884 [[image:Finalisation_edition_graphique_colonnes_cyclage_couleur.gif]]
885
886 * De nouveau, cliquez-droit sur **Colonne**
887 * Dans le menu contextuel qui s'affiche, passez la souris sur **Ajouter un tri sur mesure (desc.)**
888 * Cliquez sur la mesure **Jours absentéismes **dans le sous-menu qui s'affiche
889 * Les colonnes sont maintenant triées du nombre de jours d'absentéisme le plus important au moins important
890 * Sauvegardez la modification à l'aide de l'icône adéquate en haut à droite
891
892 (% style="text-align:center" %)
893 [[image:Finalisation_edition_graphique_colonnes_tri_mesure_desc.gif]]
894
895 (% class="wikigeneratedid" id="HTauxd27absentE9ismepardE9partement:changerlescouleursutilisE9es" %)
896 //**Taux d'absentéisme par département : changer les couleurs utilisées**//
897
898 Dans ce troisième graphique, nous allons entrer dans le mode modification du graphique pour changer les couleurs utilisées dans le graphique pour colorer les départements. 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.
899
900 * Survolez dans la page de l'éditeur la zone du graphique Taux d'absentéisme par département ;
901 * Cliquez sur l'icône du crayon qui apparaît ;
902 * L'espace de modification de ce graphique apparaît ;
903 * Dans la zone de gauche, cliquez sur **Style...**, puis sur **Couleurs...** ;
904 * Par défaut, la palette de couleurs "Flat Design" est sélectionnée ;
905 * Cliquez sur la liste déroulante pour choisir **Flat Design 04** ;
906 * Sauvegardez la modification à l'aide de l'icône adéquate en haut à droite ;
907
908 (% style="text-align:center" %)
909 [[image:Finalisation_edition_graphique_map_choix_palette_couleur.gif]]
910
911 = Création de la seconde page : masse salariale =
912
913 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.
914
915 Nous verrons ainsi :
916
917 * comment ajouter une nouvelle page ;
918 * comment créer de nouveaux graphiques depuis la source de données ajoutée et modélisée lors des précédentes parties ;
919 * et comment insérer et configurer ces nouveaux graphiques dans la nouvelle page ;
920
921 == Ajout d'une nouvelle page et choix d'une disposition ==
922
923 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.
924
925 * Cliquez sur le symbole [[image:14-plus.png||queryString="width=22&height=22" height="22" width="22"]]à droite de la page **Absentéisme** ;
926 * La fenêtre **Ajouter une page** s'affiche ;
927 * Saisissez le nom de la page : **Masse salariale **;
928 * Nous allons maintenant choisir un mode de conception de la page : dans la liste déroulante **Mode d'affichage**, cliquez sur **Modèles... **;
929 * La fenêtre **Modèles** s'affiche ;
930 * Pour plus de cohérence avec la page précédente, nous allons choisir la même disposition : cliquez sur **Graphiques + filtres à gauche** ;
931 * Validez ce choix en cliquant sur **OK **;
932 * Puis validez la création de la nouvelle page en cliquant à nouveau sur **OK **;
933 * Notre nouvelle page **Masse salariale **s'affiche alors.
934
935 (% style="text-align:center" %)
936 [[image:Seconde_page_creation_nouvelle_page.gif]]
937
938 == Création des nouveaux graphiques ==
939
940 Notre nouvelle page **Masse salariale** est désormais créée ! Nous allons maintenant configurer de nouveaux graphiques.
941
942 === Fonctionnement de la création de nouveaux graphiques depuis l'éditeur ===
943
944 * 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 ;
945 * Ouvrons le panel en-dessous **Création de nouveaux graphiques **en cliquant dessus ;
946 * Nous retrouvons l'outil similaire de configuration des graphiques que nous avons pris en main plus tôt dans l'assistant ;
947 * Remarquons que le modèle de données **Données RH historisées **est automatiquement sélectionnée ;
948 * C'est à partir de ce modèle de données que nous créerons nos nouveaux graphiques portant sur la** masse salariale**.
949
950 (% style="text-align:center" %)
951 [[image:Seconde_page_creation_ouverture_panel_creation_graphique.gif]]
952
953 === Evolution de la masse salariale par service sur la dernière année ===
954
955 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.
956
957 (% class="wikigeneratedid" id="HConfiguration" %)
958 **Configuration**
959
960 * Dans la section **Création de nouveaux graphiques**, repérez la sous-section **Graphiques personnalisés** ;
961 * Cliquez sur l'icône représentant un tableau ;
962 * 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.
963 * Nous aurons donc besoin d'une dimension et de trois mesures pour configurer ce tableau.
964 * Saisissez donc **3** dans le nombre de mesures ;
965 * Sélectionnez ensuite la dimension dans la liste déroulante : **Service** ;
966 * Puis sélectionnez les trois mesures : 
967 ** Masse salariale de l'année précédente ;
968 ** Masse salariale ;
969 ** Taux d'évolution de la masse salariale ;
970 * Enfin cliquez sur le symbole + pour ajouter le graphique à la page.
971
972 (% style="text-align:center" %)
973 [[image:Seconde_page_graphique_tableau_masse_salariale.gif]]
974
975 (% class="wikigeneratedid" id="HRenommage" %)
976 **Renommage**
977
978 * Renommons le graphique par **Evolution de la masse salariale par service **: 
979 ** positionnez le curseur de votre souris sur le graphique ;
980 ** en haut à droite du graphique, une roue crantée apparaît : cliquez ;
981 ** dans le menu contextuel qui apparaît, cliquez sur **Renommer** ;
982 ** entrez le nouveau nom du graphique : **Evolution de la masse salariale par service** ;
983 ** validez en cliquant sur **OK** ;
984
985 (% style="text-align:center" %)
986 [[image:Seconde_page_graphique_tableau_masse_salariale_renommage.gif]]
987
988 (% class="wikigeneratedid" id="HFiltrage" %)
989 **Filtrage**
990
991 * Nous allons ensuite filtrer ce graphique pour qu'il prenne en compte la dernière année de notre jeu de données.
992 * Le filtre que nous allons créer ici sera exclusif à ce graphique et ne sera pas propagé aux autres graphiques.
993 ** positionnez le curseur de votre souris sur le graphique ;
994 ** en haut à droite du graphique, une roue crantée apparaît : cliquez ;
995 ** dans le menu contextuel qui apparaît, cliquez sur **Propriétés ;**
996 ** dans la fenêtre qui s'affiche, cliquez sur l'onglet **Filtres** (sous l'onglet **Paramètres**) ;
997 ** dans cet onglet, les dimensions filtrables sont affichées : il n'y a pour l'instant aucun filtre configuré ;
998 ** cliquez sur le filtre **Tous** correspondant à la dimension **Date** ;
999 ** une fenêtre permettant de configurer le filtre pour cette dimension s'affiche ;
1000 ** dans la liste déroulante **Type de filtre**, sélectionnez **Prédéfini** ;
1001 ** dans la seconde liste déroulante **Contexte**, sélectionnez **Date max des données **;
1002 ** dans la dernière liste déroulante **Membre**, sélectionnez **Année** ;
1003 ** validez en cliquant sur **OK** ;
1004 ** validez de nouveau en cliquant sur **OK** ;
1005
1006 (% style="text-align:center" %)
1007 [[image:Seconde_page_graphique_tableau_masse_salariale_filtrage_last_year.gif]]
1008
1009 === Evolution de la masse salariale ===
1010
1011 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.
1012
1013 (% class="wikigeneratedid" id="HConfiguration-1" %)
1014 Configuration
1015
1016 * Dans la section **Création de nouveaux graphiques**, repérez **Analyse de tendance** au sein de la sous-section **Graphiques proposés** ;
1017 * Sélectionnez la mesure : **Masse salariale** ;
1018 * Enfin cliquez sur le symbole + pour ajouter le graphique à la page.
1019
1020 (% style="text-align:center" %)
1021 [[image:Seconde_page_graphique_courbe_masse_salariale.gif]]
1022
1023 (% class="wikigeneratedid" id="HRenommage-1" %)
1024 **Renommage**
1025
1026 * Comme à l'étape précédente, renommons le graphique par **Evolution de la masse salariale **: 
1027 ** positionnez le curseur de votre souris sur le graphique ;
1028 ** en haut à droite du graphique, une roue crantée apparaît : cliquez ;
1029 ** dans le menu contextuel qui apparaît, cliquez sur **Renommer** ;
1030 ** entrez le nouveau nom du graphique : **Evolution de la masse salariale **;
1031 ** validez en cliquant sur **OK** ;
1032
1033 === Masse salariale par service ===
1034
1035 Nous allons désormais créer un troisième graphique, en secteur cette fois, qui représentera la répartition de la masse salariale par service.
1036
1037 (% class="wikigeneratedid" id="HConfiguration-2" %)
1038 **Configuration**
1039
1040 * Dans la section **Création de nouveaux graphiques**, repérez la sous-section **Graphiques personnalisés** ;
1041 * Cliquez sur l'icône représentant un diagramme en secteur ;
1042 * Sélectionnez ensuite la dimension dans la liste déroulante : **Service** ;
1043 * Puis sélectionnez la mesure : **Masse salariale **;
1044 * Enfin cliquez sur le symbole + pour ajouter le graphique à la page.
1045
1046 (% style="text-align:center" %)
1047 [[image:Seconde_page_graphique_secteur_masse_salariale_par_service.gif]]
1048
1049 (% class="wikigeneratedid" id="HRenommage-2" %)
1050 **Renommage**
1051
1052 * Comme aux étapes précédentes, renommons le graphique par **Masse salariale par service **: 
1053 ** positionnez le curseur de votre souris sur le graphique ;
1054 ** en haut à droite du graphique, une roue crantée apparaît : cliquez ;
1055 ** dans le menu contextuel qui apparaît, cliquez sur **Renommer** ;
1056 ** entrez le nouveau nom du graphique : **Masse salariale par service**;
1057 ** validez en cliquant sur **OK** ;
1058
1059 === Masse salariale par service et par genre ===
1060
1061 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.
1062
1063 (% class="wikigeneratedid" id="HConfiguration-3" %)
1064 **Configuration**
1065
1066 * Dans la section **Création de nouveaux graphiques**, repérez la sous-section **Graphiques personnalisés** ;
1067 * Cliquez sur l'icône représentant un histogramme (ou diagramme en colonne) ;
1068 * Dans ce diagramme, nous allons représenter, pour chaque service, puis pour chaque genre, la masse salariale.
1069 * Nous aurons donc besoin de deux dimensions et d'une mesure pour configurer ce diagramme.
1070 * Saisissez donc **2** dans le nombre de dimensions ;
1071 * Sélectionnez ensuite les deux dimensions dans les listes déroulantes : **Genre** puis **Service **;
1072 * Puis sélectionnez la mesure : **Masse salariale **;
1073 * Enfin cliquez sur le symbole + pour ajouter le graphique à la page.
1074
1075 (% style="text-align:center" %)
1076 [[image:Seconde_page_graphique_secteur_masse_salariale_par_service_et_genre.gif]]
1077
1078 (% class="wikigeneratedid" id="HApplicationd27unepalettedecouleuradE9quate" %)
1079 **Application d'une palette de couleur adéquate**
1080
1081 L'histogramme que nous venons de créer présente une uniformité de couleur qui ne permet pas de distinguer au premier coup d'oeil les deux genres représentés.
1082
1083 Nous allons donc remédier à cela :
1084
1085 * avec votre souris, positionnez le curseur sur le graphique ;
1086 * en haut à droite, un crayon apparaît : cliquez ;
1087 * la fenêtre d'édition du graphique apparaît ;
1088 * dans la zone de configuration, cliquez-droit sur **Colonne** ;
1089 * dans le menu contextuel qui apparaît, cliquez sur **Activer le cycle des couleurs** ;
1090 * dans la zone de gauche, cliquez sur **Style...** puis sur **Couleurs... **;
1091 * une fenêtre permettant de choisir une palette de couleur apparaît ;
1092 * sélectionnez dans la liste déroulante **Color Gender** ;
1093 * automatiquement, les couleurs adéquates s'appliquent ;
1094 * sauvegardez en cliquant sur le logo "disquette" en haut à droite.
1095
1096 (% style="text-align:center" %)
1097 [[image:Seconde_page_graphique_secteur_masse_salariale_par_service_et_genre_couleur_HF.gif]]
1098
1099 (% class="wikigeneratedid" id="HRenommage-3" %)
1100 **Renommage**
1101
1102 * Comme aux étapes précédentes, renommons le graphique par **Masse salariale par service et par genre **: 
1103 ** positionnez le curseur de votre souris sur le graphique ;
1104 ** en haut à droite du graphique, une roue crantée apparaît : cliquez ;
1105 ** dans le menu contextuel qui apparaît, cliquez sur **Renommer** ;
1106 ** entrez le nouveau nom du graphique : **Masse salariale par service et par genre **;
1107 ** validez en cliquant sur **OK** ;
1108
1109 == Ajout des dimensions pour filtrage ==
1110
1111 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.
1112
1113 Pour ce faire :
1114
1115 * dans la page, remarquez la colonne de gauche où figurent trois zones **Glissez et déposez Dimension** ;
1116 * Ce sont sur ces trois zones que nous allons insérer nos trois dimensions.
1117 * Cliquez sur le lien "Dimension" du premier rectangle
1118 * Remarquez que dans le bandeau de gauche s'ouvre "**Filtres/Variables**"
1119 * Glissez-déposez successivement dans les trois zones identifiées : 
1120 ** la dimension **Date** ;
1121 ** la dimension **Service** ;
1122 ** et la dimension **Genre**.
1123
1124 (% style="text-align:center" %)
1125 [[image:Seconde_page_ajout_dimension_filtrage.gif]]
1126
1127 === Modification du format de la dimension Date ===
1128
1129 * Remarquez que **la dimension Date présente ses membres au format jour/mois/année**.
1130 * Pour passer au format année : 
1131 ** survolez avec la souris cette dimension **Date** ;
1132 ** cliquez sur la **roue crantée** qui s'affiche ;
1133 ** sélectionnez **Propriétés** dans le menu contextuel, puis **Paramètres** ;
1134 ** dans la liste déroulante de **Hiérarchie**, sélectionnez **Date** ;
1135 ** ensuite, dans la liste déroulante de **Niveau**, sélectionnez **Année** ;
1136 ** enfin, choisissez, plus bas, dans la liste déroulante de **Type de visualisation** : **Liste horizontale**.
1137
1138 (% style="text-align:center" %)
1139 [[image:Seconde_page_modif_format_dimension_date.gif]]
1140
1141 = Conclusion =
1142
1143 == Félicitations ! ==
1144
1145 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.
1146
1147 Nous avons vu :
1148
1149 * comment charger un fichier ;
1150 * comment éditer la configuration des données et modéliser ainsi un modèle de données ;
1151 * comment configurer des graphiques à partir de ce modèle de données ;
1152 * comment configurer les pages des tableaux de bord pour ajouter des filtres ;
1153 * comment modifier la visualisation générée par défaut, en entrant plus en détail dans les paramètres ;
1154
1155 == Pour aller plus loin ==
1156
1157 Il est possible d'aller encore plus loin !
1158
1159 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.
1160
1161 N'hésitez pas à entrer en contact avec votre administrateur DigDash Enterprise ou votre contact référent DigDash pour échanger à ce sujet !