SlideShare a Scribd company logo
1 of 34
Download to read offline
3D webservices - where do we stand?
Emmanuel Belo
+41 21 619 10 25
emmanuel.belo@camptocamp.com
2/37
Chambéry
Wien
Lausanne
Camptocamp
■ Open Source Service Provider
■ Staff 49
■ Switzerland, France & Austria
■ Since 2001
3/37
Camptocamp: 3 divisions
4/37
Google Maps
5/37
Google Maps
6/37
Here maps (Nokia)
7/37
OpenWebGlobe
8/37
Cesium
9/37
Geospatial 3D Web expectations?
■ 3D Scenes
○ Aerial imagery and terrain
○ Buildings with textures
○ Label and marker
○ Rich interaction (Navigate, pick, popup, measure, usw.)
○ Global perimeter, higher local resolution
■ Technology
○ Web (no plugin), Cross Platform and Cross Device
○ Open Standards and Formats
○ Open Source
■ What's available?
10/37
Web ?
11/37
WebGL !
■ Web Graphics Library
■ Javascript API for rendering interactive 2D/3D graphics
withing the webbrowser
■ Hardware acceleration using the Graphics Processing Unit
(GPU)
■ WebGL Programs consist of :
○ Control code written in Javascript (CPU) and
○ Shader code that is executed on a computer's GPU
■ No Plugin ! Also in IE11 !!!
■ Mobile device ready : Firefox, Sony Android Browser, Opera
12/37
Open Standards ?
13/37
Standardizing and Merging worlds
■ Geo: OGC
○ 3D Portrayal Services (Proposals: WVS WMS-Like & W3DS WFS-Like)
○ KML – XML/COLLADA
○ CityGML - representation, storage, and exchange
○ CZML (AGI/Cesium) ?
■ Geo: OSGEO
○ TMS (Cesium Terrain Server z.B)
■ Web: Web3d
○ X3D - Extensible 3D Graphics
■ Graphics: Khronos Group
○ COLLADA – eXchange / interoperability
○ glTF – graphic language Transmission Format
14/37
3D Portrayal Service (3DPS)
■ Goal:
○ Standard service interface to visualize very large 3D
geospatial databases online vie Web-Browser and Mobile
Devices
○ 3D Scenegraph and image based rendering
16/37
Model Challenges
■ Compact object representation
○ Bandwith
■ Progressive transfert
○ Streaming
○ LOD
■ Fast Model Display
○ GPU intensive, reduce CPU usage
■ Application/Software independent
○ Standard Mesh encodings for X3DOM:Recent Advances
by Max Limper and Johannes Behr, Fraunhofer IGD
17/37
X3D Geometries
■ Basic primitives (Box, Cone Cylinder, Sphere)
■ IndexedFaceSet (3D shape formed by constructing faces
- polygons) <IndexedFaceSet coordIndex='0 11 12 -1
12 1 0 -1 etc />
<Coordinate point='0.7000 1.2000 0.0000, 0.6930 1.2177
0.0000, etc />
○ => Large HTML pages, CPU + Loading time
■ X3dom optimizations
○ Binary Geometry employs several files to store the index and
geometry data directly in the requested precision
○ Progressively Ordered Primitive (POP) Buffer
18/37
CZML - Cesium Language
■ Describes
○ Graphical scene
○ Time-dynamic data
■ Caracteristics
○ JSON structure
○ Line, points, markers, models
○ Describes changes over time
○ Supports datastreaming
○ Extensible
20/37
glTF graphic language Transmission Format
■ JSON used to describe node hierarchy
■ Node hierarchy refers to EXTERNAL binary asset blobs
○ Geometry, Texturen, Material
■ Non-compressed asset blob format
○ Direct load in WebGL
■ Extensible
○ Streaming and compression
21/37
Open Source Software ?
22/37
Open Source implementations
■ PostGIS – stores and exports 3D data
○ Export X3D data: ST_AsX3D
■ Geoserver
○ Provides a W3DS API (getScene & getTile)
○ X3D & Cesium Terrain API
■ X3dom
○ JS API for displaying and interacting with X3D data
■ Three.JS
○ Rich 3D model visualisation
■ OpenWebGlobe & CesiumJS
○ Full geospatial suites to process and display/interact with 3D in the Web
23/37
PostGIS/Geoserver W3DS/X3D/X3DOM
24/37
X3DOM
■ Experimental Open Source Framework
■ Display 3D models with WebGL
■ Web3D & W3C Standardizing Process
■ Goal : 3D objects in the Web
■ Easy to use (HTML5 DOM)
■ Supports HTML Events (Ex : OnClick)
25/37
X3DOM – JS Library
27/37
Three.JS
■ Lightweight xBrowser JS library/API
■ Goal : create and display animated 3D computer graphics
on a Web browser.
■ HTML5 SVG/WebGL
■ Proprietary format + glTF
28/37
Three.JS examples
QGIS export (c) http://anitagraser.com/
Procedural city (c) http://mrdoob.com
29/37
OpenWebGlobe
■ Helps you to create your own virtual globe applications
running plug-in free in a web browser
■ Allows the visualization of large scale image, elevation or
other geospatial data
■ OpenSource (MIT License)
30/37
CesiumJS
■ Javascript Software with WebGL for displaying
○ 3D virtual globe
○ 2D map
○ 2.5D Collombus View
■ Time-dynamic Scenes with CZML
■ Multiple terrain sources
■ Overlays :
○ Raster : WMS, TMS, OSM, Bing & Esri
○ Vector : glTF, CZML, KML, Shapefiles
■ Extensible with plugins
31/37
Cesium – 3 views, WebGL
32/37
CZML 3D + time-dynamic display
33/37
Cesium – Terrain + Overlay
34/37
Cesium Sandcastle
35/37
OpenLayers 3 – Cesium Integration
36/37
Conclusion
■ High activity in the 3D WebGL domain
○ Big Players set public expectations
○ Ongoing standardizations efforts
○ WebGL momentum (Microsoft is now on board)
■ Consider :
○ Dataquantity to be stored and processed in the backend
○ Data transfer and streaming with different LODs
○ Deliver data for the GPU, avoid CPU processing AND Provide
access to semantics for the CPU
○ Web3D implementations have limited encoding possibilities
applied to the geospatial world
3D webservices - where do we stand? (ENG)

