slides/index.html

195 lines
8.6 KiB
HTML
Raw Normal View History

2024-10-18 15:31:23 +00:00
<!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 dutilisateurs 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>