Téléchargé 27 fois
Téléchargé parGHassen Aouinti
Webmapping - Outils OpenSource
Le document présente divers outils open source pour la cartographie web, notamment Leaflet et OpenLayers, ainsi que des serveurs cartographiques comme GeoServer et QGIS Server. Il explore la création de systèmes d'information géographique (SIG) en ligne, les modes de représentation des données géographiques, et les fonctionnalités avancées pouvant être intégrées. Enfin, il mentionne OpenStreetMap comme projet cartographique participatif et décrit ses utilisations variées.
Webmapping - Outils OpenSource
- 1.
- 2. Plan • Rappels surInternet / HTML • Modes de représentation • Elaboration d’un SIG Web • Où est ce qu’on peut aller ? • OpenStreetMap • Débat
- 3. Qu’est-ce que HTTP? • Protocole de transmission permettant à l'utilisateur d'accéder à des pages web par l'intermédiaire d'un navigateur. Qu’est-ce qu’une URL ? • Format de nommage universel pour désigner une ressource sur le réseau. Rappel sur HTML
- 4. Qu’est-ce que Javascript: • Langage de script léger, orienté objet, qui ajoute de l'interactivité à votre site web. • JavaScript est considéré comme l'une des technologies cœur du World Wide Web.
- 5. Qu’est-ce que CSS: • Langage informatique qui décrit la présentation des documents HTML et XML. • L’objectif principal est de dissocier le contenu de la page de son apparence visuelle. Exemple
- 6.
- 7. Données Trois modes dereprésentation peuvent cohabiter sur une carte : • le point : un entrepôt, un client, un hydrant, une agence ; • la ligne : un fleuve, un tronçon de route, un itinéraire ; • la surface : un étang, une zone de chalandise, une commune, un bois, une parcelle.
- 8. Classification On peut classerla donnée à représenter en 3 catégories : • qualitative qui différencie des entités : une parcelle de feuillus, conifères ou plantée ; • ordonnée pour comparer des éléments : une classe d’enfants de moins de 5 ans, de 5 – 7 ans, de 8 – 11 ans ; • quantitative qui mesure des objets : le nombre d’habitants par commune.
- 9.
- 10.
- 11. Elaboration d’un SIG Web L’écosystèmecartographique
- 12. • Visualisation simpled’une carte ; • Fonctions de déplacement sur une carte (zooms, pan) ; • Fonctions de présentation (affichage de couches, changement d’échelle, vue globale) ; • Fonctionnalités avancées (acquisition, manipulation, gestion et traitement des données géographiques et attributaires) ; Notion d’interactivité
- 13. Comment choisir ? Commentla carte est générée ? Notion de site statique / site dynamique
- 16. • Leaflet estune bibliothèque JavaScript libre de cartographie en ligne. • Leaflet est notamment utilisée sur les sites OpenStreetMap, Flickr, Wikipédia, Foursquare, craigslist, IGN, Washington Post, Wall Street Journal, Geocaching.com, City-Data.com, StreetEasy, etc..
- 17. Ressources : • Siteofficiel de Leaflet ; • Sources de Leaflet sur GitHub ; • Docs et Tutorials ; • Leaflet plugins ; • Stackoverflow (> 9500 questions).
- 18. • Bibliothèque defonctions JavaScript assurant un noyau de fonctionnalités orienté vers la mise en place d'applications clientes Web cartographiques fluides. • OpenLayers prend en charge les données GeoRSS, KML, GML, GeoJSON et les données cartographiques de toute source utilisant les normes OGC comme WMS ou WFS.
- 19. Ressources : • Siteofficiel d’Openlayers ; • Dépôt d’Openlayers sur GitHub ; • Docs et Tutorials ; • Openlayers workshop ; • 3rd party libraries ; • Stackoverflow (> 3800 questions).
- 20.
- 22. Coté Serveur :Que choisir ?
- 23. • Geoserver • Mapserver •QGIS Server • Mapnik • MapGuide Open Source • GeoWebCache Coté Serveur : Que choisir ?
- 24. • Serveur cartographiqueopen source et libre ; • écrit en Java ; • permet de partager et modifier des données géographiques ; • Conçu pour l'interopérabilité, il publie les données de toutes les sources principales de données spatiales utilisant des normes ouvertes OGC. Geoserver
- 25. • Il gèreles connexions à des services propriétaires tels que Google Maps et Bing Maps. • GeoServer fonctionne en tant qu'implémentation de référence du standard du Web Feature Service de l'Open Geospatial Consortium et le Web Map Service. Geoserver
- 26. GeoServer lit denombreux formats de données, parmi lesquels PostGIS, Oracle Spatial, ArcSDE, DB2, MySQL, Shapefiles, GeoTIFF, GTOPO30, ECW, JPEG 2000, MBTiles, etc.. Geoserver
- 27. • Il génèredes fichiers KML, GML, Shapefile, GeoRSS, PDF, GeoJSON, JPEG, GIF, SVG, PNG et plus. • GeoServer comprend un client OpenLayers intégré pour la prévisualisation des couches de données. Geoserver
- 28. • GeoServer fonctionnecomme un nœud dans une infrastructure de données spatiales ; • Il s'appuie sur GeoTools, une bibliothèque lui permettant d’effectuer les traitements spatiaux. Geoserver
- 29. Ressources : • Siteofficiel ; • Blog et Docs ; • Plugins ; • Source Code Repo ; • Issue Tracker. Geoserver
- 30. • QGIS Serverest une implémentation open source WMS, WFS et WCS, qui propose des fonctionnalités cartographiques avancées pour le rendu thématique ; • écrit en C++ ; • fonctionne avec un serveur web. QGIS Server
- 31. • QGIS Serverutilise QGIS comme backend pour la logique des couches SIG et le rendu cartographique. • QGIS Server fonctionne comme un module CGI/FastCGI dans le serveur web Apache. QGIS Server
- 32. Caractéristiques : • WebMap Service (WMS) - images • OGC Web Map Tile Service (WMTS) • Web Feature Service (WFS) - vecteurs • Sortie PDF incluse • Création de carte WYSIWYG avec QGIS • Symbolisation cartographique avancée • Support le Styled Layer Descriptor (SLD) • Paramètres supplémentaires comme, par exemple, FILTER, SELECTION, DPI, … QGIS Server
- 33.
- 34.
- 35.
- 36. Où est cequ’on peut aller ?
- 37. • C’est quoi? • Guide de démarrage • Architecture Technique • Demo en ligne • Références • Docs for Admins, Users and Dev Teams
- 38. OpenStreetMap est unprojet cartographique participatif, en ligne et mondial ; Utilisation : • Fonds de cartes (intégration depuis Leaflet ou Openlayers) ; • Routing ; • Geocoding ; • Faire sa propre carte. OpenStreetMap
- 39. Fonds de cartesdérivés d’OpenStreetMap : OpenStreetMap
- 40. OpenStreetMap OsmAnd, calcul d’itinéraireOsmAnd, naviguer hors ligne
- 41. OpenStreetMap Maps.me, calcul d’itinéraireMaps.me, naviguer hors ligne
- 45. Les services etprojets utilisant OpenStreetMap sont répertorié en thème : Cartes artistiques, historiques, spotives, d’intérieur, 3D, services d’isochronie, de calcul d’itinéraire, de geocodage, d’export, d’édition, de comparaison de sources, d’accessibilité, etc… OpenStreetMap Services
- 46. • TopOSM :carte topographique à base d’OpenStreetMap ; • Dépôt GitHub : code source, scripts et feuilles de style, ainsi que les instructions de mise en place de son propre serveur TopOSM ; OpenStreetMap Autres utilisations
- 48. • Etat desplateformes OSM ; • Serveurs de rendu et de tuilage ; • Hardware : configurations et statistiques ; OpenStreetMap Composition
- 49.
Notes de l'éditeur
- #2 Ce modèle peut être utilisé comme fichier de démarrage pour présenter des supports de formation à un groupe. Sections Cliquez avec le bouton droit sur une diapositive pour ajouter des sections. Les sections permettent d’organiser les diapositives et facilitent la collaboration entre plusieurs auteurs. Notes Utilisez la section Notes pour les notes de présentation ou pour fournir des informations supplémentaires à l’audience. Affichez ces notes en mode Présentation pendant votre présentation. N’oubliez pas de tenir compte de la taille de la police (critère important pour l’accessibilité, la visibilité, l’enregistrement vidéo et la production en ligne) Couleurs coordonnées Faites tout particulièrement attention aux diagrammes, graphiques et zones de texte. Tenez compte du fait que les participants imprimeront la présentation en noir et blanc ou nuances de gris. Effectuez un test d’impression pour vérifier que vos couleurs s’impriment correctement en noir et blanc intégral et nuances de gris. Graphiques, tableaux et diagrammes Faites en sorte que votre présentation soit simple : utilisez des styles et des couleurs identiques qui ne soient pas gênants. Ajoutez une étiquette à tous les graphiques et tableaux.
- #3 Fournissez une brève vue d’ensemble de la présentation. Décrivez l’objectif principal de la présentation et expliquez son importance. Présentez chaque sujet principal. Pour fournir une feuille de route à votre audience, vous pouvez répéter cette diapositive de vue d’ensemble tout au long de la présentation afin de mettre en évidence le sujet suivant.
- #4 Voici un autre exemple de diapositives de vue d’ensemble utilisant des transitions.