More Related Content

What's hot

Outbrain Click Prediction
Outbrain Click PredictionOutbrain Click Prediction
Outbrain Click PredictionAlexey Grigorev
 
Machine learning using TensorFlow on DSX
Machine learning using TensorFlow on DSX Machine learning using TensorFlow on DSX
Machine learning using TensorFlow on DSX Tuhin Mahmud
 
CIKM Cup 2016: Cross-Device Linking
CIKM Cup 2016: Cross-Device LinkingCIKM Cup 2016: Cross-Device Linking
CIKM Cup 2016: Cross-Device LinkingAlexey Grigorev
 
Avito Duplicate Ads Detection @ kaggle
Avito Duplicate Ads Detection @ kaggleAvito Duplicate Ads Detection @ kaggle
Avito Duplicate Ads Detection @ kaggleAlexey Grigorev
 
Passwd crack introduction
Passwd crack   introductionPasswd crack   introduction
Passwd crack introductionChia-Hao Tsai
 
2015 09-24 présentation des interfaces OGC et REST de geOrchestra
2015 09-24 présentation des interfaces OGC et REST de geOrchestra2015 09-24 présentation des interfaces OGC et REST de geOrchestra
2015 09-24 présentation des interfaces OGC et REST de geOrchestrafvanderbiest
 
12 - Scala. Empty and unit types
12 - Scala. Empty and unit types12 - Scala. Empty and unit types
12 - Scala. Empty and unit typesRoman Brovko
 
Multi-mania 2013: HTML5 Games to native Windows apps - attach of the yeti
Multi-mania 2013: HTML5 Games to native Windows apps - attach of the yetiMulti-mania 2013: HTML5 Games to native Windows apps - attach of the yeti
Multi-mania 2013: HTML5 Games to native Windows apps - attach of the yetiKatrien De Graeve
 
Go bei der 4Com GmbH & Co. KG
Go bei der 4Com GmbH & Co. KGGo bei der 4Com GmbH & Co. KG
Go bei der 4Com GmbH & Co. KGJonas Riedel
 

What's hot (12)

Outbrain Click Prediction
Outbrain Click PredictionOutbrain Click Prediction
Outbrain Click Prediction
 
Machine learning using TensorFlow on DSX
Machine learning using TensorFlow on DSX Machine learning using TensorFlow on DSX
Machine learning using TensorFlow on DSX
 
CIKM Cup 2016: Cross-Device Linking
CIKM Cup 2016: Cross-Device LinkingCIKM Cup 2016: Cross-Device Linking
CIKM Cup 2016: Cross-Device Linking
 
Ad Placement Challenge
Ad Placement ChallengeAd Placement Challenge
Ad Placement Challenge
 
ملخص البرمجة المرئية - الوحدة الثالثة
ملخص البرمجة المرئية - الوحدة الثالثةملخص البرمجة المرئية - الوحدة الثالثة
ملخص البرمجة المرئية - الوحدة الثالثة
 
Avito Duplicate Ads Detection @ kaggle
Avito Duplicate Ads Detection @ kaggleAvito Duplicate Ads Detection @ kaggle
Avito Duplicate Ads Detection @ kaggle
 
Passwd crack introduction
Passwd crack   introductionPasswd crack   introduction
Passwd crack introduction
 
2015 09-24 présentation des interfaces OGC et REST de geOrchestra
2015 09-24 présentation des interfaces OGC et REST de geOrchestra2015 09-24 présentation des interfaces OGC et REST de geOrchestra
2015 09-24 présentation des interfaces OGC et REST de geOrchestra
 
20131114
2013111420131114
20131114
 
12 - Scala. Empty and unit types
12 - Scala. Empty and unit types12 - Scala. Empty and unit types
12 - Scala. Empty and unit types
 
