Código fuente wiki de Créer une pyramide des âges
Última modificación por Aurelie Bertrand el 2025/07/04 17:20
Mostrar los últimos autores
author | version | line-number | content |
---|---|---|---|
1 | (% class="box infomessage" %) | ||
2 | ((( | ||
3 | 🙋 Ce tutoriel est à destination des **utilisateurs avancés**. | ||
4 | |||
5 | ⏱ Il est prévu pour être suivi de manière autonome en **30 minutes**. | ||
6 | ))) | ||
7 | |||
8 | ---- | ||
9 | |||
10 | {{ddtoc/}} | ||
11 | |||
12 | ---- | ||
13 | |||
14 | = Introduction = | ||
15 | |||
16 | Ce tutoriel a pour objectif de réaliser une pyramide des âges. La pyramide des âges permet de représenter la répartition par sexe et âge d'une population à un instant donné. | ||
17 | |||
18 | Le jeu de données utilisé dans le tutoriel correspond à des données fictives d'une entreprise contenant des informations sur les employés de type identifiant, nom, age, etc. Ces données sont contenues dans le fichier Excel "**[[Registre_RH>>attach:Registre_RH.xlsx]]**". | ||
19 | |||
20 | L'ensemble de ce tutoriel se déroule dans le Studio. | ||
21 | Pour créer la pyramide des âges, nous allons tout d'abord préparer les données puis nous allons configurer un graphique de type Barres. | ||
22 | |||
23 | = Pré-requis = | ||
24 | |||
25 | Afin de pouvoir effectuer ce tutoriel, il est requis de : | ||
26 | |||
27 | * disposer d'une installation de DigDash Enterprise d'une version 2025R1 ou plus récente ; | ||
28 | * faire partie en tant qu'utilisateur du groupe d'autorisation "**Concepteur de modèles de données**"; | ||
29 | * télécharger le fichier Excel "**[[Registre_RH>>attach:Registre_RH.xlsx]]**". | ||
30 | |||
31 | (% class="box" %) | ||
32 | ((( | ||
33 | ℹ Les copies d'écran de ce tutoriel ont été réalisées avec le navigateur Chrome. Il peut y avoir de légères différences selon le navigateur. | ||
34 | ))) | ||
35 | |||
36 | = Étape 1 : Créer et configurer le modèle de données = | ||
37 | |||
38 | (% class="box infomessage" %) | ||
39 | ((( | ||
40 | Ce tutoriel part du principe que vous allez importer vos sources de données et créer vos graphiques dans votre rôle personnel. | ||
41 | ))) | ||
42 | |||
43 | == Importer les données "Registre_RH" == | ||
44 | |||
45 | Nous allons ici importer les données du fichier Excel "Registre_RH" (récupéré précédemment) qui représente les données de ressources humaines d’une entreprise fictive. | ||
46 | |||
47 | Pour cela : | ||
48 | |||
49 | 1. Lancez le **Studio**. | ||
50 | 1. Ouvrez l'onglet **Modèles**. | ||
51 | 1. Cliquez sur le bouton **Nouveau modèle**. | ||
52 | 1. Dans la boite **Création d'un nouveau modèle de données**, sélectionnez **Tous types** dans la rubrique **Fichiers**. | ||
53 | ➡ La boîte **Recherche de fichiers distants **s’affiche. | ||
54 | 1. Dans la liste déroulante **Serveur**, sélectionnez “**Common Datasources**” | ||
55 | 1. Cliquez sur le bouton **Ajouter un fichier au serveur..** | ||
56 | 1. La boîte **Sélection d’un fichier local ou d’une URL **qui s’affiche, conservez la sélection par défaut** Depuis votre ordinateur**. | ||
57 | 1. Cliquez sur **Parcourir **pour sélectionner le fichier **"Registre_RH" **récupéré précédemment. | ||
58 | 1. Cliquez sur **OK**. | ||
59 | ➡ Le fichier est maintenant enregistré sur le serveur DigDash "**Common Datasources**" et accessible à tous les utilisateurs. | ||
60 | |||
61 | (% class="box infomessage" %) | ||
62 | ((( | ||
63 | ℹ Si le serveur de document //**UserDocs **//est sélectionné les documents ne sont accessibles qu’à l’utilisateur les ayant déposés. | ||
64 | ))) | ||
65 | |||
66 | (% start="10" %) | ||
67 | 1. Dans la boîte **Recherche de fichiers distants**, sélectionnez **"Registre_RH"**. | ||
68 | 1. Cliquez sur **OK.** | ||
69 | |||
70 | La boîte **Fichier Excel **s’affiche. Elle propose des options de sélection de données et une prévisualisation de celles-ci. | ||
71 | |||
72 | [[image:Registre_RH_FR.png||alt="Prévisualisation"]] | ||
73 | |||
74 | Les éléments de la première ligne du tableau correspondent aux types de données de chaque colonne. Nous allons donc les utiliser comme en-têtes de colonnes. Par exemple, ID Employé pour la colonne 1. Pour cela : | ||
75 | |||
76 | * Dans la section **Sélection des données**, cochez la case **Première ligne en tant que entête.** | ||
77 | [[image:First_line_as_header_FR.png]] | ||
78 | |||
79 | == Transformer la date de naissance en âge (optionnel) == | ||
80 | |||
81 | Dans le cas où nous disposerions seulement de la date de naissance, il est possible d'effectuer une transformation des données afin d'obtenir l'âge. | ||
82 | |||
83 | Pour cela : | ||
84 | |||
85 | 1. Ouvrez l'onglet **Transformation des données...** | ||
86 | 1. Cliquez sur **Ajouter **pour créer une nouvelle transformation de données. | ||
87 | ➡ L'interface **Création de la transformation** s'affiche. | ||
88 | 1. Sélectionnez la colonne //Naissance// dans la liste déroulante **Colonne cible**. | ||
89 | [[image:Add_data_transfo_FR.png]] | ||
90 | |||
91 | 1. Dans le champ **Fonction appliquée, **cliquez sur le bouton [[image:Function_button_FR.png]] pour afficher la liste des fonctions ou tapez directement //Age//** **dans le champ de recherche. | ||
92 | [[image:Search_age_function_FR.png||alt="Recherche fonction"]] | ||
93 | 1. Sélectionnez la fonction **Age **et cliquez sur **Appliquer**. | ||
94 | ➡ L'age calculée s'affiche dans la colonne //Naissance//. | ||
95 | [[image:1737471495879-368.png||alt="Naissance"]] | ||
96 | 1. Cliquez sur l'en-tête puis sélectionnez **Renommer **pour modifier le nom de la colonne (Age). | ||
97 | 1. Cliquez sur le bouton [[image:Close_transfo_edit_button.png]] pour terminer. | ||
98 | |||
99 | == Regrouper les âges par groupe == | ||
100 | |||
101 | (% class="box infomessage" %) | ||
102 | ((( | ||
103 | 💡 Plusieurs transformations peuvent s'appliquer sur une même colonne, vos pouvez donc regrouper les âges sur la colonne Age issue de la transformation de la colonne Naissance. Veillez à l'ordre d'application des transformations de données. | ||
104 | ))) | ||
105 | |||
106 | Nous choisissons ici de grouper les âges par groupe de 5. | ||
107 | Pour cela : | ||
108 | |||
109 | 1. Ouvrez l'onglet **Transformation des données...** | ||
110 | 1. Cliquez sur **Ajouter **pour créer une nouvelle transformation de données. | ||
111 | ➡ L'interface **Création de la transformation** s'affiche. | ||
112 | 1. Sélectionnez la colonne //Age// dans la liste déroulante **Colonne cible**. | ||
113 | 1. Entrez le script suivant dans l'éditeur de scripts : | ||
114 | |||
115 | {{code language="js"}} | ||
116 | var v = value; | ||
117 | while(v%5 != 0) { | ||
118 | v++; | ||
119 | } | ||
120 | return v +''; | ||
121 | {{/code}} | ||
122 | |||
123 | [[image:Add_data_transfo_age_group_FR.png]] | ||
124 | |||
125 | (% start="4" %) | ||
126 | 1. Cliquez sur **Appliquer**. | ||
127 | ➡ La colonne **Age** est transformée. | ||
128 | [[image:1737472117527-149.png||alt="Groupe d'ages"]] | ||
129 | |||
130 | Nous pouvons maintenant passer à la configuration du modèle de données : cliquez sur le bouton **Suivant **en bas à droite pour ouvrir la fenêtre de configuration du modèle de données. | ||
131 | |||
132 | == Configurer modèle de données == | ||
133 | |||
134 | La fenêtre de configuration du modèle de données s'ouvre sur l'onglet **Colonnes**. Nous allons effectuer les configurations nécessaires dans le modèle de données. | ||
135 | |||
136 | === Modifier le type de la colonne Age === | ||
137 | |||
138 | La colonne **Age** a été détectée comme une mesure. Or, elle sera utilisée ici comme une dimension. Pour modifier cela : | ||
139 | |||
140 | 1. Sélectionnez la colonne** Age**. | ||
141 | 1. Dans le champ **Type** en haut à droite, sélectionnez **Dimension**. | ||
142 | [[image:Age_change_type_FR.png||alt="Changement type"]] | ||
143 | 1. Modifiez également le type des colonnes suivantes : | ||
144 | 1*. **Code Postal** : sélectionnez **Dimension (géographique)** | ||
145 | 1*. **Date d'entrée **: sélectionnez **Dimension (temps)** | ||
146 | |||
147 | === Créer les mesures Nombre femmes et Nombre hommes === | ||
148 | |||
149 | Nous avons besoin de connaître le nombre de femmes et d'hommes pour chaque âge. Pour cela, nous allons créer 2 mesures calculées basées sur l’identifiant unique déterminant la personne. La mesure calculée qui sera affichée à gauche de l’axe devra être négative. Dans cet exemple, nous choisissons de placer les hommes à gauche et les femmes à droite de la pyramide des âges. | ||
150 | |||
151 | 1. Cliquez sur le bouton **Nouvelle mesure **en haut à gauche de la liste des colonnes. | ||
152 | 1. Dans la fenêtre** [[Mesure calculée>>doc:dev:Digdash.user_guide.studio.Create_datamodel.configure_data_model.Configure_columns.Create_new_measure.Create_calculated_measure.WebHome]]**[[ >>doc:dev:Digdash.user_guide.studio.Create_datamodel.configure_data_model.Configure_columns.Create_new_measure.Create_calculated_measure.WebHome]]qui s'affiche, entrez le nom de la nouvelle mesure : **Nombre hommes**. | ||
153 | 1. Entrez alors la formule suivante (double-cliquez sur la dimension** ID Employé** pour l'insérer dans la formule) : | ||
154 | |||
155 | {{code language="js"}} | ||
156 | return -<ID Employé(dcount)>; | ||
157 | {{/code}} | ||
158 | |||
159 | [[image:Men_number_FR.png||alt="Nombre hommes"]] | ||
160 | |||
161 | (% start="4" %) | ||
162 | 1. Éditez la dimension pour ajouter un filtre (clic-droit et **Editer**). | ||
163 | ➡ La boite **Dimension associée "//Nom de la dimension" //**s'affiche. | ||
164 | 1. Dans la liste déroulante **Ajouter une dimension**, sélectionnez la dimension **Genre**. | ||
165 | 1. Dans la colonne **Filtre**, cliquez sur **Désactivé** puis **Nouveau**. | ||
166 | ➡ La boite **Edition de filtre pour la dimension Genre// //**s'affiche. | ||
167 | 1. Conservez le type **Eléments** et cochez **H** pour hommes. | ||
168 | [[image:Measure_number_men1_context_FR.png]] | ||
169 | 1. Cliquez sur **OK**. | ||
170 | 1. Répétez l'opération pour le nombre de femmes sans le signe négatif et en sélectionnant **F **à l'étape filtre. | ||
171 | ➡ Les 2 nouvelles mesures **Nombre hommes **et **Nombre femmes **sont ajoutées à la liste des colonnes. | ||
172 | 1. Cliquez sur **Terminer **et entrez un nom pour le modèle :** Pyramide ages **pour enregistrer. | ||
173 | |||
174 | = Étape 2 : Configurer le graphique Pyramide des âges = | ||
175 | |||
176 | == Créer le graphique Barres == | ||
177 | |||
178 | 1. Depuis l'onglet **{{glossaryReference glossaryId="Glossary" entryId="Flux"}}Flux{{/glossaryReference}} **du **Studio,** cliquez sur le bouton** Flux.** | ||
179 | 1. Sélectionnez le flux de type **Barres**. | ||
180 | ➡ La fenêtre **Propriétés du flux** s'affiche. | ||
181 | 1. Sélectionnez le modèle de données créé précédemment : **Pyramide ages**. | ||
182 | 1. Glissez-déposez la dimension **Age **sur l'axe **Barre **(axe des ordonnées). | ||
183 | 1. Glissez-déposez les 2 mesures (**Nombre hommes **négatif et **Nombre femme **positive) sur l'axe **Empilement **(axe des abscisses). | ||
184 | 1. Depuis la barre d'outils, cliquez sur **Couleurs **puis le bouton** Editer **pour modifier la [[palette de couleurs>>doc:dev:Digdash.user_guide.studio.Create_flow.Configure_flow.Flow_toolbar.Colors.WebHome]]. | ||
185 | 1. Sélectionnez la palette **Color gender**. | ||
186 | [[image:Configure_pyramid_age_FR.png||alt="Graphique Barres"]] | ||
187 | |||
188 | == Modifier le tri sur l'âge == | ||
189 | |||
190 | Pour afficher les ages dans l'ordre souhaité : | ||
191 | |||
192 | 1. Cliquez sur le bouton **Tri **en bas à droite de l'axe Barre. | ||
193 | 1. Sélectionnez **Tri Numérique Décroissant**. | ||
194 | [[image:Change_sorting_FR.png||alt="Modication tri"]] | ||
195 | 1. Cliquez sur **OK**. | ||
196 | |||
197 | == Supprimer l'affichage négatif == | ||
198 | |||
199 | Pour supprimer l'affichage négatif pour les valeurs de gauche : | ||
200 | |||
201 | 1. Allez dans l'onglet** Echelles**. | ||
202 | 1. Modifiez le format de l'échelle horizontale via le bouton [[image:Edit_button.png||alt="Editer"]]. | ||
203 | [[image:1737475432515-113.png]] | ||
204 | ➡ L'**Éditeur de format** s'affiche. | ||
205 | 1. Cliquez sur **+** pour créer un nouveau format. | ||
206 | 1. Entrez le nom **Nombre (positif)** et cliquez sur **OK**. | ||
207 | [[image:New_format_FR.png||alt="Nouveau format"]] | ||
208 | 1. Sélectionnez ensuite **Valeur absolue** pour l'**Affichage des nombres négatifs **et cliquez sur **OK.** | ||
209 | ➡ Nous obtenons ainsi une échelle positive des deux côtés. | ||
210 | 1. Vous pouvez également cocher la case **Centrer sur zéro** afin de bien visualiser les différences. | ||
211 | [[image:Pyamide_finale_centrée.png||alt="Pyramide des ages"]] | ||
212 | 1. Modifiez le nom du flux comme souhaité et cliquez sur **OK**. | ||
213 | |||
214 | La pyramide des âges est prête à être utilisée dans un tableau de bord. | ||
215 | |||
216 | = Félicitations ! = | ||
217 | |||
218 | Vous avez réussi à créer une pyramide des âges. | ||
219 | Il ne reste plus qu'à l'appliquer vos données! |