fiware developers week_bootcampwebui_presentation2

62
Bootcamp presentation 3D-Cities towards AR

Upload: fiware

Post on 15-Jul-2015

436 views

Category:

Technology


1 download

TRANSCRIPT

Page 1: FIWARE Developers Week_BootcampWeBUI_presentation2

Bootcamp presentation3D-Cities towards AR

Talking about (Smart) Cities

Bootcamp presentationPOI Data Provider GE

Points of Interest - POI

bull A POI systembull Relates information to places

bull Supports searches by location and other criteria eg time

What does a POI Data Provider do

bull A POI data provider stores and provides information based on location

bull Searches based on area eg circle or bounding box

ndashFiltering of results using other

data values eg category or

tags

Why to use FIWARE POI Data Provider

bull FIWARE POI Data Provider uses modular and distributed data This allow you to

bull Combine your own data with public POI data

bull Speed up mobile operation by fetching only the data your application needs

bull Use your own data structures if need for extra flexibility

Using POI Information - Map

bull Show place information of selected categories like restaurant and other criteria like open times on the map

Using POI Information ndash Your own needs

bull Attach the information you need to the locations

bull Use or show the information as you need

bull Search information based on the location and the extra data you provided

Developing using FIWARE POI-DP GE

bull Development prerequisites

bull Modular and distributed data

bull Components in JSON format

bull Multilingual data items Default language in multilingual data

bull Spatial searches

bull Additional data retrieval

bull Creating Updating Deleting a new POI

Development prerequisites

bull Basic JavaScript knowledge

ndashEg from here httpwwww3schoolscomjs

bull To show maps you may use eg

ndashGoogle Maps API httpsdevelopersgooglecommaps

ndashOpenStreetMap httpwikiopenstreetmaporgwikiOpenLayers_Simple_Example

bull Detailed instructions

ndashhttpforgefi-wareorgpluginsmediawikiwikifiwareindexphpPOI_Data_Provider_-

_User_and_Programmers_Guide - later referred The Manual

Modular and Distributed Data

bull Modular data to avoid unnecessary data transmission by requesting only the data components you want

bull Data of a POI consists of components

fw_core fw_time fw_contact fw_media hellip

bull HTTP Request defines wanted data components

bull Different data components of the same POI may reside in different servers

bull Application specific proprietary data components can be used

Components in JSON Format

bull POI is identified by its UUIDbull

bull component is identified by its name

8e57d2e6-f98f-4404-b075-112049e72346

fw_core

ltlocation identity amp other core informationgt

fw_time

ltavailability timesgt

ltother requested componentsgt

Multilingual Data Items

bull Most texts and web links (URLs) are for several languages

ltdefault or language independent datagtltlang_ID1gt ltdata in language lang_ID1gtltlang_ID2gt ltdata in language lang_ID2gthellip

bull ISO 639-1 language code identify the language

label

Uniresta Lobby Restaurant at University of Oulu

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Default language in Multilingual Data

bull No need to duplicate text for the default

bull A specific language can also be the default

_def ltlang_IDngt

hellipltlang_IDngt ltdefault data in language lang_IDngthellip

label

_def en

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Spatial Searches

bull Example of radial search ndash GET request

ndashhttpltyour_poi_servergtradial_searchlat=6501255amplon=2547133ampra

dius=250ampcategory=caferestaurant

ndashgives restaurants and cafes in the center of Oulu Finland

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

bull Available categories are server dependent ndash values of OpenStreetMap Amenity-key are used in demo servers

bull See The Manual for bounding box search

Additional Data Retrieval

bull Example of extra information retrieval ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampcomponent=fw_media

ndashgives media links associated to the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Creating a New POI

bull Example of adding a new POI ndash POST request

ndashhttpltyour_poi_servergtadd_poi

ndashdata content is components of the POI in JSON format

ndashresponse is the UUID created for the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Updating POI Data

1 Retrieve POI data for update ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampget_for_update=true

ndashThis brings all language versions and last_update info

2 Modify the data as needed ndash retain the last_update info unchanged

3 Send updated data ndash POST request

ndashhttpltyour_poi_servergtupdate_poi

ndashdata content is the modified data in JSON format

ndashresponse tells success or not

ndashupdate fails if a conflict happens

Deleting a POI

bull Example of deleting a POI ndash DELETE request

ndashhttpltyour_poi_servergtdelete_poipoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

POIs in action

http13020680175poi-clientmaphtml

Want to overcome these(lame) 2D-maps

Bootcamp presentationGIS Data Provider GE

Rationale

Create infrastructure to be used with next generation web based 3D GIS serviceso Need for geographical system capable to provide data in 3D

form with correct geospatial information

GIS provider GE in nutshell

GE provides the infrastructure to query and obtain geo-referenced 3D models through RESTful Web Services

o Capability to provide 3D models of objects (eg buildings cars etc) and terrains with correct elevation information

RESTful Interface for communicationo Implemented interface fulfills mandatory part of the Open Geospatial

Consortiums (OGC) OpenGISreg Web 3D Service Interface Standard

GIS GE implemented as W3DS community module to Geoservero Module is extension to Geoservero Fully open sourced

Main features (12)

Supports data in XML3D and octet-stream output formats

Object query for specific layer based on bounding box returned contentndash XML3D presentation of the queried terrain or

ndash Separate XML3D object(s) inside bounding box

3D terrain texture support (Satellite images raster images etc)

Level Of Details (LOD) support for 3D terrainsndash Scale from 1 to 10

Main features (22)

Internal amp external data storage supportndash Data storage in geoserver (eg shapefiles images)ndash PostgreSQL + PostGIS

bullElevation data for terrainsbullObject geospatial information and reference to 3D presentation location

Current fiware release contains support for metric coordinate systems

bull Note GIS Data Provider GE does not implement tools for all possible data formats These information types are customer and source specificbull However GIS GE provides sample geodataset in EPSG3047

projection which is based on Finnish geographical Institute open data

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 2: FIWARE Developers Week_BootcampWeBUI_presentation2

Talking about (Smart) Cities

Bootcamp presentationPOI Data Provider GE

Points of Interest - POI

bull A POI systembull Relates information to places

bull Supports searches by location and other criteria eg time

What does a POI Data Provider do

bull A POI data provider stores and provides information based on location

bull Searches based on area eg circle or bounding box

ndashFiltering of results using other

data values eg category or

tags

Why to use FIWARE POI Data Provider

bull FIWARE POI Data Provider uses modular and distributed data This allow you to

bull Combine your own data with public POI data

bull Speed up mobile operation by fetching only the data your application needs

bull Use your own data structures if need for extra flexibility

Using POI Information - Map

bull Show place information of selected categories like restaurant and other criteria like open times on the map

Using POI Information ndash Your own needs

bull Attach the information you need to the locations

bull Use or show the information as you need

bull Search information based on the location and the extra data you provided

Developing using FIWARE POI-DP GE

bull Development prerequisites

bull Modular and distributed data

bull Components in JSON format

bull Multilingual data items Default language in multilingual data

bull Spatial searches

bull Additional data retrieval

bull Creating Updating Deleting a new POI

Development prerequisites

bull Basic JavaScript knowledge

ndashEg from here httpwwww3schoolscomjs

bull To show maps you may use eg

ndashGoogle Maps API httpsdevelopersgooglecommaps

ndashOpenStreetMap httpwikiopenstreetmaporgwikiOpenLayers_Simple_Example

bull Detailed instructions

ndashhttpforgefi-wareorgpluginsmediawikiwikifiwareindexphpPOI_Data_Provider_-

_User_and_Programmers_Guide - later referred The Manual

Modular and Distributed Data

bull Modular data to avoid unnecessary data transmission by requesting only the data components you want

bull Data of a POI consists of components

fw_core fw_time fw_contact fw_media hellip

bull HTTP Request defines wanted data components

bull Different data components of the same POI may reside in different servers

bull Application specific proprietary data components can be used

Components in JSON Format

bull POI is identified by its UUIDbull

bull component is identified by its name

8e57d2e6-f98f-4404-b075-112049e72346

fw_core

ltlocation identity amp other core informationgt

fw_time

ltavailability timesgt

ltother requested componentsgt

Multilingual Data Items

bull Most texts and web links (URLs) are for several languages

ltdefault or language independent datagtltlang_ID1gt ltdata in language lang_ID1gtltlang_ID2gt ltdata in language lang_ID2gthellip

bull ISO 639-1 language code identify the language

label

Uniresta Lobby Restaurant at University of Oulu

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Default language in Multilingual Data

bull No need to duplicate text for the default

bull A specific language can also be the default

_def ltlang_IDngt

hellipltlang_IDngt ltdefault data in language lang_IDngthellip

label

_def en

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Spatial Searches

bull Example of radial search ndash GET request

ndashhttpltyour_poi_servergtradial_searchlat=6501255amplon=2547133ampra

dius=250ampcategory=caferestaurant

ndashgives restaurants and cafes in the center of Oulu Finland

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

bull Available categories are server dependent ndash values of OpenStreetMap Amenity-key are used in demo servers

bull See The Manual for bounding box search

Additional Data Retrieval

bull Example of extra information retrieval ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampcomponent=fw_media

ndashgives media links associated to the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Creating a New POI

bull Example of adding a new POI ndash POST request

ndashhttpltyour_poi_servergtadd_poi

ndashdata content is components of the POI in JSON format

ndashresponse is the UUID created for the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Updating POI Data

1 Retrieve POI data for update ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampget_for_update=true

ndashThis brings all language versions and last_update info

2 Modify the data as needed ndash retain the last_update info unchanged

3 Send updated data ndash POST request

ndashhttpltyour_poi_servergtupdate_poi

ndashdata content is the modified data in JSON format

ndashresponse tells success or not

ndashupdate fails if a conflict happens

Deleting a POI

bull Example of deleting a POI ndash DELETE request

ndashhttpltyour_poi_servergtdelete_poipoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

POIs in action

http13020680175poi-clientmaphtml

Want to overcome these(lame) 2D-maps

Bootcamp presentationGIS Data Provider GE

Rationale

Create infrastructure to be used with next generation web based 3D GIS serviceso Need for geographical system capable to provide data in 3D

form with correct geospatial information

GIS provider GE in nutshell

GE provides the infrastructure to query and obtain geo-referenced 3D models through RESTful Web Services

o Capability to provide 3D models of objects (eg buildings cars etc) and terrains with correct elevation information

RESTful Interface for communicationo Implemented interface fulfills mandatory part of the Open Geospatial

Consortiums (OGC) OpenGISreg Web 3D Service Interface Standard

GIS GE implemented as W3DS community module to Geoservero Module is extension to Geoservero Fully open sourced

Main features (12)

Supports data in XML3D and octet-stream output formats

Object query for specific layer based on bounding box returned contentndash XML3D presentation of the queried terrain or

ndash Separate XML3D object(s) inside bounding box

3D terrain texture support (Satellite images raster images etc)

Level Of Details (LOD) support for 3D terrainsndash Scale from 1 to 10

Main features (22)

Internal amp external data storage supportndash Data storage in geoserver (eg shapefiles images)ndash PostgreSQL + PostGIS

bullElevation data for terrainsbullObject geospatial information and reference to 3D presentation location

Current fiware release contains support for metric coordinate systems

bull Note GIS Data Provider GE does not implement tools for all possible data formats These information types are customer and source specificbull However GIS GE provides sample geodataset in EPSG3047

projection which is based on Finnish geographical Institute open data

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 3: FIWARE Developers Week_BootcampWeBUI_presentation2

Bootcamp presentationPOI Data Provider GE

Points of Interest - POI

bull A POI systembull Relates information to places

bull Supports searches by location and other criteria eg time

What does a POI Data Provider do

bull A POI data provider stores and provides information based on location

bull Searches based on area eg circle or bounding box

ndashFiltering of results using other

data values eg category or

tags

Why to use FIWARE POI Data Provider

