SlideShare une entreprise Scribd logo
1  sur  35
CARTODB
AND
HTML5 MAPPING
MAPPING EVOLUTION
Caveats!

 There are no funny pictures for ‘caveat’ on the web
@tokumin
CITIZEN SCIENCE
MAPS



       http://rlat.kew.org/
Same old OSS things
  Server config
  Geospatial Database (backups, optimal config)
  Import/export
  Admin UI and config
  Tiler + interactivity API
  Data API
  Caching
  Authentication


                                         infrastructure
IT SHOULDN’T BE
THIS HARD
      http://www.ecohacknyc.org/projects/conflicts_and_protected_areas/
Lots of services,
limited OSS
  Fusion Tables
  GeoIQ
  GISCloud etc...
  Mapbox/Tilemill?
  OpenGeo Suite?
  GeoDjango?



                     limitations
DEMO
REMOVING
BOILERPLATE
CREATES A
PLATFORM FOR
INNOVATION
               Unexpected Consequences
Better Maps




http://datos.rtve.es/elecciones/autonomicas-municipales/index.html
Use JS Libraries




       https://github.com/vizzuality/html5-experiments
Use JS libs with SQL




             http://stargazing.planethunters.org/
Render Vectors in Canvas




http://dl.dropbox.com/u/193220/cartodb_tile_render/example.html
Hit Grids in Canvas




http://dl.dropbox.com/u/193220/cartodb_tile_render/example.html
Editing Vectors




     http://dl.dropbox.com/u/193220/cartodb_tile_render/
                                  example_editable.html
Thematic attributes




   http://dl.dropbox.com/u/1307405/cartodb_tile_renderer/
                                   example_shader.html#
Client raster operations




               http://visualraster.appspot.com/
Server Raster




      http://cartodb-gallery.appspot.com/rast/mars.html
Server Raster Query




     http://cartodb-gallery.appspot.com/rast/carbon.html
Client raster maniupulation




ttp://dl.dropbox.com/u/193220/CartoDB/cross_shader/3dshader.html
Raster as canvas data source




                  http://localhost/ - sorry!
People start making libs!




   http://geojason.info/leaflet-vector-layers/demos/cartodb/
Challenges
  HTML5 acceptance
  Rendering engines
  Rendering Contexts
  Antialiasing (CRC in alpha)
  Data payloads (MapGL)
  Data transfer (SPDY)
  Disk IO
  WebGL
  Data Sources (OSM)


                                CartoDB
THANK
YOU
@tokumine http://github.com/vizzuality/cartodb

Contenu connexe

Tendances

Tendances (17)

Best Free Tools for Making Maps
Best Free Tools for Making MapsBest Free Tools for Making Maps
Best Free Tools for Making Maps
 
Besfort Guri - Floss Tools for Gis
Besfort Guri - Floss Tools for GisBesfort Guri - Floss Tools for Gis
Besfort Guri - Floss Tools for Gis
 
GeoJSON for ArcGIS Server
GeoJSON for ArcGIS ServerGeoJSON for ArcGIS Server
GeoJSON for ArcGIS Server
 
Talk
TalkTalk
Talk
 
Geographic Data and Leaflet.js
Geographic Data and Leaflet.jsGeographic Data and Leaflet.js
Geographic Data and Leaflet.js
 
DevDay 2018: Ulrich Deiters - Offline First - kein Netz, kein Fehler, zufried...
DevDay 2018: Ulrich Deiters - Offline First - kein Netz, kein Fehler, zufried...DevDay 2018: Ulrich Deiters - Offline First - kein Netz, kein Fehler, zufried...
DevDay 2018: Ulrich Deiters - Offline First - kein Netz, kein Fehler, zufried...
 
Four Platforms, One Codebase
Four Platforms, One CodebaseFour Platforms, One Codebase
Four Platforms, One Codebase
 
DSD-INT 2018 Web-based realtime interactive groundwater modelling - Joling Mi...
DSD-INT 2018 Web-based realtime interactive groundwater modelling - Joling Mi...DSD-INT 2018 Web-based realtime interactive groundwater modelling - Joling Mi...
DSD-INT 2018 Web-based realtime interactive groundwater modelling - Joling Mi...
 
