Última modificación por Aurelie Bertrand el 2025/09/18 11:33
Mostrar los últimos autores
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 2025R2 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-dep//**.
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.png||alt="Nouvelle carte"]]
112 1. Entrez le nom du **Niveau **: ici **//reg//**.
113 1. Cliquez sur **OK**.
114 ➡ La carte est alors ajoutée à la liste des cartes disponibles.
115
116 == Ajouter le niveau de carte départements ==
117
118 Nous ajoutons ensuite le niveau carte des départerments :
119
120 1. Sélectionnez la carte des régions nouvellement ajoutée et cliquez sur le bouton **Ajouter un niveau**.
121 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.
122 ➡ Le niveau de carte //**dep** //est ajoutée en dessous de la carte **//reg//**.
123 1. Renommez la carte reg. On choisit ici **reg-dep**.
124 [[image:Map_created_FR.png||alt="Ajout niveau"]]
125 1. Cliquez sur **OK** pour enregistrer fermer le **Gestionnaire de cartes**.
126
127 = Étape 3 : Créer et configurer l'Open Street Map =
128
129 (% start="1" %)
130 1. Depuis l'onglet **{{glossaryReference glossaryId="Glossary" entryId="Flux"}}Flux{{/glossaryReference}} **du **Studio,** cliquez sur le bouton** Flux.**
131 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]]**.
132 ➡ La fenêtre **Propriétés du flux** s'affiche.
133 1. Sélectionnez le modèle de données créé précédemment : **Departements**.
134 1. Ajoutez la dimension **DEP.**
135 ➡ La boite de sélection automatique d'un niveau s'affiche.
136 1. Cochez la case **Ajouter l'action "Naviguer dans les hiérarchies"** et cliquez sur **OK.**
137 **[[image:Hierarchy_navigation_select_FR.png||alt="Ajouter Naviguer dans hiérarchies"]]**
138 1. Ajoutez la **Mesure**.
139 1. Affichez l'onglet **Paramètres spécifiques **du panneau de droite** :**
140 1*. dans la section **Distribution des couleurs**, sélectionnez **Répartition simple **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)
141 1. Dans l'onglet** Paramètres des calques**, sélectionnez le calque précédemment ajouté.
142 [[image:1758097591122-868.png||alt="Calque"]]
143
144 ➡ Dans la zone d'aperçu graphique, un panneau d'avertissement jaune clignote :
145
146 [[image:OSM_yellow_sign_FR.png||alt="Panneau jaune"]]
147
148 (% start="9" %)
149 1. Cliquez dessus et validez l'association de couche WFS pour chaque niveau en cliquant sur **OK**.
150 [[image:Layer_association_FR.png||alt="Association de couche"]]
151 \\➡ Les régions s'affichent selon la palette de couleurs courante:
152 [[image:Layer_association_done_FR.png||alt="Régions affichées"]]
153 \\Vous pouvez cliquer sur le bouton [[image:1738591809872-214.png]] pour visualiser les paramètres du calque WFS.
154 [[image:Layer_parameters_FR.png||alt="Paramètres"]]
155
156 Nous allons maintenant choisir une palette de couleur plus adaptée :
157
158 1. Cliquez sur le bouton **Couleurs** dans la barre d'outils puis sur le bouton **Editer **à droite de la palette sélectionnée.
159 ➡ Le **Gestionnaire de la palette de couleurs** s'affiche.
160 1. Sélectionnez la palette de dégradés de bleu //Flat Design 10//.
161 (% style="box-sizing:border-box; display:block" %)[[image:Color_options_FR.png||alt="Modification palette"]]
162
163 Nous allons ajouter une bordure rouge pour mieux visualiser les limites des régions :
164
165 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**.
166 [[image:1738591062528-158.png||alt="Attributs"]]
167 1. [[image:1717167361648-114.gif]]Cliquez dans le champ **Bordure** et sélectionnez la couleur rouge foncé.
168 [[image:1738591127611-430.png||alt="Bordure"]]
169 ➡ Nous obtenons le rendu suivant :
170 (% style="box-sizing:border-box; display:block" %)[[image:OSM_border_FR.png||alt="Bordure"]]
171
172 (% start="3" %)
173 1. Pour voir le détail des départements, cliquez sur une région.
174 1. Ajoutez une bordure pour **departements.geojson **de même que précédemment.
175 [[image:OSM_selection_region_FR.png||alt="Sélection département"]]
176 1. Modifiez le nom du flux comme souhaité et cliquez sur **OK**.
177
178 La carte de type Open Street Map est prête à être utilisée dans un tableau de bord.
179
180 = Félicitations ! =
181
182 Vous avez réussi à créer une carte de type Open Street Map et naviguer sur différents niveaux.
183 Il ne reste plus qu'à l'appliquer vos données!