SlideShare a Scribd company logo
1 of 25
Download to read offline
Avril 2012



Des cartes d'un autre monde
            Mathieu Leplatre
            @leplatrem
            www.makina-corpus.com
La cartographie (Un peu de Wikipedia...)
●
  Représentation concise et efficace
●
  Simplification de phénomènes complexes

●
  Sélection des informations
●
  Conception graphique
●
  Assemblage

                     → Une carte pour raconter une histoire
« GIS is the worst thing
to ever happen to cartography »
                   #whereconf, 2012
Eux, les experts...
●
  Géodésie (Collecte)
●
  Géomatique (Analyse)
●
  Sémiologie (Représentation)
●
  Projections (Publication)

●
  Infinité de domaines (politique, sous-terrain, sous-marin,
atmosphère, passé, futur...)

              → Vision scientifique ~ Outils scientifiques
Ex. architecture OGC : geOrchestra
Nous, les geeks...
●
  Culture du Web, Google Maps™
●
  Pragmatiques ~ compromis
●
  Clic – Réponse < 300 ms
●
  OpenData, OpenStreetMap
●
  Mobile


    → Carto = des images avec de la géométrie niveau collège :)
*
Web Server + Django


 Browser



           Ex. architecture carto   (* optionnel)
Django (quand même !)
●
   « Rapid development »
●
  Métier
●
  Intégration Admin Site ~ Backend ~ Frontend (HTML/JS)
●
  Services déployés au sein du projet


                  → Mais sinon, pour publier une carte ?
Django et la carto (les experts rôdent...)
●
  GeoDjango (GIS ORM, GEOS, GDAL, OGR, libproj …)
●
  GMaps «don't be evil»

●
    Django-olwidget : OpenLayers
    ­  OGC / Ext.js :(
    ­ HTML archaïque ≠ CSS
    ­ ~1Mo !

→ Publier des données carto depuis son canapé
Le projet MapBox (DevelopmentSeed, 2011)
●
  TileMill (MSPaint des cartes)
●
  Format MBTiles (Sqlite)
●
  Survol des objets (UTF-Grid)
●
  Wax (config., légende, tooltips)
django-mbtiles
●
     MEDIA_ROOT/djangocong.mbtiles
●   {% mbtilesmap djangocong %}

    Intégration JS : modestmaps + Wax + easey (total ~140Ko)
)
●
  Images : tuiles 256x256px /djangocong/z/x/y.png
●
  Intéraction UTFGrid       /djangocong/z/x/y.json
●
  Metadata/Config. avec Wax /djangocong.jsonp
Conclusion
●
    Écosystème riche et puissant … du Côté Lumineux !

●
    OpenData → MapBox → Django

●
    Makina Corpus embauche des hackers Django !
Questions ?
Lectures
●
  http://mapbox.com/blog/rendering-the-world/
●
  http://macwright.org
●
  http://www.slideshare.net/makinacorpus/

Illustrations
●
  Lucie Bataille - L’atelier d’une vie
●
  William Hook – CC-BY-SA – Bosch IXO III Screwdriver
●
  http://alltheragefaces.com
Données en temps réel ?
●
  Websockets ±
●
  GeoJSON : django-geojson ?
●
  django-mapnik-tiles ? djmapnik ≈
●
  {{ audience.creativity }}

        → Outils simples et universels à construire !

More Related Content

Viewers also liked

那些年,我用 Django Admin 接的案子
那些年,我用 Django Admin 接的案子那些年,我用 Django Admin 接的案子
那些年,我用 Django Admin 接的案子flywindy
 
Django workshop homework 3
Django workshop homework 3Django workshop homework 3
Django workshop homework 3flywindy
 
Customizing the Django Admin
Customizing the Django AdminCustomizing the Django Admin
Customizing the Django AdminLincoln Loop
 
Django pour les développeurs Symfony (et réciproquement)
Django pour les développeurs Symfony (et réciproquement)Django pour les développeurs Symfony (et réciproquement)
Django pour les développeurs Symfony (et réciproquement)Nicolas Perriault
 

Viewers also liked (6)

那些年,我用 Django Admin 接的案子
那些年,我用 Django Admin 接的案子那些年,我用 Django Admin 接的案子
那些年,我用 Django Admin 接的案子
 
Django workshop homework 3
Django workshop homework 3Django workshop homework 3
Django workshop homework 3
 
Customizing the Django Admin
Customizing the Django AdminCustomizing the Django Admin
Customizing the Django Admin
 
Scrum.py, introduction
Scrum.py, introductionScrum.py, introduction
Scrum.py, introduction
 