Multi-mania 2013: HTML5 Games to native Windows apps - attach of the yeti
Multi-mania 2013: HTML5 Games to native Windows apps - attach of the yetiMulti-mania 2013: HTML5 Games to native Windows apps - attach of the yeti
Multi-mania 2013: HTML5 Games to native Windows apps - attach of the yeti
 
Go bei der 4Com GmbH & Co. KG
Go bei der 4Com GmbH & Co. KGGo bei der 4Com GmbH & Co. KG
Go bei der 4Com GmbH & Co. KG
 

Viewers also liked

geOrchestra, a free, modular and secure SDI
geOrchestra, a free, modular and secure SDIgeOrchestra, a free, modular and secure SDI
geOrchestra, a free, modular and secure SDICamptocamp
 
Présentation GeoMapFish
Présentation GeoMapFishPrésentation GeoMapFish
Présentation GeoMapFishCamptocamp
 
Une IDS scalable et résiliente avec geOrchestra & Docker
Une IDS scalable et résiliente avec geOrchestra & DockerUne IDS scalable et résiliente avec geOrchestra & Docker
Une IDS scalable et résiliente avec geOrchestra & DockerCamptocamp
 
FOSSGIS 2014 : Geospatial 3D Web (GER)
FOSSGIS 2014 : Geospatial 3D Web (GER)FOSSGIS 2014 : Geospatial 3D Web (GER)
FOSSGIS 2014 : Geospatial 3D Web (GER)Camptocamp
 
Contributing within OCA projects
Contributing within OCA projectsContributing within OCA projects
Contributing within OCA projectsCamptocamp
 
FOSS4G-FR 2014 : OpenLayers 3
FOSS4G-FR 2014 : OpenLayers 3FOSS4G-FR 2014 : OpenLayers 3
FOSS4G-FR 2014 : OpenLayers 3Camptocamp
 
FOSS4G-FR 2014 : votre IDS à la carte avec geOrchestra
FOSS4G-FR 2014 : votre IDS à la carte avec geOrchestraFOSS4G-FR 2014 : votre IDS à la carte avec geOrchestra
FOSS4G-FR 2014 : votre IDS à la carte avec geOrchestraCamptocamp
 
OpenLayers 3.0
OpenLayers 3.0OpenLayers 3.0
OpenLayers 3.0Camptocamp
 
Odoo testing on steroids
Odoo testing on steroidsOdoo testing on steroids
Odoo testing on steroidsCamptocamp
 
FOSS4G Europe 2015: OL3-Cesium (3D for OpenLayers)
FOSS4G Europe 2015: OL3-Cesium (3D for OpenLayers)FOSS4G Europe 2015: OL3-Cesium (3D for OpenLayers)
FOSS4G Europe 2015: OL3-Cesium (3D for OpenLayers)Camptocamp
 
Odoo verticalization for NGO
Odoo verticalization for NGOOdoo verticalization for NGO
Odoo verticalization for NGOCamptocamp
 
MapFish Print 3
MapFish Print 3MapFish Print 3
MapFish Print 3Camptocamp
 
MapFish Print 3 : Printing maps like a boss
MapFish Print 3 : Printing maps like a bossMapFish Print 3 : Printing maps like a boss
MapFish Print 3 : Printing maps like a bossCamptocamp
 
A jobs queue for processing tasks asynchronously
A jobs queue for processing tasks asynchronouslyA jobs queue for processing tasks asynchronously
A jobs queue for processing tasks asynchronouslyCamptocamp
 
Odoo Connector (formerly OpenERP Connector)
Odoo Connector (formerly OpenERP Connector)Odoo Connector (formerly OpenERP Connector)
Odoo Connector (formerly OpenERP Connector)Camptocamp
 
Contributing to the Odoo Community Association (OCA)
Contributing to the Odoo Community Association (OCA)Contributing to the Odoo Community Association (OCA)
Contributing to the Odoo Community Association (OCA)Camptocamp
 
OpenERP7, 2014 community days : banking framework talk
OpenERP7, 2014 community days : banking framework talkOpenERP7, 2014 community days : banking framework talk
OpenERP7, 2014 community days : banking framework talkCamptocamp
 
Cesium : Virtueller 3D Globus im Web
Cesium : Virtueller 3D Globus im WebCesium : Virtueller 3D Globus im Web
Cesium : Virtueller 3D Globus im WebCamptocamp
 
OpenLayers 3 & Google Closure Compiler
OpenLayers 3 & Google Closure CompilerOpenLayers 3 & Google Closure Compiler
OpenLayers 3 & Google Closure CompilerCamptocamp
 

Viewers also liked (20)

geOrchestra, a free, modular and secure SDI
geOrchestra, a free, modular and secure SDIgeOrchestra, a free, modular and secure SDI
geOrchestra, a free, modular and secure SDI
 
Présentation GeoMapFish
Présentation GeoMapFishPrésentation GeoMapFish
Présentation GeoMapFish
 
Une IDS scalable et résiliente avec geOrchestra & Docker
Une IDS scalable et résiliente avec geOrchestra & DockerUne IDS scalable et résiliente avec geOrchestra & Docker
Une IDS scalable et résiliente avec geOrchestra & Docker
 
