A Dashboard (without Technical Knowledge)
by thethingbox in Circuits > Raspberry Pi
1654 Views, 14 Favorites, 0 Comments
A Dashboard (without Technical Knowledge)
![screen4[1].png](/proxy/?url=https://content.instructables.com/FGV/J38H/IQ5PSU0T/FGVJ38HIQ5PSU0T.png&filename=screen4[1].png)
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)
Open the Visual Editor
![FMQLC80ILV8DG7H.MEDIUM[1].jpg](/proxy/?url=https://content.instructables.com/F50/5BOF/IQ5PSTXI/F505BOFIQ5PSTXI.jpg&filename=FMQLC80ILV8DG7H.MEDIUM[1].jpg)
Open the visual editor with your internet browser.
Install the Software
![FHURSJ7ILV8DFIT.MEDIUM[1].jpg](/proxy/?url=https://content.instructables.com/FV4/AVMT/IQ5PSTXU/FV4AVMTIQ5PSTXU.jpg&filename=FHURSJ7ILV8DFIT.MEDIUM[1].jpg)
Then, Use the menu import / node and enter "node-red-contrib-ui", then validate and wait for the install.
Build a Flow
![f4[1].png](/proxy/?url=https://content.instructables.com/FRG/RVOP/IQ5PSTYL/FRGRVOPIQ5PSTYL.png&filename=f4[1].png)
Find the "UI" category in the palette and build this flow.
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.
![screen4[1].png](/proxy/?url=https://content.instructables.com/FLL/O34O/IQ5PSU0G/FLLO34OIQ5PSU0G.png&filename=screen4[1].png)
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)