bull FIWARE POI Data Provider uses modular and distributed data This allow you to

bull Combine your own data with public POI data

bull Speed up mobile operation by fetching only the data your application needs

bull Use your own data structures if need for extra flexibility

Using POI Information - Map

bull Show place information of selected categories like restaurant and other criteria like open times on the map

Using POI Information ndash Your own needs

bull Attach the information you need to the locations

bull Use or show the information as you need

bull Search information based on the location and the extra data you provided

Developing using FIWARE POI-DP GE

bull Development prerequisites

bull Modular and distributed data

bull Components in JSON format

bull Multilingual data items Default language in multilingual data

bull Spatial searches

bull Additional data retrieval

bull Creating Updating Deleting a new POI

Development prerequisites

bull Basic JavaScript knowledge

ndashEg from here httpwwww3schoolscomjs

bull To show maps you may use eg

ndashGoogle Maps API httpsdevelopersgooglecommaps

ndashOpenStreetMap httpwikiopenstreetmaporgwikiOpenLayers_Simple_Example

bull Detailed instructions

ndashhttpforgefi-wareorgpluginsmediawikiwikifiwareindexphpPOI_Data_Provider_-

_User_and_Programmers_Guide - later referred The Manual

Modular and Distributed Data

bull Modular data to avoid unnecessary data transmission by requesting only the data components you want

bull Data of a POI consists of components

fw_core fw_time fw_contact fw_media hellip

bull HTTP Request defines wanted data components

bull Different data components of the same POI may reside in different servers

bull Application specific proprietary data components can be used

Components in JSON Format

bull POI is identified by its UUIDbull

bull component is identified by its name

8e57d2e6-f98f-4404-b075-112049e72346

fw_core

ltlocation identity amp other core informationgt

fw_time

ltavailability timesgt

ltother requested componentsgt

Multilingual Data Items

bull Most texts and web links (URLs) are for several languages

ltdefault or language independent datagtltlang_ID1gt ltdata in language lang_ID1gtltlang_ID2gt ltdata in language lang_ID2gthellip

bull ISO 639-1 language code identify the language

label

Uniresta Lobby Restaurant at University of Oulu

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Default language in Multilingual Data

bull No need to duplicate text for the default

bull A specific language can also be the default

_def ltlang_IDngt

hellipltlang_IDngt ltdefault data in language lang_IDngthellip

label

_def en

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Spatial Searches

bull Example of radial search ndash GET request

ndashhttpltyour_poi_servergtradial_searchlat=6501255amplon=2547133ampra

dius=250ampcategory=caferestaurant

ndashgives restaurants and cafes in the center of Oulu Finland

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

bull Available categories are server dependent ndash values of OpenStreetMap Amenity-key are used in demo servers

bull See The Manual for bounding box search

Additional Data Retrieval

bull Example of extra information retrieval ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampcomponent=fw_media

ndashgives media links associated to the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Creating a New POI

bull Example of adding a new POI ndash POST request

ndashhttpltyour_poi_servergtadd_poi

ndashdata content is components of the POI in JSON format

ndashresponse is the UUID created for the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Updating POI Data

1 Retrieve POI data for update ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampget_for_update=true

ndashThis brings all language versions and last_update info

2 Modify the data as needed ndash retain the last_update info unchanged

3 Send updated data ndash POST request

ndashhttpltyour_poi_servergtupdate_poi

ndashdata content is the modified data in JSON format

ndashresponse tells success or not

ndashupdate fails if a conflict happens

Deleting a POI

bull Example of deleting a POI ndash DELETE request

ndashhttpltyour_poi_servergtdelete_poipoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

POIs in action

http13020680175poi-clientmaphtml

Want to overcome these(lame) 2D-maps

Bootcamp presentationGIS Data Provider GE

Rationale

Create infrastructure to be used with next generation web based 3D GIS serviceso Need for geographical system capable to provide data in 3D

form with correct geospatial information

GIS provider GE in nutshell

GE provides the infrastructure to query and obtain geo-referenced 3D models through RESTful Web Services

o Capability to provide 3D models of objects (eg buildings cars etc) and terrains with correct elevation information

RESTful Interface for communicationo Implemented interface fulfills mandatory part of the Open Geospatial

Consortiums (OGC) OpenGISreg Web 3D Service Interface Standard

GIS GE implemented as W3DS community module to Geoservero Module is extension to Geoservero Fully open sourced

Main features (12)

Supports data in XML3D and octet-stream output formats

Object query for specific layer based on bounding box returned contentndash XML3D presentation of the queried terrain or

ndash Separate XML3D object(s) inside bounding box

3D terrain texture support (Satellite images raster images etc)

Level Of Details (LOD) support for 3D terrainsndash Scale from 1 to 10

Main features (22)

Internal amp external data storage supportndash Data storage in geoserver (eg shapefiles images)ndash PostgreSQL + PostGIS

bullElevation data for terrainsbullObject geospatial information and reference to 3D presentation location

Current fiware release contains support for metric coordinate systems

bull Note GIS Data Provider GE does not implement tools for all possible data formats These information types are customer and source specificbull However GIS GE provides sample geodataset in EPSG3047

projection which is based on Finnish geographical Institute open data

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 4: FIWARE Developers Week_BootcampWeBUI_presentation2

Points of Interest - POI

bull A POI systembull Relates information to places

bull Supports searches by location and other criteria eg time

What does a POI Data Provider do

bull A POI data provider stores and provides information based on location

bull Searches based on area eg circle or bounding box

ndashFiltering of results using other

data values eg category or

tags

Why to use FIWARE POI Data Provider

bull FIWARE POI Data Provider uses modular and distributed data This allow you to

bull Combine your own data with public POI data

bull Speed up mobile operation by fetching only the data your application needs

bull Use your own data structures if need for extra flexibility

Using POI Information - Map

bull Show place information of selected categories like restaurant and other criteria like open times on the map

Using POI Information ndash Your own needs

bull Attach the information you need to the locations

bull Use or show the information as you need

bull Search information based on the location and the extra data you provided

Developing using FIWARE POI-DP GE

bull Development prerequisites

bull Modular and distributed data

bull Components in JSON format

bull Multilingual data items Default language in multilingual data

bull Spatial searches

bull Additional data retrieval

bull Creating Updating Deleting a new POI

Development prerequisites

bull Basic JavaScript knowledge

ndashEg from here httpwwww3schoolscomjs

bull To show maps you may use eg

ndashGoogle Maps API httpsdevelopersgooglecommaps

ndashOpenStreetMap httpwikiopenstreetmaporgwikiOpenLayers_Simple_Example

bull Detailed instructions

ndashhttpforgefi-wareorgpluginsmediawikiwikifiwareindexphpPOI_Data_Provider_-

_User_and_Programmers_Guide - later referred The Manual

Modular and Distributed Data

bull Modular data to avoid unnecessary data transmission by requesting only the data components you want

bull Data of a POI consists of components

fw_core fw_time fw_contact fw_media hellip

bull HTTP Request defines wanted data components

bull Different data components of the same POI may reside in different servers

bull Application specific proprietary data components can be used

Components in JSON Format

bull POI is identified by its UUIDbull

bull component is identified by its name

8e57d2e6-f98f-4404-b075-112049e72346

fw_core

ltlocation identity amp other core informationgt

fw_time

ltavailability timesgt

ltother requested componentsgt

Multilingual Data Items

bull Most texts and web links (URLs) are for several languages

ltdefault or language independent datagtltlang_ID1gt ltdata in language lang_ID1gtltlang_ID2gt ltdata in language lang_ID2gthellip

bull ISO 639-1 language code identify the language

label

Uniresta Lobby Restaurant at University of Oulu

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Default language in Multilingual Data

bull No need to duplicate text for the default

bull A specific language can also be the default

_def ltlang_IDngt

hellipltlang_IDngt ltdefault data in language lang_IDngthellip

label

_def en

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Spatial Searches

bull Example of radial search ndash GET request

ndashhttpltyour_poi_servergtradial_searchlat=6501255amplon=2547133ampra

dius=250ampcategory=caferestaurant

ndashgives restaurants and cafes in the center of Oulu Finland

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

bull Available categories are server dependent ndash values of OpenStreetMap Amenity-key are used in demo servers

bull See The Manual for bounding box search

Additional Data Retrieval

bull Example of extra information retrieval ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampcomponent=fw_media

ndashgives media links associated to the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Creating a New POI

bull Example of adding a new POI ndash POST request

ndashhttpltyour_poi_servergtadd_poi

ndashdata content is components of the POI in JSON format

ndashresponse is the UUID created for the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Updating POI Data

1 Retrieve POI data for update ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampget_for_update=true

ndashThis brings all language versions and last_update info

2 Modify the data as needed ndash retain the last_update info unchanged

3 Send updated data ndash POST request

ndashhttpltyour_poi_servergtupdate_poi

ndashdata content is the modified data in JSON format

ndashresponse tells success or not

ndashupdate fails if a conflict happens

Deleting a POI

bull Example of deleting a POI ndash DELETE request

ndashhttpltyour_poi_servergtdelete_poipoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

POIs in action

http13020680175poi-clientmaphtml

Want to overcome these(lame) 2D-maps

Bootcamp presentationGIS Data Provider GE

Rationale

Create infrastructure to be used with next generation web based 3D GIS serviceso Need for geographical system capable to provide data in 3D

form with correct geospatial information

GIS provider GE in nutshell

GE provides the infrastructure to query and obtain geo-referenced 3D models through RESTful Web Services

o Capability to provide 3D models of objects (eg buildings cars etc) and terrains with correct elevation information

RESTful Interface for communicationo Implemented interface fulfills mandatory part of the Open Geospatial

Consortiums (OGC) OpenGISreg Web 3D Service Interface Standard

GIS GE implemented as W3DS community module to Geoservero Module is extension to Geoservero Fully open sourced

Main features (12)

Supports data in XML3D and octet-stream output formats

Object query for specific layer based on bounding box returned contentndash XML3D presentation of the queried terrain or

ndash Separate XML3D object(s) inside bounding box

3D terrain texture support (Satellite images raster images etc)

Level Of Details (LOD) support for 3D terrainsndash Scale from 1 to 10

Main features (22)

Internal amp external data storage supportndash Data storage in geoserver (eg shapefiles images)ndash PostgreSQL + PostGIS

bullElevation data for terrainsbullObject geospatial information and reference to 3D presentation location

Current fiware release contains support for metric coordinate systems

bull Note GIS Data Provider GE does not implement tools for all possible data formats These information types are customer and source specificbull However GIS GE provides sample geodataset in EPSG3047

projection which is based on Finnish geographical Institute open data

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 5: FIWARE Developers Week_BootcampWeBUI_presentation2

What does a POI Data Provider do

bull A POI data provider stores and provides information based on location

bull Searches based on area eg circle or bounding box

ndashFiltering of results using other

data values eg category or

tags

Why to use FIWARE POI Data Provider

bull FIWARE POI Data Provider uses modular and distributed data This allow you to

bull Combine your own data with public POI data

bull Speed up mobile operation by fetching only the data your application needs

bull Use your own data structures if need for extra flexibility

Using POI Information - Map

bull Show place information of selected categories like restaurant and other criteria like open times on the map

Using POI Information ndash Your own needs

bull Attach the information you need to the locations

bull Use or show the information as you need

bull Search information based on the location and the extra data you provided

Developing using FIWARE POI-DP GE

bull Development prerequisites

bull Modular and distributed data

bull Components in JSON format

bull Multilingual data items Default language in multilingual data

bull Spatial searches

bull Additional data retrieval

bull Creating Updating Deleting a new POI

Development prerequisites

bull Basic JavaScript knowledge

ndashEg from here httpwwww3schoolscomjs

bull To show maps you may use eg

ndashGoogle Maps API httpsdevelopersgooglecommaps

ndashOpenStreetMap httpwikiopenstreetmaporgwikiOpenLayers_Simple_Example

bull Detailed instructions

