Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
JavaScript Client Libraries for the
(Former) Long Tail of OGC Standards
FOSS4G-Europe, Bremen, July 2014
Daniel Nüst (52°N...
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 2
http://commons.wikimedia.org/wiki/File:Long_tail.svg
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 3
2014
JavaScript is on the rise (node, JS engines)
Cloud
jQuery
AngularJS, Dojo,...
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 4
Motivation
Create generic client libraries because…
applications move to the br...
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 5
SOS.JS AND WPS-JS
Coming up: new project introduction and demonstration
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 6
WPS-JS
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 7
About wps-js
JavaScript WPS Client to build interactive
forms to control standa...
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 8
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 9
https://www.ohloh.net/p/wps-js
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 10
OGC WPS
“Geo-ready” web processing standard
GetCapabilities
DescribeProcess
Ex...
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 11
wps-js Features
Form generation based on process descriptions
WPS 1.0.0
Intera...
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 12
Demo
http://nuest.github.io/wps-js/
http://geostatistics.demo.52north.org/wps/...
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 13
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 14
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 15
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 16
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 17
http://geoviqua.dev.52north.org/wps-js-
client/demo/geca-
intercomparison/clie...
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 18
SOS.JS
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 19
About SOS.js
Javascript library to browse, visualise, and
access, data from an...
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 20
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 21
https://www.ohloh.net/p/sos-js
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 22
Live Demos
http://basmet.nerc-bas.ac.uk/sos/
http://52north.github.io/sos-js/
...
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 23
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 24
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 25
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 26
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 27
Experiences
Shortest path to beta (OL)
Raw time series data can be handled in ...
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 28
Goals
Useful and usable libraries for application developers (not
SWE/processi...
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 29
Steps
1) Become independent…
from mapping libraries
from specific frameworks
m...
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 30
Challenges
“lib-independent library”
JavaScript modularization
Coordination an...
SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 31
@FiveTwoN
http://blog.52north.org/
52north.org/communities/
Upcoming SlideShare
Loading in …5
×

JavaScript Client Libraries for the (Former) Long Tail of OGC Standards

1,073 views

Published on

Presented at FOSS4-G Europe 2014, Bremen

Authors:
Daniel Nüst (d.nuest@52north.org, 52°North GmbH)
Matthes Rieke (m.rieke@52north.org, 52°North GmbH)
Paul Breen (pbree@bas.ac.uk, British Antarctic Survey)

More and more information technology is moving into a cloud-based infrastructures for both data storage as well as user interfaces and leverages browser technologies, i.e. Javascript and HTML5, also for mobile devices. Users always use the latest version and the environment is well controlled: an internet browser. General purpose libraries (e.g. jQuery) and web-application frameworks (e.g. AngularJS) facilitate the development of complex applications. In the geospatial domain such frameworks and libraries are combined with mapping libraries, such as OpenLayers (OL) or Leaflet, and visualisation libraries to build complex applications. These applications display geospatial data coming from standardized view and feature services, most importantly the Open Geospatial Consortium’s (OGC) Web Map Service (WMS) and Web Features Service (WFS). Both server and client libraries are mature and have reached a very stable level and wide distribution.
What is missing today are generic libraries that operate at the same level of performance and quality to (i) access observation and time series data coming from OGC Sensor Observation Services (SOS), and (ii) control online geoprocesses published as an OGC Web Processing Service (WPS). These standards are less widespread than W(M,F)S but gain momentum as data volumes increase, for example with a myriad of smart sensors in the internet of things or new EO satellite missions, and subsequent requirements for sophisticated architectures for processing and management of time series data.
Observing these developments lead to the birth of two new open source Javascript library projects that are presented in this talk. SOS.js (https://github.com/52North/sos-js) can access SOS data and be used for sophisticated lightweight browser applications for discovering and displaying time series data as plots, tables, and maps. wps-js (https://github.com/52North/wps-js/) is a client library for the WPS generating forms based on the standardized metadata from the service and interactively creating and submitting processing tasks.
During the talk we demonstrate applications build with the libraries and share experiences from development. A goal for both libraries is to become independent of OL for request and response encoding and provide service access with a minimal footprint. We see an advantage of developing such small and focussed libraries maintained by field experts in these non-mainstream domains. We’ll happily discuss if this is the best approach and pose the following question: Is there a (technical, organisational) way to build a compatible Javascript client frameworks across all geo-service standards?

Published in: Software
  • Be the first to comment

  • Be the first to like this

JavaScript Client Libraries for the (Former) Long Tail of OGC Standards

  1. 1. JavaScript Client Libraries for the (Former) Long Tail of OGC Standards FOSS4G-Europe, Bremen, July 2014 Daniel Nüst (52°North GmbH), Matthes Rieke (52N), Paul Breen (BAS)
  2. 2. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 2 http://commons.wikimedia.org/wiki/File:Long_tail.svg
  3. 3. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 3 2014 JavaScript is on the rise (node, JS engines) Cloud jQuery AngularJS, Dojo, ExtJS, … OpenLayers, Leaflet, GeoExt, …
  4. 4. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 4 Motivation Create generic client libraries because… applications move to the browser, WPS and SOS reach(ed) 2nd version, need to build apps, and we don’t want to repeat ourselves.
  5. 5. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 5 SOS.JS AND WPS-JS Coming up: new project introduction and demonstration
  6. 6. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 6 WPS-JS
  7. 7. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 7 About wps-js JavaScript WPS Client to build interactive forms to control standardized processes. Build on: OpenLayers (requests, XML) GitHub: https://github.com/52North/wps-js
  8. 8. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 8
  9. 9. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 9 https://www.ohloh.net/p/wps-js
  10. 10. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 10 OGC WPS “Geo-ready” web processing standard GetCapabilities DescribeProcess Execute WPS-G, WPS-T More: http://www.ogcnetwork.net/wps
  11. 11. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 11 wps-js Features Form generation based on process descriptions WPS 1.0.0 Interactive execution of processes Pre-configuration of UI/form Style-free
  12. 12. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 12 Demo http://nuest.github.io/wps-js/ http://geostatistics.demo.52north.org/wps/client.html http://geoviqua.dev.52north.org/wps-js-client/ Simple calculator Table output Data intercomparison and colocation (pre-configuration)
  13. 13. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 13
  14. 14. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 14
  15. 15. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 15
  16. 16. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 16
  17. 17. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 17 http://geoviqua.dev.52north.org/wps-js- client/demo/geca- intercomparison/client.html?source=Testlink&_pdPortl et_WAR_geoportal_uuid=067a17f9-8d37-4d15-b405- 25e701dd03b0&_pdPortlet_WAR_geoportal_uuid=311 72be3-01ae-4d4d-b500-8e734a1d5432&hide=false
  18. 18. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 18 SOS.JS
  19. 19. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 19 About SOS.js Javascript library to browse, visualise, and access, data from an OGC Sensor Observation Service. Basis: OpenLayers GitHub: https://github.com/52North/sos-js History…
  20. 20. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 20
  21. 21. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 21 https://www.ohloh.net/p/sos-js
  22. 22. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 22 Live Demos http://basmet.nerc-bas.ac.uk/sos/ http://52north.github.io/sos-js/ http://sensors.geonovum.nl/sos-js-test/sos-app-test.html [integrated in 52°North SOS]
  23. 23. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 23
  24. 24. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 24
  25. 25. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 25
  26. 26. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 26
  27. 27. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 27 Experiences Shortest path to beta (OL) Raw time series data can be handled in JS XML is possible, of course JSON is simpler… Hard to reach “completeness” when driven by projects Be aware of CORS when you deploy services
  28. 28. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 28 Goals Useful and usable libraries for application developers (not SWE/processing experts) Facilitate usage of WPS and SOS Minimal footprint Flexible use (domain applications) User-friendly interfaces Non-copyleft licenses
  29. 29. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 29 Steps 1) Become independent… from mapping libraries from specific frameworks modularize release version 1.0 2) Extend developer/user community 3) Ease usage (plugins for JS libs/JS mapping)
  30. 30. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 30 Challenges “lib-independent library” JavaScript modularization Coordination and community building Testing and service compatibility
  31. 31. SOS.js & wps-js @ FOSS4G-E, Bremen, 2014 31 @FiveTwoN http://blog.52north.org/ 52north.org/communities/

×