Installation Node Red dashboard

Node red Dashboard

Node red has dashboard to create and view dashboards to interact with the devices in the internet of things.
There was an earlier version call node-red-contrib-ui which was replaced by node-red-dashboard created by Dave Conway-Jones (dceejay) thanks for your great contribution.

In this case we will install this add to our Node-red, previously installed Lubuntu (Ubuntu) in next tutorials integrate devices already used previously as Arduino and ESP8266.

Install Node-RED

Previous tutorials

Tutorial 1 : Install Lubuntu (Ubuntu)
Tutorial 2 : Installation node red platform

Github

github.com/node-red/node-red-dashboard

Dashboard installation for developers

Enter a folder / node-red

 cd ~.node-rednode_modules

1	cd ~.node-rednode_modules

Copy from github repositories

git clone https://github.com/node-red/node-red-dashboard.git

1	git clone https://github.com/node-red/node-red-dashboard.git

Enter folder node-red-dashboard

cd node-red-dashboard

1	cd node-red-dashboard

Build application

npm install

1	npm install

Back to Folder node-red

cd ..

cd ..

Run node red

node red

node red

Dashboard widgets available

Example

Organization and Design Dashboards

The dashboard tab to organize our dashboard by tabs and groups since it does not have a tool own design, but consider this way very practical to design without worrying about compatibility design screens different resolutions on devices like smartphones tablets and pc.

Visualization from PC

Visualization from Tablet 7″

Visualization from Smartphone 4″

Video Complete

Install node-red-dasboard

Ready to have fun …

References

Tutorial 1 : Install Lubuntu (Ubuntu)
Tutorial 2 : Installation node red platform
node-red-dashboard
Nodered.org
github.com/node-red
Nodejs.org