FOSSGIS 2014 : Geospatial 3D Web (GER)
FOSSGIS 2014 : Geospatial 3D Web (GER)FOSSGIS 2014 : Geospatial 3D Web (GER)
FOSSGIS 2014 : Geospatial 3D Web (GER)
 
Contributing within OCA projects
Contributing within OCA projectsContributing within OCA projects
Contributing within OCA projects
 
FOSS4G-FR 2014 : OpenLayers 3
FOSS4G-FR 2014 : OpenLayers 3FOSS4G-FR 2014 : OpenLayers 3
FOSS4G-FR 2014 : OpenLayers 3
 
FOSS4G-FR 2014 : votre IDS à la carte avec geOrchestra
FOSS4G-FR 2014 : votre IDS à la carte avec geOrchestraFOSS4G-FR 2014 : votre IDS à la carte avec geOrchestra
FOSS4G-FR 2014 : votre IDS à la carte avec geOrchestra
 
OpenLayers 3.0
OpenLayers 3.0OpenLayers 3.0
OpenLayers 3.0
 
Odoo testing on steroids
Odoo testing on steroidsOdoo testing on steroids
Odoo testing on steroids
 
FOSS4G Europe 2015: OL3-Cesium (3D for OpenLayers)
FOSS4G Europe 2015: OL3-Cesium (3D for OpenLayers)FOSS4G Europe 2015: OL3-Cesium (3D for OpenLayers)
FOSS4G Europe 2015: OL3-Cesium (3D for OpenLayers)
 
Odoo verticalization for NGO
Odoo verticalization for NGOOdoo verticalization for NGO
Odoo verticalization for NGO
 
MapFish Print 3
MapFish Print 3MapFish Print 3
MapFish Print 3
 
MapFish Print 3 : Printing maps like a boss
MapFish Print 3 : Printing maps like a bossMapFish Print 3 : Printing maps like a boss
MapFish Print 3 : Printing maps like a boss
 
A jobs queue for processing tasks asynchronously
A jobs queue for processing tasks asynchronouslyA jobs queue for processing tasks asynchronously
A jobs queue for processing tasks asynchronously
 
Odoo Connector (formerly OpenERP Connector)
Odoo Connector (formerly OpenERP Connector)Odoo Connector (formerly OpenERP Connector)
Odoo Connector (formerly OpenERP Connector)
 
Contributing to the Odoo Community Association (OCA)
Contributing to the Odoo Community Association (OCA)Contributing to the Odoo Community Association (OCA)
Contributing to the Odoo Community Association (OCA)
 
OpenERP7, 2014 community days : banking framework talk
OpenERP7, 2014 community days : banking framework talkOpenERP7, 2014 community days : banking framework talk
OpenERP7, 2014 community days : banking framework talk
 
Cesium : Virtueller 3D Globus im Web
Cesium : Virtueller 3D Globus im WebCesium : Virtueller 3D Globus im Web
Cesium : Virtueller 3D Globus im Web
 
OpenLayers 3
OpenLayers 3OpenLayers 3
OpenLayers 3
 
OpenLayers 3 & Google Closure Compiler
OpenLayers 3 & Google Closure CompilerOpenLayers 3 & Google Closure Compiler
OpenLayers 3 & Google Closure Compiler
 

Similar to 3D webservices - where do we stand? (ENG)

10 Visualization of 3D data in the web environment – Open Land Use and Yield ...
10 Visualization of 3D data in the web environment – Open Land Use and Yield ...10 Visualization of 3D data in the web environment – Open Land Use and Yield ...
10 Visualization of 3D data in the web environment – Open Land Use and Yield ...plan4all
 
AGIT 2017: GeoMapFish_2.2, the open source WebGIS
AGIT 2017: GeoMapFish_2.2, the open source WebGISAGIT 2017: GeoMapFish_2.2, the open source WebGIS
AGIT 2017: GeoMapFish_2.2, the open source WebGISCamptocamp
 
Drupal 3D - Intro to Using Web 3D with Drupal
Drupal 3D - Intro to Using Web 3D with DrupalDrupal 3D - Intro to Using Web 3D with Drupal
Drupal 3D - Intro to Using Web 3D with DrupalBrian Hay
 
Current State of mago3D, an Open Source Based Digital Twin Platform
Current State of mago3D, an Open Source Based Digital Twin PlatformCurrent State of mago3D, an Open Source Based Digital Twin Platform
Current State of mago3D, an Open Source Based Digital Twin PlatformSANGHEE SHIN
 
mloc.js 2014 - JavaScript and the browser as a platform for game development
mloc.js 2014 - JavaScript and the browser as a platform for game developmentmloc.js 2014 - JavaScript and the browser as a platform for game development
mloc.js 2014 - JavaScript and the browser as a platform for game developmentDavid Galeano
 
State of mago3D, An Open Source Based Digital Twin Platform
State of mago3D, An Open Source Based Digital Twin PlatformState of mago3D, An Open Source Based Digital Twin Platform
State of mago3D, An Open Source Based Digital Twin PlatformSANGHEE SHIN
 
