Here you'll create then test an Adafruit IO Dashboard, to allow interactive visualisation and control of your WipperSnapper components (or any other Adafruit IO feed). To get started head on over to the Dashboards page.

Build Adafruit IO Dashboard

Click the New Dashboard button on the Dashboards page to create a new dashboard. 

In the Create a new Dashboard dialog give the new dashboard an appropriate name, plus a description if you wish, then click the Create button.

You will be returned to the list of dashboards, with a new entry for the one you created.

Click the dashboard name in the list to be taken to the new dashboard.

You'll be presented with an empty dashboard, with a drop-down menu to the right-hand side for Dashboard Edit Controls, which is where the Create New Block option is located. 

There are also options for editing layout, dark/light mode, block borders, and dashboard privacy (as well as deleting the dashboard). You can get a more in-depth learn guide for dashboards here. For now, click the Create New Block option.

On the Create a new block dialog you'll see a list of available block types.

Click on the Gauge block type to start the process of adding the block.

Next, you'll be taken to the Connect a Feed page, where you need to select which feed to connect to the Gauge block. Select the new button feed we created then use the Next Step button.

Note that the groups/devices in the list can be collapsed/expanded to hide or show their feeds. You may need to expand a group to find your button feed.

On the Block Settings page change the Gauge Max Value to 1, the Decimal Places to 0, and the Gauge Label to anything you like, or blank (an empty value in the box), then press the Create Block button.

You may wish to Edit the layout (using the Dashboard Settings drop-down), or just continue onto usage so we can test this thing!

Usage

While looking at the WipperSnapper Device page, or the Dashboard, press and hold the button for a second or two then release.

On the dashboard you'll see the Gauge change from 1 to 0 when the button is held down, and from 0 to 1 when released. The WipperSnapper Device page will show the Push Button component state change between Pressed and Unpressed.

Congratulations, you've successfully completed the guide!

This guide was first published on Apr 25, 2015. It was last updated on Jul 19, 2024.

This page (Usage) was last updated on Mar 08, 2024.

Text editor powered by tinymce.