des cartes d'un autre monde - djangocong 2012
DESCRIPTION
Cartographie et Django Présentation par Mathieu Leplatre @leplatrem Toulouse, France 14/04/2012TRANSCRIPT
![Page 2: Des cartes d'un autre monde - DjangoCong 2012](https://reader033.vdocument.in/reader033/viewer/2022052900/555d5445d8b42a52368b4c55/html5/thumbnails/2.jpg)
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
![Page 3: Des cartes d'un autre monde - DjangoCong 2012](https://reader033.vdocument.in/reader033/viewer/2022052900/555d5445d8b42a52368b4c55/html5/thumbnails/3.jpg)
« GIS is the worst thingto ever happen to cartography »
#whereconf, 2012
![Page 4: Des cartes d'un autre monde - DjangoCong 2012](https://reader033.vdocument.in/reader033/viewer/2022052900/555d5445d8b42a52368b4c55/html5/thumbnails/4.jpg)
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
![Page 5: Des cartes d'un autre monde - DjangoCong 2012](https://reader033.vdocument.in/reader033/viewer/2022052900/555d5445d8b42a52368b4c55/html5/thumbnails/5.jpg)
Ex. architecture OGC : geOrchestra
![Page 6: Des cartes d'un autre monde - DjangoCong 2012](https://reader033.vdocument.in/reader033/viewer/2022052900/555d5445d8b42a52368b4c55/html5/thumbnails/6.jpg)
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 :)
![Page 7: Des cartes d'un autre monde - DjangoCong 2012](https://reader033.vdocument.in/reader033/viewer/2022052900/555d5445d8b42a52368b4c55/html5/thumbnails/7.jpg)
Web Server
Browser
+ Django *
Ex. architecture carto (* optionnel)
![Page 8: Des cartes d'un autre monde - DjangoCong 2012](https://reader033.vdocument.in/reader033/viewer/2022052900/555d5445d8b42a52368b4c55/html5/thumbnails/8.jpg)
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 ?
![Page 9: Des cartes d'un autre monde - DjangoCong 2012](https://reader033.vdocument.in/reader033/viewer/2022052900/555d5445d8b42a52368b4c55/html5/thumbnails/9.jpg)
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é
![Page 10: Des cartes d'un autre monde - DjangoCong 2012](https://reader033.vdocument.in/reader033/viewer/2022052900/555d5445d8b42a52368b4c55/html5/thumbnails/10.jpg)
![Page 11: Des cartes d'un autre monde - DjangoCong 2012](https://reader033.vdocument.in/reader033/viewer/2022052900/555d5445d8b42a52368b4c55/html5/thumbnails/11.jpg)
![Page 12: Des cartes d'un autre monde - DjangoCong 2012](https://reader033.vdocument.in/reader033/viewer/2022052900/555d5445d8b42a52368b4c55/html5/thumbnails/12.jpg)
![Page 13: Des cartes d'un autre monde - DjangoCong 2012](https://reader033.vdocument.in/reader033/viewer/2022052900/555d5445d8b42a52368b4c55/html5/thumbnails/13.jpg)
![Page 14: Des cartes d'un autre monde - DjangoCong 2012](https://reader033.vdocument.in/reader033/viewer/2022052900/555d5445d8b42a52368b4c55/html5/thumbnails/14.jpg)
![Page 15: Des cartes d'un autre monde - DjangoCong 2012](https://reader033.vdocument.in/reader033/viewer/2022052900/555d5445d8b42a52368b4c55/html5/thumbnails/15.jpg)
![Page 16: Des cartes d'un autre monde - DjangoCong 2012](https://reader033.vdocument.in/reader033/viewer/2022052900/555d5445d8b42a52368b4c55/html5/thumbnails/16.jpg)
![Page 17: Des cartes d'un autre monde - DjangoCong 2012](https://reader033.vdocument.in/reader033/viewer/2022052900/555d5445d8b42a52368b4c55/html5/thumbnails/17.jpg)
![Page 18: Des cartes d'un autre monde - DjangoCong 2012](https://reader033.vdocument.in/reader033/viewer/2022052900/555d5445d8b42a52368b4c55/html5/thumbnails/18.jpg)
Le projet MapBox (DevelopmentSeed, 2011)
● TileMill (MSPaint des cartes)● Format MBTiles (Sqlite)● Survol des objets (UTF-Grid)● Wax (config., légende, tooltips)
![Page 19: Des cartes d'un autre monde - DjangoCong 2012](https://reader033.vdocument.in/reader033/viewer/2022052900/555d5445d8b42a52368b4c55/html5/thumbnails/19.jpg)
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
![Page 20: Des cartes d'un autre monde - DjangoCong 2012](https://reader033.vdocument.in/reader033/viewer/2022052900/555d5445d8b42a52368b4c55/html5/thumbnails/20.jpg)
![Page 21: Des cartes d'un autre monde - DjangoCong 2012](https://reader033.vdocument.in/reader033/viewer/2022052900/555d5445d8b42a52368b4c55/html5/thumbnails/21.jpg)
Conclusion
● Écosystème riche et puissant … du Côté Lumineux !
● OpenData MapBox Django→ →
● Makina Corpus embauche des hackers Django !
![Page 22: Des cartes d'un autre monde - DjangoCong 2012](https://reader033.vdocument.in/reader033/viewer/2022052900/555d5445d8b42a52368b4c55/html5/thumbnails/22.jpg)
Questions ?
![Page 23: Des cartes d'un autre monde - DjangoCong 2012](https://reader033.vdocument.in/reader033/viewer/2022052900/555d5445d8b42a52368b4c55/html5/thumbnails/23.jpg)
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
![Page 24: Des cartes d'un autre monde - DjangoCong 2012](https://reader033.vdocument.in/reader033/viewer/2022052900/555d5445d8b42a52368b4c55/html5/thumbnails/24.jpg)
![Page 25: Des cartes d'un autre monde - DjangoCong 2012](https://reader033.vdocument.in/reader033/viewer/2022052900/555d5445d8b42a52368b4c55/html5/thumbnails/25.jpg)
Données en temps réel ?
● Websockets ±● GeoJSON : django-geojson ?● django-mapnik-tiles ? djmapnik ≈ ● {{ audience.creativity }}
→ Outils simples et universels à construire !