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

Último (20)

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
 
PLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. StartupsPLAI - Acceleration Program for Generative A.I. Startups
PLAI - Acceleration Program for Generative A.I. Startups
 
UiPath Test Automation using UiPath Test Suite series, part 1
UiPath Test Automation using UiPath Test Suite series, part 1UiPath Test Automation using UiPath Test Suite series, part 1
UiPath Test Automation using UiPath Test Suite series, part 1
 
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
 
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...
 
Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024Enterprise Knowledge Graphs - Data Summit 2024
Enterprise Knowledge Graphs - Data Summit 2024
 
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
SOQL 201 for Admins & Developers: Slice & Dice Your Org’s Data With Aggregate...
 
AI presentation and introduction - Retrieval Augmented Generation RAG 101
AI presentation and introduction - Retrieval Augmented Generation RAG 101AI presentation and introduction - Retrieval Augmented Generation RAG 101
AI presentation and introduction - Retrieval Augmented Generation RAG 101
 
IoT Analytics Company Presentation May 2024
IoT Analytics Company Presentation May 2024IoT Analytics Company Presentation May 2024
IoT Analytics Company Presentation May 2024
 
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
Behind the Scenes From the Manager's Chair: Decoding the Secrets of Successfu...
 
Powerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara LaskowskaPowerful Start- the Key to Project Success, Barbara Laskowska
Powerful Start- the Key to Project Success, Barbara Laskowska
 
Agentic RAG What it is its types applications and implementation.pdf
Agentic RAG What it is its types applications and implementation.pdfAgentic RAG What it is its types applications and implementation.pdf
Agentic RAG What it is its types applications and implementation.pdf
 
THE BEST IPTV in GERMANY for 2024: IPTVreel
THE BEST IPTV in  GERMANY for 2024: IPTVreelTHE BEST IPTV in  GERMANY for 2024: IPTVreel
THE BEST IPTV in GERMANY for 2024: IPTVreel
 
Designing for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at ComcastDesigning for Hardware Accessibility at Comcast
Designing for Hardware Accessibility at Comcast
 
10 Differences between Sales Cloud and CPQ, Blanka Doktorová
10 Differences between Sales Cloud and CPQ, Blanka Doktorová10 Differences between Sales Cloud and CPQ, Blanka Doktorová
10 Differences between Sales Cloud and CPQ, Blanka Doktorová
 
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
Integrating Telephony Systems with Salesforce: Insights and Considerations, B...
 
The Metaverse: Are We There Yet?
The  Metaverse:    Are   We  There  Yet?The  Metaverse:    Are   We  There  Yet?
The Metaverse: Are We There Yet?
 
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi IbrahimzadeFree and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
Free and Effective: Making Flows Publicly Accessible, Yumi Ibrahimzade
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
 
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone KomSalesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
Salesforce Adoption – Metrics, Methods, and Motivation, Antone Kom
 

HTML5 and CartoDB