Dynamic visualization of odv files via WPS

Slides:



Advertisements
Similar presentations
Web Toolkit Julie George & Ronald Lopez 1. Requirements  Java SDK version 1.5 or later  Apache Ant is also necessary to run command line arguments 
Advertisements

Adding Dynamic Content to your Web Site
Servlets Enterprise Systems Programming. Servlets  Servlets: server-side Java programs that enable dynamic processing of web-based requests  Web-based.
Creating WordPress Websites. Creating a site on your computer Local server Local WordPress installation Setting Up Dreamweaver.
Multiple Tiers in Action
Active Server Pages Chapter 1. Introduction Understand how browsers and servers interacted when the Web was young Understand what early Internet and intranet.
Pan-European infrastructure for Ocean & Marine Data management An EU Integrated research Infrastructure Initiative (I3) MIKADO : Java tool for XML Creation.
Computer Concepts 2014 Chapter 7 The Web and .
Status of upgrading CDI service (user interface, harvesting via GeoNetwork, CDI interoperability options following SeaDataNet D8.7) By Dick M.A. Schaap.
EMODnet Chemistry 2 Advanced services Progress by Deltares Service Contract MARE/2012/10 S By Dick M.A. Schaap – Technical Coordinator Istanbul.
Product Feeds. What is a Product? In marketing terms, a product is an item, service or idea that is for sale Examples are: A flight with set dates and.
Introduction to Applets CS 3505 Client Side Scripting with applets.
Java CGI Lecture notes by Theodoros Anagnostopoulos.
10/13/2015 ©2006 Scott Miller, University of Victoria 1 Content Serving Static vs. Dynamic Content Web Servers Server Flow Control Rev. 2.0.
ViRBO and Autoplot. ViRBO Overview Virtual Radiation Belt Observatory Facilitate Search, Access, and Visualization of Radiation Belt Data Search – Develop.
JavaScript – Quiz #9 Lecture Code:
Active Server Pages  In this chapter, you will learn:  How browsers and servers interacted on the Internet when the Internet first became popular 
Integrated Grid workflow for mesoscale weather modeling and visualization Zhizhin, M., A. Polyakov, D. Medvedev, A. Poyda, S. Berezin Space Research Institute.
Introduction to ASP.NET1. 2 Web applications in general Web applications are divided into two parts –The server part –The client part The server part.
OceanBrowser viewing service, overview and upgrades Alexander Barth (1), Charles Troupin (2), Aida Alvera Azcárate (1), Jean-Marie Beckers (1) (1) University.
Introduction to Client Side Scripting CS Client Side Scripting Client side means the Browser is interpreting the script Script is downloaded with.
A web interface for gridding and visualizing oceanographic data Alexander Barth (1,2), Aida Alvera-Azcárate (1,2), Charles Troupin (1), Mohamed Ouberdous.
JSON and A Comparison of Scripts. JSON: JavaScript Object Notation Based on a subset of the JavaScript Programming Language provides a standardized data.
Chemical lot - HOW: Infrastructure set up based on SeaDataNet V1 efficient distributed Marine Data Management Infrastructure; Principle of “ADOPTED AND.
Web Design and Development. World Wide Web  World Wide Web (WWW or W3), collection of globally distributed text and multimedia documents and files 
Scripting Languages Client Side and Server Side. Examples of client side/server side Examples of client-side side include: JavaScript Jquery (uses a JavaScript.
(see online resources, e.g. SY306 Web and Databases for Cyber Operations Slide Set #9: CGI with Python.
Introduction  “M” “V” “C” stands for “MODEL” “VIEW” “CONTROLLER”. ASP.NET MVC is an architecture to develop ASP.NET web applications in a different manner.
How Web Servers and The Internet Work The Basic Process.
Converting Matrix Market matrices to Matlab format The Matrix Market is an interesting collection of matrices from a variety of applications.
Feeling RESTful? Well, first we’ll define a Web Service –A web page meant to be consumed by a computer via an autonomous program as opposed to a web browser.
Introduction to ASP.NET development. Background ASP released in 1996 ASP supported for a minimum 10 years from Windows 8 release ASP.Net 1.0 released.
TSDS (HPDE DAP). Objectives (1) develop a standard API for time series-like data, (2) develop a software package, TSDS (Time Series Data Server), that.
Reiner Schlitzer Alfred Wegener Institute for Polar and Marine Research Ocean Data View Achievements and Future Developments.
Simple steps of using Google Earth to prepare Field Study report Objectives This simple guide uses Google Earth, the free version for students to organize.
DATA AGGREGATION AND PRODUCTS GENERATION
Intermountain West Data Warehouse - Western Air Quality Study
SeaDataNet tools NEMO, OCTOPUS, MIKADO
NEMO – Reformating tool
Implementing the WPS Standard A Case Study for Dissemination of Coastal and Marine Tools GIMA Master Thesis Joost Boerboom.
OCTOPUS – SeaDataNet Format conversion tool
CISC103 Web Development Basics: Web site:
Output files generation
Test Case Structure Test Case Module(depend on framework) MocoServer
Dynamic Web Pages (Flash, JavaScript)
MVC Framework, in general.
04 | Web Applications Gerry O’Brien | Technical Content Development Manager Paul Pardi | Senior Content Publishing Manager.
Data Visualization Statistic Chart
Dick M.A. Schaap – Technical Coordinator SeaDataNet Training Workshop
JavaScript Charting Library
Web Browser server client 3-Tier Architecture Apache web server PHP
Tools for generation of SDN NetCDF (CFPOINT) files
JavaScript Form Validation
PHP and Forms.
Practical work on NetCDF - CFPOINT
WP4 EMODNet Visualiation techniques using OGC-WPS
Improvements in database of data products and services
Ocean Data View Spreadsheet Format Reiner Schlitzer
New Round of Regional data collections Deltares
Client-Server Model: Requesting a Web Page
Programmatic interaction with the Invenio-based NADRE Repository
Consuming Web Services with 2E Generated Objects
Updating the existing advanced viewing services
Programmatic interaction with the Invenio-based NADRE Repository
WP4 EMODNet Visualiation techniques
Web Application Development Using PHP
Intro to Programming (in JavaScript)
WPS 4 ODV: on-the-fly server-side plotting of data (in Google Earth)
DIBBs Brown Dog BDFiddle
Intro to Web Services Consuming the Web.
Presentation transcript:

Dynamic visualization of odv files via WPS State of the project – Split, Croatia Giorgio Santinelli, Gerben de Boer 4 december 2018

Introduction WPS – Web Processing Services Standard Dynamic 4 december 2018 Introduction WPS – Web Processing Services Standard Dynamic INPUT (parameter, value) OUTPUT (parameter, value) Web browser OUTPUT 4 december 2018

Introduction pyWPS – Web Processing Services using a Python framework 4 december 2018 Introduction pyWPS – Web Processing Services using a Python framework server-side plotting of data in multiple format (.png, Google Earth .kmz, …) on the fly See the tutorials in openearth.eu INPUT (parameter, value) OUTPUT (parameter, value) Web browser OUTPUT We downloaded odv files and made plots on the flight. 4 december 2018

Process flow WPS 1 GetCapabilities 2 DescribeProcess 3 Request 4 december 2018

Process flow WPS 1 GetCapabilities 2 DescribeProcess 3 Request …with ODV files?!? 4 december 2018

Process flow pyWPS-ODV 1 GetCapabilities 2 odvGetCDI odvGetParameters 3 odv2maps odv2timeseries odv2profiles 4 december 2018

1. GetCapabilities http://dtvirt5.deltares.nl/wps?service=wps&request=GetCapabilities … 4 december 2018

4 december 2018 2. odvGetCDI http://dtvirt5.deltares.nl/wps?service=wps&request=Execute&Identifier=odvGetCDI&DataInputs=[]&version=1.0.0 usergd30d98-data_centre120-2014-03-20_result FOLDER 285916_20140320_163008.txt FILE 285921_20140320_163008.txt … // //SDN_parameter_mapping METADATA //<subject>SDN:LOCAL:COREDIST</subject><object>SDN:P011:… //<subject>SDN:LOCAL:OCCNXXXX</subject… //<subject>SDN:LOCAL:CORGCOPW</:… //<subject>SDN:LOCAL:AMONAADC… //<subject>SDN:LOCAL:NTRI… we need to know what parameters are in the odv: we ask a file. We get the codes and second step we execute. Cruise Station Type … LOCAL_CDI_ID EDMO_code … COREDIST [meter] QV:SEADATANET 9 fields (fixed) Param1, QV1, Param2, QV2, … 4 december 2018

2. odvGetCDI odvGetCDI “285916” + “_20140320_163008” 4 december 2018 2. odvGetCDI http://dtvirt5.deltares.nl/wps?service=wps&request=Execute&Identifier=odvGetCDI&DataInputs=[]&version=1.0.0 120 EDMO_code FOLDER 285916_20140320_163008.txt LOCAL_CDI_ID + suffix FILE 285921_20140320_163008.txt … “285916” + “_20140320_163008” You give some data and metadata, we give back visualization services, via some input and output specifications How to integrate to seadatanet: ODV caches. We have Matlab lib, python lib, parsing P01, postgres, netcdf, odvGetCDI List of EDMO_code’s, LOCAL_CDI_ID’s, suffixes. JSON: JavaScript Object Notation for /folders/files visualization 4 december 2018

2a. odvGetCDI http://dtvirt5.deltares.nl/wps?service=wps&request=Execute&Identifier=odvGetCDI&DataInputs=[]&version=1.0.0 … 4 december 2018

2b. odvGetParameters Get parameters inside the odv files. in html format: http://dtvirt5.deltares.nl/wps?service=wps&request=Execute&Identifier=odvGetParameters&DataInputs=[EDMO_code=632;LOCAL_CDI_ID=world_N50W10N40E0;suffix=_20060101_2007010]&responsedocument=Parameters=@mimetype=text/html&version=1.0.0 in json format: http://dtvirt5.deltares.nl/wps?service=wps&request=Execute&Identifier=odvGetParameters&DataInputs=[EDMO_code=632;LOCAL_CDI_ID=world_N50W10N40E0;suffix=_20060101_20070101]&version=1.0.0 4 december 2018

3. Requests Three methods: Local file url of the output mimetype 4 december 2018

3. Requests Odv2map – png http://dtvirt5.deltares.nl/wps? service=wps&request=Execute&Identifier=odv2map&DataInputs=[EDMO_code=632;LOCAL_CDI_ID=world_N50W10N40E0_20060101_20070101;parameter=PSSTTS01;clim0=10;clim1=20;]&version=1.0.0 4 december 2018

3. Requests Odv2map – png http://dtvirt5.deltares.nl/wps? service=wps&request=Execute&Identifier=odv2map&DataInputs=[EDMO_code=632;LOCAL_CDI_ID=world_N50W10N40E0_20060101_20070101;parameter=PSSTTS01;clim0=10;clim1=20;colormap=winter;marker=^;alpha=0.5;]&version=1.0.0 4 december 2018

3. Requests Odv2map – kmz http://dtvirt5.deltares.nl/wps? service=wps&request=Execute&Identifier=odv2map&DataInputs=[EDMO_code=632;LOCAL_CDI_ID=world_N50W10N40E0_20070101_20080101;parameter=PSSTTS01;clim0=10;clim1=20;colormap=jet;]&responsedocument=mapname=@mimetype=application/vnd.google-earth.kmz&version=1.0.0 4 december 2018

3. Requests Odv2profile http://dtvirt5.deltares.nl/wps?service=wps&request=Execute&Identifier=odv2profile&DataInputs=[EDMO_code=729;LOCAL_CDI_ID=CTD_11249;suffix=_20140603_024844;parameter=TEMPST01;z=PSALST01;clim0=0;clim1=30;color=cyan;linestyle=--;linewidth=6;]&version=1.0.0 4 december 2018

3. Requests Odv2timeseries http://dtvirt5.deltares.nl/wps?service=wps&request=Execute&Identifier=odv2timeseries&DataInputs=[EDMO_code=632;LOCAL_CDI_ID=world_N50W10N40E0;suffix=_20070101_20080101;parameter=CDTBSS01;clim0=0;clim1=30;color=brown;marker=d;markersize=12;alpha=0.2]&version=1.0.0 4 december 2018

3. Requests Issues Parameters inconsistency: EDMO_CODE EDMO_code Time columns: 'yyyy-mm-ddThh:mm:ss.sss‘ 'Chronological_Julian_Date‘ ISO 8601 ‘time_ISO8601’ Mime type application: Binary file Saved in local directory As a link 4 december 2018

Discussion and further work Plot on the flight with JavaScript Pop-ups in the browser Oceanbrowser making the interface pyWPS can be host in the same server where data is 4 december 2018

THANKS! QUESTIONS? 4 december 2018