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
Makina Corpus
April 26, 2012
Technology
81
0
Share
Des cartes d'un autre monde - DjangoCong 2012
Cartographie et Django
Makina Corpus
April 26, 2012
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
830
Créez votre propre fond de plan à partir de données OSM en utilisant TileMill
makinacorpus
0
150
Team up Django and Web mapping - DjangoCon Europe 2014
makinacorpus
3
900
Petit déjeuner "Les bases de la cartographie sur le Web"
makinacorpus
0
450
Petit déjeuner "Développer sur le cloud, ou comment tout construire à partir de rien" le 11 février - Toulouse
makinacorpus
0
290
CoDe, le programme de développement d'applications mobiles de Makina Corpus
makinacorpus
0
130
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
410
Tests carto avec Mocha
makinacorpus
0
840
Other Decks in Technology
See All in Technology
Agentic AI時代における メルカリのAIガバナンスとガードレール実装
naoichihara
14
11k
既存プロダクトQAから新規プロダクトQAへ
ryotakahashi
0
190
【禁断】Obsidianの第二の脳に「知の巨人」と呼ばれた師匠の脳をロードしてみた
nagatsu
0
5.8k
【新卒研修】ライブデモ + compose.yaml読解_講義資料
dip_tech
PRO
0
130
パーソルキャリア IT/テクノロジー職向け 会社紹介資料|Company Introduction Deck
techtekt
PRO
0
550
コーディングAIが導くリスクベースド探索的テストの実践
lycorptech_jp
PRO
1
360
キャリア25年目にしてTypeScript に出会うまで - 「型」を通じて振り返るプログラミング言語遍歴 / Meeting TypeScript After 25 Years in Tech - Looking Back at My Programming Language Journey Through "Types"
bitkey
PRO
2
210
"スキルファースト"で作る、AIの自走環境
subroh0508
1
690
ANDPAD Ruby sponsor session in RubyKaigi 2026
andpad
0
130
Orchestration Development Workshopを半期実施して
lycorptech_jp
PRO
0
350
Fラン学生が考える、AI時代のデザインに執着した突破口
husengs7
1
240
TypeScriptはどのようにどこまで推論できるのか ─ とにかく as は禁止で
ypresto
2
380
Featured
See All Featured
WCS-LA-2024
lcolladotor
0
600
Stop Working from a Prison Cell
hatefulcrawdad
274
21k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.2k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
aleyda
1
2k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
70
39k
Mobile First: as difficult as doing things right
swwweet
225
10k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2k
Music & Morning Musume
bryan
47
7.2k
How to Think Like a Performance Engineer
csswizardry
28
2.6k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
700
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
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 !