ndashhttpforgefi-wareorgpluginsmediawikiwikifiwareindexphpPOI_Data_Provider_-

_User_and_Programmers_Guide - later referred The Manual

Modular and Distributed Data

bull Modular data to avoid unnecessary data transmission by requesting only the data components you want

bull Data of a POI consists of components

fw_core fw_time fw_contact fw_media hellip

bull HTTP Request defines wanted data components

bull Different data components of the same POI may reside in different servers

bull Application specific proprietary data components can be used

Components in JSON Format

bull POI is identified by its UUIDbull

bull component is identified by its name

8e57d2e6-f98f-4404-b075-112049e72346

fw_core

ltlocation identity amp other core informationgt

fw_time

ltavailability timesgt

ltother requested componentsgt

Multilingual Data Items

bull Most texts and web links (URLs) are for several languages

ltdefault or language independent datagtltlang_ID1gt ltdata in language lang_ID1gtltlang_ID2gt ltdata in language lang_ID2gthellip

bull ISO 639-1 language code identify the language

label

Uniresta Lobby Restaurant at University of Oulu

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Default language in Multilingual Data

bull No need to duplicate text for the default

bull A specific language can also be the default

_def ltlang_IDngt

hellipltlang_IDngt ltdefault data in language lang_IDngthellip

label

_def en

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Spatial Searches

bull Example of radial search ndash GET request

ndashhttpltyour_poi_servergtradial_searchlat=6501255amplon=2547133ampra

dius=250ampcategory=caferestaurant

ndashgives restaurants and cafes in the center of Oulu Finland

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

bull Available categories are server dependent ndash values of OpenStreetMap Amenity-key are used in demo servers

bull See The Manual for bounding box search

Additional Data Retrieval

bull Example of extra information retrieval ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampcomponent=fw_media

ndashgives media links associated to the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Creating a New POI

bull Example of adding a new POI ndash POST request

ndashhttpltyour_poi_servergtadd_poi

ndashdata content is components of the POI in JSON format

ndashresponse is the UUID created for the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Updating POI Data

1 Retrieve POI data for update ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampget_for_update=true

ndashThis brings all language versions and last_update info

2 Modify the data as needed ndash retain the last_update info unchanged

3 Send updated data ndash POST request

ndashhttpltyour_poi_servergtupdate_poi

ndashdata content is the modified data in JSON format

ndashresponse tells success or not

ndashupdate fails if a conflict happens

Deleting a POI

bull Example of deleting a POI ndash DELETE request

ndashhttpltyour_poi_servergtdelete_poipoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

POIs in action

http13020680175poi-clientmaphtml

Want to overcome these(lame) 2D-maps

Bootcamp presentationGIS Data Provider GE

Rationale

Create infrastructure to be used with next generation web based 3D GIS serviceso Need for geographical system capable to provide data in 3D

form with correct geospatial information

GIS provider GE in nutshell

GE provides the infrastructure to query and obtain geo-referenced 3D models through RESTful Web Services

o Capability to provide 3D models of objects (eg buildings cars etc) and terrains with correct elevation information

RESTful Interface for communicationo Implemented interface fulfills mandatory part of the Open Geospatial

Consortiums (OGC) OpenGISreg Web 3D Service Interface Standard

GIS GE implemented as W3DS community module to Geoservero Module is extension to Geoservero Fully open sourced

Main features (12)

Supports data in XML3D and octet-stream output formats

Object query for specific layer based on bounding box returned contentndash XML3D presentation of the queried terrain or

ndash Separate XML3D object(s) inside bounding box

3D terrain texture support (Satellite images raster images etc)

Level Of Details (LOD) support for 3D terrainsndash Scale from 1 to 10

Main features (22)

Internal amp external data storage supportndash Data storage in geoserver (eg shapefiles images)ndash PostgreSQL + PostGIS

bullElevation data for terrainsbullObject geospatial information and reference to 3D presentation location

Current fiware release contains support for metric coordinate systems

bull Note GIS Data Provider GE does not implement tools for all possible data formats These information types are customer and source specificbull However GIS GE provides sample geodataset in EPSG3047

projection which is based on Finnish geographical Institute open data

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 6: FIWARE Developers Week_BootcampWeBUI_presentation2

Why to use FIWARE POI Data Provider

bull FIWARE POI Data Provider uses modular and distributed data This allow you to

bull Combine your own data with public POI data

bull Speed up mobile operation by fetching only the data your application needs

bull Use your own data structures if need for extra flexibility

Using POI Information - Map

bull Show place information of selected categories like restaurant and other criteria like open times on the map

Using POI Information ndash Your own needs

bull Attach the information you need to the locations

bull Use or show the information as you need

bull Search information based on the location and the extra data you provided

Developing using FIWARE POI-DP GE

bull Development prerequisites

bull Modular and distributed data

bull Components in JSON format

bull Multilingual data items Default language in multilingual data

bull Spatial searches

bull Additional data retrieval

bull Creating Updating Deleting a new POI

Development prerequisites

bull Basic JavaScript knowledge

ndashEg from here httpwwww3schoolscomjs

bull To show maps you may use eg

ndashGoogle Maps API httpsdevelopersgooglecommaps

ndashOpenStreetMap httpwikiopenstreetmaporgwikiOpenLayers_Simple_Example

bull Detailed instructions

ndashhttpforgefi-wareorgpluginsmediawikiwikifiwareindexphpPOI_Data_Provider_-

_User_and_Programmers_Guide - later referred The Manual

Modular and Distributed Data

bull Modular data to avoid unnecessary data transmission by requesting only the data components you want

bull Data of a POI consists of components

fw_core fw_time fw_contact fw_media hellip

bull HTTP Request defines wanted data components

bull Different data components of the same POI may reside in different servers

bull Application specific proprietary data components can be used

Components in JSON Format

bull POI is identified by its UUIDbull

bull component is identified by its name

8e57d2e6-f98f-4404-b075-112049e72346

fw_core

ltlocation identity amp other core informationgt

fw_time

ltavailability timesgt

ltother requested componentsgt

Multilingual Data Items

bull Most texts and web links (URLs) are for several languages

ltdefault or language independent datagtltlang_ID1gt ltdata in language lang_ID1gtltlang_ID2gt ltdata in language lang_ID2gthellip

bull ISO 639-1 language code identify the language

label

Uniresta Lobby Restaurant at University of Oulu

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Default language in Multilingual Data

bull No need to duplicate text for the default

bull A specific language can also be the default

_def ltlang_IDngt

hellipltlang_IDngt ltdefault data in language lang_IDngthellip

label

_def en

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Spatial Searches

bull Example of radial search ndash GET request

ndashhttpltyour_poi_servergtradial_searchlat=6501255amplon=2547133ampra

dius=250ampcategory=caferestaurant

ndashgives restaurants and cafes in the center of Oulu Finland

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

bull Available categories are server dependent ndash values of OpenStreetMap Amenity-key are used in demo servers

bull See The Manual for bounding box search

Additional Data Retrieval

bull Example of extra information retrieval ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampcomponent=fw_media

ndashgives media links associated to the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Creating a New POI

bull Example of adding a new POI ndash POST request

ndashhttpltyour_poi_servergtadd_poi

ndashdata content is components of the POI in JSON format

ndashresponse is the UUID created for the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Updating POI Data

1 Retrieve POI data for update ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampget_for_update=true

ndashThis brings all language versions and last_update info

2 Modify the data as needed ndash retain the last_update info unchanged

3 Send updated data ndash POST request

ndashhttpltyour_poi_servergtupdate_poi

ndashdata content is the modified data in JSON format

ndashresponse tells success or not

ndashupdate fails if a conflict happens

Deleting a POI

bull Example of deleting a POI ndash DELETE request

ndashhttpltyour_poi_servergtdelete_poipoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

POIs in action

http13020680175poi-clientmaphtml

Want to overcome these(lame) 2D-maps

Bootcamp presentationGIS Data Provider GE

Rationale

Create infrastructure to be used with next generation web based 3D GIS serviceso Need for geographical system capable to provide data in 3D

form with correct geospatial information

GIS provider GE in nutshell

GE provides the infrastructure to query and obtain geo-referenced 3D models through RESTful Web Services

o Capability to provide 3D models of objects (eg buildings cars etc) and terrains with correct elevation information

RESTful Interface for communicationo Implemented interface fulfills mandatory part of the Open Geospatial

Consortiums (OGC) OpenGISreg Web 3D Service Interface Standard

GIS GE implemented as W3DS community module to Geoservero Module is extension to Geoservero Fully open sourced

Main features (12)

Supports data in XML3D and octet-stream output formats

Object query for specific layer based on bounding box returned contentndash XML3D presentation of the queried terrain or

ndash Separate XML3D object(s) inside bounding box

3D terrain texture support (Satellite images raster images etc)

Level Of Details (LOD) support for 3D terrainsndash Scale from 1 to 10

Main features (22)

Internal amp external data storage supportndash Data storage in geoserver (eg shapefiles images)ndash PostgreSQL + PostGIS

bullElevation data for terrainsbullObject geospatial information and reference to 3D presentation location

Current fiware release contains support for metric coordinate systems

bull Note GIS Data Provider GE does not implement tools for all possible data formats These information types are customer and source specificbull However GIS GE provides sample geodataset in EPSG3047

projection which is based on Finnish geographical Institute open data

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 7: FIWARE Developers Week_BootcampWeBUI_presentation2

Using POI Information - Map

bull Show place information of selected categories like restaurant and other criteria like open times on the map

Using POI Information ndash Your own needs

bull Attach the information you need to the locations

bull Use or show the information as you need

bull Search information based on the location and the extra data you provided

Developing using FIWARE POI-DP GE

bull Development prerequisites

bull Modular and distributed data

bull Components in JSON format

bull Multilingual data items Default language in multilingual data

bull Spatial searches

bull Additional data retrieval

bull Creating Updating Deleting a new POI

Development prerequisites

bull Basic JavaScript knowledge

ndashEg from here httpwwww3schoolscomjs

bull To show maps you may use eg

ndashGoogle Maps API httpsdevelopersgooglecommaps

ndashOpenStreetMap httpwikiopenstreetmaporgwikiOpenLayers_Simple_Example

bull Detailed instructions

ndashhttpforgefi-wareorgpluginsmediawikiwikifiwareindexphpPOI_Data_Provider_-

_User_and_Programmers_Guide - later referred The Manual

Modular and Distributed Data

bull Modular data to avoid unnecessary data transmission by requesting only the data components you want

bull Data of a POI consists of components

fw_core fw_time fw_contact fw_media hellip

bull HTTP Request defines wanted data components

bull Different data components of the same POI may reside in different servers

bull Application specific proprietary data components can be used

Components in JSON Format

bull POI is identified by its UUIDbull

bull component is identified by its name

8e57d2e6-f98f-4404-b075-112049e72346

fw_core

ltlocation identity amp other core informationgt

fw_time

ltavailability timesgt

ltother requested componentsgt

Multilingual Data Items

bull Most texts and web links (URLs) are for several languages

ltdefault or language independent datagtltlang_ID1gt ltdata in language lang_ID1gtltlang_ID2gt ltdata in language lang_ID2gthellip

bull ISO 639-1 language code identify the language

label

Uniresta Lobby Restaurant at University of Oulu

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Default language in Multilingual Data

bull No need to duplicate text for the default

bull A specific language can also be the default

_def ltlang_IDngt

hellipltlang_IDngt ltdefault data in language lang_IDngthellip

label

_def en

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Spatial Searches

bull Example of radial search ndash GET request

ndashhttpltyour_poi_servergtradial_searchlat=6501255amplon=2547133ampra

dius=250ampcategory=caferestaurant

ndashgives restaurants and cafes in the center of Oulu Finland

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

bull Available categories are server dependent ndash values of OpenStreetMap Amenity-key are used in demo servers

bull See The Manual for bounding box search

Additional Data Retrieval