Django pour les développeurs Symfony (et réciproquement)
Django pour les développeurs Symfony (et réciproquement)Django pour les développeurs Symfony (et réciproquement)
Django pour les développeurs Symfony (et réciproquement)
 
Confoo django
Confoo djangoConfoo django
Confoo django
 

Similar to Des cartes d'un autre monde - DjangoCong 2012

La cartographie Libre avec OpenStreetMap
La cartographie Libre avec OpenStreetMapLa cartographie Libre avec OpenStreetMap
La cartographie Libre avec OpenStreetMapFlorian Lainez
 
Solutions libres alternatives à Google Maps
Solutions libres alternatives à Google MapsSolutions libres alternatives à Google Maps
Solutions libres alternatives à Google MapsMakina Corpus
 
Atelier "Les nouveautés de la cartographie en ligne"
Atelier "Les nouveautés de la cartographie en ligne"Atelier "Les nouveautés de la cartographie en ligne"
Atelier "Les nouveautés de la cartographie en ligne"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
 
4/5 Osm 20141118-l2.2-collecte et contribution
4/5 Osm 20141118-l2.2-collecte et contribution4/5 Osm 20141118-l2.2-collecte et contribution
4/5 Osm 20141118-l2.2-collecte et contributionFrédéric Rodrigo
 
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
 
Introduction to Open Street Map Presentation
Introduction to Open Street Map PresentationIntroduction to Open Street Map Presentation
Introduction to Open Street Map PresentationStrasWeb
 
Presentation osm
Presentation osmPresentation osm
Presentation osmepidrome
 
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éutilisationFrédéric Rodrigo
 
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 rueteleparc
 
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
 
Découvrir google maps api
Découvrir google maps apiDécouvrir google maps api
Découvrir google maps apiMouafa Ahmed
 
SIG ET ANALYSE SPATIALE, SESSION 1
SIG ET ANALYSE SPATIALE, SESSION 1SIG ET ANALYSE SPATIALE, SESSION 1
SIG ET ANALYSE SPATIALE, SESSION 1YOUSSOUPHA MBODJI
 
2009 06 04 OpenStreetMap Presentation Geoperspectives09
2009 06 04 OpenStreetMap Presentation Geoperspectives092009 06 04 OpenStreetMap Presentation Geoperspectives09
2009 06 04 OpenStreetMap Presentation Geoperspectives09fvanderbiest
 
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, Lyonfvanderbiest
 
Act 00071 le trio gagnang de l'infrastructure géomatique ouverte (igo)
Act 00071 le trio gagnang de l'infrastructure géomatique ouverte (igo)Act 00071 le trio gagnang de l'infrastructure géomatique ouverte (igo)
Act 00071 le trio gagnang de l'infrastructure géomatique ouverte (igo)ACSG - Section Montréal
 

Similar to Des cartes d'un autre monde - DjangoCong 2012 (20)

La cartographie Libre avec OpenStreetMap
La cartographie Libre avec OpenStreetMapLa cartographie Libre avec OpenStreetMap
La cartographie Libre avec OpenStreetMap
 
Solutions libres alternatives à Google Maps
Solutions libres alternatives à Google MapsSolutions libres alternatives à Google Maps
Solutions libres alternatives à Google Maps
 
Osm 20141112-montesquieu
Osm 20141112-montesquieuOsm 20141112-montesquieu
Osm 20141112-montesquieu
 
Atelier "Les nouveautés de la cartographie en ligne"
Atelier "Les nouveautés de la cartographie en ligne"Atelier "Les nouveautés de la cartographie en ligne"
Atelier "Les nouveautés de la cartographie en ligne"
 
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
 
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...
 
4/5 Osm 20141118-l2.2-collecte et contribution
4/5 Osm 20141118-l2.2-collecte et contribution4/5 Osm 20141118-l2.2-collecte et contribution
4/5 Osm 20141118-l2.2-collecte et contribution
 
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 ...
 
Introduction to Open Street Map Presentation
Introduction to Open Street Map PresentationIntroduction to Open Street Map Presentation
Introduction to Open Street Map Presentation
 
Presentation osm
Presentation osmPresentation osm
Presentation osm
 
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
 
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
 
OpenData & OpenStreetMap
OpenData & OpenStreetMapOpenData & OpenStreetMap
OpenData & OpenStreetMap
 
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...
 
Découvrir google maps api
Découvrir google maps apiDécouvrir google maps api
Découvrir google maps api
 
SIG ET ANALYSE SPATIALE, SESSION 1
SIG ET ANALYSE SPATIALE, SESSION 1SIG ET ANALYSE SPATIALE, SESSION 1
SIG ET ANALYSE SPATIALE, SESSION 1
 
