Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


Panel
titleGoal

Anchor
1
1

We will create a simple IoT system that will alert us through a nice web interface whenever the temperature at our wine cellar is not between 10°C and 16°C. We will call this system FineWine.

System architecture:


This system, based on our understanding of intelligent micro-system, is composed of the following organs:

  • Nerve center: where the hub and its data are located.
  • Admin dashboard: the administration interface of your hub.
  • VirtualTemperatureSensor organ: simulate the temperature sensor of the wine cellar continuously and synchronize the samples with the hub.
  • Analytics organ: analyzes the temperature and alerts if the temperature is ok or not.
  • Monitoring interface organ: a web interface, displaying the current status of our wine cellar.


Panel
titleCreating a new Spinal System

Anchor
2
2

Install spinal-system-basic

The first step is to create the directory where the project will be stored. We will call it fine-wine-system. Then, install inside the “spinal-system-basic” template. We suggest that before running the following command you initialize an npm project (with npm init):

Code Block
languagebash
themeDJango
~/$  mkdir fine-wine-system
~/$ cd fine-wine-system
~/fine-wine-system$ npm init -y
~/fine-wine-system$ npm i https://github.com/spinalcom/spinal-browser-admin.git

Launch spinal-system

Code Block
languagebash
themeDJango
~/fine-wine-system$ pm2 start launch.config.js

PM2 will automatically start the Spinal Hub and the organs. Take care, if you have another hub running on port 7777, your new hub will not be launched ! (here is a command to see what port are used on ubuntu: sudo netstat -lp --inet)

After this installation, only SpinalHub is running on port 7777. SpinalHub containes a web server that provide his own Admin interface. Here is the architecture of the system you have after this first install:

Connect to Admin UI

As we have done in the getting started, connect to the admin dashboard to see if you hub is running :

http://127.0.0.1:7777/html/admin

The default admin account is :

Username

client ID

Password
admin168JHGgcz45JKilmzknzelf65ddDadggftIO98P

  • .browser_organs : This is your web browser folder
  • .config_env : Your env configuration
  • nerve-center : The Spinalcom nerve center
  • node_modules : npm (node package manager) & spinal-package
  • .apps.json : installed package of your spinal system
  • .config.json : spinalcom connection configuration file
  • launch.config.js : Start your hub using pm2
  • package.json : config of your package


Panel
titleCreate your wine cellar digital twin

Anchor
3
3

The digital twin will be defined in the libraries.

The model is very simple, since we will not manage a lot of data. It is just a JavaScript function, which we will assume it's a class, from where we can create instances and store and load data.

The three important points to follow in the creation of a model are:

  • The first instruction of the function must call the super() method passing its context as an argument. As this function will inherit from a Model class inside the SpinalCore library, we need to call the parent constructor.
  • Every argument that needs to be synchronized should be passed using the add_attr() method like in the example below.
  • To inherit from the Model class, we call the extend() method from the SpinalCore library.

Create a folder called spinal-model-wine-cellar at the root of your project and, inside it, create a file called model.js:


Code Block
languagebash
~/fine-wine-system$  mkdir spinal-model-wine-cellar

spinal-model-wine-cellar/model.js

Code Block
languagejs
themeDJango
linenumberstrue
// wineCave-model.js

function WineCellarModel() {
    WineCellarModel.super(this);

    this.add_attr({
        temperature: 0,
        danger: false
    });
}

spinalCore.extend(WineCellarModel, Model);
module.exports = WineCellarModel;



Panel
titleCreate the virtualTemperatureSensor organ

Anchor
4
4

Now that we have our model, we need to monitor its state. for this we are going to simulate a temperature sensor that modify its attribute “temperature”. Later we will be able to connect with a real IoT sensor.

Make a new folder called virtualTempSensorOrgan where we are going to define our process.


Code Block
languagebash
themeDJango
~/fine-wine-system$  mkdir virtualTempSensorOrgan

An organ has to be linked with the Spinalhub via a connector. For this tutorial, we use the Node.js connector, which has already been installed at the first step.

Inside the organ folder, create the file called index.js with the code below.

myOrganvirtualTempSensorOrgan/index.js


Code Block
languagejs
themeDJango
linenumberstrue
// 1
var spinalCore = require('spinal-core-connectorjs');
require('../spinal-model-wine-cellar/model.js');

// 2
console.log("Configuration Environment not found, using default config");
process.env.SPINALHUB_PORT = 7777;
process.env.SPINALHUB_IP = "127.0.0.1";
process.env.SPINAL_USER_ID = 168;
process.env.SPINAL_PASSWORD = "JHGgcz45JKilmzknzelf65ddDadggftIO98P";

var conn = spinalCore.connect("http`http://${process.env.SPINAL_USER_ID}:${process.env.SPINAL_PASSWORD}@${process.env.SPINALHUB_IP}:${process.env.SPINALHUB_PORT}/"`);

// 3: Create and store the wineCave model or load it if it exists
spinalCore.load(conn, "myCellar",
    function(myCellar) { //success callback 
        console.log('load & sync existing model if it exists');        
        setSensorData(myCellar.temperature);
    },
    function(myCellar) { //error callback
        myCellar= new WineCellarModel();
        spinalCore.store(conn, myCellar, "myCellar", function () {
            console.log('store & sync new model, first connection');
            setSensorData(myCellar.temperature);
        });
    }
);

i = 0;
sampleRate = 2;

function setSensorData(currentTemperature) {
    var simTemp;
    console.log("Sending sensored temperature");
    simTemp = 15 + 5 * Math.sin(i);
    i += 0.5;
    currentTemperature.set(simTemp );
    setTimeout(function() {
        setSensorData(currentTemperature); }, sampleRate * 1000);
};

These are the steps that the code is following:

  1. Requires connector and model.
  2. Establishes a connection with the hub, with write/read rights, using a user, password and environment variables. To understand more about configuration, please head to the configuration docs.
  3. Creates and synchronize an instance of our button model and stores it in the hub. We first try to load and sync an existing instance from the hub, if no instance exist, than we create a new one
  4. Changes the data periodically through the setSensorData() function.

The current system folder organization so far is:


Panel
titleLaunch the system

Anchor
5
5


Panel
titleCreate our second organ : virtualButtonMonitor

Anchor
6
6


Conclusion