bull Example of extra information retrieval ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampcomponent=fw_media

ndashgives media links associated to the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Creating a New POI

bull Example of adding a new POI ndash POST request

ndashhttpltyour_poi_servergtadd_poi

ndashdata content is components of the POI in JSON format

ndashresponse is the UUID created for the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Updating POI Data

1 Retrieve POI data for update ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampget_for_update=true

ndashThis brings all language versions and last_update info

2 Modify the data as needed ndash retain the last_update info unchanged

3 Send updated data ndash POST request

ndashhttpltyour_poi_servergtupdate_poi

ndashdata content is the modified data in JSON format

ndashresponse tells success or not

ndashupdate fails if a conflict happens

Deleting a POI

bull Example of deleting a POI ndash DELETE request

ndashhttpltyour_poi_servergtdelete_poipoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

POIs in action

http13020680175poi-clientmaphtml

Want to overcome these(lame) 2D-maps

Bootcamp presentationGIS Data Provider GE

Rationale

Create infrastructure to be used with next generation web based 3D GIS serviceso Need for geographical system capable to provide data in 3D

form with correct geospatial information

GIS provider GE in nutshell

GE provides the infrastructure to query and obtain geo-referenced 3D models through RESTful Web Services

o Capability to provide 3D models of objects (eg buildings cars etc) and terrains with correct elevation information

RESTful Interface for communicationo Implemented interface fulfills mandatory part of the Open Geospatial

Consortiums (OGC) OpenGISreg Web 3D Service Interface Standard

GIS GE implemented as W3DS community module to Geoservero Module is extension to Geoservero Fully open sourced

Main features (12)

Supports data in XML3D and octet-stream output formats

Object query for specific layer based on bounding box returned contentndash XML3D presentation of the queried terrain or

ndash Separate XML3D object(s) inside bounding box

3D terrain texture support (Satellite images raster images etc)

Level Of Details (LOD) support for 3D terrainsndash Scale from 1 to 10

Main features (22)

Internal amp external data storage supportndash Data storage in geoserver (eg shapefiles images)ndash PostgreSQL + PostGIS

bullElevation data for terrainsbullObject geospatial information and reference to 3D presentation location

Current fiware release contains support for metric coordinate systems

bull Note GIS Data Provider GE does not implement tools for all possible data formats These information types are customer and source specificbull However GIS GE provides sample geodataset in EPSG3047

projection which is based on Finnish geographical Institute open data

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 8: FIWARE Developers Week_BootcampWeBUI_presentation2

Using POI Information ndash Your own needs

bull Attach the information you need to the locations

bull Use or show the information as you need

bull Search information based on the location and the extra data you provided

Developing using FIWARE POI-DP GE

bull Development prerequisites

bull Modular and distributed data

bull Components in JSON format

bull Multilingual data items Default language in multilingual data

bull Spatial searches

bull Additional data retrieval

bull Creating Updating Deleting a new POI

Development prerequisites

bull Basic JavaScript knowledge

ndashEg from here httpwwww3schoolscomjs

bull To show maps you may use eg

ndashGoogle Maps API httpsdevelopersgooglecommaps

ndashOpenStreetMap httpwikiopenstreetmaporgwikiOpenLayers_Simple_Example

bull Detailed instructions

ndashhttpforgefi-wareorgpluginsmediawikiwikifiwareindexphpPOI_Data_Provider_-

_User_and_Programmers_Guide - later referred The Manual

Modular and Distributed Data

bull Modular data to avoid unnecessary data transmission by requesting only the data components you want

bull Data of a POI consists of components

fw_core fw_time fw_contact fw_media hellip

bull HTTP Request defines wanted data components

bull Different data components of the same POI may reside in different servers

bull Application specific proprietary data components can be used

Components in JSON Format

bull POI is identified by its UUIDbull

bull component is identified by its name

8e57d2e6-f98f-4404-b075-112049e72346

fw_core

ltlocation identity amp other core informationgt

fw_time

ltavailability timesgt

ltother requested componentsgt

Multilingual Data Items

bull Most texts and web links (URLs) are for several languages

ltdefault or language independent datagtltlang_ID1gt ltdata in language lang_ID1gtltlang_ID2gt ltdata in language lang_ID2gthellip

bull ISO 639-1 language code identify the language

label

Uniresta Lobby Restaurant at University of Oulu

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Default language in Multilingual Data

bull No need to duplicate text for the default

bull A specific language can also be the default

_def ltlang_IDngt

hellipltlang_IDngt ltdefault data in language lang_IDngthellip

label

_def en

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Spatial Searches

bull Example of radial search ndash GET request

ndashhttpltyour_poi_servergtradial_searchlat=6501255amplon=2547133ampra

dius=250ampcategory=caferestaurant

ndashgives restaurants and cafes in the center of Oulu Finland

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

bull Available categories are server dependent ndash values of OpenStreetMap Amenity-key are used in demo servers

bull See The Manual for bounding box search

Additional Data Retrieval

bull Example of extra information retrieval ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampcomponent=fw_media

ndashgives media links associated to the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Creating a New POI

bull Example of adding a new POI ndash POST request

ndashhttpltyour_poi_servergtadd_poi

ndashdata content is components of the POI in JSON format

ndashresponse is the UUID created for the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Updating POI Data

1 Retrieve POI data for update ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampget_for_update=true

ndashThis brings all language versions and last_update info

2 Modify the data as needed ndash retain the last_update info unchanged

3 Send updated data ndash POST request

ndashhttpltyour_poi_servergtupdate_poi

ndashdata content is the modified data in JSON format

ndashresponse tells success or not

ndashupdate fails if a conflict happens

Deleting a POI

bull Example of deleting a POI ndash DELETE request

ndashhttpltyour_poi_servergtdelete_poipoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

POIs in action

http13020680175poi-clientmaphtml

Want to overcome these(lame) 2D-maps

Bootcamp presentationGIS Data Provider GE

Rationale

Create infrastructure to be used with next generation web based 3D GIS serviceso Need for geographical system capable to provide data in 3D

form with correct geospatial information

GIS provider GE in nutshell

GE provides the infrastructure to query and obtain geo-referenced 3D models through RESTful Web Services

o Capability to provide 3D models of objects (eg buildings cars etc) and terrains with correct elevation information

RESTful Interface for communicationo Implemented interface fulfills mandatory part of the Open Geospatial

Consortiums (OGC) OpenGISreg Web 3D Service Interface Standard

GIS GE implemented as W3DS community module to Geoservero Module is extension to Geoservero Fully open sourced

Main features (12)

Supports data in XML3D and octet-stream output formats

Object query for specific layer based on bounding box returned contentndash XML3D presentation of the queried terrain or

ndash Separate XML3D object(s) inside bounding box

3D terrain texture support (Satellite images raster images etc)

Level Of Details (LOD) support for 3D terrainsndash Scale from 1 to 10

Main features (22)

Internal amp external data storage supportndash Data storage in geoserver (eg shapefiles images)ndash PostgreSQL + PostGIS

bullElevation data for terrainsbullObject geospatial information and reference to 3D presentation location

Current fiware release contains support for metric coordinate systems

bull Note GIS Data Provider GE does not implement tools for all possible data formats These information types are customer and source specificbull However GIS GE provides sample geodataset in EPSG3047

projection which is based on Finnish geographical Institute open data

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 9: FIWARE Developers Week_BootcampWeBUI_presentation2

Developing using FIWARE POI-DP GE

bull Development prerequisites

bull Modular and distributed data

bull Components in JSON format

bull Multilingual data items Default language in multilingual data

bull Spatial searches

bull Additional data retrieval

bull Creating Updating Deleting a new POI

Development prerequisites

bull Basic JavaScript knowledge

ndashEg from here httpwwww3schoolscomjs

bull To show maps you may use eg

ndashGoogle Maps API httpsdevelopersgooglecommaps

ndashOpenStreetMap httpwikiopenstreetmaporgwikiOpenLayers_Simple_Example

bull Detailed instructions

ndashhttpforgefi-wareorgpluginsmediawikiwikifiwareindexphpPOI_Data_Provider_-

_User_and_Programmers_Guide - later referred The Manual

Modular and Distributed Data

bull Modular data to avoid unnecessary data transmission by requesting only the data components you want

bull Data of a POI consists of components

fw_core fw_time fw_contact fw_media hellip

bull HTTP Request defines wanted data components

bull Different data components of the same POI may reside in different servers

bull Application specific proprietary data components can be used

Components in JSON Format

bull POI is identified by its UUIDbull

bull component is identified by its name

8e57d2e6-f98f-4404-b075-112049e72346

fw_core

ltlocation identity amp other core informationgt

fw_time

ltavailability timesgt

ltother requested componentsgt

Multilingual Data Items

bull Most texts and web links (URLs) are for several languages

ltdefault or language independent datagtltlang_ID1gt ltdata in language lang_ID1gtltlang_ID2gt ltdata in language lang_ID2gthellip

bull ISO 639-1 language code identify the language

label

Uniresta Lobby Restaurant at University of Oulu

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Default language in Multilingual Data

bull No need to duplicate text for the default

bull A specific language can also be the default

_def ltlang_IDngt

hellipltlang_IDngt ltdefault data in language lang_IDngthellip

label

_def en

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Spatial Searches

bull Example of radial search ndash GET request

ndashhttpltyour_poi_servergtradial_searchlat=6501255amplon=2547133ampra

dius=250ampcategory=caferestaurant

ndashgives restaurants and cafes in the center of Oulu Finland

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

bull Available categories are server dependent ndash values of OpenStreetMap Amenity-key are used in demo servers

bull See The Manual for bounding box search

Additional Data Retrieval

bull Example of extra information retrieval ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampcomponent=fw_media

ndashgives media links associated to the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Creating a New POI

bull Example of adding a new POI ndash POST request

ndashhttpltyour_poi_servergtadd_poi

ndashdata content is components of the POI in JSON format

ndashresponse is the UUID created for the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Updating POI Data

1 Retrieve POI data for update ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampget_for_update=true

ndashThis brings all language versions and last_update info

2 Modify the data as needed ndash retain the last_update info unchanged

3 Send updated data ndash POST request

ndashhttpltyour_poi_servergtupdate_poi

ndashdata content is the modified data in JSON format

ndashresponse tells success or not

ndashupdate fails if a conflict happens

Deleting a POI

bull Example of deleting a POI ndash DELETE request

ndashhttpltyour_poi_servergtdelete_poipoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

POIs in action

http13020680175poi-clientmaphtml

Want to overcome these(lame) 2D-maps

Bootcamp presentationGIS Data Provider GE

Rationale

Create infrastructure to be used with next generation web based 3D GIS serviceso Need for geographical system capable to provide data in 3D

form with correct geospatial information

GIS provider GE in nutshell

GE provides the infrastructure to query and obtain geo-referenced 3D models through RESTful Web Services

o Capability to provide 3D models of objects (eg buildings cars etc) and terrains with correct elevation information

RESTful Interface for communicationo Implemented interface fulfills mandatory part of the Open Geospatial

Consortiums (OGC) OpenGISreg Web 3D Service Interface Standard

GIS GE implemented as W3DS community module to Geoservero Module is extension to Geoservero Fully open sourced

Main features (12)

Supports data in XML3D and octet-stream output formats

Object query for specific layer based on bounding box returned contentndash XML3D presentation of the queried terrain or

ndash Separate XML3D object(s) inside bounding box

3D terrain texture support (Satellite images raster images etc)

Level Of Details (LOD) support for 3D terrainsndash Scale from 1 to 10

Main features (22)

Internal amp external data storage supportndash Data storage in geoserver (eg shapefiles images)ndash PostgreSQL + PostGIS

bullElevation data for terrainsbullObject geospatial information and reference to 3D presentation location

Current fiware release contains support for metric coordinate systems

bull Note GIS Data Provider GE does not implement tools for all possible data formats These information types are customer and source specificbull However GIS GE provides sample geodataset in EPSG3047

