SlideShare una empresa de Scribd logo
1 de 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

Más contenido relacionado

La actualidad más candente

La actualidad más candente (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
 

Destacado

헌스캐빈 체코여행
헌스캐빈 체코여행헌스캐빈 체코여행
헌스캐빈 체코여행
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
 

Destacado (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
 

Similar a 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
 

Similar a 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
 

Último

Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Safe Software
 

Último (20)

FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
Navigating the Deluge_ Dubai Floods and the Resilience of Dubai International...
 
Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..Understanding the FAA Part 107 License ..
Understanding the FAA Part 107 License ..
 
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
Biography Of Angeliki Cooney | Senior Vice President Life Sciences | Albany, ...
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Six Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal OntologySix Myths about Ontologies: The Basics of Formal Ontology
Six Myths about Ontologies: The Basics of Formal Ontology
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdfRising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
Rising Above_ Dubai Floods and the Fortitude of Dubai International Airport.pdf
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Vector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptxVector Search -An Introduction in Oracle Database 23ai.pptx
Vector Search -An Introduction in Oracle Database 23ai.pptx
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 

HTML5 and CartoDB