Creación de Dashboards con Node-RED

Como venimos comentando en post anteriores, Node-RED es una herramienta con la que podemos crear flujos de manera visual. En este post vamos a ver un nuevo uso del Node-RED como herramienta para crear Dashboards.

Para ello vamos a utilizar el nodo Freeboard, el cual tenemos disponible en GitHub, este nodo nos permite diseñar nuestros propios dashboards.

Para esta demo hemos utilizado un concentrador de sensores Meshlium, que nos inserta datos en tiempo real en dos ontologías definidas por un mismo ThinKP. Para acceder a estos datos, en nuestro flujo Node-RED vamos a utilizar:

  • Un nodo SSAP-process-request que estará a la escucha de nuevas inserciones en la ontología pertinente.
  • Un nodo de tipo function, cuya función será parsear los datos recuperados de las ontología, hay que tener en cuenta que el nodo freeboard solo representa los datos proporcionados por el pyload del mensaje en formato JSON.
  • Un nodo freeboard, que será el que nos permita diseñar nuestro dashboard.

A continuación se muestra como quedaría nuestro flujo:

dash0.PNG

Vamos a crear dos Dashboards distintos, en uno representaremos los datos de monitorización del dispositivo como la batería, temperatura interna… En el otro vamos a representar las medidas proporcionadas por los sensores: radiación solar, humedad…

A continuación, se muestra los dos dashboards:

dashn.PNG

dashnuevo.PNG

Una vez tenemos creado el Dashboard, lo guardamos para poder acceder a él desde otros dispositivos o en otro momento. Existen dos formas de abrir un dashboard que has sido guardado:

  • Copiando la URL generada a la hora de guardar dicho dashboard, a través de esta URL podremos acceder a él desde otro dispositivo o navegador.
  • Seleccionando la opción “LOAD FREEBOARD” que aparece en la esquina superior izquierda, donde tendremos que cargar el dichero .json generado cuando guardamos el dashboard.

A continuación se muestra un video demostrador de esta demo:

Creación de Dashboards con Node-RED

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s