Introduction: A Dashboard (without Technical Knowledge)

This tutorial shows how easily a dashboard can be added on top of nodeRED running on a Raspberry Pi.

This dashboard adds web widgets that allow to build charts and add buttons that trigger NodeRED flows.

This tutorial uses a TimeSquAir (http://TimeSquAir.io) a all in one Raspberry Pi bundled with a LED Matrix and a NFC tag, easily customizable with a visual editor powered by IBM's Node-RED (http://Nore-RED.org).

Alternatively, you can use a Thingbox (http://theThingbox.io).


Credits: This tutorial uses node-red-contrib-ui from andrei-tatar (https://www.npmjs.com/package/node-red-contrib-ui)

Step 1: Open the Visual Editor

Open the visual editor with your internet browser.

Step 2: Install the Software

Then, Use the menu import / node and enter "node-red-contrib-ui", then validate and wait for the install.

Step 3: Build a Flow

Find the "UI" category in the palette and build this flow.

Step 4: Open the Dashboard

From the browser, just add "/ui" to the internet address in your browser to open the dashboard.

When you move the slider, the gauge and the chart update accordingly.

Step 5:

Step 6: More !

Comments

About This Instructable

782views

12favorites

License:

Bio: The ThingBox Project - A ready to flash Raspberry Pi image that contains Node-RED and Internet Of Things software for non developers.
More by thethingbox:Telegram Bot and TimeSquAir: the BedrockInstall Zwave Soft Remote on TimeSquAirInstall Zwave LED Bulb on TimeSquAir
Add instructable to: