Difference between revisions of "Wooden pet connects to Facebook"

Line 2: Line 2:
 
|Main_Picture=Wooden_pet_connects_to_Facebook_6.PNG
 
|Main_Picture=Wooden_pet_connects_to_Facebook_6.PNG
 
|Licences=Attribution (CC BY)
 
|Licences=Attribution (CC BY)
|Description=In this tutorial we will create a wooden pet that connects to Facebook. It will post a message of your choice on your own timeline whenever its tail is touched.
+
|Description=<translate>In this tutorial we will create a wooden pet that connects to Facebook. It will post a message of your choice on your own timeline whenever its tail is touched.</translate>
 
|Area=Electronics
 
|Area=Electronics
 
|Type=Creation
 
|Type=Creation
Line 15: Line 15:
 
}}
 
}}
 
{{ {{tntn|Introduction}}
 
{{ {{tntn|Introduction}}
|Introduction=
+
|Introduction=<translate></translate>
 
}}
 
}}
 
{{ {{tntn|Materials}}
 
{{ {{tntn|Materials}}
|Material=
+
|Material=<translate></translate>
|Tools=
+
|Tools=<translate></translate>
 
}}
 
}}
 
{{ {{tntn|Separator}}}}
 
{{ {{tntn|Separator}}}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Set up an account on adafruit.io
+
|Step_Title=<translate>Setup an account and create a new feed on adafruit.io</translate>
|Step_Content=
+
|Step_Content=<translate>Create a new feed by reaching https://io.adafruit.com/ > Feeds > Actions and then name it, for example “touchsensor”</translate>
|Step_Picture_00=Wooden_pet_connects_to_Facebook_1.PNG
 
}}
 
