52°North Thin SWE ClientVisualising Time Series Data withOpen Source ComponentsSimon Jirka & Arne Bröring(52° North)FOSS4G...
Project Overview• Web-based client for displaying time series sensor data• Based on OGC Sensor Web standards• Funded by:  ...
Intro: Sensor Web• World Wide Web   is for websites  – HTTP  – HTML  – ...• Sensor Web       is for sensors  –   O&M  –   ...
Sensor Web Enablement (SWE)   – http://www.ogcnetwork.net/swe• Web Service interfaces & data encodings• Used to build a Se...
SWE Functionality                    FOSS4G 2011
Observation & MeasurementsObserved Property := “Wind_Speed“          Phenomenon Time                                      ...
Sensor Observation Service                   GetCapabilities                    RegisterSensor    SensorML                ...
Aims of the Thin SWE Client Development• Web-based client• Visualising time series data• Compliant to OGC O&M• Data loadin...
Application Domains• Hydrology  – PEGELONLINE  – OGC Surface Water IE• Air quality  – EO2HEAVEN• Weather data  – Wupperver...
Functional Requirements• Diagram view  – Combine multiple time series  – Time series navigation (zoom, pan, first value, l...
SOS-Client             FOSS4G 2011
SOS-Client             FOSS4G 2011
FOSS4G 2011
SOS-Client             FOSS4G 2011
FOSS4G 2011
Re-used Server-side Software Packages                FOSS4G 2011
Re-used Open Source Software• JFreeChart  – Framework for generating    diagrams  – Offers a broad range of different diag...
Re-used Browser-side Software Packages                 FOSS4G 2011
Re-used Open Source Software• Google Web Toolkit  –   Used as general framework  –   Develop in Java  –   Create JavaScrip...
Re-used Open Source Software• SmartGWT                                         smartgwt  – Based on GWT  – User interface ...
Re-used Open Source Software• OpenLayers                                    OpenLayers  – Map view showing the sensor    l...
Re-used Open Source Software• Gimv (Google Web Toolkit Image Viewer)  – User interface components to interact with images ...
Outlook1. Increase interoperability2. Usability enhancements3. Extension to SOS 2.0•    Contributions (ideas, code, and te...
Questions?Thank you!Arne Bröringbroering@52north.orghttp://52north.org/thinSWEclient                                   FOS...
Upcoming SlideShare
Loading in …5
×

ThinSWEClient - Visualising time series data with open source components.

2,157 views

Published on

Published in: Technology, Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,157
On SlideShare
0
From Embeds
0
Number of Embeds
516
Actions
Shares
0
Downloads
25
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

ThinSWEClient - Visualising time series data with open source components.

  1. 1. 52°North Thin SWE ClientVisualising Time Series Data withOpen Source ComponentsSimon Jirka & Arne Bröring(52° North)FOSS4G 2011, Denver
  2. 2. Project Overview• Web-based client for displaying time series sensor data• Based on OGC Sensor Web standards• Funded by: 1. EO2HEAVEN: EC FP-7 project investigating relationships between health and environment 2. German Federal Waterways Engineering and Research Institute: Large operator of hydrological measurement stations FOSS4G 2011
  3. 3. Intro: Sensor Web• World Wide Web is for websites – HTTP – HTML – ...• Sensor Web is for sensors – O&M – SOS – SPS – ... FOSS4G 2011
  4. 4. Sensor Web Enablement (SWE) – http://www.ogcnetwork.net/swe• Web Service interfaces & data encodings• Used to build a Sensor Web• Integration of (geo)sensors on application level FOSS4G 2011
  5. 5. SWE Functionality FOSS4G 2011
  6. 6. Observation & MeasurementsObserved Property := “Wind_Speed“ Phenomenon Time Result Feature of Interest 23 m/s 16.9.2010 13:45 uom Procedure (ID := “DAVIS_123“) Observation FOSS4G 2011
  7. 7. Sensor Observation Service GetCapabilities RegisterSensor SensorML DescribeSensorObservations & InsertObservationMeasurements GetObservation GML GetFeatureOfInterest FOSS4G 2011
  8. 8. Aims of the Thin SWE Client Development• Web-based client• Visualising time series data• Compliant to OGC O&M• Data loading from multiple SOS instances• Re-use of existing Open Source components• No Adobe Flash ! FOSS4G 2011
  9. 9. Application Domains• Hydrology – PEGELONLINE – OGC Surface Water IE• Air quality – EO2HEAVEN• Weather data – Wupperverband FOSS4G 2011
  10. 10. Functional Requirements• Diagram view – Combine multiple time series – Time series navigation (zoom, pan, first value, last value) – Overview time series for easier navigation• Map display  show sensor locations• Data export – CSV, XLS files containing observation data – PDF showing the current view FOSS4G 2011
  11. 11. SOS-Client FOSS4G 2011
  12. 12. SOS-Client FOSS4G 2011
  13. 13. FOSS4G 2011
  14. 14. SOS-Client FOSS4G 2011
  15. 15. FOSS4G 2011
  16. 16. Re-used Server-side Software Packages FOSS4G 2011
  17. 17. Re-used Open Source Software• JFreeChart – Framework for generating diagrams – Offers a broad range of different diagram stlyes  http://www.jfree.org/jfreechart/• 52°North OX-Framework – Encapsulating the communication with SOS servers  http://52north.org/oxf FOSS4G 2011
  18. 18. Re-used Browser-side Software Packages FOSS4G 2011
  19. 19. Re-used Open Source Software• Google Web Toolkit – Used as general framework – Develop in Java – Create JavaScript – Re-use of core elements • Remote procedure calls (between browser and server component of the client) • Internationalisation • Browser independency  http://code.google.com/webtoolkit/ FOSS4G 2011
  20. 20. Re-used Open Source Software• SmartGWT smartgwt – Based on GWT – User interface framework – Large widget library  http://code.google.com/p/smartgwt/ FOSS4G 2011
  21. 21. Re-used Open Source Software• OpenLayers OpenLayers – Map view showing the sensor locations – Extension of the menu for selecting new sensor data sets  http://openlayers.org/ – Integration with GWT:  http://gwt-openlayers.sourceforge.net FOSS4G 2011
  22. 22. Re-used Open Source Software• Gimv (Google Web Toolkit Image Viewer) – User interface components to interact with images (i.e., charts) – Provides functionality such as: • Navigation with a diagram view • Zooming • Tool tips • Overview images (used for an overview diagram) – No Adobe Flash!  Javascript  http://code.google.com/p/gimv/ FOSS4G 2011
  23. 23. Outlook1. Increase interoperability2. Usability enhancements3. Extension to SOS 2.0• Contributions (ideas, code, and tests with SOS instances) are welcome! FOSS4G 2011
  24. 24. Questions?Thank you!Arne Bröringbroering@52north.orghttp://52north.org/thinSWEclient FOSS4G 2011

×