No Description

Suren A. Chilingaryan 86a96daf0d Replace direct links to katrin.kit.edu 3 years ago
res 0ea9d27aff fixed the value overwrite bug. 6 years ago
static 86a96daf0d Replace direct links to katrin.kit.edu 3 years ago
.gitignore 360f043c1c updated to ignore yaml files 6 years ago
README.md cbbd721fc8 Signed-off-by: chanhoonseng <chanhoonseng3101@gmail.com> 6 years ago
app.py 304df3ae5c Add OpenShift starter 3 years ago
cache.yaml 360f043c1c updated to ignore yaml files 6 years ago
clean_bess_data.py 68a0df31aa updated to accomodate east and west facing directions. 6 years ago
config.yaml 02e45e4c0b Change to standard port 3 years ago
core.py 0c9507dedc Fix paths 3 years ago
designer.html cbbd721fc8 Signed-off-by: chanhoonseng <chanhoonseng3101@gmail.com> 6 years ago
index.html 86a96daf0d Replace direct links to katrin.kit.edu 3 years ago
login.html 733a461216 added login on designer page. 6 years ago
requirements.txt eaa2141d5b implemented startup script. 6 years ago
start.py eaa2141d5b implemented startup script. 6 years ago
status.html 84026dace8 fixed a syntax error in status html. 6 years ago
style.yaml 10b976e465 Added YAML files 6 years ago
varname.yaml 37bfd9786e fixed the ui bug. 6 years ago

README.md

BORA - Build Once Run Always

BORA is a static monitoring framework, which aims to minimize the maintaining effort on the page and offers a flexible way to add and remove data items. Also, BORA addresses the limitation of ADEI server by building a retrofit interface that is capable of handling concurrent connections.


##Installation Following demonstrates an example on BORA installation guide in openSUSE operating system.

Step 1:
Start up a Terminal session and clone the bora.git list files into the desired path by copying the given web url into the following command line:

$ git clone https://github.com/kit-ipe/bora.git

Step 2:
After cloning, add the background image that you wish to design into static file under bora.

Step 3:
In order to execute the pip-command, inside the terminal window, first change the directory path into bora.git and then feed in the following command line:

$ sudo easy_install pip

Step 4:
All the missing modules (pyyaml, requests and tornado) have been compiled inside the requirement.txt file. Install them using the following command line:

$ pip install -r requirements.txt

Step 5:
After the installations have finished, run the following python script and key in all the requested information:

$ python start.py

Step 6:
Finally, run the python script below:

$ python core.py

Step 7:
When the program runs successfully, the following message will be shown:

Start torrenting...
Debugging...

Step 8:
Start up a web browser and go to the local designer page: http://localhost:/designer and the status display page: http://localhost:/status. For the access, you will be asked for the username and password, which you have previously defined during step 4.

Step 9:
After entering the sites, you will be directed into a page with the previously added background image. Now, you are allowed to design the background image with the registered data.


##Usage

In principle, there are 2 viewer modes in BORA: designer mode and status mode. In designer mode (http://localhost:/designer), users are allowed to style the data with multifarious features whereas the status mode (http://localhost:/status) displays the data styling from the designer mode to the viewers.

Data registration

Before proceeding to data styling, all data need to be registered. Following shows an example of data registration for Katrin-Adei server:

The URL for data registration should exhibit the following format and attributes:

http://ipepc57.ipe.kit.edu:<port>/add/<server>/<db_name>/<db_group>/<sensor> 

A python script has been developed and stored under '/bora/res/adei2rest.py/' to generate the desired format of URL for purpose of data registration.

Firstly, in the field of search browser inside katrin-adei server ('http://katrin.kit.edu/adei-katrin/'), enter the corresponding katrin number for a specified sensor. After searching and selecting the desired sensor, copy the web URL at the top the web browser. Switch back to the Terminal window, change the directory path into res file in bora and enter the following command line:

$ python adei2rest.py <sensor_name> 'copied web URL'

Then, copy the generated URL into the web browser and a message ”success”:”Data entry inserted.” will appear.

Data styling

Inside the designer mode, you will notice there is an input field at the bottom of the web browser and you can choose to either hide or show it by clicking the button Show/Hide which is located at the bottom left of the web browser.

The input section 'Variable' stores all the registered data. In order to style the data, first you need to select a data from this section. For the selected data, you need to define its type. Following explains all the available data types in BORA.

  • Data
    This data type is for defining a data with numerical value. After defining your data to this type, you can choose to either add a header and a unit to your data value, specify the font size, or even give a condition and equation to the data. For example, when you enter the number 200 inside the input section 'larger than (red)', it means that when the data value is greater than 200, its font will change to red color, or if you enter an equation with variable x as your data value like x+100 inside the input field 'Equation', this means that the data value will automatically increased by 100.

  • Valve
    To insert an valve image, you can choose to use this data type. For defining this data type, you are required to set a value for it. For example, inside the input field 'unit', you need to specify dictionary case like {“1”:“on” , “0”:”off”} which means if the retrieved data value equals to 1, then an image of green colored valve will be added or red colored valve for input value 0, otherwise grey colored valve for none.

  • Integer-to-string
    When you wish to assign each data values to a specific definition, for example, input value 0 for Shutdown or input value 1 for Start-up, you can use this data type. This data type will analyze the retrieved data and print out the corresponded definition which you have previously defined. Likewise, for defining this data type, you need to specify a dictionary case inside the input field 'unit' such as {“0”:”Shutdown” , “1”:”Start-up”}. Optionally, you can define each cases with a color code under the input field 'condition (red)'. For example, {“0”:”#f00” , “1”:”#008000”}.

  • Header
    This data type allows you to insert a header without any pre-registered data. Thus, you need not to select any data from the input field 'Variable' beforehand. Inside the input field 'title', you can just enter the header u wish and adjust the font size.

  • Calc
    With this function Calc, you are allowed to carry out any mathematical operations like adding, subtracting, multiplying or dividing the data values. Just like the data type Header, selecting a data from the input field 'Variable' is not required. Next, you will need to write down the mathematical equations with the corresponded katrin number in squared brackets. An example for addition, [katrin number 1] + [katrin number 2].

Inside the drop-down input list of 'Attribute', there are two selections: 'Normal' and 'Virtual'. The selection 'Normal' is for first time data inserting. If you wish to insert the same data for second time, you will need to change the selection 'Normal' to 'Virtual', so that the same data will be virtually created again.

After finish defining all the required inputs, click the button Add at the bottom of the input fields. The respectively data will be inserted onto the background image and you can freely position it inside the image or you can also remove the inserted data by clicking the button Remove. Finally, hit the button Save to save the design which will later be displayed in the status mode.