GeoMapFish, the Open Source WebGIS
GeoMapFish, the Open Source WebGISGeoMapFish, the Open Source WebGIS
GeoMapFish, the Open Source WebGISCamptocamp
 
Introduction to mago3D, an Open Source Based Digital Twin Platform
Introduction to mago3D, an Open Source Based Digital Twin PlatformIntroduction to mago3D, an Open Source Based Digital Twin Platform
Introduction to mago3D, an Open Source Based Digital Twin PlatformSANGHEE SHIN
 
Introduction to 3D Mapping with X3D
Introduction to 3D Mapping with X3DIntroduction to 3D Mapping with X3D
Introduction to 3D Mapping with X3DIan Panganiban
 
Power of WebGL (FSTO 2014)
Power of WebGL (FSTO 2014)Power of WebGL (FSTO 2014)
Power of WebGL (FSTO 2014)Verold
 
Processing large point clouds
Processing large point cloudsProcessing large point clouds
Processing large point cloudsMathieu Carette
 
Parallel programing in web applications - public.pptx
Parallel programing in web applications - public.pptxParallel programing in web applications - public.pptx
Parallel programing in web applications - public.pptxGuy Bary
 
AD109 Navigating the Jungle of Modern Web Development
AD109 Navigating the Jungle of Modern Web DevelopmentAD109 Navigating the Jungle of Modern Web Development
AD109 Navigating the Jungle of Modern Web DevelopmentShean McManus
 
07 web based perspective visualization of open land use and other agriculture...
07 web based perspective visualization of open land use and other agriculture...07 web based perspective visualization of open land use and other agriculture...
07 web based perspective visualization of open land use and other agriculture...plan4all
 
Let's integrate CAD/BIM/GIS on the same platform: A practical approach in rea...
Let's integrate CAD/BIM/GIS on the same platform: A practical approach in rea...Let's integrate CAD/BIM/GIS on the same platform: A practical approach in rea...
Let's integrate CAD/BIM/GIS on the same platform: A practical approach in rea...SANGHEE SHIN
 
3D City Model Applications with FME Server
3D City Model Applications with FME Server3D City Model Applications with FME Server
3D City Model Applications with FME ServerSafe Software
 
2015-09-16 georchestra @ foss4g2015 Seoul
2015-09-16 georchestra @ foss4g2015 Seoul2015-09-16 georchestra @ foss4g2015 Seoul
2015-09-16 georchestra @ foss4g2015 Seoulfvanderbiest
 
OpenWebGlobe - GeoSharing Bern
OpenWebGlobe - GeoSharing BernOpenWebGlobe - GeoSharing Bern
OpenWebGlobe - GeoSharing BernMartin Christen
 
ArcGIS Data Interoperability: Tips for LiDAR, 3D, and BIM
ArcGIS Data Interoperability: Tips for LiDAR, 3D, and BIMArcGIS Data Interoperability: Tips for LiDAR, 3D, and BIM
ArcGIS Data Interoperability: Tips for LiDAR, 3D, and BIMSafe Software
 

Similar to 3D webservices - where do we stand? (ENG) (20)

10 Visualization of 3D data in the web environment – Open Land Use and Yield ...
10 Visualization of 3D data in the web environment – Open Land Use and Yield ...10 Visualization of 3D data in the web environment – Open Land Use and Yield ...
10 Visualization of 3D data in the web environment – Open Land Use and Yield ...
 
AGIT 2017: GeoMapFish_2.2, the open source WebGIS
AGIT 2017: GeoMapFish_2.2, the open source WebGISAGIT 2017: GeoMapFish_2.2, the open source WebGIS
AGIT 2017: GeoMapFish_2.2, the open source WebGIS
 
Drupal 3D - Intro to Using Web 3D with Drupal
Drupal 3D - Intro to Using Web 3D with DrupalDrupal 3D - Intro to Using Web 3D with Drupal
Drupal 3D - Intro to Using Web 3D with Drupal
 
Current State of mago3D, an Open Source Based Digital Twin Platform
Current State of mago3D, an Open Source Based Digital Twin PlatformCurrent State of mago3D, an Open Source Based Digital Twin Platform
Current State of mago3D, an Open Source Based Digital Twin Platform
 
mloc.js 2014 - JavaScript and the browser as a platform for game development
mloc.js 2014 - JavaScript and the browser as a platform for game developmentmloc.js 2014 - JavaScript and the browser as a platform for game development
mloc.js 2014 - JavaScript and the browser as a platform for game development
 
State of mago3D, An Open Source Based Digital Twin Platform
State of mago3D, An Open Source Based Digital Twin PlatformState of mago3D, An Open Source Based Digital Twin Platform
State of mago3D, An Open Source Based Digital Twin Platform
 
GeoMapFish, the Open Source WebGIS
GeoMapFish, the Open Source WebGISGeoMapFish, the Open Source WebGIS
GeoMapFish, the Open Source WebGIS
 
