Slide 1

Slide 1 text

Des cartes d'un autre monde Mathieu Leplatre @leplatrem www.makina-corpus.com Avril 2012

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

« GIS is the worst thing to ever happen to cartography » #whereconf, 2012

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

Ex. architecture OGC : geOrchestra

Slide 6

Slide 6 text

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 :)

Slide 7

Slide 7 text

Web Server Browser + Django * Ex. architecture carto (* optionnel)

Slide 8

Slide 8 text

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 ?

Slide 9

Slide 9 text

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é

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

Le projet MapBox (DevelopmentSeed, 2011) ● TileMill (MSPaint des cartes) ● Format MBTiles (Sqlite) ● Survol des objets (UTF-Grid) ● Wax (config., légende, tooltips)

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

Conclusion ● Écosystème riche et puissant … du Côté Lumineux ! ● OpenData MapBox Django → → ● Makina Corpus embauche des hackers Django !

Slide 22

Slide 22 text

Questions ?

Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

Données en temps réel ? ● Websockets ± ● GeoJSON : django-geojson ? ● django-mapnik-tiles ? djmapnik ≈ ● {{ audience.creativity }} →Outils simples et universels à construire !