{{ {{tntn|Tuto Step}}
 
|Step_Title=Create a new Feed on adafruit.io
 
|Step_Content=Create a new feed by reaching https://io.adafruit.com/ > Feeds > Actions and then name it, for example “touchsensor”
 
 
|Step_Picture_00=Wooden_pet_connects_to_Facebook_2.PNG
 
|Step_Picture_00=Wooden_pet_connects_to_Facebook_2.PNG
 +
|Step_Picture_01=Wooden_pet_connects_to_Facebook_1.PNG
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Install Arduino IDE
+
|Step_Title=<translate>Install Arduino IDE</translate>
|Step_Content=You will need to use Arduino IDE to code and upload the firmware onto your ESP32 board.
+
|Step_Content=<translate>You will need to use Arduino IDE to code and upload the firmware onto your ESP32 board.
  
Download the software by visiting [https://www.arduino.cc/en/Main/Software? Arduino IDE] > Scroll down until you see the “Download the Arduino IDE” section and choose the version based upon your operating system (e.g. If you have Windows 7, choose “Windows Installer” / if you have Windows 10, choose “Windows app”) > On the next page choose “Just download” and run the installation files.
+
Download the software by visiting [https://www.arduino.cc/en/Main/Software? Arduino IDE] > Scroll down until you see the “Download the Arduino IDE” section and choose the version based upon your operating system (e.g. If you have Windows 7, choose “Windows Installer” / if you have Windows 10, choose “Windows app”) > On the next page choose “Just download” and run the installation files.</translate>
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Prepare the ESP32 board on your computer
+
|Step_Title=<translate>Prepare the ESP32 board on your computer</translate>
|Step_Content=Follow the [https://github.com/espressif/arduino-esp32/blob/master/README.md#installation-instructions instructions provided on GitHub] for your Operating System. For example, if you have Windows 7 or 10, choose “Instructions for Windows” / if you have a MacBook, choose “Instructions for Mac”
+
|Step_Content=<translate>Follow the [https://github.com/espressif/arduino-esp32/blob/master/README.md#installation-instructions instructions provided on GitHub] for your Operating System. For example, if you have Windows 7 or 10, choose “Instructions for Windows” / if you have a MacBook, choose “Instructions for Mac”
  
For the “Instructions for Windows” section, you can ignore the following step:
+
For the “Instructions for Windows” section, you can ignore the following step:</translate>
 
|Step_Picture_00=Wooden_pet_connects_to_Facebook_Capture.PNG
 
|Step_Picture_00=Wooden_pet_connects_to_Facebook_Capture.PNG
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Check that the board is correctly configured
+
|Step_Title=<translate>Check that the board is correctly configured</translate>
|Step_Content=Launch Arduino IDE and select “ESP32 Dev Module” from the Tools menu > Board.
+
|Step_Content=<translate>Launch Arduino IDE and select “ESP32 Dev Module” from the Tools menu > Board.
  
 
Fetch the Blink example from File > Examples > 01.Basics > Blink.
 
Fetch the Blink example from File > Examples > 01.Basics > Blink.
Line 87: Line 83:
 
}
 
}
  
Finally, upload the code by using the right arrow (→) button at the top right corner of the window, by choosing Sketch > Upload or by pressing Ctrl+U on the keyboard.
+
Finally, upload the code by using the right arrow (→) button at the top right corner of the window, by choosing Sketch > Upload or by pressing Ctrl+U on the keyboard.</translate>
 
|Step_Picture_00=Wooden_pet_connects_to_Facebook_4.PNG
 
|Step_Picture_00=Wooden_pet_connects_to_Facebook_4.PNG
 
|Step_Picture_01=Wooden_pet_connects_to_Facebook_5.PNG
 
|Step_Picture_01=Wooden_pet_connects_to_Facebook_5.PNG
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Wiring the LED and the touch sensor to the ESP32
+
|Step_Title=<translate>Wiring the LED and the touch sensor to the ESP32</translate>
|Step_Content=We will connect an LED to the board so that we will know when the tail actually gets touched.
+
|Step_Content=<translate>We will connect an LED to the board so that we will know when the tail actually gets touched.
  
 
Connect a male/female jumper wire to D4 on the board. D4 is by default connected to the internal touch sensor.
 
Connect a male/female jumper wire to D4 on the board. D4 is by default connected to the internal touch sensor.
Line 101: Line 97:
 
Connect the negative leg of the LED to GND on the board, using a male/female jumper wire.
 
Connect the negative leg of the LED to GND on the board, using a male/female jumper wire.
  
If needed, use some tape to secure the jumper wires to the LED.
+
If needed, use some tape to secure the jumper wires to the LED.</translate>
 
|Step_Picture_00=Wooden_pet_connects_to_Facebook_6.PNG
 
|Step_Picture_00=Wooden_pet_connects_to_Facebook_6.PNG
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Place the electronic board inside the pet
+
|Step_Title=<translate>Place the electronic board inside the pet</translate>
|Step_Content=The wooden pet needs to be laser cut. You can download the cutting pattern for laser cutter from [https://drive.google.com/file/d/1AHXk4zxDN0U7YNiMKVyBzvakh8pY8MH9/view?usp=sharing here].
+
|Step_Content=<translate>The wooden pet needs to be laser cut. You can download the cutting pattern for laser cutter from [https://drive.google.com/file/d/1AHXk4zxDN0U7YNiMKVyBzvakh8pY8MH9/view?usp=sharing here].
  
Place all the parts inside the pet, and connect the internal touch sensor to the aluminum tail.
+
Place all the parts inside the pet, and connect the internal touch sensor to the aluminum tail.</translate>
 
|Step_Picture_00=Wooden_pet_connects_to_Facebook_7.PNG
 
|Step_Picture_00=Wooden_pet_connects_to_Facebook_7.PNG
 
|Step_Picture_01=Wooden_pet_connects_to_Facebook_8.PNG
 
|Step_Picture_01=Wooden_pet_connects_to_Facebook_8.PNG
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Programming on tuniot
+
|Step_Title=<translate>Programming on tuniot</translate>
|Step_Content=Let’s create a program that registers the values recorded by the touch sensor and publishes them online.
+
|Step_Content=<translate>Let’s create a program that registers the values recorded by the touch sensor and publishes them online.
  
 
For that we need to reach: http://easycoding.tn/esp32/demos/code/
 
For that we need to reach: http://easycoding.tn/esp32/demos/code/
Line 122: Line 118:
 
Complete the fields “ssid” and “password” with the name of your wifiwi-fi connection and its password respectively.
 
Complete the fields “ssid” and “password” with the name of your wifiwi-fi connection and its password respectively.
  
The “User Name” and “Key” are available here (just click on View AIO Key).
+
The “User Name” and “Key” are available here (just click on View AIO Key).</translate>
 
|Step_Picture_00=Wooden_pet_connects_to_Facebook_9.PNG
 
|Step_Picture_00=Wooden_pet_connects_to_Facebook_9.PNG
 
|Step_Picture_01=Wooden_pet_connects_to_Facebook_10.PNG
 
|Step_Picture_01=Wooden_pet_connects_to_Facebook_10.PNG
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Install Adafruit_MQTT.h and Adafruit_MQTT_Client.h libraries on Arduino IDE
+
|Step_Title=<translate>Install Adafruit_MQTT.h and Adafruit_MQTT_Client.h libraries on Arduino IDE</translate>
|Step_Content=For that we need to run Arduino IDE and go to Sketch > Include Library > Manage Libraries… > Search for “Adafruit mqtt library” and install the first result.
+
|Step_Content=<translate>For that we need to run Arduino IDE and go to Sketch > Include Library > Manage Libraries… > Search for “Adafruit mqtt library” and install the first result.</translate>
 
|Step_Picture_00=Wooden_pet_connects_to_Facebook_11.PNG
 
|Step_Picture_00=Wooden_pet_connects_to_Facebook_11.PNG
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Programming on Arduino IDE
+
|Step_Title=<translate>Programming on Arduino IDE</translate>
|Step_Content=To upload the code on Arduino IDE, click on the “Copy Arduino code into clipboard” button.
+
|Step_Content=<translate>To upload the code on Arduino IDE, click on the “Copy Arduino code into clipboard” button.
  
 
then paste the code onto Arduino IDE, and upload it to the ESP32.
 
then paste the code onto Arduino IDE, and upload it to the ESP32.
Line 139: Line 135:
 
If you click on Serial Monitor (top right of the Arduino IDE screen, below the “X” button), you should see the values recorded by the touch sensor.
 
If you click on Serial Monitor (top right of the Arduino IDE screen, below the “X” button), you should see the values recorded by the touch sensor.
  
It means that your ESP32 is connected to the internet, and that it’s sending the value recorded by the internal touch sensor on-line, on https://adafruit.io.
+
It means that your ESP32 is connected to the internet, and that it’s sending the value recorded by the internal touch sensor on-line, on https://adafruit.io.</translate>
 
|Step_Picture_00=Wooden_pet_connects_to_Facebook_12.PNG
 
|Step_Picture_00=Wooden_pet_connects_to_Facebook_12.PNG
 
|Step_Picture_01=Wooden_pet_connects_to_Facebook_13.PNG
 
|Step_Picture_01=Wooden_pet_connects_to_Facebook_13.PNG
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=Create an applet on IFTTT
+
|Step_Title=<translate>Create an applet on IFTTT</translate>
|Step_Content=For this we need to access https://ifttt.com/ and create an account.
+
|Step_Content=<translate>For this we need to access https://ifttt.com/ and create an account.
  
 
Then, click on My Applets.
 
Then, click on My Applets.
Line 169: Line 165:
 
Type your message and click on Create action.
 
Type your message and click on Create action.
  
In this case, the message that will be posted on your facebook timeline is “Don’t touch my tail!”.
+
In this case, the message that will be posted on your facebook timeline is “Don’t touch my tail!”.</translate>
 
|Step_Picture_00=Wooden_pet_connects_to_Facebook_14.PNG
 
|Step_Picture_00=Wooden_pet_connects_to_Facebook_14.PNG
 
|Step_Picture_01=Wooden_pet_connects_to_Facebook_16.PNG
 
|Step_Picture_01=Wooden_pet_connects_to_Facebook_16.PNG
Line 178: Line 174:
 
}}
 
}}
 
{{ {{tntn|Notes}}
 
{{ {{tntn|Notes}}
|Notes=This tutorial has been developed as part of the iTech project, co-financed by the Erasmus + Programme of the European Union.
+
|Notes=<translate>This tutorial has been developed as part of the iTech project, co-financed by the Erasmus + Programme of the European Union.
  
For more details, contact info@digijeunes.com
+
For more details, contact info@digijeunes.com</translate>
 
}}
 
}}
 
{{ {{tntn|Tuto Status}}
 
{{ {{tntn|Tuto Status}}
|Complete=Draft
+
|Complete=Published
 
}}
 
}}

Revision as of 17:48, 27 October 2018

Author avatarDigijeunes | Last edit 9/12/2019 by Clementflipo

Wooden pet connects to Facebook 6.PNG

Materials

Tools

Step 1 - Setup an account and create a new feed on adafruit.io

Create a new feed by reaching https://io.adafruit.com/ > Feeds > Actions and then name it, for example “touchsensor”


Step 2 - Install Arduino IDE

You will need to use Arduino IDE to code and upload the firmware onto your ESP32 board.

Download the software by visiting Arduino IDE > Scroll down until you see the “Download the Arduino IDE” section and choose the version based upon your operating system (e.g. If you have Windows 7, choose “Windows Installer” / if you have Windows 10, choose “Windows app”) > On the next page choose “Just download” and run the installation files.

Step 3 - Prepare the ESP32 board on your computer

Follow the instructions provided on GitHub for your Operating System. For example, if you have Windows 7 or 10, choose “Instructions for Windows” / if you have a MacBook, choose “Instructions for Mac”

For the “Instructions for Windows” section, you can ignore the following step:



Step 4 - Check that the board is correctly configured

Launch Arduino IDE and select “ESP32 Dev Module” from the Tools menu > Board.

Fetch the Blink example from File > Examples > 01.Basics > Blink.

write int LED_BUILTIN = 2; at the top of the code

/*

 ESP 32 Blink

 Turns on an LED on for one second, then off for one second, repeatedly.

 The ESP32 has an internal blue LED at D2 (GPIO 02)

*/

int LED_BUILTIN = 2;

void setup()

{

 pinMode(LED_BUILTIN, OUTPUT);

}

void loop()

{

 digitalWrite(LED_BUILTIN, HIGH);   // turn the LED on (HIGH is the voltage level)

 delay(1000);                       // wait for a second

 digitalWrite(LED_BUILTIN, LOW);    // turn the LED off by making the voltage LOW

 delay(1000);                       // wait for a second

}

Finally, upload the code by using the right arrow (→) button at the top right corner of the window, by choosing Sketch > Upload or by pressing Ctrl+U on the keyboard.


Step 5 - Wiring the LED and the touch sensor to the ESP32

We will connect an LED to the board so that we will know when the tail actually gets touched.

Connect a male/female jumper wire to D4 on the board. D4 is by default connected to the internal touch sensor.

Connect D2 (by default connected to the board’s internal LED) to the positive leg of the external LED, using a male to female jumper wire.

Connect the negative leg of the LED to GND on the board, using a male/female jumper wire.

If needed, use some tape to secure the jumper wires to the LED.



Step 6 - Place the electronic board inside the pet

The wooden pet needs to be laser cut. You can download the cutting pattern for laser cutter from here.

Place all the parts inside the pet, and connect the internal touch sensor to the aluminum tail.


Step 7 - Programming on tuniot

Let’s create a program that registers the values recorded by the touch sensor and publishes them online.

For that we need to reach: http://easycoding.tn/esp32/demos/code/

Choose the appropriate blocks to create the code displayed below.

Complete the fields “ssid” and “password” with the name of your wifiwi-fi connection and its password respectively.

The “User Name” and “Key” are available here (just click on View AIO Key).


Step 8 - Install Adafruit_MQTT.h and Adafruit_MQTT_Client.h libraries on Arduino IDE

For that we need to run Arduino IDE and go to Sketch > Include Library > Manage Libraries… > Search for “Adafruit mqtt library” and install the first result.



Step 9 - Programming on Arduino IDE

To upload the code on Arduino IDE, click on the “Copy Arduino code into clipboard” button.

then paste the code onto Arduino IDE, and upload it to the ESP32.

If you click on Serial Monitor (top right of the Arduino IDE screen, below the “X” button), you should see the values recorded by the touch sensor.

It means that your ESP32 is connected to the internet, and that it’s sending the value recorded by the internal touch sensor on-line, on https://adafruit.io.


Step 10 - Create an applet on IFTTT

For this we need to access https://ifttt.com/ and create an account.

Then, click on My Applets.

Choose New Applet

Click on THIS

Search for Adafruit

Choose Monitor a feed on Adafruit IO

Configure it as follows

And Click on Create trigger

Click on THAT

Choose Facebook

Choose Create a status message

Type your message and click on Create action.

In this case, the message that will be posted on your facebook timeline is “Don’t touch my tail!”.

Notes and references

This tutorial has been developed as part of the iTech project, co-financed by the Erasmus + Programme of the European Union.

For more details, contact info@digijeunes.com

Comments

Published