Introduction to mago3D, an Open Source Based Digital Twin Platform
Introduction to mago3D, an Open Source Based Digital Twin PlatformIntroduction to mago3D, an Open Source Based Digital Twin Platform
Introduction to mago3D, an Open Source Based Digital Twin Platform
 
Introduction to 3D Mapping with X3D
Introduction to 3D Mapping with X3DIntroduction to 3D Mapping with X3D
Introduction to 3D Mapping with X3D
 
Power of WebGL (FSTO 2014)
Power of WebGL (FSTO 2014)Power of WebGL (FSTO 2014)
Power of WebGL (FSTO 2014)
 
Processing large point clouds
Processing large point cloudsProcessing large point clouds
Processing large point clouds
 
Parallel programing in web applications - public.pptx
Parallel programing in web applications - public.pptxParallel programing in web applications - public.pptx
Parallel programing in web applications - public.pptx
 
AD109 Navigating the Jungle of Modern Web Development
AD109 Navigating the Jungle of Modern Web DevelopmentAD109 Navigating the Jungle of Modern Web Development
AD109 Navigating the Jungle of Modern Web Development
 
07 web based perspective visualization of open land use and other agriculture...
07 web based perspective visualization of open land use and other agriculture...07 web based perspective visualization of open land use and other agriculture...
07 web based perspective visualization of open land use and other agriculture...
 
Let's integrate CAD/BIM/GIS on the same platform: A practical approach in rea...
Let's integrate CAD/BIM/GIS on the same platform: A practical approach in rea...Let's integrate CAD/BIM/GIS on the same platform: A practical approach in rea...
Let's integrate CAD/BIM/GIS on the same platform: A practical approach in rea...
 
3D City Model Applications with FME Server
3D City Model Applications with FME Server3D City Model Applications with FME Server
3D City Model Applications with FME Server
 
2015-09-16 georchestra @ foss4g2015 Seoul
2015-09-16 georchestra @ foss4g2015 Seoul2015-09-16 georchestra @ foss4g2015 Seoul
2015-09-16 georchestra @ foss4g2015 Seoul
 
OpenWebGlobe - GeoSharing Bern
OpenWebGlobe - GeoSharing BernOpenWebGlobe - GeoSharing Bern
OpenWebGlobe - GeoSharing Bern
 
ArcGIS Data Interoperability: Tips for LiDAR, 3D, and BIM
ArcGIS Data Interoperability: Tips for LiDAR, 3D, and BIMArcGIS Data Interoperability: Tips for LiDAR, 3D, and BIM
ArcGIS Data Interoperability: Tips for LiDAR, 3D, and BIM
 
PCL (Point Cloud Library)
PCL (Point Cloud Library)PCL (Point Cloud Library)
PCL (Point Cloud Library)
 

More from Camptocamp

ERP et customisation : comment éviter l’usine à gaz ?
ERP et customisation : comment éviter l’usine à gaz ?ERP et customisation : comment éviter l’usine à gaz ?
ERP et customisation : comment éviter l’usine à gaz ?Camptocamp
 
10 points-clés incontournables pour réussir votre projet ERP
10 points-clés incontournables pour réussir votre projet ERP10 points-clés incontournables pour réussir votre projet ERP
10 points-clés incontournables pour réussir votre projet ERPCamptocamp
 
Topsoft 2017: Praxisbericht: Welche Fehler bei der Implementierung eines ERP-...
Topsoft 2017: Praxisbericht: Welche Fehler bei der Implementierung eines ERP-...Topsoft 2017: Praxisbericht: Welche Fehler bei der Implementierung eines ERP-...
Topsoft 2017: Praxisbericht: Welche Fehler bei der Implementierung eines ERP-...Camptocamp
 
AGIT 2017: geOrchestra 16.12, the open source INSPIRE SDI
AGIT 2017: geOrchestra 16.12, the open source INSPIRE SDIAGIT 2017: geOrchestra 16.12, the open source INSPIRE SDI
AGIT 2017: geOrchestra 16.12, the open source INSPIRE SDICamptocamp
 
[Geocom2017] geOrchestra and ngeo
[Geocom2017] geOrchestra and ngeo[Geocom2017] geOrchestra and ngeo
[Geocom2017] geOrchestra and ngeoCamptocamp
 
[Geocom2017] Georchestra & monitoring
[Geocom2017] Georchestra & monitoring[Geocom2017] Georchestra & monitoring
[Geocom2017] Georchestra & monitoringCamptocamp
 
NGEO – OpenLayers meets Angular
NGEO – OpenLayers meets AngularNGEO – OpenLayers meets Angular
NGEO – OpenLayers meets AngularCamptocamp
 
georchestra SDI: Project Status Report
georchestra SDI: Project Status Reportgeorchestra SDI: Project Status Report
georchestra SDI: Project Status ReportCamptocamp
 
GeoMapFish, the Open Source WebGIS
GeoMapFish, the Open Source WebGISGeoMapFish, the Open Source WebGIS
GeoMapFish, the Open Source WebGISCamptocamp
 