#CodefreshLive Event
#CodefreshLive Event#CodefreshLive Event
#CodefreshLive Event
 
Get your mobile app in production in 3 months: Backend
Get your mobile app in production in 3 months: BackendGet your mobile app in production in 3 months: Backend
Get your mobile app in production in 3 months: Backend
 
Get your mobile app in production in 3 months: Native and Reactive Mobile Apps
Get your mobile app in production in 3 months: Native and Reactive Mobile AppsGet your mobile app in production in 3 months: Native and Reactive Mobile Apps
Get your mobile app in production in 3 months: Native and Reactive Mobile Apps
 
Get your mobile app in production in 3 months: DevOps and Infrastructure
Get your mobile app in production in 3 months: DevOps and InfrastructureGet your mobile app in production in 3 months: DevOps and Infrastructure
Get your mobile app in production in 3 months: DevOps and Infrastructure
 
Get your mobile app in production in 3 months: Native and Reactive Mobile Apps
Get your mobile app in production in 3 months: Native and Reactive Mobile AppsGet your mobile app in production in 3 months: Native and Reactive Mobile Apps
Get your mobile app in production in 3 months: Native and Reactive Mobile Apps
 
QGIS UK: QGIS and Cartography (OS)
QGIS UK: QGIS and Cartography (OS)QGIS UK: QGIS and Cartography (OS)
QGIS UK: QGIS and Cartography (OS)
 
Cross Platform Mobile Automation with Calabash on Cloud and More
Cross Platform Mobile Automation with Calabash on Cloud and MoreCross Platform Mobile Automation with Calabash on Cloud and More
Cross Platform Mobile Automation with Calabash on Cloud and More
 
Html5 (games)
Html5 (games)Html5 (games)
Html5 (games)
 
Bing Maps for app developer
Bing Maps for app developerBing Maps for app developer
Bing Maps for app developer
 

En vedette

헌스캐빈 체코여행
헌스캐빈 체코여행헌스캐빈 체코여행
헌스캐빈 체코여행
ghsdhjsk
 
La vie
La vieLa vie
La vie
TANIA
 
Bahasamalaysiapowerpointkssr1
Bahasamalaysiapowerpointkssr1Bahasamalaysiapowerpointkssr1
Bahasamalaysiapowerpointkssr1
happyupsi
 
OBRA Y OBREROS EN VENEZUELA. AÑO 2011. BOLETIN No. 37
OBRA Y OBREROS EN VENEZUELA. AÑO 2011. BOLETIN No. 37OBRA Y OBREROS EN VENEZUELA. AÑO 2011. BOLETIN No. 37
OBRA Y OBREROS EN VENEZUELA. AÑO 2011. BOLETIN No. 37
CPV
 
Innovative lesson plan: aswathy p
Innovative lesson plan: aswathy pInnovative lesson plan: aswathy p
Innovative lesson plan: aswathy p
raseefa
 

En vedette (20)

[FOSS4G 2015] GIS policy map for local government in korea story of Dobong-gu...
[FOSS4G 2015] GIS policy map for local government in korea story of Dobong-gu...[FOSS4G 2015] GIS policy map for local government in korea story of Dobong-gu...
[FOSS4G 2015] GIS policy map for local government in korea story of Dobong-gu...
 
오픈소스 GIS 분석가 과정 day2 2교시_은행점포 폐점 패턴 분석
오픈소스 GIS 분석가 과정 day2 2교시_은행점포 폐점 패턴 분석오픈소스 GIS 분석가 과정 day2 2교시_은행점포 폐점 패턴 분석
오픈소스 GIS 분석가 과정 day2 2교시_은행점포 폐점 패턴 분석
 
빅데이터 아카데미 연말평가발표자료 분석5기 우수팀(최종)
빅데이터 아카데미 연말평가발표자료 분석5기 우수팀(최종)빅데이터 아카데미 연말평가발표자료 분석5기 우수팀(최종)
빅데이터 아카데미 연말평가발표자료 분석5기 우수팀(최종)
 
R_datamining
R_dataminingR_datamining
R_datamining
 
헌스캐빈 체코여행
헌스캐빈 체코여행헌스캐빈 체코여행
헌스캐빈 체코여행
 
1 5 l.
1 5 l.1 5 l.
1 5 l.
 
La vie
La vieLa vie
La vie
 