projection which is based on Finnish geographical Institute open data

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 10: FIWARE Developers Week_BootcampWeBUI_presentation2

Development prerequisites

bull Basic JavaScript knowledge

ndashEg from here httpwwww3schoolscomjs

bull To show maps you may use eg

ndashGoogle Maps API httpsdevelopersgooglecommaps

ndashOpenStreetMap httpwikiopenstreetmaporgwikiOpenLayers_Simple_Example

bull Detailed instructions

ndashhttpforgefi-wareorgpluginsmediawikiwikifiwareindexphpPOI_Data_Provider_-

_User_and_Programmers_Guide - later referred The Manual

Modular and Distributed Data

bull Modular data to avoid unnecessary data transmission by requesting only the data components you want

bull Data of a POI consists of components

fw_core fw_time fw_contact fw_media hellip

bull HTTP Request defines wanted data components

bull Different data components of the same POI may reside in different servers

bull Application specific proprietary data components can be used

Components in JSON Format

bull POI is identified by its UUIDbull

bull component is identified by its name

8e57d2e6-f98f-4404-b075-112049e72346

fw_core

ltlocation identity amp other core informationgt

fw_time

ltavailability timesgt

ltother requested componentsgt

Multilingual Data Items

bull Most texts and web links (URLs) are for several languages

ltdefault or language independent datagtltlang_ID1gt ltdata in language lang_ID1gtltlang_ID2gt ltdata in language lang_ID2gthellip

bull ISO 639-1 language code identify the language

label

Uniresta Lobby Restaurant at University of Oulu

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Default language in Multilingual Data

bull No need to duplicate text for the default

bull A specific language can also be the default

_def ltlang_IDngt

hellipltlang_IDngt ltdefault data in language lang_IDngthellip

label

_def en

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Spatial Searches

bull Example of radial search ndash GET request

ndashhttpltyour_poi_servergtradial_searchlat=6501255amplon=2547133ampra

dius=250ampcategory=caferestaurant

ndashgives restaurants and cafes in the center of Oulu Finland

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

bull Available categories are server dependent ndash values of OpenStreetMap Amenity-key are used in demo servers

bull See The Manual for bounding box search

Additional Data Retrieval

bull Example of extra information retrieval ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampcomponent=fw_media

ndashgives media links associated to the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Creating a New POI

bull Example of adding a new POI ndash POST request

ndashhttpltyour_poi_servergtadd_poi

ndashdata content is components of the POI in JSON format

ndashresponse is the UUID created for the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Updating POI Data

1 Retrieve POI data for update ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampget_for_update=true

ndashThis brings all language versions and last_update info

2 Modify the data as needed ndash retain the last_update info unchanged

3 Send updated data ndash POST request

ndashhttpltyour_poi_servergtupdate_poi

ndashdata content is the modified data in JSON format

ndashresponse tells success or not

ndashupdate fails if a conflict happens

Deleting a POI

bull Example of deleting a POI ndash DELETE request

ndashhttpltyour_poi_servergtdelete_poipoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

POIs in action

http13020680175poi-clientmaphtml

Want to overcome these(lame) 2D-maps

Bootcamp presentationGIS Data Provider GE

Rationale

Create infrastructure to be used with next generation web based 3D GIS serviceso Need for geographical system capable to provide data in 3D

form with correct geospatial information

GIS provider GE in nutshell

GE provides the infrastructure to query and obtain geo-referenced 3D models through RESTful Web Services

o Capability to provide 3D models of objects (eg buildings cars etc) and terrains with correct elevation information

RESTful Interface for communicationo Implemented interface fulfills mandatory part of the Open Geospatial

Consortiums (OGC) OpenGISreg Web 3D Service Interface Standard

GIS GE implemented as W3DS community module to Geoservero Module is extension to Geoservero Fully open sourced

Main features (12)

Supports data in XML3D and octet-stream output formats

Object query for specific layer based on bounding box returned contentndash XML3D presentation of the queried terrain or

ndash Separate XML3D object(s) inside bounding box

3D terrain texture support (Satellite images raster images etc)

Level Of Details (LOD) support for 3D terrainsndash Scale from 1 to 10

Main features (22)

Internal amp external data storage supportndash Data storage in geoserver (eg shapefiles images)ndash PostgreSQL + PostGIS

bullElevation data for terrainsbullObject geospatial information and reference to 3D presentation location

Current fiware release contains support for metric coordinate systems

bull Note GIS Data Provider GE does not implement tools for all possible data formats These information types are customer and source specificbull However GIS GE provides sample geodataset in EPSG3047

projection which is based on Finnish geographical Institute open data

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 11: FIWARE Developers Week_BootcampWeBUI_presentation2

Modular and Distributed Data

bull Modular data to avoid unnecessary data transmission by requesting only the data components you want

bull Data of a POI consists of components

fw_core fw_time fw_contact fw_media hellip

bull HTTP Request defines wanted data components

bull Different data components of the same POI may reside in different servers

bull Application specific proprietary data components can be used

Components in JSON Format

bull POI is identified by its UUIDbull

bull component is identified by its name

8e57d2e6-f98f-4404-b075-112049e72346

fw_core

ltlocation identity amp other core informationgt

fw_time

ltavailability timesgt

ltother requested componentsgt

Multilingual Data Items

bull Most texts and web links (URLs) are for several languages

ltdefault or language independent datagtltlang_ID1gt ltdata in language lang_ID1gtltlang_ID2gt ltdata in language lang_ID2gthellip

bull ISO 639-1 language code identify the language

label

Uniresta Lobby Restaurant at University of Oulu

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Default language in Multilingual Data

bull No need to duplicate text for the default

bull A specific language can also be the default

_def ltlang_IDngt

hellipltlang_IDngt ltdefault data in language lang_IDngthellip

label

_def en

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Spatial Searches

bull Example of radial search ndash GET request

ndashhttpltyour_poi_servergtradial_searchlat=6501255amplon=2547133ampra

dius=250ampcategory=caferestaurant

ndashgives restaurants and cafes in the center of Oulu Finland

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

bull Available categories are server dependent ndash values of OpenStreetMap Amenity-key are used in demo servers

bull See The Manual for bounding box search

Additional Data Retrieval

bull Example of extra information retrieval ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampcomponent=fw_media

ndashgives media links associated to the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Creating a New POI

bull Example of adding a new POI ndash POST request

ndashhttpltyour_poi_servergtadd_poi

ndashdata content is components of the POI in JSON format

ndashresponse is the UUID created for the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Updating POI Data

1 Retrieve POI data for update ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampget_for_update=true

ndashThis brings all language versions and last_update info

2 Modify the data as needed ndash retain the last_update info unchanged

3 Send updated data ndash POST request

ndashhttpltyour_poi_servergtupdate_poi

ndashdata content is the modified data in JSON format

ndashresponse tells success or not

ndashupdate fails if a conflict happens

Deleting a POI

bull Example of deleting a POI ndash DELETE request

ndashhttpltyour_poi_servergtdelete_poipoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

POIs in action

http13020680175poi-clientmaphtml

Want to overcome these(lame) 2D-maps

Bootcamp presentationGIS Data Provider GE

Rationale

Create infrastructure to be used with next generation web based 3D GIS serviceso Need for geographical system capable to provide data in 3D

form with correct geospatial information

GIS provider GE in nutshell

GE provides the infrastructure to query and obtain geo-referenced 3D models through RESTful Web Services

o Capability to provide 3D models of objects (eg buildings cars etc) and terrains with correct elevation information

RESTful Interface for communicationo Implemented interface fulfills mandatory part of the Open Geospatial

Consortiums (OGC) OpenGISreg Web 3D Service Interface Standard

GIS GE implemented as W3DS community module to Geoservero Module is extension to Geoservero Fully open sourced

Main features (12)

Supports data in XML3D and octet-stream output formats

Object query for specific layer based on bounding box returned contentndash XML3D presentation of the queried terrain or

ndash Separate XML3D object(s) inside bounding box

3D terrain texture support (Satellite images raster images etc)

Level Of Details (LOD) support for 3D terrainsndash Scale from 1 to 10

Main features (22)

Internal amp external data storage supportndash Data storage in geoserver (eg shapefiles images)ndash PostgreSQL + PostGIS

bullElevation data for terrainsbullObject geospatial information and reference to 3D presentation location

Current fiware release contains support for metric coordinate systems

bull Note GIS Data Provider GE does not implement tools for all possible data formats These information types are customer and source specificbull However GIS GE provides sample geodataset in EPSG3047

projection which is based on Finnish geographical Institute open data

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 12: FIWARE Developers Week_BootcampWeBUI_presentation2

Components in JSON Format

bull POI is identified by its UUIDbull

bull component is identified by its name

8e57d2e6-f98f-4404-b075-112049e72346

fw_core

ltlocation identity amp other core informationgt

fw_time

ltavailability timesgt

ltother requested componentsgt

Multilingual Data Items

bull Most texts and web links (URLs) are for several languages

ltdefault or language independent datagtltlang_ID1gt ltdata in language lang_ID1gtltlang_ID2gt ltdata in language lang_ID2gthellip

bull ISO 639-1 language code identify the language

label

Uniresta Lobby Restaurant at University of Oulu

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Default language in Multilingual Data

bull No need to duplicate text for the default

bull A specific language can also be the default

_def ltlang_IDngt

hellipltlang_IDngt ltdefault data in language lang_IDngthellip

label

_def en

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Spatial Searches

bull Example of radial search ndash GET request

ndashhttpltyour_poi_servergtradial_searchlat=6501255amplon=2547133ampra

dius=250ampcategory=caferestaurant

ndashgives restaurants and cafes in the center of Oulu Finland

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

bull Available categories are server dependent ndash values of OpenStreetMap Amenity-key are used in demo servers

bull See The Manual for bounding box search

Additional Data Retrieval

bull Example of extra information retrieval ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampcomponent=fw_media

ndashgives media links associated to the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Creating a New POI

bull Example of adding a new POI ndash POST request

ndashhttpltyour_poi_servergtadd_poi

ndashdata content is components of the POI in JSON format

ndashresponse is the UUID created for the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Updating POI Data

1 Retrieve POI data for update ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampget_for_update=true

ndashThis brings all language versions and last_update info

2 Modify the data as needed ndash retain the last_update info unchanged

3 Send updated data ndash POST request

ndashhttpltyour_poi_servergtupdate_poi

ndashdata content is the modified data in JSON format

ndashresponse tells success or not

ndashupdate fails if a conflict happens

Deleting a POI

bull Example of deleting a POI ndash DELETE request

ndashhttpltyour_poi_servergtdelete_poipoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

POIs in action

http13020680175poi-clientmaphtml

Want to overcome these(lame) 2D-maps

Bootcamp presentationGIS Data Provider GE

Rationale

Create infrastructure to be used with next generation web based 3D GIS serviceso Need for geographical system capable to provide data in 3D

form with correct geospatial information

GIS provider GE in nutshell

GE provides the infrastructure to query and obtain geo-referenced 3D models through RESTful Web Services

o Capability to provide 3D models of objects (eg buildings cars etc) and terrains with correct elevation information

RESTful Interface for communicationo Implemented interface fulfills mandatory part of the Open Geospatial

Consortiums (OGC) OpenGISreg Web 3D Service Interface Standard

GIS GE implemented as W3DS community module to Geoservero Module is extension to Geoservero Fully open sourced

Main features (12)

Supports data in XML3D and octet-stream output formats

Object query for specific layer based on bounding box returned contentndash XML3D presentation of the queried terrain or

ndash Separate XML3D object(s) inside bounding box

3D terrain texture support (Satellite images raster images etc)

Level Of Details (LOD) support for 3D terrainsndash Scale from 1 to 10

Main features (22)

Internal amp external data storage supportndash Data storage in geoserver (eg shapefiles images)ndash PostgreSQL + PostGIS

bullElevation data for terrainsbullObject geospatial information and reference to 3D presentation location

