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