Bahasamalaysiapowerpointkssr1
Bahasamalaysiapowerpointkssr1Bahasamalaysiapowerpointkssr1
Bahasamalaysiapowerpointkssr1
 
日本医療企画ヘルスケア・レストラン201508
日本医療企画ヘルスケア・レストラン201508日本医療企画ヘルスケア・レストラン201508
日本医療企画ヘルスケア・レストラン201508
 
Pengelolaan usaha ku
Pengelolaan usaha kuPengelolaan usaha ku
Pengelolaan usaha ku
 
OBRA Y OBREROS EN VENEZUELA. AÑO 2011. BOLETIN No. 37
OBRA Y OBREROS EN VENEZUELA. AÑO 2011. BOLETIN No. 37OBRA Y OBREROS EN VENEZUELA. AÑO 2011. BOLETIN No. 37
OBRA Y OBREROS EN VENEZUELA. AÑO 2011. BOLETIN No. 37
 
Demanda contra la República
Demanda contra la República Demanda contra la República
Demanda contra la República
 
JM Turner's Birds in water colour
JM Turner's  Birds in water colourJM Turner's  Birds in water colour
JM Turner's Birds in water colour
 
Innovative lesson plan: aswathy p
Innovative lesson plan: aswathy pInnovative lesson plan: aswathy p
Innovative lesson plan: aswathy p
 
What is Python
What is PythonWhat is Python
What is Python
 
apresentaçao
apresentaçaoapresentaçao
apresentaçao
 
Short case...Ruptured anterior communicating aneurysm
Short case...Ruptured anterior communicating aneurysmShort case...Ruptured anterior communicating aneurysm
Short case...Ruptured anterior communicating aneurysm
 
White Paper: Social Monitoring
White Paper: Social MonitoringWhite Paper: Social Monitoring
White Paper: Social Monitoring
 
Gem ox panitumumab
Gem ox  panitumumabGem ox  panitumumab
Gem ox panitumumab
 
Winter Fire Safety - Safety Tips For Your Home
Winter Fire Safety - Safety Tips For Your HomeWinter Fire Safety - Safety Tips For Your Home
Winter Fire Safety - Safety Tips For Your Home
 

Similaire à HTML5 and CartoDB

Web enabling your survey business ppt version
Web enabling your survey business ppt versionWeb enabling your survey business ppt version
Web enabling your survey business ppt version
rudy_stricklan
 
WebGL demos showcase
WebGL demos showcaseWebGL demos showcase
WebGL demos showcase
Yukio Andoh
 
Building mobile apps with the ArcGIS api for Javascript, Esri, Andy Gup and A...
Building mobile apps with the ArcGIS api for Javascript, Esri, Andy Gup and A...Building mobile apps with the ArcGIS api for Javascript, Esri, Andy Gup and A...
Building mobile apps with the ArcGIS api for Javascript, Esri, Andy Gup and A...
Esri Nederland
 
Speak the Web 15.02.2010
Speak the Web 15.02.2010Speak the Web 15.02.2010
Speak the Web 15.02.2010
Patrick Lauke
 

Similaire à HTML5 and CartoDB (20)

Analyzing the Performance of Mobile Web
Analyzing the Performance of Mobile WebAnalyzing the Performance of Mobile Web
Analyzing the Performance of Mobile Web
 
State of the Art Web Mapping with Open Source
State of the Art Web Mapping with Open SourceState of the Art Web Mapping with Open Source
State of the Art Web Mapping with Open Source
 
Web enabling your survey business ppt version
Web enabling your survey business ppt versionWeb enabling your survey business ppt version
Web enabling your survey business ppt version
 
HTML5 for Rich User Experience
HTML5 for Rich User ExperienceHTML5 for Rich User Experience
HTML5 for Rich User Experience
 
WebGL, HTML5 and How the Mobile Web Was Won
WebGL, HTML5 and How the Mobile Web Was WonWebGL, HTML5 and How the Mobile Web Was Won
WebGL, HTML5 and How the Mobile Web Was Won
 
Introduction to html5
Introduction to html5Introduction to html5
Introduction to html5
 
HTML5 Intro
HTML5 IntroHTML5 Intro
HTML5 Intro
 