Current fiware release contains support for metric coordinate systems

bull Note GIS Data Provider GE does not implement tools for all possible data formats These information types are customer and source specificbull However GIS GE provides sample geodataset in EPSG3047

projection which is based on Finnish geographical Institute open data

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 13: FIWARE Developers Week_BootcampWeBUI_presentation2

Multilingual Data Items

bull Most texts and web links (URLs) are for several languages

ltdefault or language independent datagtltlang_ID1gt ltdata in language lang_ID1gtltlang_ID2gt ltdata in language lang_ID2gthellip

bull ISO 639-1 language code identify the language

label

Uniresta Lobby Restaurant at University of Oulu

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Default language in Multilingual Data

bull No need to duplicate text for the default

bull A specific language can also be the default

_def ltlang_IDngt

hellipltlang_IDngt ltdefault data in language lang_IDngthellip

label

_def en

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Spatial Searches

bull Example of radial search ndash GET request

ndashhttpltyour_poi_servergtradial_searchlat=6501255amplon=2547133ampra

dius=250ampcategory=caferestaurant

ndashgives restaurants and cafes in the center of Oulu Finland

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

bull Available categories are server dependent ndash values of OpenStreetMap Amenity-key are used in demo servers

bull See The Manual for bounding box search

Additional Data Retrieval

bull Example of extra information retrieval ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampcomponent=fw_media

ndashgives media links associated to the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Creating a New POI

bull Example of adding a new POI ndash POST request

ndashhttpltyour_poi_servergtadd_poi

ndashdata content is components of the POI in JSON format

ndashresponse is the UUID created for the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Updating POI Data

1 Retrieve POI data for update ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampget_for_update=true

ndashThis brings all language versions and last_update info

2 Modify the data as needed ndash retain the last_update info unchanged

3 Send updated data ndash POST request

ndashhttpltyour_poi_servergtupdate_poi

ndashdata content is the modified data in JSON format

ndashresponse tells success or not

ndashupdate fails if a conflict happens

Deleting a POI

bull Example of deleting a POI ndash DELETE request

ndashhttpltyour_poi_servergtdelete_poipoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

POIs in action

http13020680175poi-clientmaphtml

Want to overcome these(lame) 2D-maps

Bootcamp presentationGIS Data Provider GE

Rationale

Create infrastructure to be used with next generation web based 3D GIS serviceso Need for geographical system capable to provide data in 3D

form with correct geospatial information

GIS provider GE in nutshell

GE provides the infrastructure to query and obtain geo-referenced 3D models through RESTful Web Services

o Capability to provide 3D models of objects (eg buildings cars etc) and terrains with correct elevation information

RESTful Interface for communicationo Implemented interface fulfills mandatory part of the Open Geospatial

Consortiums (OGC) OpenGISreg Web 3D Service Interface Standard

GIS GE implemented as W3DS community module to Geoservero Module is extension to Geoservero Fully open sourced

Main features (12)

Supports data in XML3D and octet-stream output formats

Object query for specific layer based on bounding box returned contentndash XML3D presentation of the queried terrain or

ndash Separate XML3D object(s) inside bounding box

3D terrain texture support (Satellite images raster images etc)

Level Of Details (LOD) support for 3D terrainsndash Scale from 1 to 10

Main features (22)

Internal amp external data storage supportndash Data storage in geoserver (eg shapefiles images)ndash PostgreSQL + PostGIS

bullElevation data for terrainsbullObject geospatial information and reference to 3D presentation location

Current fiware release contains support for metric coordinate systems

bull Note GIS Data Provider GE does not implement tools for all possible data formats These information types are customer and source specificbull However GIS GE provides sample geodataset in EPSG3047

projection which is based on Finnish geographical Institute open data

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 14: FIWARE Developers Week_BootcampWeBUI_presentation2

Default language in Multilingual Data

bull No need to duplicate text for the default

bull A specific language can also be the default

_def ltlang_IDngt

hellipltlang_IDngt ltdefault data in language lang_IDngthellip

label

_def en

fi Unirestan Aularavintola Oulun yliopistolla

en Uniresta Lobby Restaurant at University of Oulu

es Restaurante Aularavintola

Spatial Searches

bull Example of radial search ndash GET request

ndashhttpltyour_poi_servergtradial_searchlat=6501255amplon=2547133ampra

dius=250ampcategory=caferestaurant

ndashgives restaurants and cafes in the center of Oulu Finland

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

bull Available categories are server dependent ndash values of OpenStreetMap Amenity-key are used in demo servers

bull See The Manual for bounding box search

Additional Data Retrieval

bull Example of extra information retrieval ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampcomponent=fw_media

ndashgives media links associated to the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Creating a New POI

bull Example of adding a new POI ndash POST request

ndashhttpltyour_poi_servergtadd_poi

ndashdata content is components of the POI in JSON format

ndashresponse is the UUID created for the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Updating POI Data

1 Retrieve POI data for update ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampget_for_update=true

ndashThis brings all language versions and last_update info

2 Modify the data as needed ndash retain the last_update info unchanged

3 Send updated data ndash POST request

ndashhttpltyour_poi_servergtupdate_poi

ndashdata content is the modified data in JSON format

ndashresponse tells success or not

ndashupdate fails if a conflict happens

Deleting a POI

bull Example of deleting a POI ndash DELETE request

ndashhttpltyour_poi_servergtdelete_poipoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

POIs in action

http13020680175poi-clientmaphtml

Want to overcome these(lame) 2D-maps

Bootcamp presentationGIS Data Provider GE

Rationale

Create infrastructure to be used with next generation web based 3D GIS serviceso Need for geographical system capable to provide data in 3D

form with correct geospatial information

GIS provider GE in nutshell

GE provides the infrastructure to query and obtain geo-referenced 3D models through RESTful Web Services

o Capability to provide 3D models of objects (eg buildings cars etc) and terrains with correct elevation information

RESTful Interface for communicationo Implemented interface fulfills mandatory part of the Open Geospatial

Consortiums (OGC) OpenGISreg Web 3D Service Interface Standard

GIS GE implemented as W3DS community module to Geoservero Module is extension to Geoservero Fully open sourced

Main features (12)

Supports data in XML3D and octet-stream output formats

Object query for specific layer based on bounding box returned contentndash XML3D presentation of the queried terrain or

ndash Separate XML3D object(s) inside bounding box

3D terrain texture support (Satellite images raster images etc)

Level Of Details (LOD) support for 3D terrainsndash Scale from 1 to 10

Main features (22)

Internal amp external data storage supportndash Data storage in geoserver (eg shapefiles images)ndash PostgreSQL + PostGIS

bullElevation data for terrainsbullObject geospatial information and reference to 3D presentation location

Current fiware release contains support for metric coordinate systems

bull Note GIS Data Provider GE does not implement tools for all possible data formats These information types are customer and source specificbull However GIS GE provides sample geodataset in EPSG3047

projection which is based on Finnish geographical Institute open data

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 15: FIWARE Developers Week_BootcampWeBUI_presentation2

Spatial Searches

bull Example of radial search ndash GET request

ndashhttpltyour_poi_servergtradial_searchlat=6501255amplon=2547133ampra

dius=250ampcategory=caferestaurant

ndashgives restaurants and cafes in the center of Oulu Finland

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

bull Available categories are server dependent ndash values of OpenStreetMap Amenity-key are used in demo servers

bull See The Manual for bounding box search

Additional Data Retrieval

bull Example of extra information retrieval ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampcomponent=fw_media

ndashgives media links associated to the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Creating a New POI

bull Example of adding a new POI ndash POST request

ndashhttpltyour_poi_servergtadd_poi

ndashdata content is components of the POI in JSON format

ndashresponse is the UUID created for the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Updating POI Data

1 Retrieve POI data for update ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampget_for_update=true

ndashThis brings all language versions and last_update info

2 Modify the data as needed ndash retain the last_update info unchanged

3 Send updated data ndash POST request

ndashhttpltyour_poi_servergtupdate_poi

ndashdata content is the modified data in JSON format

ndashresponse tells success or not

ndashupdate fails if a conflict happens

Deleting a POI

bull Example of deleting a POI ndash DELETE request

ndashhttpltyour_poi_servergtdelete_poipoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

POIs in action

http13020680175poi-clientmaphtml

Want to overcome these(lame) 2D-maps

Bootcamp presentationGIS Data Provider GE

Rationale

Create infrastructure to be used with next generation web based 3D GIS serviceso Need for geographical system capable to provide data in 3D

form with correct geospatial information

GIS provider GE in nutshell

GE provides the infrastructure to query and obtain geo-referenced 3D models through RESTful Web Services

o Capability to provide 3D models of objects (eg buildings cars etc) and terrains with correct elevation information

RESTful Interface for communicationo Implemented interface fulfills mandatory part of the Open Geospatial

Consortiums (OGC) OpenGISreg Web 3D Service Interface Standard

GIS GE implemented as W3DS community module to Geoservero Module is extension to Geoservero Fully open sourced

Main features (12)

Supports data in XML3D and octet-stream output formats

Object query for specific layer based on bounding box returned contentndash XML3D presentation of the queried terrain or

ndash Separate XML3D object(s) inside bounding box

3D terrain texture support (Satellite images raster images etc)

Level Of Details (LOD) support for 3D terrainsndash Scale from 1 to 10

Main features (22)

Internal amp external data storage supportndash Data storage in geoserver (eg shapefiles images)ndash PostgreSQL + PostGIS

bullElevation data for terrainsbullObject geospatial information and reference to 3D presentation location

Current fiware release contains support for metric coordinate systems

bull Note GIS Data Provider GE does not implement tools for all possible data formats These information types are customer and source specificbull However GIS GE provides sample geodataset in EPSG3047

projection which is based on Finnish geographical Institute open data

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 16: FIWARE Developers Week_BootcampWeBUI_presentation2

Additional Data Retrieval

bull Example of extra information retrieval ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampcomponent=fw_media

ndashgives media links associated to the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Creating a New POI

bull Example of adding a new POI ndash POST request

ndashhttpltyour_poi_servergtadd_poi

ndashdata content is components of the POI in JSON format

ndashresponse is the UUID created for the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Updating POI Data

1 Retrieve POI data for update ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampget_for_update=true

ndashThis brings all language versions and last_update info

2 Modify the data as needed ndash retain the last_update info unchanged

3 Send updated data ndash POST request

ndashhttpltyour_poi_servergtupdate_poi

ndashdata content is the modified data in JSON format

ndashresponse tells success or not

ndashupdate fails if a conflict happens

Deleting a POI

bull Example of deleting a POI ndash DELETE request

ndashhttpltyour_poi_servergtdelete_poipoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

POIs in action

http13020680175poi-clientmaphtml

Want to overcome these(lame) 2D-maps

Bootcamp presentationGIS Data Provider GE

Rationale

Create infrastructure to be used with next generation web based 3D GIS serviceso Need for geographical system capable to provide data in 3D

form with correct geospatial information

GIS provider GE in nutshell

GE provides the infrastructure to query and obtain geo-referenced 3D models through RESTful Web Services

o Capability to provide 3D models of objects (eg buildings cars etc) and terrains with correct elevation information

RESTful Interface for communicationo Implemented interface fulfills mandatory part of the Open Geospatial

Consortiums (OGC) OpenGISreg Web 3D Service Interface Standard

GIS GE implemented as W3DS community module to Geoservero Module is extension to Geoservero Fully open sourced

Main features (12)

Supports data in XML3D and octet-stream output formats

Object query for specific layer based on bounding box returned contentndash XML3D presentation of the queried terrain or

ndash Separate XML3D object(s) inside bounding box

3D terrain texture support (Satellite images raster images etc)

Level Of Details (LOD) support for 3D terrainsndash Scale from 1 to 10

Main features (22)

Internal amp external data storage supportndash Data storage in geoserver (eg shapefiles images)ndash PostgreSQL + PostGIS

