IoT: Interacting with Arduino & Adafruit IoT Cloud

Adafruit 1.44 TFT

Arduino MKR RGB Shield

Arduino MKR ENV Shield

Arduino MKR WiFi 1010

<div class="se-component se-video-container __se__float-none" contenteditable="false" style="width: 100%;"><figure style="width: 100%; height: 56.25%; padding-bottom: 56.25%; margin: 0px;"><iframe frameborder="0" allowfullscreen="" src="https://www.youtube.com/embed/yPqkVBkb8Fw" data-proportion="true" data-percentage="100%,56.25%" data-size="100%,56.25%" data-align="none" style="width: 100%; height: 100%;" data-index="0" data-file-size="0" data-origin="100%,56.25%"></iframe></figure></div>In this tutorial, we will see how to send the values of temperature, humidity, atmospheric pressure and light intensity read by the sensors on the MKR ENV Shield to the Arduino IoT Cloud and the Adafruit IoT Cloud.On the other hand, we will also see how to display the message &#34;ON&#34; (in green) and &#34;OFF&#34; (in red) in the MKR RGB Shield depending on the state of a button of type &#34;ON / OFF&#34; (with which we will interact ) created from the Arduino IoT Cloud and from the Adafruit IoT Cloud.For this project, we will use the Arduino MKR WiFi 1010 board and we will need to have an account in both the Arduino Cloud and the Adafruit Cloud.<h3 >&#34;SENDING DATA TO THE CLOUD&#34;</h3>In this section, we will see how to send the values of temperature, humidity, atmospheric pressure and light luminosity read by the sensors of the MKR ENV Shield first to the Arduino IoT Cloud and later to the Adafruit IoT Cloud (using the WiFiNINA library and the Adafruit IO REST API v2).We will also use the Adafruit 1.44 &#34;Color TFT LCD Display with MicroSD-ST7735R to visualize the values that we are reading in the MKR ENV Shield and in this way verify that they are the same values that we are sending and visualizing in the Cloud.<figure><img src=https://projects.arduinocontent.cc/99b1ff16-f8f3-4709-a3f7-ea88eb21f3d1.jpg /><figcaption> </figcaption></figure><figure><img src=https://projects.arduinocontent.cc/f0c0a674-9080-4c51-9f49-7f708ea00683.jpg /><figcaption> </figcaption></figure><figure><img src=https://projects.arduinocontent.cc/1096c8dc-8bb1-4192-b591-5b75085a48a5.png /><figcaption> </figcaption></figure><h3 >ARDUINO IoT CLOUD</h3>We will follow the following steps:Step 1: Go to the Arduino IoT Cloud: <a href="https://create.arduino.cc/iot/things">https://create.arduino.cc/iot/things</a><figure><img src=https://projects.arduinocontent.cc/565a9fe1-5e1c-4031-9075-f8f1e1ac6e1e.jpg /><figcaption> </figcaption></figure>Step 2: Press the &#34;NEW THING&#34; button.<figure><img src=https://projects.arduinocontent.cc/1b1f424e-df1b-47e0-81b8-84af5060a02a.jpg /><figcaption> </figcaption></figure>Step 3: Select the board that we want to associate in the Arduino IoT Cloud (in our case it will be the MKR WiFi 1010 board).<figure><img src=https://projects.arduinocontent.cc/f0a600fe-6906-40b4-9a25-3de0b55296bc.jpg /><figcaption> </figcaption></figure>Step 4: The next step will be the installation of the Arduino Create plugin and the MKR WiFi 1010 configuration.<figure><img src=https://projects.arduinocontent.cc/1575ab33-0db4-496e-8d66-c4b3e5e37bfa.jpg /><figcaption> </figcaption></figure>Step 5: Connect the MKR WiFi 1010 board to the computer using a micro USB cable.<figure><img src=https://projects.arduinocontent.cc/62a26ebd-415f-4633-bb85-fda4bca5a0f4.jpg /><figcaption> </figcaption></figure>Step 6: Once the board is detected, enter a name for your MKR WiFi 1010.<figure><img src=https://projects.arduinocontent.cc/e43f5fce-76c9-46eb-947d-151c5a84e454.jpg /><figcaption> </figcaption></figure>Step 7: The next step will configure the Crypto Chip on the board.<figure><img src=https://projects.arduinocontent.cc/57cf1501-3dfd-4e1d-a57e-b28314309d41.jpg /><figcaption> </figcaption></figure>Finally, we will have our MKR WiFi 1010 board enabled for use on the Arduino IoT Cloud.<figure><img src=https://projects.arduinocontent.cc/4e21defc-4f05-48f1-93d2-1464cc051dca.jpg /><figcaption> </figcaption></figure><figure><img src=https://projects.arduinocontent.cc/7a03a197-80e6-4311-9047-340a8cc042b2.jpg /><figcaption> </figcaption></figure>Step 8: Now we can create our &#34;THING&#34; (logical representation of a connected object) that in our case will represent the values ​​of temperature, humidity, atmospheric pressure and light luminosity read by the MKR ENV Shield coupled on the MKR WiFi 1010 board.<figure><img src=https://projects.arduinocontent.cc/4f0fa5ca-3ddc-421c-9ac8-ef9de67cbd6c.jpg /><figcaption> </figcaption></figure>Step 9: We will create 4 read only properties: TEMPERATURE, HUMIDITY, PRESSURE and LIGHT_INTENSITY that will be updated every 2s.<figure><img src=https://projects.arduinocontent.cc/5f19a9cc-68e7-4ffc-b11e-fce8be4499ce.jpg /><figcaption> </figcaption></figure><figure><img src=https://projects.arduinocontent.cc/4f7d0d91-325e-45fc-8fe6-dce5fa6f800b.jpg /><figcaption> </figcaption></figure><figure><img src=https://projects.arduinocontent.cc/d0ec5f2b-017a-43d1-b6df-60e2445e1550.jpg /><figcaption> </figcaption></figure>If we go to the &#34;Widgets&#34; tab we will see that there are still no received values ​​and the indicators appear empty:<figure><img src=https://projects.arduinocontent.cc/cae3acaf-6edc-4e81-8b5d-0962c905bff0.jpg /><figcaption> </figcaption></figure>Step 10: If we press the &#34;EDIT CODE&#34; button we can see the sketch and the files that have been generated. We just need to complete the programming and add the SECRET_SSID and SECRET_PASS values ​​of our WiFi to the arduino_secrets.h file.The complete sketch can be downloaded from the following repository:<a href="https://github.com/avilmaru/iot_arduino_adafruit/tree/master/readsensors_sendtoarduino_iotcloud">https://github.com/avilmaru/iot_arduino_adafruit/tree/master/readsensors_sendtoarduino_iotcloud</a>NOTE: Remember that you have to change the following values for yours:<pre ><code >thingProperties.h const char THING_ID[] = &#34;xxxxxx-cxxx-xxxx-xxxx-xxxxxxxx&#34;; arduino_secrets.h #define SECRET_SSID &#34;XXX&#34; #define SECRET_PASS &#34;YYY” </code></pre>Step 11: Load the sketch on the board and see how every 2s the values read by the MKR ENV Shield are sent to the Arduino IoT Cloud:<figure><img src=https://projects.arduinocontent.cc/3c57822b-4219-4c75-b046-e275548058d0.jpg /><figcaption> </figcaption></figure><figure><img src=https://projects.arduinocontent.cc/4e67c145-a882-47e2-8f32-4c4abacfac2b.jpg /><figcaption> </figcaption></figure><figure><img src=https://projects.arduinocontent.cc/56e4ea0a-c9e5-45ec-969c-0ca9a3cc953c.jpg /><figcaption> </figcaption></figure><h3 >ADAFRUIT IoT CLOUD</h3>In this example, we will see how to send the same previous information but this time to the Adafruit IoT Cloud using the WiFiNINA library and the Adafruit IO REST API (v2.0.0).For more information about Adafruit IoT Cloud:<a href="https://learn.adafruit.com/welcome-to-adafruit-io/getting-started-with-adafruit-io">https://learn.adafruit.com/welcome-to-adafruit-io/getting-started-with-adafruit-io</a>For more information about Adafruit IO REST API (v2.0.0):<a href="https://io.adafruit.com/api/docs/">https://io.adafruit.com/api/docs/</a>We will follow the following steps:Step 1: Go to the Adafruit IoT Cloud: <a href="https://io.adafruit.com/">https://io.adafruit.com/</a>Step 2: We will create 4 &#34;feeds&#34; (what in the Arduino IoT Cloud we call &#34;properties&#34;) within a &#34;group&#34; call ENV_ROOM1:<ul ><li >humidity</li></ul><ul ><li >light_intensity.</li></ul><ul ><li >pressure.</li></ul><ul ><li >temperature</li></ul><figure><img src=https://projects.arduinocontent.cc/153d8d8f-f66c-47fd-b6e8-32938a5115db.jpg /><figcaption> </figcaption></figure>Check out the following guide to understand the basics of creating a feed:<a href="https://learn.adafruit.com/adafruit-io-basics-feeds/overview">https://learn.adafruit.com/adafruit-io-basics-feeds/overview</a>Step 3: We will create a &#34;dashboard&#34; to visualize the data of the previous &#34;feeds&#34;. In our case we will create 4 blocks (the equivalent of the &#34;Widgets&#34; in Arduino IoT Cloud) of type &#34;toggle&#34; that we will call: TEMPERATURE, HUMIDITY, PRESSURE and LIGHT_INTENSITY that will be associated to the 4 &#34;feeds&#34; that we have created in the previous section.<figure><img src=https://projects.arduinocontent.cc/1399ecc4-8394-4ab3-b2c5-f7cf4a303047.jpg /><figcaption> </figcaption></figure>Check out the following guide to understand the basics of creating a dashboard:<a href="https://learn.adafruit.com/adafruit-io-basics-dashboards/creating-a-dashboard">https://learn.adafruit.com/adafruit-io-basics-dashboards/creating-a-dashboard</a>Step 4: To send the value of the data read by the sensors of the MKR ENV SHIELD we will use the option of creating group data of the Adafruit IO REST API (v2.0.0) that will allow us to send the data of temperature, humidity, atmospheric pressure and light luminosity read at one time.If we look at the API documentation we see that to send the information we need to make the following call:POST: <a href="https://io.adafruit.com/api/v2/%7Busername%7D/groups/%7Bgroup_key%7D/data">https://io.adafruit.com/api/v2/{username}/groups/{group_key}/data</a>... and generate a JSON with the data with the following structure:<pre ><code >{  &#34;location&#34;: {    &#34;lat&#34;: 0,    &#34;lon&#34;: 0,    &#34;ele&#34;: 0  },  &#34;feeds&#34;: [    {      &#34;key&#34;: &#34;string&#34;,      &#34;value&#34;: &#34;string&#34;    }  ],  &#34;created_at&#34;: &#34;string&#34; } </code></pre>To serialize the data and generate the JSON, we will use the &#34;ArduinoJson&#34; library:<a href="https://arduinojson.org/v6/doc/serialization/">https://arduinojson.org/v6/doc/serialization/</a>Step 5: Finally we will load the sketch of the following repository on the board and check that the values read by the MKR ENV Shield are sent to the Adafruit IoT Cloud every 7s:<a href="https://github.com/avilmaru/iot_arduino_adafruit/tree/master/readsensors_sendtoadafruit_iotcloud">https://github.com/avilmaru/iot_arduino_adafruit/tree/master/readsensors_sendtoadafruit_iotcloud</a>NOTE: Remember that you have to change the following values for yours:<pre ><code >arduino_secrets.h #define SECRET_SSID &#34;XXX&#34; #define SECRET_PASS &#34;YYY” #define IO_USERNAME  &#34;ZZZZ&#34; #define IO_KEY       &#34;XXXX&#34; </code></pre><figure><img src=https://projects.arduinocontent.cc/fd0fb3e4-d28f-46cd-bd82-b10d146adbdc.jpg /><figcaption> </figcaption></figure><figure><img src=https://projects.arduinocontent.cc/9712a15e-ad95-4c6b-bbc5-9f0d262550ef.jpg /><figcaption> </figcaption></figure><h3 >&#34;INTERACTING WITH THE CLOUD&#34;</h3>In this tutorial, we will see how to display the message &#34;ON&#34; (in green) and &#34;OFF&#34; (in red) in the MKR RGB Shield depending on the state of a button &#34;ON / OFF&#34; (with which we will interact) created from the Arduino IoT Cloud and from the Adafruit IoT Cloud.<figure><img src=https://projects.arduinocontent.cc/62f4e5d3-94d3-4a71-bbf0-7c1dc63720ef.jpg /><figcaption> </figcaption></figure><h3 >ARDUINO IoT CLOUD</h3>We will follow the following steps:Step 1: We will add a new property to existing ones that we will call ON_OFF. It will be of type &#34;ON / OFF (boolean)&#34; read and write and will be updated only when its value changes.<figure><img src=https://projects.arduinocontent.cc/ce238441-3d00-4e99-a234-e317441a973e.jpg /><figcaption> </figcaption></figure><figure><img src=https://projects.arduinocontent.cc/749d8b92-3b30-4e3a-82ef-6a0b46001cec.jpg /><figcaption> </figcaption></figure>Step 2: If we press the &#34;EDIT CODE&#34; button we can see the sketch and the files that have been generated. We just need to complete the programming and add the SECRET_SSID and SECRET_PASS values of our WiFi to the arduino_secrets.h file.The complete sketch can be downloaded from the following repository:<a href="https://github.com/avilmaru/iot_arduino_adafruit/tree/master/onoff_getfromarduino_iotcloud">https://github.com/avilmaru/iot_arduino_adafruit/tree/master/onoff_getfromarduino_iotcloud</a>NOTE: I have deleted the environment variables from the previous tutorial to leave only the code referring to this new property.NOTE: Remember that you have to change the following values for yours:<pre ><code >thingProperties.h const char THING_ID[] = &#34;xxxxxx-cxxx-xxxx-xxxx-xxxxxxxx&#34;; arduino_secrets.h #define SECRET_SSID &#34;XXX&#34; #define SECRET_PASS &#34;YYY” </code></pre>Step 3: Load the sketch on the board and see how changing the state of the &#34;ON / OFF&#34; button causes the text &#34;ON&#34; to appear green (if the state of the button is &#34;ON&#34;) or the text &#34; OFF &#34;in red color (if the status of the button is&#34; OFF &#34;) in the MKR RGB Shield.<h3 >ADAFRUIT IoT CLOUD</h3>To perform the same example above in the Adafruit IoT Cloud, we will use the WiFiNINA library and the Adafruit IO REST API (v2.0.0).The steps to follow will be:Step 1: We will create a &#34;feed&#34; called &#34;ON_OFF&#34; within the &#34;group&#34; DEFAULT (group that exists by default).<figure><img src=https://projects.arduinocontent.cc/2729463a-35af-41c4-9f64-6c6faa7036bd.jpg /><figcaption> </figcaption></figure>Step 2: We will modify the property &#34;Feed History&#34; so that it does not save the value history of this feed since for this example it is not necessary. For this we will put &#34;OFF&#34; this property.<figure><img src=https://projects.arduinocontent.cc/e8f205d9-4f1b-4fee-bb94-99afce5c83b0.jpg /><figcaption> </figcaption></figure><figure><img src=https://projects.arduinocontent.cc/abf214d1-5455-4f0f-a8b8-1f1dfbb7bfd2.jpg /><figcaption> </figcaption></figure>Step 3: We will create a &#34;dashboard&#34; that will contain an &#34;ON / OFF&#34; button that we will associate with the &#34;feed&#34; that we have created.<figure><img src=https://projects.arduinocontent.cc/4e94f6bb-cb62-4cc8-95af-4f7eaa790d61.jpg /><figcaption> </figcaption></figure>Step 4: To get the value of the &#34;feed&#34; associated with the button we will use the option to get the last value of a feed of the Adafruit IO REST API (v2.0.0) that as its name indicates will allow us to know the last value of a feed and that in our case will correspond to the value of &#34;ON&#34; or &#34;OFF&#34; that the dashboard button has.If we look at the API documentation, we see that to get this information we need to make the following call:GET: /api/v2/{username}/feeds/{feed_key}/data/last... and deserialize a JSON with the following structure:<pre ><code >{  &#34;id&#34;: &#34;string&#34;,  &#34;value&#34;: &#34;string&#34;,  &#34;feed_id&#34;: 0,  &#34;group_id&#34;: 0,  &#34;expiration&#34;: &#34;string&#34;,  &#34;lat&#34;: 0,  &#34;lon&#34;: 0,  &#34;ele&#34;: 0,  &#34;completed_at&#34;: &#34;string&#34;,  &#34;created_at&#34;: &#34;string&#34;,  &#34;updated_at&#34;: &#34;string&#34;,  &#34;created_epoch&#34;: 0 } </code></pre>To deserialize the JSON data returned we will use the library &#34;ArduinoJson&#34;:<a href="https://arduinojson.org/v6/doc/deserialization/">https://arduinojson.org/v6/doc/deserialization/</a>Step 5: Finally we will load the sketch of the following repository on the board and we will check that by changing the state of the &#34;ON / OFF&#34; button it causes the text &#34;ON&#34; to appear in green color (if the state of the button is &#34;ON&#34;) or the text &#34;OFF&#34; in red color (if the status of the button is &#34;OFF&#34;) in the MKR RGB Shield.<a href="https://github.com/avilmaru/iot_arduino_adafruit/tree/master/onoff_getfromadafruit_iotcloud">https://github.com/avilmaru/iot_arduino_adafruit/tree/master/onoff_getfromadafruit_iotcloud</a>NOTE: Remember that you have to change the following values for yours:<pre ><code >arduino_secrets.h #define SECRET_SSID &#34;XXX&#34; #define SECRET_PASS &#34;YYY” #define IO_USERNAME  &#34;ZZZZ&#34; #define IO_KEY       &#34;XXXX&#34; </code></pre><figure><img src=https://projects.arduinocontent.cc/9f865642-e145-4752-805b-34616e234b0f.jpg /><figcaption> </figcaption></figure>

IoT: Interacting with Arduino & Adafruit IoT Cloud

Interacting with the Arduino and Adafruit IoT Cloud with the MKR WiFi 1010 and the MKR ENV and MKR RGB shields.