Download as PDF, PPTX
Uploaded byArne Bröring
ThinSWEClient - Visualising time series data with open source components.
This document summarizes a web-based client for visualizing time series sensor data from open source components. The client is based on OGC Sensor Web standards and retrieves data from multiple Sensor Observation Services (SOS). It reuses open source JavaScript libraries for charting and mapping and allows exporting time series data in common formats. The client aims to improve interoperability and usability while extending support for new Sensor Observation Service versions.
More Related Content
Similar to ThinSWEClient - Visualising time series data with open source components.
ThinSWEClient - Visualising time series data with open source components.
- 1. 52°North Thin SWEClient Visualising Time Series Data with Open Source Components Simon Jirka & Arne Bröring (52° North) FOSS4G 2011, Denver
- 2. Project Overview • Web-basedclient 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. Intro: Sensor Web •World Wide Web is for websites – HTTP – HTML – ... • Sensor Web is for sensors – O&M – SOS – SPS – ... FOSS4G 2011
- 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. SWE Functionality FOSS4G 2011
- 6. Observation & Measurements ObservedProperty := “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. Sensor Observation Service GetCapabilities RegisterSensor SensorML DescribeSensor Observations & InsertObservation Measurements GetObservation GML GetFeatureOfInterest FOSS4G 2011
- 8. Aims of theThin 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. Application Domains • Hydrology – PEGELONLINE – OGC Surface Water IE • Air quality – EO2HEAVEN • Weather data – Wupperverband FOSS4G 2011
- 10. Functional Requirements • Diagramview – 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. SOS-Client FOSS4G 2011
- 12. SOS-Client FOSS4G 2011
- 13.
- 14. SOS-Client FOSS4G 2011
- 15.
- 16. Re-used Server-side SoftwarePackages FOSS4G 2011
- 17. Re-used Open SourceSoftware • 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. Re-used Browser-side SoftwarePackages FOSS4G 2011
- 19. Re-used Open SourceSoftware • 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. Re-used Open SourceSoftware • SmartGWT smartgwt – Based on GWT – User interface framework – Large widget library http://code.google.com/p/smartgwt/ FOSS4G 2011
- 21. Re-used Open SourceSoftware • 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. Re-used Open SourceSoftware • 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. Outlook 1. Increase interoperability 2.Usability enhancements 3. Extension to SOS 2.0 • Contributions (ideas, code, and tests with SOS instances) are welcome! FOSS4G 2011
- 24.