Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Des cartes d'un autre monde - DjangoCong 2012
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Makina Corpus
April 26, 2012
Technology
0
74
Des cartes d'un autre monde - DjangoCong 2012
Cartographie et Django
Makina Corpus
April 26, 2012
Tweet
Share
More Decks by Makina Corpus
See All by Makina Corpus
Publier vos données sur le Web - Forum TIC de l'ATEN 2014
makinacorpus
0
800
Créez votre propre fond de plan à partir de données OSM en utilisant TileMill
makinacorpus
0
140
Team up Django and Web mapping - DjangoCon Europe 2014
makinacorpus
3
890
Petit déjeuner "Les bases de la cartographie sur le Web"
makinacorpus
0
440
Petit déjeuner "Développer sur le cloud, ou comment tout construire à partir de rien" le 11 février - Toulouse
makinacorpus
0
280
CoDe, le programme de développement d'applications mobiles de Makina Corpus
makinacorpus
0
120
Petit déjeuner "Alternatives libres à GoogleMaps" du 11 février 2014 - Nantes - Sylvain Beorchia
makinacorpus
0
680
Petit déjeuner "Les nouveautés de la cartographie en ligne" du 12 décembre
makinacorpus
1
400
Tests carto avec Mocha
makinacorpus
0
830
Other Decks in Technology
See All in Technology
Greatest Disaster Hits in Web Performance
guaca
0
290
顧客の言葉を、そのまま信じない勇気
yamatai1212
1
360
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
aeonpeople
6
2.6k
OpenShiftでllm-dを動かそう!
jpishikawa
0
140
[CV勉強会@関東 World Model 読み会] Orbis: Overcoming Challenges of Long-Horizon Prediction in Driving World Models (Mousakhan+, NeurIPS 2025)
abemii
0
150
モダンUIでフルサーバーレスなAIエージェントをAmplifyとCDKでサクッとデプロイしよう
minorun365
4
220
予期せぬコストの急増を障害のように扱う――「コスト版ポストモーテム」の導入とその後の改善
muziyoshiz
1
2.1k
ブロックテーマでサイトをリニューアルした話 / 2026-01-31 Kansai WordPress Meetup
torounit
0
480
~Everything as Codeを諦めない~ 後からCDK
mu7889yoon
3
500
ECS障害を例に学ぶ、インシデント対応に備えたAIエージェントの育て方 / How to develop AI agents for incident response with ECS outage
iselegant
4
350
ファインディの横断SREがTakumi byGMOと取り組む、セキュリティと開発スピードの両立
rvirus0817
1
1.6k
AIが実装する時代、人間は仕様と検証を設計する
gotalab555
1
380
Featured
See All Featured
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
68
The SEO identity crisis: Don't let AI make you average
varn
0
330
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.7k
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.6k
Color Theory Basics | Prateek | Gurzu
gurzu
0
200
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
470
Large-scale JavaScript Application Architecture
addyosmani
515
110k
New Earth Scene 8
popppiees
1
1.5k
Optimizing for Happiness
mojombo
379
71k
Code Review Best Practice
trishagee
74
20k
Transcript
Des cartes d'un autre monde Mathieu Leplatre @leplatrem www.makina-corpus.com Avril
2012
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 Browser + Django * 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é
None
None
None
None
None
None
None
None
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
None
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
None
Données en temps réel ? • Websockets ± • GeoJSON
: django-geojson ? • django-mapnik-tiles ? djmapnik ≈ • {{ audience.creativity }} →Outils simples et universels à construire !