Pourquoi intégrer Odoo, l'ERP de dernière génération full web, au sein de son...
Pourquoi intégrer Odoo, l'ERP de dernière génération full web, au sein de son...Pourquoi intégrer Odoo, l'ERP de dernière génération full web, au sein de son...
Pourquoi intégrer Odoo, l'ERP de dernière génération full web, au sein de son...Camptocamp
 

More from Camptocamp (10)

ERP et customisation : comment éviter l’usine à gaz ?
ERP et customisation : comment éviter l’usine à gaz ?ERP et customisation : comment éviter l’usine à gaz ?
ERP et customisation : comment éviter l’usine à gaz ?
 
10 points-clés incontournables pour réussir votre projet ERP
10 points-clés incontournables pour réussir votre projet ERP10 points-clés incontournables pour réussir votre projet ERP
10 points-clés incontournables pour réussir votre projet ERP
 
Topsoft 2017: Praxisbericht: Welche Fehler bei der Implementierung eines ERP-...
Topsoft 2017: Praxisbericht: Welche Fehler bei der Implementierung eines ERP-...Topsoft 2017: Praxisbericht: Welche Fehler bei der Implementierung eines ERP-...
Topsoft 2017: Praxisbericht: Welche Fehler bei der Implementierung eines ERP-...
 
AGIT 2017: geOrchestra 16.12, the open source INSPIRE SDI
AGIT 2017: geOrchestra 16.12, the open source INSPIRE SDIAGIT 2017: geOrchestra 16.12, the open source INSPIRE SDI
AGIT 2017: geOrchestra 16.12, the open source INSPIRE SDI
 
[Geocom2017] geOrchestra and ngeo
[Geocom2017] geOrchestra and ngeo[Geocom2017] geOrchestra and ngeo
[Geocom2017] geOrchestra and ngeo
 
[Geocom2017] Georchestra & monitoring
[Geocom2017] Georchestra & monitoring[Geocom2017] Georchestra & monitoring
[Geocom2017] Georchestra & monitoring
 
NGEO – OpenLayers meets Angular
NGEO – OpenLayers meets AngularNGEO – OpenLayers meets Angular
NGEO – OpenLayers meets Angular
 
georchestra SDI: Project Status Report
georchestra SDI: Project Status Reportgeorchestra SDI: Project Status Report
georchestra SDI: Project Status Report
 
GeoMapFish, the Open Source WebGIS
GeoMapFish, the Open Source WebGISGeoMapFish, the Open Source WebGIS
GeoMapFish, the Open Source WebGIS
 
Pourquoi intégrer Odoo, l'ERP de dernière génération full web, au sein de son...
Pourquoi intégrer Odoo, l'ERP de dernière génération full web, au sein de son...Pourquoi intégrer Odoo, l'ERP de dernière génération full web, au sein de son...
Pourquoi intégrer Odoo, l'ERP de dernière génération full web, au sein de son...
 

Recently uploaded

Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksSoftradix Technologies
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):comworks
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxnull - The Open Security Community
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024BookNet Canada
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
APIForce Zurich 5 April Automation LPDG
APIForce Zurich 5 April  Automation LPDGAPIForce Zurich 5 April  Automation LPDG
APIForce Zurich 5 April Automation LPDGMarianaLemus7
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationSafe Software
 
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024BookNet Canada
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsMark Billinghurst
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraDeakin University
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 

Recently uploaded (20)

Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food Manufacturing
 
Benefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other FrameworksBenefits Of Flutter Compared To Other Frameworks
Benefits Of Flutter Compared To Other Frameworks
 
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
 
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxMaking_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
APIForce Zurich 5 April Automation LPDG
APIForce Zurich 5 April  Automation LPDGAPIForce Zurich 5 April  Automation LPDG
APIForce Zurich 5 April Automation LPDG
 
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry InnovationBeyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
 
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
 
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR SystemsHuman Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
 
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning era
 
Vulnerability_Management_GRC_by Sohang Sengupta.pptx
Vulnerability_Management_GRC_by Sohang Sengupta.pptxVulnerability_Management_GRC_by Sohang Sengupta.pptx
Vulnerability_Management_GRC_by Sohang Sengupta.pptx
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 

