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 6: More !
Get a fully description here: http://thethingbox.io/docs/contrib-ui.html
Learn how to link things together with TimeSquAir (http://TimeSquAir.io)
and discover the other Instructables:
- Publish "hot Deals" through the Physical Web
- Control your world with your Pi without programming
- Build your own internet radio
- How to use IFTTT on your Pi
- Build a selfie machine with an IP Camera in less than 15 minutes
- Scroll a message on a LED Matrix
- Be Warned When Kid Is Back From School (with a Beacon, Without Programming)