Last modified by Aurelie Bertrand on 2025/02/10 11:35
Show last authors
1 {{ddtoc/}}
2
3 ----
4
5 = Introduction =
6
7 Dans ce tutoriel, nous allons découvrir comment créer une carte de Open Street Map et naviguer sur différents fonds de carte.
8
9 Le jeu de données utilisé dans le tutoriel correspond à des données fictives sur les départements français. Ces données sont contenues dans le fichier Excel "[[departements_regionsfr>>attach:departements_regionsfr.xlsx]]".
10
11 L'ensemble de ce tutoriel se déroule dans le Studio.
12 Nous allons tout d'abord créer un modèle de données dans lequel nous allons définir une hiérarchie basée sur les régions et départements.
13 Nous allons ensuite créer un fond de carte avec 2 niveaux correspondant aux régions et départements.
14 Enfin, nous allons créer une carte de type Open Street Map et la configurer en utilisant les éléments précédemment créés.
15
16 = Pré-requis =
17
18 Afin de pouvoir effectuer ce tutoriel, il est requis de :
19
20 * disposer d'une installation de DigDash Enterprise d'une version 2024R2 ou plus récente ;
21 * faire partie en tant qu'utilisateur du groupe d'autorisation "**Concepteur de modèles de données**";
22 * télécharger le fichier Excel "[[departements_regionsfr>>attach:departements_regionsfr.xlsx]]" et les cartes Geosjson contenues dans  [[Cartes_geojson.zip>>attach:Cartes_geojson.zip]].
23
24 (% class="box" %)
25 (((
26 ℹ 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.
27 )))
28
29 (% class="wikigeneratedid" id="H" %)
30 (% id="cke_bm_441S" style="display:none" %)
31
32 = Étape 1 : Créer et configurer le modèle de données =
33
34 (% class="box infomessage" %)
35 (((
36 Ce tutoriel part du principe que vous allez importer vos sources de données et créer vos graphiques dans votre rôle personnel.
37 )))
38
39 == Importer les données ==
40
41 Nous allons ici importer les données du fichier Excel "departements_regionsfr" (récupéré précédemment).
42
43 Pour cela :
44
45 1. Lancez le **Studio**.
46 1. Ouvrez l'onglet **Modèles**.
47 1. Cliquez sur le bouton **Nouveau modèle**.
48 1. Dans la boite **Création d'un nouveau modèle de données**, sélectionnez **Tous types** dans la rubrique **Fichiers**.
49 [[image:New_model_all_files_FR.png]]
50 ➡ La boîte **Recherche de fichiers distants **s’affiche.
51 1. Dans la liste déroulante **Serveur**, sélectionnez “**Common Datasources**”
52 1. Cliquez sur le bouton **Ajouter un fichier au serveur...
53 [[image:Search_remote_files_FR.png||alt="Recherche fichiers distants"]]**
54
55 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**.
56 1. Cliquez sur **Parcourir **pour sélectionner le fichier **"departements_regionsfr" **récupéré précédemment.
57 1. Cliquez sur **OK**.
58 ➡ Le fichier est maintenant enregistré sur le serveur DigDash "**Common Datasources**" et accessible à tous les utilisateurs.
59
60 (% class="box infomessage" %)
61 (((
62 ℹ Si le serveur de document //**UserDocs **//est sélectionné les documents ne sont accessibles qu’à l’utilisateur les ayant déposés.
63 )))
64
65 (% start="10" %)
66 1. Dans la boîte **Recherche de fichiers distants**, sélectionnez **"departements_regionsfr"**.
67 1. Cliquez sur **OK.**
68
69 La boîte **Fichier Excel **s’affiche. Elle propose des options de sélection de données et une prévisualisation de celles-ci.
70
71 [[image:Initial_preview_FR.png||alt="Prévisualisation initiale"]]
72
73 Les données comportent une colonne **DEP** contenant le code département, une colonne **REG** pour le code région et une colonne **Mesure**.
74
75 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, DEP pour la colonne 1. Pour cela :
76
77 * Dans la section **Sélection des données**, cochez la case **Première ligne en tant que entête.
78 [[image:Data_selection_FR.png]]**
79
80 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.
81
82 == Créer la hiérarchie ==
83
84 La fenêtre de configuration du modèle de données s'ouvre sur l'onglet **Colonnes**. Nous allons creér la hiérarchie Region-Departement. Pour cela :
85
86 1. Sélectionnez la dimension //**DEP** //qui correspond aux codes de département. Le groupement s'effectue du plus détaillé au moins détaillé.
87 1. Dans la section **Hiérarchies**, cliquez sur le bouton **+** et sélectionnez [[**Groupement automatique**>>doc:Digdash.user_guide.studio.Create_datamodel.configure_data_model.Configure_columns.Create_hierarchy.Create_group_discrete_dimension.WebHome||anchor="Groupement_automatique"]].
88 ➡ La boite de dialogue **Edition de groupe** s'affiche.
89 1. Dans le champ **Groupe**, entrez le nom de la hiérarchie** Region-Departement//.//**
90 1. Dans le champ **Chemin complet**, sélectionnez **REG** dans la liste déroulante après **DEP /**.
91 [[image:Automatic_hierarchy_FR.png||alt="Hiérachie automatique"]]
92 1. Cliquez sur **OK** puis **Terminer**.
93 1. Entrez le nom du modèle **Départements** et cliquez sur** OK**.
94
95 = Étape 2 : Créer une carte à plusieurs niveaux =
96
97 Nous créons à présent la carte avec les différents niveaux de fonds de carte correspondants aux différents niveaux de la hiérarchie.
98
99 == Ajouter le fond de carte régions ==
100
101 Nous commençons par ajouter le fond de carte des régions :
102
103 1. Depuis le Studio, ouvrez le **Gestionnaire de cartes :** cliquez sur le bouton **Gestionnaires** dans la barre latérale de gauche puis sélectionnez **Cartes**.
104 [[image:Map_manager_FR.png||alt="Gestionnaire de cartes"]]
105 1. Cliquez sur le bouton **Ajouter une carte**.
106 ➡ La boite **Nouvelle carte **s'affiche.
107 1. Sélectionnez le format du fichier carte. Dans cet exemple, nous utilisons un fichier de type JSON.
108 1. Entrez le nom de la carte. Dans cet exemple, **//reg//**.
109 1. Dans le champ **Rôle**, sélectionnez **Aucun** pour partager la carte à tous les rôles.
110 1. Dans la section **Fichier**, ajoutez le fichier correspondant à la carte : **//regions.geojson//**.
111 [[image:New_map_region_FR.png||alt="Nouvelle région"]]
112 1. Cliquez sur **OK**.
113 ➡ La carte est alors ajoutée à la liste des cartes disponibles.
114
115 == Ajouter le niveau de carte départements ==
116
117 Nous ajoutons ensuite le niveau carte des départerments :
118
119 1. Sélectionnez la carte des régions nouvellement ajoutée et cliquez sur le bouton **Ajouter un niveau**.
120 1. Dans la boite **Nouvelle carte**, ajoutez le fichier **//departements.geojson//** comme précédemment et entrez le nom du niveau, ici **//dep //**pour département.
121 ➡ Le niveau de carte //**dep** //est ajoutée en dessous de la carte **//reg//**.
122 1. Renommez la carte reg. On choisit ici **reg-dep**.
123 [[image:1738578413429-964.png||alt="Ajout niveau dep"]]
124 1. Cliquez sur **OK** pour enregistrer fermer le **Gestionnaire de cartes**.
125
126 = Étape 3 : Créer et configurer l'Open Street Map =
127
128 (% start="1" %)
129 1. Depuis l'onglet **{{glossaryReference glossaryId="Glossary" entryId="Flux"}}Flux{{/glossaryReference}} **du **Studio,** cliquez sur le bouton** Flux.**
130 1. Sélectionnez le flux de type **[[carte OSM>>doc:Digdash.user_guide.studio.Create_flow.Flow_types_and_configuration.Flow_type_map.Carte de type Open Street Map.WebHome]]**.
131 ➡ La fenêtre **Propriétés du flux** s'affiche.
132 1. Sélectionnez le modèle de données créé précédemment : **Departements**.
133 1. Ajoutez la dimension **DEP.**
134 ➡ La boite de sélection automatique d'un niveau s'affiche.
135 1. Cochez la case **Ajouter l'action "Naviguer dans les hiérarchies"** et cliquez sur **OK.**
136 **[[image:Hierarchy_navigation_select_FR.png||alt="Ajouter Naviguer dans hiérarchies"]]**
137 1. Ajoutez la **Mesure**.
138 1. Dans l'onglet **Paramètres spécifiques,**
139 1*. cochez la case **Couleur en fonction de la valeur **: afin de définir la couleur de la zone en fonction de la valeur de la mesure associée (selon la palette de couleurs choisie)
140 1*. sélectionnez la carte précédemment ajoutée et validez.
141 **[[image:Select_map_FR.png||alt="Sélection carte"]]**
142 ➡ Dans la zone d'aperçu graphique, un panneau d'avertissement jaune clignote
143
144 [[image:Yellow_panel_appears_FR.png]]
145
146 (% start="8" %)
147 1. Cliquez dessus et validez l'association de couche WFS pour chaque niveau en cliquant sur **OK**.
148 [[image:Associate_WFS_layer_FR.png]]
149 \\➡ Les régions s'affichent selon la palette couleurs courante:
150 [[image:Regions_initial_palette_FR.png]]
151 \\Vous pouvez cliquer sur le bouton [[image:1738591809872-214.png]] pour visualiser les paramètres du calque WFS.
152 [[image:Associate_WFS_layer_parameters_FR.png]]
153
154 Nous allons maintenant choisir une palette de couleur plus adaptée :
155
156 1. Cliquez sur le bouton **Couleurs** dans la barre d'outils puis sur le bouton **Editer **à droite de la palette sélectionnée.
157 ➡ Le **Gestionnaire de la palette de couleurs** s'affiche.
158 1. Sélectionnez la palette de dégradés de bleu //Flat Design 10//.
159 (% style="box-sizing:border-box; display:block" %)[[image:Color_options_FR.png||alt="Modification palette"]]
160
161 Nous allons ajouter une bordure rouge pour mieux visualiser les limites des régions :
162
163 1. Cliquez sur le bouton [[image:Bouton_calques.png]] en haut à droite de la carte puis la roue crantée à côté de **regions.geojson**.
164 ​​​​​​​[[image:1738591062528-158.png||alt="Attributs"]]
165 1. [[image:1717167361648-114.gif]]Cliquez dans le bordure et sélectionnez la couleur rouge foncé.
166 [[image:1738591127611-430.png||alt="Bordure"]]
167 ➡ Nous obtenons le rendu suivant :
168 (% style="box-sizing:border-box; display:block" %)[[image:Regions_blue_palette_red_border_FR.png||alt="Bordure ajoutée"]]
169
170 (% start="3" %)
171 1. Pour voir le détail des départements, cliquez sur une région.
172 1. Ajoutez une bordure pour **departements.geojson **de même que précédemment.
173 [[image:Select_departement_FR.png||alt="Sélection département"]]
174 1. Modifiez le nom du flux comme souhaité et cliquez sur **OK**.
175
176 La carte de type Open Street Map est prête à être utilisée dans un tableau de bord.
177
178 = Félicitations ! =
179
180 Vous avez réussi à créer une carte de type Open Street Map et naviguer sur différents niveaux.
181 Il ne reste plus qu'à l'appliquer vos données!