3D webservices - where do we stand? (ENG)

  • 1. 3D webservices - where do we stand? Emmanuel Belo +41 21 619 10 25 emmanuel.belo@camptocamp.com
  • 2. 2/37 Chambéry Wien Lausanne Camptocamp ■ Open Source Service Provider ■ Staff 49 ■ Switzerland, France & Austria ■ Since 2001
  • 9. 9/37 Geospatial 3D Web expectations? ■ 3D Scenes ○ Aerial imagery and terrain ○ Buildings with textures ○ Label and marker ○ Rich interaction (Navigate, pick, popup, measure, usw.) ○ Global perimeter, higher local resolution ■ Technology ○ Web (no plugin), Cross Platform and Cross Device ○ Open Standards and Formats ○ Open Source ■ What's available?
  • 11. 11/37 WebGL ! ■ Web Graphics Library ■ Javascript API for rendering interactive 2D/3D graphics withing the webbrowser ■ Hardware acceleration using the Graphics Processing Unit (GPU) ■ WebGL Programs consist of : ○ Control code written in Javascript (CPU) and ○ Shader code that is executed on a computer's GPU ■ No Plugin ! Also in IE11 !!! ■ Mobile device ready : Firefox, Sony Android Browser, Opera
  • 13. 13/37 Standardizing and Merging worlds ■ Geo: OGC ○ 3D Portrayal Services (Proposals: WVS WMS-Like & W3DS WFS-Like) ○ KML – XML/COLLADA ○ CityGML - representation, storage, and exchange ○ CZML (AGI/Cesium) ? ■ Geo: OSGEO ○ TMS (Cesium Terrain Server z.B) ■ Web: Web3d ○ X3D - Extensible 3D Graphics ■ Graphics: Khronos Group ○ COLLADA – eXchange / interoperability ○ glTF – graphic language Transmission Format
  • 14. 14/37 3D Portrayal Service (3DPS) ■ Goal: ○ Standard service interface to visualize very large 3D geospatial databases online vie Web-Browser and Mobile Devices ○ 3D Scenegraph and image based rendering
  • 15. 16/37 Model Challenges ■ Compact object representation ○ Bandwith ■ Progressive transfert ○ Streaming ○ LOD ■ Fast Model Display ○ GPU intensive, reduce CPU usage ■ Application/Software independent ○ Standard Mesh encodings for X3DOM:Recent Advances by Max Limper and Johannes Behr, Fraunhofer IGD
  • 16. 17/37 X3D Geometries ■ Basic primitives (Box, Cone Cylinder, Sphere) ■ IndexedFaceSet (3D shape formed by constructing faces - polygons) <IndexedFaceSet coordIndex='0 11 12 -1 12 1 0 -1 etc /> <Coordinate point='0.7000 1.2000 0.0000, 0.6930 1.2177 0.0000, etc /> ○ => Large HTML pages, CPU + Loading time ■ X3dom optimizations ○ Binary Geometry employs several files to store the index and geometry data directly in the requested precision ○ Progressively Ordered Primitive (POP) Buffer
  • 17. 18/37 CZML - Cesium Language ■ Describes ○ Graphical scene ○ Time-dynamic data ■ Caracteristics ○ JSON structure ○ Line, points, markers, models ○ Describes changes over time ○ Supports datastreaming ○ Extensible
  • 18. 20/37 glTF graphic language Transmission Format ■ JSON used to describe node hierarchy ■ Node hierarchy refers to EXTERNAL binary asset blobs ○ Geometry, Texturen, Material ■ Non-compressed asset blob format ○ Direct load in WebGL ■ Extensible ○ Streaming and compression
  • 20. 22/37 Open Source implementations ■ PostGIS – stores and exports 3D data ○ Export X3D data: ST_AsX3D ■ Geoserver ○ Provides a W3DS API (getScene & getTile) ○ X3D & Cesium Terrain API ■ X3dom ○ JS API for displaying and interacting with X3D data ■ Three.JS ○ Rich 3D model visualisation ■ OpenWebGlobe & CesiumJS ○ Full geospatial suites to process and display/interact with 3D in the Web
  • 22. 24/37 X3DOM ■ Experimental Open Source Framework ■ Display 3D models with WebGL ■ Web3D & W3C Standardizing Process ■ Goal : 3D objects in the Web ■ Easy to use (HTML5 DOM) ■ Supports HTML Events (Ex : OnClick)
  • 24. 27/37 Three.JS ■ Lightweight xBrowser JS library/API ■ Goal : create and display animated 3D computer graphics on a Web browser. ■ HTML5 SVG/WebGL ■ Proprietary format + glTF
  • 25. 28/37 Three.JS examples QGIS export (c) http://anitagraser.com/ Procedural city (c) http://mrdoob.com
  • 26. 29/37 OpenWebGlobe ■ Helps you to create your own virtual globe applications running plug-in free in a web browser ■ Allows the visualization of large scale image, elevation or other geospatial data ■ OpenSource (MIT License)
  • 27. 30/37 CesiumJS ■ Javascript Software with WebGL for displaying ○ 3D virtual globe ○ 2D map ○ 2.5D Collombus View ■ Time-dynamic Scenes with CZML ■ Multiple terrain sources ■ Overlays : ○ Raster : WMS, TMS, OSM, Bing & Esri ○ Vector : glTF, CZML, KML, Shapefiles ■ Extensible with plugins
  • 28. 31/37 Cesium – 3 views, WebGL
  • 29. 32/37 CZML 3D + time-dynamic display
  • 32. 35/37 OpenLayers 3 – Cesium Integration
  • 33. 36/37 Conclusion ■ High activity in the 3D WebGL domain ○ Big Players set public expectations ○ Ongoing standardizations efforts ○ WebGL momentum (Microsoft is now on board) ■ Consider : ○ Dataquantity to be stored and processed in the backend ○ Data transfer and streaming with different LODs ○ Deliver data for the GPU, avoid CPU processing AND Provide access to semantics for the CPU ○ Web3D implementations have limited encoding possibilities applied to the geospatial world