Mobile Dashboard with Blynk

 

From blynk.cc:dash

“Blynk is a Platform with iOS and Android apps to control Arduino, Raspberry Pi and the likes over the Internet.

It’s a digital dashboard where you can build a graphic interface for your project by simply dragging and dropping widgets.

It’s real
ly simple to set everything up and you’ll start tinkering in less than 5 mins.”

The vESPrino Firmware (the heart of all my devices) supports Blynk.cc natively. This means that just with a few clicks you can integrate your device with a Blynk dashboard created on your mobile phone. At the end you can have a dashboard that looks like this:

 

Note that the app is not entirely free. It uses some kind of internal currency called “Energy”. You get 2000 at start. One project is 900. A History Chart is 900, Gauge is 400, etc. It is not depleted, rather – defines the maximum number of widgets and projects you can have. 1000 Energy is 1 eur. So without paying extra you can already create a dashboard with History Chart and some text field. But with a couple of bucks additionally you can create quite a nice looking dashboard.

So let’s get started!

Install Blynk for iPhone or Android11541426

If you haven’t installed Blynk until now, please do so now. Search for “Blynk” in either AppStore or Playstore and install it.

Create Dashboard

Create a new Project. Choose a name and for Hardware Model select “Generic Board”. You can also send the “Auth Token” via E-Mail, as you will need it later.

img_1406

Add Widgets

Now on the empty working plate tap somewhere to get the menu to add Widgets. For the example – Add a “History Graph” and a “Value Display M”. Bind them to one and the same “Virtual Pin” e.g. “V0”. You can choose some meaningful names. Tapping on the colorful circle let’s you choose the color of the widget. For update interval – scroll to the top and select “Push”.

img_1407 img_1408 img_1412

Configure Device

Now head to the “vThings – Device Configuration Tool”. Once connected to the device, open the “Public Services -> Blynk.cc” Tab. For Blynk Auth Token, use the one from the previous step. From the drop-downs, choose the data entries and Virtual Pin allocations you desire (e.g. in our case CO2 -> V0). Save the configuration. The device will restart itself. Now based on your configured interval, the device will send data to Blynk. You can force sending, by pressing the “Test” button.

Done

That is it – this is all that needs to be done for creating a Mobile Dashboard with Blynk

img_1411

Leave a Reply

Your email address will not be published.