Instalacion Node Red dashboard

Node Red Dashboard
Node red tiene un dashboard o tablero de instrumentos para crear y visualizar dashboards para interactuar con los dispositivos del internet de las cosas.
Existio una version anterior llamada a nodo-red-contrib-ui  la cual fue remplazada por node-red-dashboard creada por Dave Conway-Jones(dceejay) gracias por su gran aporte.

En este caso realizaremos la instalación de este complemento a nuestro Node-red previamente instalado lubuntu (Ubuntu), en próximos tutoriales integraremos dispositivos ya utilizados anteriormente como Arduino y ESP8266.
.
Tutoriales Anteriores
Tutorial 1: Instalacion de lubuntu ubuntu
Tutorial 2: Instalacion de Node Red

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

Instalación para Dashboard desarrolladores
Ingresar a carpeta node-red

cd ~\.node-red\node_modules

 copiar repositorios desde github

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

ingresar en carpeta node-red-dashboard

cd node-red-dashboard

construir aplicacion

npm install

Volver a carpeta node-red

cd ..

 ejecutar node-red

node red

Widgets disponibles para Dashboard

Ejemplo  

Organizacion y Diseño de Dashboards

La pestaña dashboard (Tabs) permite organizar nuestro dashboard por Pestañas (Tabs) y grupos (Groups) dado que no tiene una herramienta de diseño propia, pero considero que esta manera muy practica para diseñar sin preocuparnos por la compatibilidad de diseño en las pantallas de diferentes resoluciones en  dispositivos como smartphones pc y tablets

Visualizacion desde PC

Visualización Tablet  7"

Visualización Smatphone 4"

Video Prueba Completa
Instalar node-red-dasboard  

Listo a divertirse...

Refencias
Tutorial 1: Instalacion de lubuntu ubuntu
Tutorial 2: Instalacion de Node Red
node-red-dashboard
Nodered.org
github.com/node-red
Nodejs.org

Mas Información:

Blog PDAControl  English 

Blog PDAControl   Español 

Canal Youtube

PDAControl