Versions Compared

Key

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

PaneltitleCreating a new Spinal System

Panel
titleGoal

Anchor
1
1

Description du systeme

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.

Image Removed

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.

The goal of this tutorial is to initiate youto the Spinalcom viewer.


Panel
titleInstallation

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):

First create a new folder and initialize it using npm.

Code Block
languagebash
themeDJango
~/
$ mkdir 
button-system
newfolder
~/
$ cd 
button-system ~/button-system$
newfolder
$ npm init -y
~/button-system$


Once this is done there are 2 ways to install Spinalcom Viewer.

A. Without editing package.json

Code Block
languagebash
themeDJango
npm i https://github.com/spinalcom/spinal-browser-
admin
viewer.git
Launch spinal-system

B. By editing package.json

Add spinal-browser-drive to the dependencies in package.json.

package.json


Code Block
language
bash
js
themeDJango
~/button-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

Passwordadmin168JHGgcz45JKilmzknzelf65ddDadggftIO98P

fine-wine-system Folder organization

Image Removed

  • .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 a data model
Anchor33 Panel
titleCreate our new virtualButton organ
Anchor44 Panel
titleLaunch the system
Anchor55 Panel
titleCreate our second organ : virtualButtonMonitor
Anchor66
linenumberstrue
{
  "name": "newfolder",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
// here
  "dependencies": {
    "spinal-browser-admin": "git+https://github.com/spinalcom/spinal-browser-viewer"
  }
}

Then install it using npm.

Code Block
languagebash
themeDJango
$ npm install



Conclusion