195 lines
8.6 KiB
HTML
195 lines
8.6 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="UTF-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|||
|
|
<title></title>
|
|||
|
|
<link rel="stylesheet" href="/node_modules/reveal.js/dist/reveal.css" />
|
|||
|
|
<link rel="stylesheet" href="/node_modules/reveal.js/dist/theme/black.css" />
|
|||
|
|
<link rel="stylesheet" href="/style.css" />
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<!-- this is Creative Commons Attribution-ShareAlike 2.0 license (CC BY-SA 2.0). -->
|
|||
|
|
<div class="reveal">
|
|||
|
|
<div class="slides">
|
|||
|
|
<section>
|
|||
|
|
<h2>Atelier cartographie OpenStreetMap</h2>
|
|||
|
|
</section>
|
|||
|
|
<section>
|
|||
|
|
<img src="/imgs/Openstreetmap_logo.svg" />
|
|||
|
|
<h2>OpenStretMap : Un commun numérique derrière nos cartes</h2>
|
|||
|
|
</section>
|
|||
|
|
<section>
|
|||
|
|
<h2>Modéliser avec des géométries de base</h2>
|
|||
|
|
<ul>
|
|||
|
|
<li>Des points</li>
|
|||
|
|
<li>Des lignes ouvertes (routes) ou fermés (polygones)</li>
|
|||
|
|
<li>Des relations</li>
|
|||
|
|
</ul>
|
|||
|
|
<div>
|
|||
|
|
<img src="/imgs/node.svg" width="200"/>
|
|||
|
|
<img src="/imgs/way.svg" width="200"/>
|
|||
|
|
<img src="/imgs/area.svg" width="200"/>
|
|||
|
|
<img src="/imgs/relation.svg" width="200"/>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
<section>
|
|||
|
|
<h2>Donner une valeur sémentique aux géométries avec des tags</h2>
|
|||
|
|
<img src="/imgs/tags_db.png" />
|
|||
|
|
<ul>
|
|||
|
|
<li>Clé / valeur</li>
|
|||
|
|
<li>Libre et flexible</li>
|
|||
|
|
<li>Modèle attributaire collaboratif, propositions votes</li>
|
|||
|
|
</ul>
|
|||
|
|
</section>
|
|||
|
|
<section>
|
|||
|
|
<h2>Sujets de cartographies</h2>
|
|||
|
|
<ul>
|
|||
|
|
<li>Localités, rues, adresses</li>
|
|||
|
|
<li>Circulation : les aménagements cyclistes, les chemins piétons</li>
|
|||
|
|
<li>Point d'intêret : Commerces, locaux (POI)</li>
|
|||
|
|
<li>Utilisation des sols et éléments naturels</li>
|
|||
|
|
<li>Infrastructure d'urgence : Poteaux incendies, défibrillateurs</li>
|
|||
|
|
<li>Infrastructure techniques : réseau électrique, ligne de trains, </li>
|
|||
|
|
<li>Et bien d'autres encore</li>
|
|||
|
|
</ul>
|
|||
|
|
</section>
|
|||
|
|
<section>
|
|||
|
|
<h2>OSM : le « Wikipédia » des cartes</h2>
|
|||
|
|
<ul>
|
|||
|
|
<li>La collaboration est centrale</li>
|
|||
|
|
<li>Notion de groupe de changement <i>changeset</i></li>
|
|||
|
|
<li>Les changements sont sourcés</li>
|
|||
|
|
<li>Processus d'amélioration en continu</li>
|
|||
|
|
<li>Un wiki (wiki.openstreetmap.org)</li>
|
|||
|
|
<li>Une communauté qui discute (forum, évènements etc.)</li>
|
|||
|
|
</ul>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section>
|
|||
|
|
<h2>Une licence libre, pillier du commun numérique</h2>
|
|||
|
|
<ul>
|
|||
|
|
<li>Open Data Commons Open Database License (ODbL)</li>
|
|||
|
|
<li>Liberté de copie, réutilisation, adaptation</li>
|
|||
|
|
<li>Contrainte d'attribution « les contributeurs d'OpenStreetMap »</li>
|
|||
|
|
<li>Si modification : publication des données sous la même licence</li>
|
|||
|
|
</ul>
|
|||
|
|
<a href="https://www.openstreetmap.org/copyright">osm.org/copyright</a>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section>
|
|||
|
|
<!-- Une base de données collaborative -->
|
|||
|
|
<img src="/imgs/osm_history_milestones.png" style="height: 120vh; margin-top: -2rem;"/>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section>
|
|||
|
|
<h2>Quelques stats (2021-2022)</h2>
|
|||
|
|
<ul>
|
|||
|
|
<li>8,3 millions d’utilisateurs enregistrés</li>
|
|||
|
|
<li>7,4 milliards de nœuds</li>
|
|||
|
|
<li>1,75 millions de contributeurs</li>
|
|||
|
|
<li><a href="http://resultmaps.neis-one.org/oooc">Contributeurs autour d'un lieu</a></li>
|
|||
|
|
<li>~4 millions de modifications par jour</li>
|
|||
|
|
<li><a href="http://live.openstreetmap.fr">Contributions en live</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section>
|
|||
|
|
<h2>Des utilisations dans la nature</h2>
|
|||
|
|
<div class="imgs-grid-3">
|
|||
|
|
<img src="/imgs/carte_metropole_rouen_normandie_1.png" />
|
|||
|
|
<img src="/imgs/site_web_rouen_fr_contact_leaflet.png" />
|
|||
|
|
<img src="/imgs/site_web_metropole_rouen_normandie.png" />
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section>
|
|||
|
|
<h2>Quelques exemples d'utilisation d'OSM</h2>
|
|||
|
|
<ul>
|
|||
|
|
<li>Les régulateurs du SAMU de l'Eure et autres SAMU de Normandie</li>
|
|||
|
|
<li>Rouen.fr</li>
|
|||
|
|
<li><a href="https://www.gendarmerie.interieur.gouv.fr/gendinfo/actualites/2022/manaeuvre-neo-2-le-deploiement-dans-les-groupements-sur-les-bons-rails">Gendarmerie nationale</a></li>
|
|||
|
|
<li>Métropole Rouen Normandie</li>
|
|||
|
|
<li>Les pompiers (les SDIS)</li>
|
|||
|
|
</ul>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section>
|
|||
|
|
<section>
|
|||
|
|
<h2>Différents rendus possibles</h2>
|
|||
|
|
</section>
|
|||
|
|
<section>
|
|||
|
|
|
|||
|
|
</section>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section>
|
|||
|
|
<h2>Des applications mobiles « GPS »</h2>
|
|||
|
|
|
|||
|
|
<div>
|
|||
|
|
<img src="/imgs/Osmand-icon.png" style="width: 200px" />
|
|||
|
|
<img src="/imgs/Organic-map_icon.png" style="width: 200px" />
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<img src="/imgs/geovelo.png" style="width: 200px" />
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section>
|
|||
|
|
<h2>En pratique : Installation et utilisation de OrganicMap</h2>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section>
|
|||
|
|
<h2>Comment contribuer ?</h2>
|
|||
|
|
<div>
|
|||
|
|
<ul>
|
|||
|
|
<li>Se créer un compte sur https://openstreetmap.org</li>
|
|||
|
|
<li>Collecter des données sur le terrain (notes, photos)</li>
|
|||
|
|
<li>Mettre en forme les données sur un éditeur OpenStreetMap</li>
|
|||
|
|
<li>Valider et publier son groupe de changement</li>
|
|||
|
|
</ul>
|
|||
|
|
<a href="https://wiki.openstreetmap.org/wiki/FR:Guide_du_d%C3%A9butant">Guide du débutant</a>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section>
|
|||
|
|
<h2>Une diversité de logiciels d'éditions</h2>
|
|||
|
|
<ul>
|
|||
|
|
<li>Sur mobile : StreetComplete, Vespucci</li>
|
|||
|
|
<li>Sur desktop : iD, JOSM</li>
|
|||
|
|
</ul>
|
|||
|
|
|
|||
|
|
<div>
|
|||
|
|
<img src="/imgs/ID_logo.svg" width="200"/>
|
|||
|
|
<img src="/imgs/JOSM_logo.svg" width="200"/>
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<img src="/imgs/StreetComplete_Logo.svg" width="200"/>
|
|||
|
|
<img src="/imgs/Vespucci_logo.svg" width="200"/>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section>
|
|||
|
|
<h2>En pratique : Installation et utilisation de StreetComplete</h2>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<section>
|
|||
|
|
<h2>En pratique : utilisation de iD pour améliorer son voisinage</h2>
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<script src="/node_modules/reveal.js/dist/reveal.js"></script>
|
|||
|
|
<script src="/node_modules/reveal.js/plugin/markdown/markdown.js"></script>
|
|||
|
|
<script>
|
|||
|
|
Reveal.initialize({
|
|||
|
|
width: 1920,
|
|||
|
|
height: 1080,
|
|||
|
|
plugins: [RevealMarkdown],
|
|||
|
|
margin: 0.04,
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|