Code source wiki de Créer mon 1er tableau de bord avec l'Assistant de création de tableau de bord
Modifié par Aurelie Bertrand le 2023/09/13 15:10
Afficher les derniers auteurs
author | version | line-number | content |
---|---|---|---|
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 ! |