-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathget_Data.html
272 lines (259 loc) · 14.6 KB
/
get_Data.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Téléchargement de données</title>
<link rel="stylesheet" href="dist/reset.css">
<link rel="stylesheet" href="dist/reveal.css">
<link rel="stylesheet" href="dist/theme/gaza.css">
<link rel="stylesheet" href="dist/nadgy.css">
<link rel="stylesheet" href="dist/mytheme.css">
<!--<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js-plugins/menu/font-awesome/css/fontawesome.css"> -->
<!-- Theme used for syntax highlighted code -->
<link rel="stylesheet" href="plugin/highlight/monokai.css">
<!-- Chalkboard plugin begin -->
<!-- Font awesome is required for the chalkboard plugin -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/js/all.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- Custom controls plugin is used to for opening and closing annotation modes. -->
<script src="https://cdn.jsdelivr.net/npm/reveal.js-plugins@latest/customcontrols/plugin.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js-plugins@latest/customcontrols/style.css">
<!-- Chalkboard plugin -->
<script src="https://cdn.jsdelivr.net/npm/reveal.js-plugins@latest/chalkboard/plugin.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js-plugins@latest/chalkboard/style.css">
<!-- Chalkboard plugin end -->
</head>
<body>
<div class="reveal">
<div class="slides">
<section>
<h1>Téléchargement de données </h1>
</section>
<section>
<p class="pleft">Téléchargement de données</p>
<ul>
<li>données statistiques:<a href="#/1"> Office Nationnal des Statisitques</a> </li>
<li>Limite administrative:<a href="#2/"> DIVA-GIS</a></li>
<li>Télécharger les données cartographiques <a href="https://wiki.openstreetmap.org/wiki/Downloading_data" target="_blank">OpenStreetMap</a></li>
<li>données OpenStreetMap En utilisant: <a href="#/3">les extentions QGIS</a></li>
<li>Données raster: <a href="target=_blank"></a>Digital Elevation Model </li>
<li>Données raster:<a href="https://data.humdata.org/dataset/algeria-elevation-model">The Humanitarian Data Exchange</a></li>
<li>Acheter des cartes:<a href="http://www.inct.mdn.dz/site_anglais/source/prd-pville"target="_blank">Institut National de Cartographie et de Télédétection</a> </li>
</ul>
</section>
<section>
<section>
<h2>Office Nationnal des Statisitques</h2>
<p style="text-align: left;">Vous pouvez utiliser les données statistiques fournits par l'<a href="https://www.ons.dz/collections/">ONS</a> puis les représenter graphiquement pour faciliter la lecture visuelle </p>
<p style="text-align: left;">Par exemple vous pouvez créer une carte de distrubution de population par communes en utilisant les données <a href="https://www.ons.dz/collections/w10_p1.pdf">ONS</a></p>
</section>
<section>
<h2> MONOGRAPHIE WILAYA BOUIRA</h2>
<p class="pleft"> Le fichier en ligne <a href="https://www.aniref.dz/DocumentsPDF/monographies/MONOGRAPHIE%20WILAYA%20BOUIRA.pdf"> MONOGRAPHIE WILAYA BOUIRA.pdf</a> contient des données statistiques que vous pouvez utiliser afin de s'exercer</p>
</section>
</section>
<section>
<section>
<h1 style="font-size: 60pt;">Extraction depuis DIVA-GIS</h1>
<p style="text-align: left;"><a href="https://www.diva-gis.org/">DIVA-GIS</a> est un programme informatique gratuit pour la cartographie et l'analyse de données géographiques (SIG). il fourner également des <u> données spatiales gratuites.</u></p>
</section>
<section>
<p>Ouvrez le <a href="https://www.diva-gis.org/"> liens</a> et cliquez sur <strong>Free Spatial Data</strong>: </p>
<img src="images/diva/DIVA-GIS.png" alt="">
</section>
<section>
<p>Cliquez sur <strong>country level data</strong></p>
<img src="images/diva/DIVA-GIS-dwn1.png" alt="">
</section>
<section>
<p> Dans la liste déroulante selectionnz <strong>Algeria</strong> </p>
<img src="images/diva/DIVA-GIS-dwn2.png" alt="">
</section>
<section>
<p>Puis cliquez sur <strong>Download </strong> </p>
<img src="images/diva/DIVA-GIS-dwn3.png" alt="">
</section>
<section>
<div class="row">
<div class="column" >
<p style="text-align: left;">Vous aurez un dossier compressé qui contient trois shapefiles limite administrative de l'Algérie pour les niveaux suivants:</p>
<ul>
<li>DZA_adm0: frontière nationnal</li>
<li>DZA_adm1: frontières wilaya</li>
<li>DZA_adm2: frontières communale </li>
</ul>
</div>
<div class="column" >
<img src="images/diva/DIVA-GIS-dwn-files.png" alt="">
</div>
</div>
</section>
<section>
<img src="images/diva/DIVA-GIS-dwn-files.png" alt="">
</section>
<section>
<h2>Choix de la zone d'étude</h2>
<p style="text-align: left;">Vous pouvez <strong>extraire</strong> les frontière d'une wilaya ou une commune selon l'étude! il y a plusieurs méthodes pour le faire par exemple en utilisant QGIS: </a></p>
</section>
<section data-background-video="images/diva/filtrer_bouira.webm">Filtrer </section>
<section></section>
<section>
<h2>Sauvegarder la selection:</h2>
</section>
<section data-background-video="images/diva/save_bouira_shp.webm">Filtrer </section>
<section></section>
<section>
<h2>selectionner une commune </h2>
</section>
<section data-background-video="images/diva/filtre-com.webm">Filtrer </section>
<section></section>
</section>
<section>
<section>
<h1 style="font-size: 60pt;">Extraction des données OSM.</h1>
<h2>A partir du QGIS</h2>
<hr>
<br>
<p style="text-align: left;"><a href="/"> QuickOSM </a> est un plugin QGIS,son role est de télécharger des données depuis le serveur<a href="https://wiki.openstreetmap.org/wiki/Overpass_API"> Overpass.</a></p>
<p style="text-align: left;">Nous allons extraire quelques données spatiales liées à une des commune de Bouira </p>
</section>
<section>
<h2>OSM: Limite administrative </h2>
<p class="pleft">Au chapitre précédent nous avons télécharger les limite offertes par DIVA-GIS, QuickOSM offre aussi la possibilité de les télécharger</p>
<p class="pleft"> Ouvrez le gestionnaire de source de données et selectinnez l'onglet explorateur puis cliquez sur XYZ Tiles, double cliquez ensuite sur openstreetmap</p>
<img class="r-stretch" src="images/commune/gest_src_data.png" alt="gestionnaire de source de données">
</section>
<section>
<p class="pleft">La couche Raster <strong>OpenStreetMap</strong> est insérée </p>
<img class="r-stretch" src="images/commune/Insert_osm.png" alt="Insert osm">
</section>
<section>
<p class="pleft">Focaliser Bouira</p>
<img class="r-stretch" src="images/commune/Zoomer10.png" alt="Zoomer 10">
</section>
<section>
<h1>QuickOSM</h1>
<img class="r-stretch" src="images/commune/QuickOSM_open.png" alt="icon Quickosm">
</section>
<section>
<p class="pleft"> QuickOSM </p>
<ol>
<li><p>Exécutez le plugin à partir du menu <span class="menuselection">Vecteur ► QuickOSM ► QuickOSM…</span>.</p></li>
<li><p>Dans la zone préreglage, tapez <span class="text" >boundary</span> dans le menu déroulant <span class="menuselection">clé</span>.</p></li>
<li><p>Laissez le champ <span class="menuselection" >Valeur</span> vide.</p></li>
<li><p>Sélectionnez <span class="menuselection">dans</span> dans le menu déroulant suivant, et ecrire <span>bouira bouira Algeria</span></p></li>
<li><p>Développez le groupe <span class="menuselection">avancé</span> ci-dessous et décochez tous les types de géométrie sur la droite sauf <span class="guilabel">Multipolygones</span>.</p></li>
<li><p>Pressez <span class="menuselection">executer requête</span></p>
</ol>
</section>
<section>
<img class="r-stretch" src="images/commune/QuickOSM_windows.png" alt="QuickOSM window">
</section>
<section>
<p class="pleft">Une nouvelle couche <span class="menuselection">bouira bouira Algeria</span> est ajoutée au panneau <span class="menuselection">couches</span>, montrant les limites administrative de <strong>bouira</strong> dans l’étendue sélectionnée.</p>
<img src="images/commune/bouiraX3.png" alt="">
</section>
<section>
<h2>Sauvegarder</h2>
<div class="cols" style="align-items:flex-end">
<div>
<img class="r-stretch" src="images/commune/bouira_tmp.png" alt="">
<figcaption>bouira</figcaption>
</div>
<div>
<p class="pleft"> l'icon mentionnée sur la figure à gauche signifier que la couche est temporaire <q>une fois le projet fermé elle sera perdue!</q><br> cliquez sur ladite icone pour sauvegarder la couche</p>
</div>
</div>
</section>
<section>
<img class="r-stretch" src="images/commune/bouira_save.png" alt="">
<figcaption>couche sauvegardée</figcaption>
</section>
<section>
<div class="r-stack">
<p class="pleft fragment">Pour n'avoir que la commune de <span class="menuselection">bouira</span>clique droit sur le nom de la couche puis sur <span class="menuselection">Filtrer</span></p>
<img class="fragment" src="images/commune/bouira_filtre.png">
<img class="fragment" src="images/commune/bouira_filtre_result.png" >
</div>
</section>
<section>
<h1> Symbologie</h1>
<img src="images/commune/bouira_ok.png" alt="">
</section>
<section>
<ol >
<p>pour les 6 étapes suivantes sélectionnez <span class="menuselection">Emprise d'une couche</span> dans le menu déroulant suivant, et ecrire le nom de la couche masque <span class="menuselection">bouira</span> pour toutes les autres couches </p>
<li><p>Procédez comme ci-dessus pour extraire d’autres données :</p>
<ol class="arabic simple">
<li><p><span class="menuselection">Key</span> <span class="menuselection">=</span> <span class="menuselection">landuse</span> et type de géométrie <span class="menuselection">Multipolygons</span>.</p></li>
<li><p><span class="menuselection">Key</span> <span class="menuselection">=</span> <span class="menuselection">natural</span>, <span class="menuselection">Value</span> <span class="menuselection">=</span> <span class="menuselection">water</span> et type de géométrie <span class="menuselection">Multipolygons</span>.</p></li>
<li><p><span class="menuselection">Key</span> <span class="menuselection">=</span> <span class="menuselection">highway</span> et vérifiez les types de géométrie <span class="menuselection">Lines</span> et <span class="menuselection">Multilines</span>.</p></li>
<li><p><span class="menuselection">Key</span> <span class="menuselection">=</span> <span class="menuselection">building</span>, et type de géométrie <span class="menuselection">Multipolygons.</p></li>
<li><p><span class="menuselection">Key</span> <span class="menuselection">=</span> <span class="menuselection">waterway</span>, <span class="menuselection">Value</span> <span class="menuselection">=</span> <span class="menuselection">river</span> et vérifier les types de géométrie <span class="menuselection">Lines</span> et <span class="menuselection">Multilines</span>.</p></li>
<li><p><span class="menuselection">Key</span> <span class="menuselection">=</span> <span class="menuselection">place</span> et type de géométrie <span class="menuselection">Points</span>.</p></li>
</li>
</ol>
</ol>
</section>
<section>
<div class="r-stack">
<img class="fragment" src="images/commune/insert_landuse1.png">
<img class="fragment" src="images/commune/insert_landuse2.png" >
<img class="fragment" src="images/commune/insert_natural1.png">
<img class="fragment" src="images/commune/insert_natural2.png">
<img class="fragment" src="images/commune/insert_highway1.png" >
<img class="fragment" src="images/commune/insert_highway2.png" >
<img class="fragment" src="images/commune/insert_waterway1.png" >
<img class="fragment" style="background-color: white;" src="images/commune/insert_waterway2.png" >
<img class="fragment" src="images/commune/insert_place1.png">
<img class="fragment" src="images/commune/insert_place2.png">
</div>
</section>
<section>
<h2>Réorganisation des calques</h2>
<p class="pleft">Les calques dans votre liste de calques sont dessinés sur la carte dans un certain ordre. Le calque en bas de la liste est dessiné en premier, et le calque en haut est dessiné en dernier. En changeant leur ordre dans la liste, vous pouvez changer l’ordre suivant lesquel ils sont dessinés.</p>
</section>
</section>
</div>
</div>
<script src="dist/reveal.js"></script>
<script src="plugin/notes/notes.js"></script>
<script src="plugin/markdown/markdown.js"></script>
<script src="plugin/highlight/highlight.js"></script>
<!-- <script src="node_modules/reveal.js-menu/menu.js"></script> -->
<script>
// More info about initialization & config:
// - https://revealjs.com/initialization/
// - https://revealjs.com/config/
Reveal.initialize({
hash: true,
// Add your config here:
transition: 'convex',
// chalkboard plugin begin
// Reveal.initialize({
/* customcontrols: {
controls: [
{ icon: '<i class="fa fa-pen-square"></i>',
title: 'Toggle chalkboard (B)',
action: 'RevealChalkboard.toggleChalkboard();'
},
{ icon: '<i class="fa fa-pen"></i>',
title: 'Toggle notes canvas (C)',
action: 'RevealChalkboard.toggleNotesCanvas();'
}
]
},
chalkboard: {
// add configuration here
},
// ...
//plugins: [ RevealChalkboard, RevealCustomControls ],
// ...
// chalkboard plugin end */
// Learn about plugins: https://revealjs.com/plugins/
plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ]//, RevealChalkboard, RevealCustomControls, RevealMenu
});
</script>
</body>
</html>