Location Based Services Without the Cocoa
Location Based Services Without the CocoaLocation Based Services Without the Cocoa
Location Based Services Without the Cocoa
 
Open layers
Open layersOpen layers
Open layers
 
glTF Update with Tony Parisi WebGL Meetup August 2013
glTF Update with Tony Parisi WebGL Meetup August 2013glTF Update with Tony Parisi WebGL Meetup August 2013
glTF Update with Tony Parisi WebGL Meetup August 2013
 
CartoDB Inside Out
CartoDB Inside OutCartoDB Inside Out
CartoDB Inside Out
 
WebGL demos showcase
WebGL demos showcaseWebGL demos showcase
WebGL demos showcase
 
FOSS4G 2011: Mixing It Up with OpenLayers, ArcGIS Server and JavaScript Widgets
FOSS4G 2011: Mixing It Up with OpenLayers, ArcGIS Server and JavaScript WidgetsFOSS4G 2011: Mixing It Up with OpenLayers, ArcGIS Server and JavaScript Widgets
FOSS4G 2011: Mixing It Up with OpenLayers, ArcGIS Server and JavaScript Widgets
 
Designing Interactive Web Based AR Experiences
Designing Interactive Web Based AR ExperiencesDesigning Interactive Web Based AR Experiences
Designing Interactive Web Based AR Experiences
 
Building mobile apps with the ArcGIS api for Javascript, Esri, Andy Gup and A...
Building mobile apps with the ArcGIS api for Javascript, Esri, Andy Gup and A...Building mobile apps with the ArcGIS api for Javascript, Esri, Andy Gup and A...
Building mobile apps with the ArcGIS api for Javascript, Esri, Andy Gup and A...
 
3D and VR on the web
3D and VR on the web3D and VR on the web
3D and VR on the web
 
Academy PRO: HTML5 API graphics
Academy PRO: HTML5 API graphicsAcademy PRO: HTML5 API graphics
Academy PRO: HTML5 API graphics
 
Speak the Web 15.02.2010
Speak the Web 15.02.2010Speak the Web 15.02.2010
Speak the Web 15.02.2010
 
HTML5 and Other Modern Browser Game Tech
HTML5 and Other Modern Browser Game TechHTML5 and Other Modern Browser Game Tech
HTML5 and Other Modern Browser Game Tech
 
Cloud Computing and HTML5, 2010
Cloud Computing and HTML5, 2010Cloud Computing and HTML5, 2010
Cloud Computing and HTML5, 2010
 

Dernier

Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
FIDO Alliance
 

Dernier (20)

WebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM PerformanceWebAssembly is Key to Better LLM Performance
WebAssembly is Key to Better LLM Performance
 
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfHow Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
 
Design Guidelines for Passkeys 2024.pptx
Design Guidelines for Passkeys 2024.pptxDesign Guidelines for Passkeys 2024.pptx
Design Guidelines for Passkeys 2024.pptx
 
Overview of Hyperledger Foundation
Overview of Hyperledger FoundationOverview of Hyperledger Foundation
Overview of Hyperledger Foundation
 
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfThe Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
 
Using IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & IrelandUsing IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & Ireland
 
Introduction to FIDO Authentication and Passkeys.pptx
Introduction to FIDO Authentication and Passkeys.pptxIntroduction to FIDO Authentication and Passkeys.pptx
Introduction to FIDO Authentication and Passkeys.pptx
 
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
 
Oauth 2.0 Introduction and Flows with MuleSoft
Oauth 2.0 Introduction and Flows with MuleSoftOauth 2.0 Introduction and Flows with MuleSoft
Oauth 2.0 Introduction and Flows with MuleSoft
 
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
 
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
Choosing the Right FDO Deployment Model for Your Application _ Geoffrey at In...
 
Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024
 
ERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage IntacctERP Contender Series: Acumatica vs. Sage Intacct
ERP Contender Series: Acumatica vs. Sage Intacct
 
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
 
AI mind or machine power point presentation
AI mind or machine power point presentationAI mind or machine power point presentation
AI mind or machine power point presentation
 
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
 
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
FDO for Camera, Sensor and Networking Device – Commercial Solutions from VinC...
 
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdfIntroduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
Introduction to FDO and How It works Applications _ Richard at FIDO Alliance.pdf
 

HTML5 and CartoDB