2009 06 04 OpenStreetMap Presentation Geoperspectives09
2009 06 04 OpenStreetMap Presentation Geoperspectives092009 06 04 OpenStreetMap Presentation Geoperspectives09
2009 06 04 OpenStreetMap Presentation Geoperspectives09
 
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
 
Act 00071 le trio gagnang de l'infrastructure géomatique ouverte (igo)
Act 00071 le trio gagnang de l'infrastructure géomatique ouverte (igo)Act 00071 le trio gagnang de l'infrastructure géomatique ouverte (igo)
Act 00071 le trio gagnang de l'infrastructure géomatique ouverte (igo)
 

More from 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 phonegapMakina 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 DMakina Corpus
 
Why CMS will not die
Why CMS will not dieWhy CMS will not die
Why CMS will not dieMakina 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 2014Makina 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 TileMillMakina 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 2014Makina 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
 
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écembreMakina Corpus
 
Alternatives libres à Google Maps
Alternatives libres à Google MapsAlternatives libres à Google Maps
Alternatives libres à Google MapsMakina Corpus
 
Importing Wikipedia in Plone
Importing Wikipedia in PloneImporting Wikipedia in Plone
Importing Wikipedia in PloneMakina 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
 

More from Makina Corpus (14)

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
 
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
 
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.
 
Plomino
Plomino Plomino
Plomino
 

Des cartes d'un autre monde - DjangoCong 2012

  • 1. Avril 2012 Des cartes d'un autre monde Mathieu Leplatre @leplatrem www.makina-corpus.com
  • 2. La cartographie (Un peu de Wikipedia...) ● Représentation concise et efficace ● Simplification de phénomènes complexes ● Sélection des informations ● Conception graphique ● Assemblage → Une carte pour raconter une histoire
  • 3. « GIS is the worst thing to ever happen to cartography » #whereconf, 2012
  • 4. Eux, les experts... ● Géodésie (Collecte) ● Géomatique (Analyse) ● Sémiologie (Représentation) ● Projections (Publication) ● Infinité de domaines (politique, sous-terrain, sous-marin, atmosphère, passé, futur...) → Vision scientifique ~ Outils scientifiques
  • 6. Nous, les geeks... ● Culture du Web, Google Maps™ ● Pragmatiques ~ compromis ● Clic – Réponse < 300 ms ● OpenData, OpenStreetMap ● Mobile → Carto = des images avec de la géométrie niveau collège :)
  • 7. * Web Server + Django Browser Ex. architecture carto (* optionnel)
  • 8. Django (quand même !) ● « Rapid development » ● Métier ● Intégration Admin Site ~ Backend ~ Frontend (HTML/JS) ● Services déployés au sein du projet → Mais sinon, pour publier une carte ?
  • 9. Django et la carto (les experts rôdent...) ● GeoDjango (GIS ORM, GEOS, GDAL, OGR, libproj …) ● GMaps «don't be evil» ● Django-olwidget : OpenLayers ­  OGC / Ext.js :( ­ HTML archaïque ≠ CSS ­ ~1Mo ! → Publier des données carto depuis son canapé
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18. Le projet MapBox (DevelopmentSeed, 2011) ● TileMill (MSPaint des cartes) ● Format MBTiles (Sqlite) ● Survol des objets (UTF-Grid) ● Wax (config., légende, tooltips)
  • 19. django-mbtiles ● MEDIA_ROOT/djangocong.mbtiles ● {% mbtilesmap djangocong %} Intégration JS : modestmaps + Wax + easey (total ~140Ko) ) ● Images : tuiles 256x256px /djangocong/z/x/y.png ● Intéraction UTFGrid /djangocong/z/x/y.json ● Metadata/Config. avec Wax /djangocong.jsonp
  • 20.
  • 21. Conclusion ● Écosystème riche et puissant … du Côté Lumineux ! ● OpenData → MapBox → Django ● Makina Corpus embauche des hackers Django !
  • 23. Lectures ● http://mapbox.com/blog/rendering-the-world/ ● http://macwright.org ● http://www.slideshare.net/makinacorpus/ Illustrations ● Lucie Bataille - L’atelier d’une vie ● William Hook – CC-BY-SA – Bosch IXO III Screwdriver ● http://alltheragefaces.com
  • 24.
  • 25. Données en temps réel ? ● Websockets ± ● GeoJSON : django-geojson ? ● django-mapnik-tiles ? djmapnik ≈ ● {{ audience.creativity }} → Outils simples et universels à construire !