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
0
64
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
700
Créez votre propre fond de plan à partir de données OSM en utilisant TileMill
makinacorpus
0
120
Team up Django and Web mapping - DjangoCon Europe 2014
makinacorpus
3
840
Petit déjeuner "Les bases de la cartographie sur le Web"
makinacorpus
0
410
Petit déjeuner "Développer sur le cloud, ou comment tout construire à partir de rien" le 11 février - Toulouse
makinacorpus
0
260
CoDe, le programme de développement d'applications mobiles de Makina Corpus
makinacorpus
0
100
Petit déjeuner "Alternatives libres à GoogleMaps" du 11 février 2014 - Nantes - Sylvain Beorchia
makinacorpus
0
650
Petit déjeuner "Les nouveautés de la cartographie en ligne" du 12 décembre
makinacorpus
1
380
Tests carto avec Mocha
makinacorpus
0
800
Other Decks in Technology
See All in Technology
ビジネスと現場活動をつなぐソフトウェアエンジニアリング~とあるスタートアッププロダクトの成長記録より~
mizunori
0
210
[2025-02-07]生成AIで変える問い合わせの未来 〜チームグローバル化の香りを添えて〜
tosite
1
290
インフラをつくるとはどういうことなのか、 あるいはPlatform Engineeringについて
nwiizo
5
2.1k
Fintech SREの挑戦 PCI DSS対応をスマートにこなすインフラ戦略/Fintech SRE’s Challenge: Smart Infrastructure Strategies for PCI DSS Compliance
maaaato
0
450
Bounded Context: Problem or Solution?
ewolff
1
210
事業継続を支える自動テストの考え方
tsuemura
0
300
現場の種を事業の芽にする - エンジニア主導のイノベーションを事業戦略に装着する方法 -
kzkmaeda
2
1.5k
AndroidXR 開発ツールごとの できることできないこと
donabe3
0
110
テストアーキテクチャ設計で実現する高品質で高スピードな開発の実践 / Test Architecture Design in Practice
ropqa
3
710
現場で役立つAPIデザイン
nagix
29
10k
Postmanを使いこなす!2025年ぜひとも押さえておきたいPostmanの10の機能
nagix
2
120
君はPostScriptなウィンドウシステム 「NeWS」をご存知か?/sunnews
koyhoge
0
720
Featured
See All Featured
Docker and Python
trallard
44
3.3k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
51k
Become a Pro
speakerdeck
PRO
26
5.1k
The Cult of Friendly URLs
andyhume
78
6.2k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
The World Runs on Bad Software
bkeepers
PRO
67
11k
The Language of Interfaces
destraynor
156
24k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
240
Statistics for Hackers
jakevdp
797
220k
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 !