bullElevation data for terrainsbullObject geospatial information and reference to 3D presentation location

Current fiware release contains support for metric coordinate systems

bull Note GIS Data Provider GE does not implement tools for all possible data formats These information types are customer and source specificbull However GIS GE provides sample geodataset in EPSG3047

projection which is based on Finnish geographical Institute open data

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 17: FIWARE Developers Week_BootcampWeBUI_presentation2

Creating a New POI

bull Example of adding a new POI ndash POST request

ndashhttpltyour_poi_servergtadd_poi

ndashdata content is components of the POI in JSON format

ndashresponse is the UUID created for the POI

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

Updating POI Data

1 Retrieve POI data for update ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampget_for_update=true

ndashThis brings all language versions and last_update info

2 Modify the data as needed ndash retain the last_update info unchanged

3 Send updated data ndash POST request

ndashhttpltyour_poi_servergtupdate_poi

ndashdata content is the modified data in JSON format

ndashresponse tells success or not

ndashupdate fails if a conflict happens

Deleting a POI

bull Example of deleting a POI ndash DELETE request

ndashhttpltyour_poi_servergtdelete_poipoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

POIs in action

http13020680175poi-clientmaphtml

Want to overcome these(lame) 2D-maps

Bootcamp presentationGIS Data Provider GE

Rationale

Create infrastructure to be used with next generation web based 3D GIS serviceso Need for geographical system capable to provide data in 3D

form with correct geospatial information

GIS provider GE in nutshell

GE provides the infrastructure to query and obtain geo-referenced 3D models through RESTful Web Services

o Capability to provide 3D models of objects (eg buildings cars etc) and terrains with correct elevation information

RESTful Interface for communicationo Implemented interface fulfills mandatory part of the Open Geospatial

Consortiums (OGC) OpenGISreg Web 3D Service Interface Standard

GIS GE implemented as W3DS community module to Geoservero Module is extension to Geoservero Fully open sourced

Main features (12)

Supports data in XML3D and octet-stream output formats

Object query for specific layer based on bounding box returned contentndash XML3D presentation of the queried terrain or

ndash Separate XML3D object(s) inside bounding box

3D terrain texture support (Satellite images raster images etc)

Level Of Details (LOD) support for 3D terrainsndash Scale from 1 to 10

Main features (22)

Internal amp external data storage supportndash Data storage in geoserver (eg shapefiles images)ndash PostgreSQL + PostGIS

bullElevation data for terrainsbullObject geospatial information and reference to 3D presentation location

Current fiware release contains support for metric coordinate systems

bull Note GIS Data Provider GE does not implement tools for all possible data formats These information types are customer and source specificbull However GIS GE provides sample geodataset in EPSG3047

projection which is based on Finnish geographical Institute open data

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 18: FIWARE Developers Week_BootcampWeBUI_presentation2

Updating POI Data

1 Retrieve POI data for update ndash GET request

ndashhttpltyour_poi_servergtget_poispoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122ampget_for_update=true

ndashThis brings all language versions and last_update info

2 Modify the data as needed ndash retain the last_update info unchanged

3 Send updated data ndash POST request

ndashhttpltyour_poi_servergtupdate_poi

ndashdata content is the modified data in JSON format

ndashresponse tells success or not

ndashupdate fails if a conflict happens

Deleting a POI

bull Example of deleting a POI ndash DELETE request

ndashhttpltyour_poi_servergtdelete_poipoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

POIs in action

http13020680175poi-clientmaphtml

Want to overcome these(lame) 2D-maps

Bootcamp presentationGIS Data Provider GE

Rationale

Create infrastructure to be used with next generation web based 3D GIS serviceso Need for geographical system capable to provide data in 3D

form with correct geospatial information

GIS provider GE in nutshell

GE provides the infrastructure to query and obtain geo-referenced 3D models through RESTful Web Services

o Capability to provide 3D models of objects (eg buildings cars etc) and terrains with correct elevation information

RESTful Interface for communicationo Implemented interface fulfills mandatory part of the Open Geospatial

Consortiums (OGC) OpenGISreg Web 3D Service Interface Standard

GIS GE implemented as W3DS community module to Geoservero Module is extension to Geoservero Fully open sourced

Main features (12)

Supports data in XML3D and octet-stream output formats

Object query for specific layer based on bounding box returned contentndash XML3D presentation of the queried terrain or

ndash Separate XML3D object(s) inside bounding box

3D terrain texture support (Satellite images raster images etc)

Level Of Details (LOD) support for 3D terrainsndash Scale from 1 to 10

Main features (22)

Internal amp external data storage supportndash Data storage in geoserver (eg shapefiles images)ndash PostgreSQL + PostGIS

bullElevation data for terrainsbullObject geospatial information and reference to 3D presentation location

Current fiware release contains support for metric coordinate systems

bull Note GIS Data Provider GE does not implement tools for all possible data formats These information types are customer and source specificbull However GIS GE provides sample geodataset in EPSG3047

projection which is based on Finnish geographical Institute open data

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 19: FIWARE Developers Week_BootcampWeBUI_presentation2

Deleting a POI

bull Example of deleting a POI ndash DELETE request

ndashhttpltyour_poi_servergtdelete_poipoi_id=30ddf703-59f5-4448-8918-

0f625a7e1122

bull Code snippets in JavaScript to send the request and to receive the results can be found in The Manual

POIs in action

http13020680175poi-clientmaphtml

Want to overcome these(lame) 2D-maps

Bootcamp presentationGIS Data Provider GE

Rationale

Create infrastructure to be used with next generation web based 3D GIS serviceso Need for geographical system capable to provide data in 3D

form with correct geospatial information

GIS provider GE in nutshell

GE provides the infrastructure to query and obtain geo-referenced 3D models through RESTful Web Services

o Capability to provide 3D models of objects (eg buildings cars etc) and terrains with correct elevation information

RESTful Interface for communicationo Implemented interface fulfills mandatory part of the Open Geospatial

Consortiums (OGC) OpenGISreg Web 3D Service Interface Standard

GIS GE implemented as W3DS community module to Geoservero Module is extension to Geoservero Fully open sourced

Main features (12)

Supports data in XML3D and octet-stream output formats

Object query for specific layer based on bounding box returned contentndash XML3D presentation of the queried terrain or

ndash Separate XML3D object(s) inside bounding box

3D terrain texture support (Satellite images raster images etc)

Level Of Details (LOD) support for 3D terrainsndash Scale from 1 to 10

Main features (22)

Internal amp external data storage supportndash Data storage in geoserver (eg shapefiles images)ndash PostgreSQL + PostGIS

bullElevation data for terrainsbullObject geospatial information and reference to 3D presentation location

Current fiware release contains support for metric coordinate systems

bull Note GIS Data Provider GE does not implement tools for all possible data formats These information types are customer and source specificbull However GIS GE provides sample geodataset in EPSG3047

projection which is based on Finnish geographical Institute open data

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 20: FIWARE Developers Week_BootcampWeBUI_presentation2

POIs in action

http13020680175poi-clientmaphtml

Want to overcome these(lame) 2D-maps

Bootcamp presentationGIS Data Provider GE

Rationale

Create infrastructure to be used with next generation web based 3D GIS serviceso Need for geographical system capable to provide data in 3D

form with correct geospatial information

GIS provider GE in nutshell

GE provides the infrastructure to query and obtain geo-referenced 3D models through RESTful Web Services

o Capability to provide 3D models of objects (eg buildings cars etc) and terrains with correct elevation information

RESTful Interface for communicationo Implemented interface fulfills mandatory part of the Open Geospatial

Consortiums (OGC) OpenGISreg Web 3D Service Interface Standard

GIS GE implemented as W3DS community module to Geoservero Module is extension to Geoservero Fully open sourced

Main features (12)

Supports data in XML3D and octet-stream output formats

Object query for specific layer based on bounding box returned contentndash XML3D presentation of the queried terrain or

ndash Separate XML3D object(s) inside bounding box

3D terrain texture support (Satellite images raster images etc)

Level Of Details (LOD) support for 3D terrainsndash Scale from 1 to 10

Main features (22)

Internal amp external data storage supportndash Data storage in geoserver (eg shapefiles images)ndash PostgreSQL + PostGIS

bullElevation data for terrainsbullObject geospatial information and reference to 3D presentation location

Current fiware release contains support for metric coordinate systems

bull Note GIS Data Provider GE does not implement tools for all possible data formats These information types are customer and source specificbull However GIS GE provides sample geodataset in EPSG3047

projection which is based on Finnish geographical Institute open data

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 21: FIWARE Developers Week_BootcampWeBUI_presentation2

Want to overcome these(lame) 2D-maps

Bootcamp presentationGIS Data Provider GE

Rationale

Create infrastructure to be used with next generation web based 3D GIS serviceso Need for geographical system capable to provide data in 3D

form with correct geospatial information

GIS provider GE in nutshell

GE provides the infrastructure to query and obtain geo-referenced 3D models through RESTful Web Services

o Capability to provide 3D models of objects (eg buildings cars etc) and terrains with correct elevation information

RESTful Interface for communicationo Implemented interface fulfills mandatory part of the Open Geospatial

Consortiums (OGC) OpenGISreg Web 3D Service Interface Standard

GIS GE implemented as W3DS community module to Geoservero Module is extension to Geoservero Fully open sourced

Main features (12)

Supports data in XML3D and octet-stream output formats

Object query for specific layer based on bounding box returned contentndash XML3D presentation of the queried terrain or

ndash Separate XML3D object(s) inside bounding box

3D terrain texture support (Satellite images raster images etc)

Level Of Details (LOD) support for 3D terrainsndash Scale from 1 to 10

Main features (22)

Internal amp external data storage supportndash Data storage in geoserver (eg shapefiles images)ndash PostgreSQL + PostGIS

bullElevation data for terrainsbullObject geospatial information and reference to 3D presentation location

Current fiware release contains support for metric coordinate systems

bull Note GIS Data Provider GE does not implement tools for all possible data formats These information types are customer and source specificbull However GIS GE provides sample geodataset in EPSG3047

projection which is based on Finnish geographical Institute open data

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 22: FIWARE Developers Week_BootcampWeBUI_presentation2

Bootcamp presentationGIS Data Provider GE

Rationale

Create infrastructure to be used with next generation web based 3D GIS serviceso Need for geographical system capable to provide data in 3D

form with correct geospatial information

GIS provider GE in nutshell

GE provides the infrastructure to query and obtain geo-referenced 3D models through RESTful Web Services

o Capability to provide 3D models of objects (eg buildings cars etc) and terrains with correct elevation information

RESTful Interface for communicationo Implemented interface fulfills mandatory part of the Open Geospatial

Consortiums (OGC) OpenGISreg Web 3D Service Interface Standard

GIS GE implemented as W3DS community module to Geoservero Module is extension to Geoservero Fully open sourced

Main features (12)

Supports data in XML3D and octet-stream output formats

Object query for specific layer based on bounding box returned contentndash XML3D presentation of the queried terrain or

ndash Separate XML3D object(s) inside bounding box

3D terrain texture support (Satellite images raster images etc)

Level Of Details (LOD) support for 3D terrainsndash Scale from 1 to 10

Main features (22)

Internal amp external data storage supportndash Data storage in geoserver (eg shapefiles images)ndash PostgreSQL + PostGIS

bullElevation data for terrainsbullObject geospatial information and reference to 3D presentation location

Current fiware release contains support for metric coordinate systems

bull Note GIS Data Provider GE does not implement tools for all possible data formats These information types are customer and source specificbull However GIS GE provides sample geodataset in EPSG3047

projection which is based on Finnish geographical Institute open data

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 23: FIWARE Developers Week_BootcampWeBUI_presentation2

Rationale

Create infrastructure to be used with next generation web based 3D GIS serviceso Need for geographical system capable to provide data in 3D

form with correct geospatial information

GIS provider GE in nutshell

GE provides the infrastructure to query and obtain geo-referenced 3D models through RESTful Web Services

