IstSOS Web Widget Creator

Introduction

IstSOS Web Widget Creator is a Web application that introduces tools for generating feature-rich widgets based on sensor observation data from IstSOS. It was developed using ES6 syntax, Babel transpiler and Webpack and It relies on IstSOS JavaScript core library. Tools that are offered to end-users/developers:

• Map tool
• Box tool
• Chart tool - (currently unabailable!!!)

Requirements

In order for IstSOS Web Widget Creator to work as expected, there are couple of requirements needed to be taken care of before installation:

• Server configuration JSON needs to be populated. There is already a template file inside the ./spec folder.
• Observed property configuration JSON needs to be populated. There is already a template file inside the ./spec folder.
• IstSOS needs to be installed

Installation

Installation steps:

1. Clone the repository:
   
   git clone https://github.com/istSOS/web-widget-creator.git
   
   
2. Install dependencies:
   
   npm install
   
   
3. Put the application on your server

For developers:
• Start development environment(for developers):
  
  npm start

  Navigate to http://localhost:9001/

• Run application build(for developers):
  
  npm run build

Usage instructions

Usage steps:

1. Select one of the tools
2. Populate the form on the left side and click GENERATE button
3. On the right side, there will be an output preview and output embeddable code
4. Copy the code and paste it into your web page

Demo

Live demo