SDMX Viewer Demo -- 2

Job ID: 36887775

Budget: $10 – $150 USD

I'm looking for an EXPERIENCED SDMX programmer to create a DEMO SDMX viewer.

The job is to create a web page that works in "discovery" mode to connect to any SDMX database and show its datasources, categories, datasets and values using the SDMX 2.1 RESTful web service API. I would like to use JSON as default but XML/TSV if JSON is not supported.

The application will have 3 tabs.
Tab 1 allows us to connect to a database and view the metadata (in a tree and grid) and select a time series to view.
Tab 2 contains a session log of all requests and results
Tab 3 contains a JSON viewer of the selected timeseries (in tab 1)

I suggest using the free EasyUI library as there is an EasyUI demo that has a tree and 2 other tabs - all in 36 lines of code at: https://jeasyui.com/demo/main/index.php?plugin=Tabs&theme=material-teal&dir=ltr&pitem=&sort=asc

I am only interested in viewing TIME SERIES data and navigating to them using data categories and metadata via a tree component. Each SDMX web service provides a subset of the full SDMX feature set, so the same request made to two different sources may yield different results, or an error message. This needs to be handled as described on (https://sdmx1.readthedocs.io/en/latest/sources.html) and any error messages clearly shown in a dialog AND logged in the "Log" tab.


This is an easy project if you know SDMX. If you are not familiar with SDMX please do not bid.

No placeholder bids please. The budget is $150 max.
I have described the demo application I would like below (scroll down).

If bidding, please state the components you will use, how long it will take and a little about your knowledge of SDMX 2.1.

Thanks





The Demo Application
____________________

The Demo is a simple JQuery HTML/JS GUI with three tabs.
I suggest using EasyUI as there is a demo that has a working tree and 2 other tabs - all in 36 lines of code at: https://jeasyui.com/demo/main/index.php?plugin=Tabs&theme=material-teal&dir=ltr&pitem=&sort=asc


Tab 1: "Request"
This contains 3 panels laid out in a T shape. The top panel is where we specify the database (European Central Bank, and Eurostat for example) and any credentials needed and connect to it. It will have a URL and a connect button. The URL edit box should be long enough to allow us to enter extra request parameters.

The rest of the browser window is split vertically into left and right panels by a splitter component. The left panel has a tree component showing all available SDMX datasources and their database categories. Users can navigate this tree and when they select a category that has datasets assigned to it, we list the datasets metadata in a grid in the right panel.

Finally if the user were to double click to select a record in the right panel we would request the datasets values in "Data retrieval" mode and show the URL used, the returned JSON metadata and time series data in a JSON viewer in a "Viewer" browser tab. If JSOn not available use TSV.


Tab 2: "Log"
We want to keep a session log that shows all requests and results with timestamps.

Tab 3: "Viewer"
Show a the JSON Metadata and values of the time series that was selected to view in the right panel on the "Request" tab.

See attached mockup image for layout

Any errors are shown in a dialog window and in the log tab.

--------------------------------------
Related categories: JavaScript Database Programming RESTful API