SlideShare une entreprise Scribd logo
Nouvelles tendances en
webmapping et données libres

 

Périgueux, 23/10/2013
Frédéric Bonifas
@fbonifas
www.makina-corpus.com
 
Makina Corpus
●

●

●

 

Société de Services en Logiciels Libres (SSLL), indépendante,
créée en 2001
Domaines d'activité : ingénierie logicielle, applications
métiers innovantes, Web Carto Mobile
Toulouse, Nantes et Tunis

 
Aller au-delà de Google Maps
●

Utilisations interdites (mode déconnecté, mise en cache,
géocodage en masse...)

●
●

Fond de plan trop vu (et pas forcément adapté)

●

 

Pas d'accès aux données (propriétaires)
Usage payant (fort trafic)
 
Un exemple à ne pas suivre
Nouvel Observateur :
L'été médiatique de Manuel Valls

 

 
OpenStreetMap ?
●

Création en 2004 (absence de données geographiques
libres)

●

Données sous licence libre (ODbL)

●

Édition collaborative (Wikipedia)
→ http://www.openstreetmap.org

 

 
Couverture des données OSM
●

Excellente dans les grandes villes

●

Variable selon les pays

Comparons !
➔

 

http://tools.geofabrik.de/mc/
 
Open Data
We are data :
Pour un jeu vidéo

 

 
Évolution du web
●
●

Plus d'interactivité

●

Déporter les traitements vers l'utilisateur

●

 

Allègement des interfaces

Arrivée du mobile

 
Supports mobiles
●
●

Ergonomie (Natif)

●

Petits écrans (Allègement)

●

Tout l'écran est occupé par la carte

●

 

Nouvelle façon d'interagir (Tactile)

Possibilités offertes par la géolocalisation
 
Allègement des interfaces
●

Moins de contenu écrit

●

Design graphique épuré

●

La carte véhicule plus d'informations

●

Toutes les informations connues ne doivent pas forcément être
représentées !

➔

 

http://fr.mappy.com/ ?

➔

http://www.viamichelin.fr/ ?

 
2006

2013

 

 
Visualiser des données
●

Leaflet.js :
Bilbiothèque javascript cartographique légère
– http://leafletjs.com/plugins.html

●

D3.js :
– http://mbostock.github.io/d3/talk/20111018/choropleth.html
– http://bl.ocks.org/mbostock/3711652

●

Kartograph :
– http://kartograph.org/showcase/choropleth/
– http://kartograph.org/showcase/symbols/

 

 
Avoir son propre style - MapServer
MAP
NAME "mapfile_1"
EXTENT -180 -90 180 90
LAYER

???

NAME "mp_roads"
TYPE POLYGON
DATA "midi_pyrennees/mp_roads.shp"
CLASS
STYLE
COLOR 20 10 110
WIDTH 2
END
END
 

END
END

 
Avoir son propre style - GeoServer
<?xml version="1.0" encoding="UTF-8"?>
<StyledLayerDescriptor version="1.0.0"
xsi:schemaLocation="http://www.opengis.net/sld StyledLayerDescriptor.xsd"
xmlns="http://www.opengis.net/sld"
xmlns:ogc="http://www.opengis.net/ogc"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
<NamedLayer>

???

<Name>Simple Roads</Name>
<UserStyle>
<Title>Default Styler for simple road segments</Title>
<Abstract>Light red line, 2px wide</Abstract>
<FeatureTypeStyle>
<Rule>
<Title>Roads</Title>
<LineSymbolizer>
<Stroke>
<CssParameter name="stroke">
<ogc:Literal>#AA3333</ogc:Literal>
</CssParameter>
<CssParameter name="stroke-width">
<ogc:Literal>2</ogc:Literal>
</CssParameter>
</Stroke>
</LineSymbolizer>
</Rule>
</FeatureTypeStyle>
</UserStyle>

 

</NamedLayer>
</StyledLayerDescriptor>

 
Avoir son propre style - TileMill
#roads {
line-width:1;
line-color:#AA3333;
}

