blokdots & ProtoPie

blokdots is a code-free software used to build interactive hardware prototypes with Arduino. By using ProtoPie and blokdots together, you can bridge the gap between hardware and software prototyping without a line of code.

This integration is available with all plans. However, by using blokdots with ProtoPie Connect you can unlock new possibilities, such as the ability to create hardware-software interactions involving three or more devices. Learn more about how the blokdots plugin works in ProtoPie Connect.

Here is the simplest ecosystem for connecting ProtoPie to blokdots:

• ProtoPie Studio - for creating interactions.
• ProtoPie Player - for running prototypes on smart devices.
• blokdots - to facilitate the communication between Arduino and prototypes via socket.IO.

Getting Ready

To use blokdots with ProtoPie you will need the following:

• Have the blokdots app installed on your desktop.
• Set up your Arduino board. Check the supported boards here.
• A USB cable to connect your Arduino board to your laptop or PC.
  
  
  
• Activate the free trial of blokdots pro.

Connecting Arduino to blokdots

Open blokdots and connect your Arduino board to your laptop or PC.

Once you see that your board is ready in the top-left corner, you can start setting up your components.

Setting Up Components in blokdots

1. Click Connect A New Component and pick the ones you want to connect.
2. Choose an available Grove slot or hardware pin from the list
3. Click on Set Component.

This step is necessary for blokdots to know which components of the Arduino board to control.

Connecting ProtoPie with Arduino via blokdots

The blokdots app allows ProtoPie and Arduino to send messages from one to another. To make this happen, you will need to:

1. Set up Send and Receive in ProtoPie Studio

In ProtoPie Studio, the Receive Trigger and the Send Response will initiate communication between the devices. Make sure to set the Channel to ProtoPie Studio. The Message and Value can be set to whatever you wish.

2. Create condition cards in blokdots

To add logic to a blokdots component, you need to add and configure cards in the main area of the Project View. There are two types of cards in blokdots: “If This Then That” cards and “Mapping” cards.

As the final interactions take place between ProtoPie Player and Arduino, the combination of both will make communication possible.

Receiving messages from blokdots to ProtoPie

To send a message from blokdots to ProtoPie, a condition card should have the following structure:

• If the action of any input hardware component
• Then ProtoPie Player should send message

In the smart home prototype example below, turning the Potentiometer on the Arduino board will change the temperature degree value displayed on the pie file running in the ProtoPie Player.

To receive messages from blokdots, use the Receive trigger in ProtoPie Studio as below.

Sending messages from ProtoPie to blokdots

To send messages from ProtoPie Studio to blokdots, use the Send response.

To receive a message from ProtoPie, the condition card in blokdots should have the following structure:

• If ProtoPie Player is receiving message
• Then the action of any input hardware component

Testing your Interactions

To test your interactions, do the following:

1. Connect ProtoPie Player with blokdots (iOS only for now)

Scan the QR code that blokdots will show when hovering above the ProtoPie icon in the lower-left corner or type the IP address. The ProtoPie Player component will change to green once it is set up.

2. Connect ProtoPie Studio with ProtoPie Player

Learn more about how to connect ProtoPie Player.

3. Run your project in blokdots

Click on the Run Project button at the top of the project window.

If you want to learn more about the ProtoPie and blokdots integration and test it out on your own, check out this step-by-step tutorial.

FAQs

• My Arduino board is not detected. What should I do?

  If your board does not appear in the Arduino application Port menu and you get a “Board not connected” message in your blokdots application, please follow these troubleshooting steps.

  

• I get an error message on the blokdots app that Firmata cannot be uploaded. What does it mean?

  To be able to communicate with blokdots, the Arduino board needs to be flashed with Firmata, a protocol that allows it to communicate with your computer. Once you open blokdots and plug in your Arduino, blokdots flashes the board with the Firmata automatically. However, in case you get an error message that Firmata cannot be uploaded you can follow these steps to troubleshoot it:

  Open Arduino IDE → File → Examples → Firmata → StandardFirmata → Click on the Arrow icon to upload Firmata. Once the sketch is compiled, you will get a notification message that Firmata has been successfully uploaded.