Push Button Kit can interact with your world. Get phone notification, play next Spotify song, control your smart lights, trigger the egg timer or send a Tweet to the world.

In this tutorial you create a simple project with a button, that sends you push notification to your phone everytime you press it.

Build Hardware

You will need the Push Button Kit and Radio Dongle.

  1. Put all three modules together to build the Push Button Kit. Note the orientation of the Mini Battery Module on the image below.

  2. Put the batteries in.

Playground Set-Up

In this step you run the Playground application that manages Radio Dongle, Push Button and thanks to the Node-RED connects everything together.

  1. Download and run the latest BigClown Playground

  2. Connect Radio Dongle to your computer.

  3. Go to the Devices tab, check that the Radio Dongle is detected and click Connect.

  4. When connected. The already flashed and paired Push Button Kit will be in the paired devices.

  5. Switch to the Functions tab and make sure you see the flow on the image below.

    In case you don't see the flow, you can copy the text below and paste it into the Node-RED's Menu > Import > Clipboard.

    [{"id":"103c675c.c81139","type":"mqtt in","z":"2c41a2bd.aa36ae","name":"","topic":"node/push-button:0/push-button/-/event-count","qos":"2","broker":"29fba84a.b2af58","x":270,"y":360,"wires":[["ff41c7e0.06eba8"]]},{"id":"f507ecc3.8f82b","type":"blynk-ws-out-notify","z":"2c41a2bd.aa36ae","name":"Blynk notification","client":"fc4bbabb.9bb1b8","queue":false,"rate":5,"x":790,"y":360,"wires":[]},{"id":"ff41c7e0.06eba8","type":"change","z":"2c41a2bd.aa36ae","name":"Set message","rules":[{"t":"set","p":"payload","pt":"msg","to":"Button pressed, you're the best!","tot":"str"}],"action":"","property":"","from":"","to":"","reg":false,"x":570,"y":360,"wires":[["f507ecc3.8f82b"]]},{"id":"c131dd35.bb855","type":"comment","z":"2c41a2bd.aa36ae","name":"Push Button Kit flow","info":"","x":190,"y":300,"wires":[]},{"id":"29fba84a.b2af58","type":"mqtt-broker","z":"","broker":"127.0.0.1","port":"1883","clientid":"","usetls":false,"compatmode":true,"keepalive":"60","cleansession":true,"birthTopic":"","birthQos":"0","birthPayload":"","willTopic":"","willQos":"0","willPayload":""},{"id":"fc4bbabb.9bb1b8","type":"blynk-ws-client","z":"","name":"","path":"ws://blynk-cloud.com/websockets","key":"5cf554e34caf4d49a1b24cd07c5e2c13","dbg_all":false,"dbg_read":false,"dbg_write":false,"dbg_notify":false,"dbg_mail":false,"dbg_prop":false,"dbg_sync":false,"dbg_bridge":false,"dbg_low":false,"dbg_pins":"","multi_cmd":false,"proxy_type":"no","proxy_url":""}]
    

Blynk Mobile App Set-Up

In this step you configure Blynk application on your phone so you can get notifications from the BigClown Playground.

  1. Now download the Blynk app from App Store or Google Play. Create an account and log-in.

  2. Click on the QR icon.

  3. Scan following QR code to get everything preconfigured.

  4. You will see this imported project with a single Notification Widget.

    Click on the Settings icon.

  5. Scroll down and click on Email all tokens. We use this token from you email later.

  6. Now you need start the Blynk project. Click on the Play symbol.

Putting it all together

The final step is to connect Node-RED and Blynk together, so you can get the notifications.

  1. In the Playground Functions tab doubleclick on the Blynk notification node.

  2. Click on the pencil icon and paste the token you've received in the email. Click Done.

  3. Click the Deploy button. Everytime you edit the Node-RED flow you have to apply changes!

Action !

The time has come to PUSH THE BUTTON

Learn More

The goal of this Push Button Project is to show the basics in a few simple steps. Now you can learn more by browsing the documentation or by visiting the links below.

Troubleshooting

Cannot find the Radio Dongle or Core Module in the device list

  • On Windows 7 and macOS please install the FTDI VCP drivers
  • On Ubuntu you need to be in dialout user group. Please use command sudo usermod -a -G dialout $USER and restart computer
  • BigClown Playground cannot flash older Core Module Revision 1. Please use the bcf tool. See version comparison
Chapters in this document:
Edit this page

We will inspire you!

You will get regularly our Clownsletter with real projects from other Makers. Do not miss it!

By sign up you will know how even you can inspire others and get €100 discount coupon!