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
63
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
690
Créez votre propre fond de plan à partir de données OSM en utilisant TileMill
makinacorpus
0
110
Team up Django and Web mapping - DjangoCon Europe 2014
makinacorpus
3
820
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
93
Petit déjeuner "Alternatives libres à GoogleMaps" du 11 février 2014 - Nantes - Sylvain Beorchia
makinacorpus
0
640
Petit déjeuner "Les nouveautés de la cartographie en ligne" du 12 décembre
makinacorpus
1
370
Tests carto avec Mocha
makinacorpus
0
800
Other Decks in Technology
See All in Technology
Jr. Championsになって、強く連携しながらAWSをもっと使いたい!~AWSに対する期待と行動~
amixedcolor
0
190
分布で見る効果検証入門 / ai-distributional-effect
cyberagentdevelopers
PRO
4
690
プロダクト成長に対応するプラットフォーム戦略:Authleteによる共通認証基盤の移行事例 / Building an authentication platform using Authlete and AWS
kakehashi
1
150
Java x Spring Boot Warm up
kazu_kichi_67
2
490
わたしとトラックポイント / TrackPoint tips
masahirokawahara
1
240
新R25、乃木坂46 Mobileなどのファンビジネスを支えるマルチテナンシーなプラットフォームの全体像 / cam-multi-cloud
cyberagentdevelopers
PRO
1
130
君は隠しイベントを見つけれるか?
mujyun
0
280
【若手エンジニア応援LT会】AWS Security Hubの活用に苦労した話
kazushi_ohata
0
160
独自ツール開発でスタジオ撮影をDX!「VLS(Virtual LED Studio)」 / dx-studio-vls
cyberagentdevelopers
PRO
1
180
Figma Dev Modeで進化するデザインとエンジニアリングの協働 / figma-with-engineering
cyberagentdevelopers
PRO
1
430
Commitment vs Harrisonism - Keynote for Scrum Niseko 2024
miholovesq
6
1.1k
Forget efficiency – Become more productive without the stress
ufried
0
110
Featured
See All Featured
Fontdeck: Realign not Redesign
paulrobertlloyd
81
5.2k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
Mobile First: as difficult as doing things right
swwweet
222
8.9k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
3
370
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
42
9.2k
Scaling GitHub
holman
458
140k
What's in a price? How to price your products and services
michaelherold
243
12k
Embracing the Ebb and Flow
colly
84
4.4k
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 !