o Capability to provide 3D models of objects (eg buildings cars etc) and terrains with correct elevation information

RESTful Interface for communicationo Implemented interface fulfills mandatory part of the Open Geospatial

Consortiums (OGC) OpenGISreg Web 3D Service Interface Standard

GIS GE implemented as W3DS community module to Geoservero Module is extension to Geoservero Fully open sourced

Main features (12)

Supports data in XML3D and octet-stream output formats

Object query for specific layer based on bounding box returned contentndash XML3D presentation of the queried terrain or

ndash Separate XML3D object(s) inside bounding box

3D terrain texture support (Satellite images raster images etc)

Level Of Details (LOD) support for 3D terrainsndash Scale from 1 to 10

Main features (22)

Internal amp external data storage supportndash Data storage in geoserver (eg shapefiles images)ndash PostgreSQL + PostGIS

bullElevation data for terrainsbullObject geospatial information and reference to 3D presentation location

Current fiware release contains support for metric coordinate systems

bull Note GIS Data Provider GE does not implement tools for all possible data formats These information types are customer and source specificbull However GIS GE provides sample geodataset in EPSG3047

projection which is based on Finnish geographical Institute open data

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 24: FIWARE Developers Week_BootcampWeBUI_presentation2

GIS provider GE in nutshell

GE provides the infrastructure to query and obtain geo-referenced 3D models through RESTful Web Services

o Capability to provide 3D models of objects (eg buildings cars etc) and terrains with correct elevation information

RESTful Interface for communicationo Implemented interface fulfills mandatory part of the Open Geospatial

Consortiums (OGC) OpenGISreg Web 3D Service Interface Standard

GIS GE implemented as W3DS community module to Geoservero Module is extension to Geoservero Fully open sourced

Main features (12)

Supports data in XML3D and octet-stream output formats

Object query for specific layer based on bounding box returned contentndash XML3D presentation of the queried terrain or

ndash Separate XML3D object(s) inside bounding box

3D terrain texture support (Satellite images raster images etc)

Level Of Details (LOD) support for 3D terrainsndash Scale from 1 to 10

Main features (22)

Internal amp external data storage supportndash Data storage in geoserver (eg shapefiles images)ndash PostgreSQL + PostGIS

bullElevation data for terrainsbullObject geospatial information and reference to 3D presentation location

Current fiware release contains support for metric coordinate systems

bull Note GIS Data Provider GE does not implement tools for all possible data formats These information types are customer and source specificbull However GIS GE provides sample geodataset in EPSG3047

projection which is based on Finnish geographical Institute open data

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 25: FIWARE Developers Week_BootcampWeBUI_presentation2

Main features (12)

Supports data in XML3D and octet-stream output formats

Object query for specific layer based on bounding box returned contentndash XML3D presentation of the queried terrain or

ndash Separate XML3D object(s) inside bounding box

3D terrain texture support (Satellite images raster images etc)

Level Of Details (LOD) support for 3D terrainsndash Scale from 1 to 10

Main features (22)

Internal amp external data storage supportndash Data storage in geoserver (eg shapefiles images)ndash PostgreSQL + PostGIS

bullElevation data for terrainsbullObject geospatial information and reference to 3D presentation location

Current fiware release contains support for metric coordinate systems

bull Note GIS Data Provider GE does not implement tools for all possible data formats These information types are customer and source specificbull However GIS GE provides sample geodataset in EPSG3047

projection which is based on Finnish geographical Institute open data

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 26: FIWARE Developers Week_BootcampWeBUI_presentation2

Main features (22)

Internal amp external data storage supportndash Data storage in geoserver (eg shapefiles images)ndash PostgreSQL + PostGIS

bullElevation data for terrainsbullObject geospatial information and reference to 3D presentation location

Current fiware release contains support for metric coordinate systems

bull Note GIS Data Provider GE does not implement tools for all possible data formats These information types are customer and source specificbull However GIS GE provides sample geodataset in EPSG3047

projection which is based on Finnish geographical Institute open data

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 27: FIWARE Developers Week_BootcampWeBUI_presentation2

Architecture

High level architecture and communication description of the GIS Data Provider GE

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 28: FIWARE Developers Week_BootcampWeBUI_presentation2

GIS Data Provider API Information

The following diagram describes the resources that can be accessed with the GIS Data Provider API starting from the server base URL

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 29: FIWARE Developers Week_BootcampWeBUI_presentation2

Representation Format XML3D

Request returns group of XML3D 3d-models and those can directly be added to DOM tree

All coordinate values inside XML3D object are relative values to requested bounding box

An example of XML3D output format request

httphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVE

RSION=040

ampCRS=EPSG26916ampFORMAT=modelxml3d+xml

ampBoundingBox=202759033101700213200033208960ampLAYERS=

Terrain

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 30: FIWARE Developers Week_BootcampWeBUI_presentation2

Query terrain with bounding box

http130206812388080gis_test_clientindexxhtml

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 31: FIWARE Developers Week_BootcampWeBUI_presentation2

Representation Format Octet-stream

Request returns byte array1 32bit integer with information how many points are in X-axis2 32bit integer with information how many points are in Y-axis3 32bit float with information about average distance between points

in X-axis4 32bit float with information about average distance between points

in Y-axis

After initialization values there is elevation information for each point in that grid

o First elevation value is from top right corner and last value is bottom left

corner Values are read from a grid one row at a time reading of each

row is started from right to left

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 32: FIWARE Developers Week_BootcampWeBUI_presentation2

Representation Format Octet-stream

An example of octet-stream output format requesthttphostnameportpathSERVICE=W3DSampREQUEST=GetSceneampVERSION=040

ampCRS=EPSG26916ampFORMAT=applicationoctet-stream

ampBoundingBox=202759033101700213200033208960ampLAYERS=Terrain

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 33: FIWARE Developers Week_BootcampWeBUI_presentation2

Obtaining texture to 3D model

It is possible to get terrain texture to 3D model Texture query is done to same bounding box as query for

elevation (terrain) data

Example

httphostnameportpathwmsservice=WMSampversion=110ampre

quest=GetMap

amplayers=TerrainTextureampbbox=202759033101700213200033

208960

ampwidth=1024ampheight=2014ampsrs=26916ampformat=image2Fpng

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 34: FIWARE Developers Week_BootcampWeBUI_presentation2

Query amp usage of terrain texture

http130206812388080gis_test_clientindexxhtml

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 35: FIWARE Developers Week_BootcampWeBUI_presentation2

Where to get more information

FIWARE Wiki GIS Data Provider - Installation and Administration Guide

o httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-_Installation_and_Administration_Guide

GIS Data Provider - User and Programmers Guideo httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpGIS_Data_Provider_-

_User_and_Programmers_Guide

FIWARE Cataloguebull GIS Data Provider - Geoserver3D

ndash httpcataloguefi-wareorgenablersgis-data-provider-geoserver3d

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 36: FIWARE Developers Week_BootcampWeBUI_presentation2

Optimize Geospatial Data for the web

From httpwwwmaptilerorggoogle-maps-coordinates-tile-bounds-projection

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 37: FIWARE Developers Week_BootcampWeBUI_presentation2

Bootcamp presentation3D-Map Tiles SE

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 38: FIWARE Developers Week_BootcampWeBUI_presentation2

2D-Map Image Tile

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 39: FIWARE Developers Week_BootcampWeBUI_presentation2

3D-Map Tile

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 40: FIWARE Developers Week_BootcampWeBUI_presentation2

3D-Map Tile

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 41: FIWARE Developers Week_BootcampWeBUI_presentation2

Main features

bull REST webservice

bull based on OpenStreetMaps tile indexing scheme

bull provide XML3D geometry for each map tile

bull utilize backend services such as OSM-tile-rendering server geo-information systems (eg GIS-DP GE)

bull Examplehttp13020680175api3d-map-tilessb163208924702xml

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 42: FIWARE Developers Week_BootcampWeBUI_presentation2

3D-Map Tiles in action

http13020680175poi-clientbuildings-tumhtml

http13020680175poi-clientbuildings-sbhtml

http13020680175poi-clientbuildings-ouluhtml

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 43: FIWARE Developers Week_BootcampWeBUI_presentation2

3D-UI on mobiles

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 44: FIWARE Developers Week_BootcampWeBUI_presentation2

Bootcamp presentationApp Generation SE

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 45: FIWARE Developers Week_BootcampWeBUI_presentation2

App Generation - I have an ideahellip

51

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 46: FIWARE Developers Week_BootcampWeBUI_presentation2

Now it is on you

bull We provide the platform

hellipand a few extra tools

bull So you can worry about what matters

your concepts your apps your business your customers

bull Are you ready

httpconceptdesignmyappmobi

52

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 47: FIWARE Developers Week_BootcampWeBUI_presentation2

Bootcamp presentationAugmented Reality GE

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 48: FIWARE Developers Week_BootcampWeBUI_presentation2

Augmented Reality

bull Usually live video feed is overlaid by extra information related to view

bull Textual informationbull 3D rendered objectsbull Symbols

Current surroundings

overlaid by 3D image

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 49: FIWARE Developers Week_BootcampWeBUI_presentation2

Some uses

bull NokiaHere City Lens - to find points of interest

bull Games entertainment - eg ogres in your environment

bull Service instructions etc eg using Google Glass style gadgets

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 50: FIWARE Developers Week_BootcampWeBUI_presentation2

FIWARE Augmented Reality GE

bull High-level API for HTML5 AR applications

bull Requires JavaScript support of suitable web browser

bull No plug-ins required

bull Single API provides everything needed to build an AR application

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 51: FIWARE Developers Week_BootcampWeBUI_presentation2

How to get it

bull From FIWARE repository

ndashhttpsforgefi-wareorgfrsdownloadphp1205MIWI-

AugmentedReality_333zip

bull From GitHub

ndashhttpsgithubcomChiruFIWARE-AugmentedReality

bull Introduction and Architecture

ndash httpforgefi-wareorgpluginsmediawikiwikifiwareindexphpFIWAREOpenSpecificationMiWiAugmentedReality

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 52: FIWARE Developers Week_BootcampWeBUI_presentation2

AR Framework

bull SensorManager - Sensor API

ndash location-based tracking and registration

bull ARManager - AR API

ndash vision-based tracking and registration

bull SceneManager - Scene API

ndash 3D scene management

bull Connection - Connection API

ndashweb-service interface

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 53: FIWARE Developers Week_BootcampWeBUI_presentation2

Sensor API

bull Provides list of available sensors

bull Provides sensor data via callback routines

bull Provides one-shot and repeatedly updated location info

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 54: FIWARE Developers Week_BootcampWeBUI_presentation2

AR API

bull Registers (finds position and orientation) markers from video stream

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 55: FIWARE Developers Week_BootcampWeBUI_presentation2

Bootcamp presentationReality Mixer SEs

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 56: FIWARE Developers Week_BootcampWeBUI_presentation2

Seamless Mixed-Reality

httpgraphicsethzchresearchargroupweb3d2014reflection-mappingindexxhtml

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 57: FIWARE Developers Week_BootcampWeBUI_presentation2

Bootcamp presentationFast Feature Tracking SE

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 58: FIWARE Developers Week_BootcampWeBUI_presentation2

Skye Wars lite

http13020680175skye-wars

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 59: FIWARE Developers Week_BootcampWeBUI_presentation2

3D-Map

Tiles

GIS Data

Provider

POI Data

Provider

3D-UIPOI

Storage

Summary 3D-Cities on the Web

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 60: FIWARE Developers Week_BootcampWeBUI_presentation2

Summary WebUI - Available Enablers

3D-Map

TilesGIS-DP POI-DP

3D-UIReality

Mixer

AR

POI

StorageAR - FFT

App

Generation

Sync

Materials at httpgooglYhTFwB after lunch break

Thanks

Page 61: FIWARE Developers Week_BootcampWeBUI_presentation2

Thanks