Mieux !

→ https://www.mapbox.com/tilemill/gallery
 

 
Utiliser des fonds de carte OSM existants

Plusieurs fonds librement utilisables

 

 
Traitements côté client
●

Augmentation de la puissance des machines

●

Serveur cartographique de moins en moins indispensable

●

Maturité du Javascript

●

 

Interaction avec les données directement dans le navigateur
(UTFGrid, GeoJSON tuilé...)
 
En pratique : tuiles vectorielles
●

Stockage aisé (pas de création d'images sur le serveur)

●

Rendu sur le terminal (puissance de calcul suffisante)

➔

http://gijs.github.io/vectorstyling-demo/

➔

➔

 

OpenStreetMap :
http://openstreetmap.us/~migurski/vector-datasource/
Google Maps : https://www.google.fr/maps/
 
En pratique : 3D
●

OSMBuildings : http://osmbuildings.org

●

Jeux vidéo : http://map.f4-group.com

●

Montagne :

http://thematicmapping.org/playground/webgl/terrain/texture/jotunheimen.html
●

 

HERE :
http://here.com/41.3907764,2.1650211,19.23,0,54,3d.day
 
3D – à utiliser avec modération

 

 
Utiliser les données OpenStreetMap
●

Données et Shapefiles en téléchargement :

http://planet.openstreetmap.org/
➔
http://download.geofabrik.de/
●
Filtrage (Osmosis)
➔

●

 

Base de données PostGIS (osm2pgsql)
 
Sur des supports mobiles
●

●

 

Android et autres
smartphones (en ligne et
hors ligne)
GPS Garmin (données
OpenStreetMap, filtrage,
style et autres données)
 
Chez Makina Corpus
●
●

http://www.caribbeanmaritimetraffic.org/

●

http://cci82.makina-corpus.net/

●

 

Geotrek

http://moodwalkr.makina-corpus.net/

 
Merci !
Avez-vous des questions ?
frederic.bonifas@makina-corpus.com
www.makina-corpus.com
 

 

Contenu connexe

Similaire à Atelier "Les nouveautés de la cartographie en ligne"

Petit déjeuner "Les nouveautés de la cartographie en ligne" du 12 décembre
Petit déjeuner "Les nouveautés de la cartographie en ligne" du 12 décembrePetit déjeuner "Les nouveautés de la cartographie en ligne" du 12 décembre
Petit déjeuner "Les nouveautés de la cartographie en ligne" du 12 décembre
Makina Corpus
 
Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 10 Novembre...
Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 10 Novembre...Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 10 Novembre...
Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 10 Novembre...
quicky_osm
 
Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 06 Juillet ...
Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 06 Juillet ...Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 06 Juillet ...
Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 06 Juillet ...
quicky_osm
 
Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 10 Novembre...
Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 10 Novembre...Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 10 Novembre...
Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 10 Novembre...
quicky_osm
 
Presentation osm
Presentation osmPresentation osm
Presentation osm
epidrome
 
Solutions libres alternatives à Google Maps
Solutions libres alternatives à Google MapsSolutions libres alternatives à Google Maps
Solutions libres alternatives à Google Maps
Makina Corpus
 
La cartographie Libre avec OpenStreetMap
La cartographie Libre avec OpenStreetMapLa cartographie Libre avec OpenStreetMap
La cartographie Libre avec OpenStreetMap
Florian Lainez
 
Open Street Map : allons cartographier le monde
Open Street Map : allons cartographier le mondeOpen Street Map : allons cartographier le monde
Open Street Map : allons cartographier le monde
UNITEC
 
2011-12-12 OpenData, mode d'emploi - OpenStreetMap au CERTU, Lyon
2011-12-12 OpenData, mode d'emploi - OpenStreetMap au CERTU, Lyon2011-12-12 OpenData, mode d'emploi - OpenStreetMap au CERTU, Lyon
2011-12-12 OpenData, mode d'emploi - OpenStreetMap au CERTU, Lyon
fvanderbiest
 
Osm 20141112-montesquieu
Osm 20141112-montesquieuOsm 20141112-montesquieu
Osm 20141112-montesquieu
Frédéric Rodrigo
 
1/5 Osm 20141106-l1.1-présentation
1/5 Osm 20141106-l1.1-présentation1/5 Osm 20141106-l1.1-présentation
1/5 Osm 20141106-l1.1-présentation
Frédéric Rodrigo
 
2009 06 04 OpenStreetMap Presentation Geoperspectives09
2009 06 04 OpenStreetMap Presentation Geoperspectives092009 06 04 OpenStreetMap Presentation Geoperspectives09
2009 06 04 OpenStreetMap Presentation Geoperspectives09
fvanderbiest
 
Introduction to Open Street Map Presentation
Introduction to Open Street Map PresentationIntroduction to Open Street Map Presentation
Introduction to Open Street Map Presentation
StrasWeb
 
Demo1: OpenStreetMap : le monde rue après rue
Demo1: OpenStreetMap : le monde rue après rueDemo1: OpenStreetMap : le monde rue après rue
Demo1: OpenStreetMap : le monde rue après rue
teleparc
 
Tutoriel Open Street Map - Atelier données
Tutoriel Open Street Map - Atelier donnéesTutoriel Open Street Map - Atelier données
Tutoriel Open Street Map - Atelier données
Montpellier Territoire Numérique
 
5/5 Osm 20141118-l2.3-réutilisation
5/5 Osm 20141118-l2.3-réutilisation5/5 Osm 20141118-l2.3-réutilisation
5/5 Osm 20141118-l2.3-réutilisation
Frédéric Rodrigo
 
Le projet Openstreetmap en 2020
Le projet Openstreetmap en 2020Le projet Openstreetmap en 2020
Le projet Openstreetmap en 2020
Alexandre Duclaux
 
Petit déjeuner "Alternatives libres à GoogleMaps" du 11 février 2014 - Nantes...
Petit déjeuner "Alternatives libres à GoogleMaps" du 11 février 2014 - Nantes...Petit déjeuner "Alternatives libres à GoogleMaps" du 11 février 2014 - Nantes...
Petit déjeuner "Alternatives libres à GoogleMaps" du 11 février 2014 - Nantes...
Makina Corpus
 
Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 06 Juillet ...
Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 06 Juillet ...Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 06 Juillet ...
Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 06 Juillet ...
quicky_osm
 
#HackFrancophonie @Etalab @CFImedias - Projet Espace OSM Francophone #ProjetE...
#HackFrancophonie @Etalab @CFImedias - Projet Espace OSM Francophone #ProjetE...#HackFrancophonie @Etalab @CFImedias - Projet Espace OSM Francophone #ProjetE...
#HackFrancophonie @Etalab @CFImedias - Projet Espace OSM Francophone #ProjetE...
chavent nicolas
 

Similaire à Atelier "Les nouveautés de la cartographie en ligne" (20)

Petit déjeuner "Les nouveautés de la cartographie en ligne" du 12 décembre
Petit déjeuner "Les nouveautés de la cartographie en ligne" du 12 décembrePetit déjeuner "Les nouveautés de la cartographie en ligne" du 12 décembre
Petit déjeuner "Les nouveautés de la cartographie en ligne" du 12 décembre
 
Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 10 Novembre...
Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 10 Novembre...Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 10 Novembre...
Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 10 Novembre...
 
Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 06 Juillet ...
Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 06 Juillet ...Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 06 Juillet ...
Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 06 Juillet ...
 
Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 10 Novembre...
Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 10 Novembre...Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 10 Novembre...
Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 10 Novembre...
 
Presentation osm
Presentation osmPresentation osm
Presentation osm
 
Solutions libres alternatives à Google Maps
Solutions libres alternatives à Google MapsSolutions libres alternatives à Google Maps
Solutions libres alternatives à Google Maps
 
La cartographie Libre avec OpenStreetMap
La cartographie Libre avec OpenStreetMapLa cartographie Libre avec OpenStreetMap
La cartographie Libre avec OpenStreetMap
 
Open Street Map : allons cartographier le monde
Open Street Map : allons cartographier le mondeOpen Street Map : allons cartographier le monde
Open Street Map : allons cartographier le monde
 
2011-12-12 OpenData, mode d'emploi - OpenStreetMap au CERTU, Lyon
2011-12-12 OpenData, mode d'emploi - OpenStreetMap au CERTU, Lyon2011-12-12 OpenData, mode d'emploi - OpenStreetMap au CERTU, Lyon
2011-12-12 OpenData, mode d'emploi - OpenStreetMap au CERTU, Lyon
 
Osm 20141112-montesquieu
Osm 20141112-montesquieuOsm 20141112-montesquieu
Osm 20141112-montesquieu
 
1/5 Osm 20141106-l1.1-présentation
1/5 Osm 20141106-l1.1-présentation1/5 Osm 20141106-l1.1-présentation
1/5 Osm 20141106-l1.1-présentation
 
2009 06 04 OpenStreetMap Presentation Geoperspectives09
2009 06 04 OpenStreetMap Presentation Geoperspectives092009 06 04 OpenStreetMap Presentation Geoperspectives09
2009 06 04 OpenStreetMap Presentation Geoperspectives09
 
Introduction to Open Street Map Presentation
Introduction to Open Street Map PresentationIntroduction to Open Street Map Presentation
Introduction to Open Street Map Presentation
 
Demo1: OpenStreetMap : le monde rue après rue
Demo1: OpenStreetMap : le monde rue après rueDemo1: OpenStreetMap : le monde rue après rue
Demo1: OpenStreetMap : le monde rue après rue
 
Tutoriel Open Street Map - Atelier données
Tutoriel Open Street Map - Atelier donnéesTutoriel Open Street Map - Atelier données
Tutoriel Open Street Map - Atelier données
 
5/5 Osm 20141118-l2.3-réutilisation
5/5 Osm 20141118-l2.3-réutilisation5/5 Osm 20141118-l2.3-réutilisation
5/5 Osm 20141118-l2.3-réutilisation
 
Le projet Openstreetmap en 2020
Le projet Openstreetmap en 2020Le projet Openstreetmap en 2020
Le projet Openstreetmap en 2020
 
Petit déjeuner "Alternatives libres à GoogleMaps" du 11 février 2014 - Nantes...
Petit déjeuner "Alternatives libres à GoogleMaps" du 11 février 2014 - Nantes...Petit déjeuner "Alternatives libres à GoogleMaps" du 11 février 2014 - Nantes...
Petit déjeuner "Alternatives libres à GoogleMaps" du 11 février 2014 - Nantes...
 
Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 06 Juillet ...
Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 06 Juillet ...Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 06 Juillet ...
Presentation OpenStreetMap (OSM) au Pole Numerique de la Drome le 06 Juillet ...
 
#HackFrancophonie @Etalab @CFImedias - Projet Espace OSM Francophone #ProjetE...
#HackFrancophonie @Etalab @CFImedias - Projet Espace OSM Francophone #ProjetE...#HackFrancophonie @Etalab @CFImedias - Projet Espace OSM Francophone #ProjetE...
#HackFrancophonie @Etalab @CFImedias - Projet Espace OSM Francophone #ProjetE...
 

Plus de Makina Corpus

Happy hacking with Plone
Happy hacking with PloneHappy hacking with Plone
Happy hacking with Plone
Makina Corpus
 
Développer des applications mobiles avec phonegap
Développer des applications mobiles avec phonegapDévelopper des applications mobiles avec phonegap
Développer des applications mobiles avec phonegap
Makina Corpus
 
Running a Plone product on Substance D
Running a Plone product on Substance DRunning a Plone product on Substance D
Running a Plone product on Substance D
Makina Corpus
 
Why CMS will not die
Why CMS will not dieWhy CMS will not die
Why CMS will not die
Makina Corpus
 
Publier vos données sur le Web - Forum TIC de l'ATEN 2014
Publier vos données sur le Web -  Forum TIC de l'ATEN 2014Publier vos données sur le Web -  Forum TIC de l'ATEN 2014
Publier vos données sur le Web - Forum TIC de l'ATEN 2014
Makina Corpus
 
Créez votre propre fond de plan à partir de données OSM en utilisant TileMill
Créez votre propre fond de plan à partir de données OSM en utilisant TileMillCréez votre propre fond de plan à partir de données OSM en utilisant TileMill
Créez votre propre fond de plan à partir de données OSM en utilisant TileMill
Makina Corpus
 
Team up Django and Web mapping - DjangoCon Europe 2014
Team up Django and Web mapping - DjangoCon Europe 2014Team up Django and Web mapping - DjangoCon Europe 2014
Team up Django and Web mapping - DjangoCon Europe 2014
Makina Corpus
 
Petit déjeuner "Les bases de la cartographie sur le Web"
Petit déjeuner "Les bases de la cartographie sur le Web"Petit déjeuner "Les bases de la cartographie sur le Web"
Petit déjeuner "Les bases de la cartographie sur le Web"
Makina Corpus
 
Petit déjeuner "Développer sur le cloud, ou comment tout construire à partir ...
Petit déjeuner "Développer sur le cloud, ou comment tout construire à partir ...Petit déjeuner "Développer sur le cloud, ou comment tout construire à partir ...
Petit déjeuner "Développer sur le cloud, ou comment tout construire à partir ...
Makina Corpus
 
CoDe, le programme de développement d'applications mobiles de Makina Corpus
CoDe, le programme de développement d'applications mobiles de Makina Corpus CoDe, le programme de développement d'applications mobiles de Makina Corpus
CoDe, le programme de développement d'applications mobiles de Makina Corpus
Makina Corpus
 
Alternatives libres à Google Maps
Alternatives libres à Google MapsAlternatives libres à Google Maps
Alternatives libres à Google Maps
Makina Corpus
 
Importing Wikipedia in Plone
Importing Wikipedia in PloneImporting Wikipedia in Plone
Importing Wikipedia in Plone
Makina Corpus
 
Petit Déjeuner : HTML5 et CSS3, les interfaces de demain.
Petit Déjeuner : HTML5 et CSS3, les interfaces de demain.Petit Déjeuner : HTML5 et CSS3, les interfaces de demain.
Petit Déjeuner : HTML5 et CSS3, les interfaces de demain.
Makina Corpus
 
Geotrek
GeotrekGeotrek
Geotrek
Makina Corpus
 
Plomino
Plomino Plomino
Plomino
Makina Corpus
 
Des cartes d'un autre monde - DjangoCong 2012
Des cartes d'un autre monde - DjangoCong 2012Des cartes d'un autre monde - DjangoCong 2012
Des cartes d'un autre monde - DjangoCong 2012
Makina Corpus
 

Plus de Makina Corpus (16)

Happy hacking with Plone
Happy hacking with PloneHappy hacking with Plone
Happy hacking with Plone
 
Développer des applications mobiles avec phonegap
Développer des applications mobiles avec phonegapDévelopper des applications mobiles avec phonegap
Développer des applications mobiles avec phonegap
 
Running a Plone product on Substance D
Running a Plone product on Substance DRunning a Plone product on Substance D
Running a Plone product on Substance D
 
Why CMS will not die
Why CMS will not dieWhy CMS will not die
Why CMS will not die
 
Publier vos données sur le Web - Forum TIC de l'ATEN 2014
Publier vos données sur le Web -  Forum TIC de l'ATEN 2014Publier vos données sur le Web -  Forum TIC de l'ATEN 2014
Publier vos données sur le Web - Forum TIC de l'ATEN 2014
 
Créez votre propre fond de plan à partir de données OSM en utilisant TileMill
Créez votre propre fond de plan à partir de données OSM en utilisant TileMillCréez votre propre fond de plan à partir de données OSM en utilisant TileMill
Créez votre propre fond de plan à partir de données OSM en utilisant TileMill
 
Team up Django and Web mapping - DjangoCon Europe 2014
Team up Django and Web mapping - DjangoCon Europe 2014Team up Django and Web mapping - DjangoCon Europe 2014
Team up Django and Web mapping - DjangoCon Europe 2014
 
Petit déjeuner "Les bases de la cartographie sur le Web"
Petit déjeuner "Les bases de la cartographie sur le Web"Petit déjeuner "Les bases de la cartographie sur le Web"
Petit déjeuner "Les bases de la cartographie sur le Web"
 
Petit déjeuner "Développer sur le cloud, ou comment tout construire à partir ...
Petit déjeuner "Développer sur le cloud, ou comment tout construire à partir ...Petit déjeuner "Développer sur le cloud, ou comment tout construire à partir ...
Petit déjeuner "Développer sur le cloud, ou comment tout construire à partir ...
 
CoDe, le programme de développement d'applications mobiles de Makina Corpus
CoDe, le programme de développement d'applications mobiles de Makina Corpus CoDe, le programme de développement d'applications mobiles de Makina Corpus
CoDe, le programme de développement d'applications mobiles de Makina Corpus
 
Alternatives libres à Google Maps
Alternatives libres à Google MapsAlternatives libres à Google Maps
Alternatives libres à Google Maps
 
Importing Wikipedia in Plone
Importing Wikipedia in PloneImporting Wikipedia in Plone
Importing Wikipedia in Plone
 
Petit Déjeuner : HTML5 et CSS3, les interfaces de demain.
Petit Déjeuner : HTML5 et CSS3, les interfaces de demain.Petit Déjeuner : HTML5 et CSS3, les interfaces de demain.
Petit Déjeuner : HTML5 et CSS3, les interfaces de demain.
 
Geotrek
GeotrekGeotrek
Geotrek
 
Plomino
Plomino Plomino
Plomino
 
Des cartes d'un autre monde - DjangoCong 2012
Des cartes d'un autre monde - DjangoCong 2012Des cartes d'un autre monde - DjangoCong 2012
Des cartes d'un autre monde - DjangoCong 2012
 

Dernier

Les Vidéoprojecteurs : Guide d'achat et Comparatif
Les Vidéoprojecteurs : Guide d'achat et ComparatifLes Vidéoprojecteurs : Guide d'achat et Comparatif
Les Vidéoprojecteurs : Guide d'achat et Comparatif
Top-plans
 
INTELLIGENCE ARTIFICIELLE + INFORMATIQUE QUANTIQUE = LA PLUS GRANDE RÉVOLUTIO...
INTELLIGENCE ARTIFICIELLE + INFORMATIQUE QUANTIQUE = LA PLUS GRANDE RÉVOLUTIO...INTELLIGENCE ARTIFICIELLE + INFORMATIQUE QUANTIQUE = LA PLUS GRANDE RÉVOLUTIO...
INTELLIGENCE ARTIFICIELLE + INFORMATIQUE QUANTIQUE = LA PLUS GRANDE RÉVOLUTIO...
Faga1939
 
M365 Community Days MTL 2024 - Découverte du Process Mining et du Task Mining...
M365 Community Days MTL 2024 - Découverte du Process Mining et du Task Mining...M365 Community Days MTL 2024 - Découverte du Process Mining et du Task Mining...
M365 Community Days MTL 2024 - Découverte du Process Mining et du Task Mining...
Nicolas Georgeault
 
Rapport Projet ERP - Plateforme Odoo 16 (PFE Licence)
Rapport Projet ERP - Plateforme Odoo 16 (PFE Licence)Rapport Projet ERP - Plateforme Odoo 16 (PFE Licence)
Rapport Projet ERP - Plateforme Odoo 16 (PFE Licence)
Chadi Kammoun
 
La Gestion des risques selon ISO 27005.pdf
La Gestion des risques selon ISO 27005.pdfLa Gestion des risques selon ISO 27005.pdf
La Gestion des risques selon ISO 27005.pdf
SoniazghalKallel
 
Technologie hydrostatique, innovation pour la stérilisation des aliments : HI...
Technologie hydrostatique, innovation pour la stérilisation des aliments : HI...Technologie hydrostatique, innovation pour la stérilisation des aliments : HI...
Technologie hydrostatique, innovation pour la stérilisation des aliments : HI...
InnovaSter-Trade Ltd.
 

Dernier (6)

Les Vidéoprojecteurs : Guide d'achat et Comparatif
Les Vidéoprojecteurs : Guide d'achat et ComparatifLes Vidéoprojecteurs : Guide d'achat et Comparatif
Les Vidéoprojecteurs : Guide d'achat et Comparatif
 
INTELLIGENCE ARTIFICIELLE + INFORMATIQUE QUANTIQUE = LA PLUS GRANDE RÉVOLUTIO...
INTELLIGENCE ARTIFICIELLE + INFORMATIQUE QUANTIQUE = LA PLUS GRANDE RÉVOLUTIO...INTELLIGENCE ARTIFICIELLE + INFORMATIQUE QUANTIQUE = LA PLUS GRANDE RÉVOLUTIO...
INTELLIGENCE ARTIFICIELLE + INFORMATIQUE QUANTIQUE = LA PLUS GRANDE RÉVOLUTIO...
 
M365 Community Days MTL 2024 - Découverte du Process Mining et du Task Mining...
M365 Community Days MTL 2024 - Découverte du Process Mining et du Task Mining...M365 Community Days MTL 2024 - Découverte du Process Mining et du Task Mining...
M365 Community Days MTL 2024 - Découverte du Process Mining et du Task Mining...
 
Rapport Projet ERP - Plateforme Odoo 16 (PFE Licence)
Rapport Projet ERP - Plateforme Odoo 16 (PFE Licence)Rapport Projet ERP - Plateforme Odoo 16 (PFE Licence)
Rapport Projet ERP - Plateforme Odoo 16 (PFE Licence)
 
La Gestion des risques selon ISO 27005.pdf
La Gestion des risques selon ISO 27005.pdfLa Gestion des risques selon ISO 27005.pdf
La Gestion des risques selon ISO 27005.pdf
 
Technologie hydrostatique, innovation pour la stérilisation des aliments : HI...
Technologie hydrostatique, innovation pour la stérilisation des aliments : HI...Technologie hydrostatique, innovation pour la stérilisation des aliments : HI...
Technologie hydrostatique, innovation pour la stérilisation des aliments : HI...
 

Atelier "Les nouveautés de la cartographie en ligne"

  • 1. Nouvelles tendances en webmapping et données libres   Périgueux, 23/10/2013 Frédéric Bonifas @fbonifas www.makina-corpus.com  
  • 2. Makina Corpus ● ● ●   Société de Services en Logiciels Libres (SSLL), indépendante, créée en 2001 Domaines d'activité : ingénierie logicielle, applications métiers innovantes, Web Carto Mobile Toulouse, Nantes et Tunis  
  • 3. Aller au-delà de Google Maps ● Utilisations interdites (mode déconnecté, mise en cache, géocodage en masse...) ● ● Fond de plan trop vu (et pas forcément adapté) ●   Pas d'accès aux données (propriétaires) Usage payant (fort trafic)  
  • 4. Un exemple à ne pas suivre Nouvel Observateur : L'été médiatique de Manuel Valls    
  • 5. OpenStreetMap ? ● Création en 2004 (absence de données geographiques libres) ● Données sous licence libre (ODbL) ● Édition collaborative (Wikipedia) → http://www.openstreetmap.org    
  • 6. Couverture des données OSM ● Excellente dans les grandes villes ● Variable selon les pays Comparons ! ➔   http://tools.geofabrik.de/mc/  
  • 7. Open Data We are data : Pour un jeu vidéo    
  • 8. Évolution du web ● ● Plus d'interactivité ● Déporter les traitements vers l'utilisateur ●   Allègement des interfaces Arrivée du mobile  
  • 9. Supports mobiles ● ● Ergonomie (Natif) ● Petits écrans (Allègement) ● Tout l'écran est occupé par la carte ●   Nouvelle façon d'interagir (Tactile) Possibilités offertes par la géolocalisation  
  • 10. Allègement des interfaces ● Moins de contenu écrit ● Design graphique épuré ● La carte véhicule plus d'informations ● Toutes les informations connues ne doivent pas forcément être représentées ! ➔   http://fr.mappy.com/ ? ➔ http://www.viamichelin.fr/ ?  
  • 12. Visualiser des données ● Leaflet.js : Bilbiothèque javascript cartographique légère – http://leafletjs.com/plugins.html ● D3.js : – http://mbostock.github.io/d3/talk/20111018/choropleth.html – http://bl.ocks.org/mbostock/3711652 ● Kartograph : – http://kartograph.org/showcase/choropleth/ – http://kartograph.org/showcase/symbols/    
  • 13. Avoir son propre style - MapServer MAP NAME "mapfile_1" EXTENT -180 -90 180 90 LAYER ??? NAME "mp_roads" TYPE POLYGON DATA "midi_pyrennees/mp_roads.shp" CLASS STYLE COLOR 20 10 110 WIDTH 2 END END   END END  
  • 14. Avoir son propre style - GeoServer <?xml version="1.0" encoding="UTF-8"?> <StyledLayerDescriptor version="1.0.0" xsi:schemaLocation="http://www.opengis.net/sld StyledLayerDescriptor.xsd" xmlns="http://www.opengis.net/sld" xmlns:ogc="http://www.opengis.net/ogc" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> <NamedLayer> ??? <Name>Simple Roads</Name> <UserStyle> <Title>Default Styler for simple road segments</Title> <Abstract>Light red line, 2px wide</Abstract> <FeatureTypeStyle> <Rule> <Title>Roads</Title> <LineSymbolizer> <Stroke> <CssParameter name="stroke"> <ogc:Literal>#AA3333</ogc:Literal> </CssParameter> <CssParameter name="stroke-width"> <ogc:Literal>2</ogc:Literal> </CssParameter> </Stroke> </LineSymbolizer> </Rule> </FeatureTypeStyle> </UserStyle>   </NamedLayer> </StyledLayerDescriptor>  
  • 15. Avoir son propre style - TileMill #roads { line-width:1; line-color:#AA3333; } Mieux ! → https://www.mapbox.com/tilemill/gallery    
  • 16. Utiliser des fonds de carte OSM existants Plusieurs fonds librement utilisables    
  • 17. Traitements côté client ● Augmentation de la puissance des machines ● Serveur cartographique de moins en moins indispensable ● Maturité du Javascript ●   Interaction avec les données directement dans le navigateur (UTFGrid, GeoJSON tuilé...)  
  • 18. En pratique : tuiles vectorielles ● Stockage aisé (pas de création d'images sur le serveur) ● Rendu sur le terminal (puissance de calcul suffisante) ➔ http://gijs.github.io/vectorstyling-demo/ ➔ ➔   OpenStreetMap : http://openstreetmap.us/~migurski/vector-datasource/ Google Maps : https://www.google.fr/maps/  
  • 19. En pratique : 3D ● OSMBuildings : http://osmbuildings.org ● Jeux vidéo : http://map.f4-group.com ● Montagne : http://thematicmapping.org/playground/webgl/terrain/texture/jotunheimen.html ●   HERE : http://here.com/41.3907764,2.1650211,19.23,0,54,3d.day  
  • 20. 3D – à utiliser avec modération    
  • 21. Utiliser les données OpenStreetMap ● Données et Shapefiles en téléchargement : http://planet.openstreetmap.org/ ➔ http://download.geofabrik.de/ ● Filtrage (Osmosis) ➔ ●   Base de données PostGIS (osm2pgsql)  
  • 22. Sur des supports mobiles ● ●   Android et autres smartphones (en ligne et hors ligne) GPS Garmin (données OpenStreetMap, filtrage, style et autres données)  
  • 24. Merci ! Avez-vous des questions ? frederic.bonifas@makina-corpus.com www.makina-corpus.com