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
83
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
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
840
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
910
Petit déjeuner "Les bases de la cartographie sur le Web"
makinacorpus
0
460
Petit déjeuner "Développer sur le cloud, ou comment tout construire à partir de rien" le 11 février - Toulouse
makinacorpus
0
300
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
690
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
全社でのソフトウェアサプライチェーン攻撃対策をやってみた with Takumi Guard
z63d
0
310
複数プロダクト組織のAIネイティブ化における戦略 / AICon2026_kude
rakus_dev
0
330
伝票作成AIエージェントを支える、LLMOpsとインフラの選択肢 / AICon2026_takeda
rakus_dev
0
300
Webアプリ認証の全体像 / The Big Picture of Web App Authentication
kitano_yuichi
1
450
AIコード生成×サプライチェーン攻撃 — PHPが直面する“二重の信頼問題
shinyasaita
0
490
【公開用】AI_Dev_Ex2026_AI_登壇資料
matsuritechnologies
PRO
2
630
『モデル + ハーネス』で読み解く AIエージェント入門
oracle4engineer
PRO
2
200
AWS環境のセキュリティ不安を解消した企業事例 ~よくある課題と対策を一挙公開~
asanoharuki
0
190
reFACToring
moznion
0
600
インシデント事例と パッケージの全量解析に学ぶ ソフトウェアサプライチェーンの守り方 / supply-chain-attack-defense
flatt_security
0
1.1k
ダッシュボード"開発"について 〜使われるダッシュボードのつくりかた〜
kimichan
0
230
仕様駆動開発、導入半年。「本当に速くなってるの?」にデータで答える / AICon2026_hirakawa
rakus_dev
0
360
Featured
See All Featured
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
320
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
10k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
520
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
2.9k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
23k
WCS-LA-2024
lcolladotor
0
760
Building Applications with DynamoDB
mza
96
7.1k
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
350
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
220
Navigating Team Friction
lara
192
16k
A Modern Web Designer's Workflow
chriscoyier
698
190k
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
560
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 !