Create a wooden pet that connects with Facebook : Différence entre versions

(Cette version a été marquée pour être traduite)
Ligne 2 : Ligne 2 :
 
|Main_Picture=Create_a_wooden_pet_that_connects_with_Facebook_italiano.PNG
 
|Main_Picture=Create_a_wooden_pet_that_connects_with_Facebook_italiano.PNG
 
|Licences=Attribution (CC BY)
 
|Licences=Attribution (CC BY)
|Description=<translate>Wooden pet that post a message on your own Facebook timeline.</translate>
+
|Description=<translate><!--T:1--> Wooden pet that post a message on your own Facebook timeline.</translate>
 
|Area=Electronics, Machines and Tools, Play and Hobbies, Robotics
 
|Area=Electronics, Machines and Tools, Play and Hobbies, Robotics
 
|Type=Creation
 
|Type=Creation
Ligne 16 : Ligne 16 :
 
}}
 
}}
 
{{ {{tntn|Introduction}}
 
{{ {{tntn|Introduction}}
|Introduction=<translate>In this tutorial we will create a wooden pet that connects with Facebook. It will post a message of your choice on your own timeline whenever its tail is touched.</translate>
+
|Introduction=<translate><!--T:2--> In this tutorial we will create a wooden pet that connects with Facebook. It will post a message of your choice on your own timeline whenever its tail is touched.</translate>
 
}}
 
}}
 
{{ {{tntn|Materials}}
 
{{ {{tntn|Materials}}
|Material=<translate>* 1 x ESP32 board with power cable
+
|Material=<translate><!--T:3-->
 +
* 1 x ESP32 board with power cable
 
* 4 x jumper wires  
 
* 4 x jumper wires  
 
* 1 x breadboard
 
* 1 x breadboard
 
* 1 x Led
 
* 1 x Led
 
* 1 x 250 kohm resistor (or similar)</translate>
 
* 1 x 250 kohm resistor (or similar)</translate>
|Tools=<translate>* 1 Pc with Arduino IDE installed</translate>
+
|Tools=<translate><!--T:4--> * 1 Pc with Arduino IDE installed</translate>
 
|ExternalAttachmentsLinks={{ {{tntn|ExternalAttachmentsLinks}}
 
|ExternalAttachmentsLinks={{ {{tntn|ExternalAttachmentsLinks}}
 
|ExternalAttachmentsLinks=https://drive.google.com/file/d/1AHXk4zxDN0U7YNiMKVyBzvakh8pY8MH9/view?usp=sharing
 
|ExternalAttachmentsLinks=https://drive.google.com/file/d/1AHXk4zxDN0U7YNiMKVyBzvakh8pY8MH9/view?usp=sharing
Ligne 31 : Ligne 32 :
 
{{ {{tntn|Separator}}}}
 
{{ {{tntn|Separator}}}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=<translate>Set up an account on adafruit.io</translate>
+
|Step_Title=<translate><!--T:5--> Set up an account on adafruit.io</translate>
|Step_Content=<translate>Once you ve set up an account on adafruit.io, go on creating a new Feed.
+
|Step_Content=<translate><!--T:6-->
 +
Once you ve set up an account on adafruit.io, go on creating a new Feed.
  
 +
<!--T:7-->
 
Create a new feed and name it, for example, “touchsensor”.</translate>
 
Create a new feed and name it, for example, “touchsensor”.</translate>
 
|Step_Picture_00=Create_a_wooden_pet_that_connects_with_Facebook_1.PNG
 
|Step_Picture_00=Create_a_wooden_pet_that_connects_with_Facebook_1.PNG
Ligne 39 : Ligne 42 :
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=<translate>Install arduino IDE</translate>
+
|Step_Title=<translate><!--T:8--> Install arduino IDE</translate>
|Step_Content=<translate>Download [https://www.arduino.cc/en/Main/Software arduino.cc/en/Main/Software]</translate>
+
|Step_Content=<translate><!--T:9--> Download [https://www.arduino.cc/en/Main/Software arduino.cc/en/Main/Software]</translate>
 
|Step_Picture_00=Create_a_wooden_pet_that_connects_with_Facebook_Arduino_Software.png
 
|Step_Picture_00=Create_a_wooden_pet_that_connects_with_Facebook_Arduino_Software.png
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=<translate>Prepare the ESP32 board on your computer</translate>
+
|Step_Title=<translate><!--T:10--> Prepare the ESP32 board on your computer</translate>
|Step_Content=<translate>Follow the [https://github.com/espressif/arduino-esp32/blob/master/README.md#installation-instructions instructions provided on github] for your OS
+
|Step_Content=<translate><!--T:11-->
 +
Follow the [https://github.com/espressif/arduino-esp32/blob/master/README.md#installation-instructions instructions provided on github] for your OS
  
 +
<!--T:12-->
 
[https://github.com/espressif/arduino-esp32/blob/master/docs/arduino-ide/windows.md For windows]
 
[https://github.com/espressif/arduino-esp32/blob/master/docs/arduino-ide/windows.md For windows]
  
 +
<!--T:13-->
 
If you have troubles following the instructions for windows, you may find some help below.
 
If you have troubles following the instructions for windows, you may find some help below.
  
 +
<!--T:14-->
 
To find the Sketch directory, click File > Preferences, on arduino IDE.
 
To find the Sketch directory, click File > Preferences, on arduino IDE.
  
 +
<!--T:15-->
 
The process of cloning existing repository may take a tomatically.
 
The process of cloning existing repository may take a tomatically.
  
 +
<!--T:16-->
 
{{Warning|Do not quit until it's done.
 
{{Warning|Do not quit until it's done.
 
Do not shut any pop up window until they shut automatically.}}</translate>
 
Do not shut any pop up window until they shut automatically.}}</translate>
Ligne 60 : Ligne 69 :
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=<translate>Check that the board is correctly configured</translate>
+
|Step_Title=<translate><!--T:17--> Check that the board is correctly configured</translate>
 
|Step_Content=<translate></translate>
 
|Step_Content=<translate></translate>
 
|Step_Picture_00=Create_a_wooden_pet_that_connects_with_Facebook_5.PNG
 
|Step_Picture_00=Create_a_wooden_pet_that_connects_with_Facebook_5.PNG
Ligne 66 : Ligne 75 :
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=<translate>Wiring the led and the touch sensor to the ESP32</translate>
+
|Step_Title=<translate><!--T:18--> Wiring the led and the touch sensor to the ESP32</translate>
 
|Step_Content=<translate></translate>
 
|Step_Content=<translate></translate>
 
|Step_Picture_00=Create_a_wooden_pet_that_connects_with_Facebook_6.PNG
 
|Step_Picture_00=Create_a_wooden_pet_that_connects_with_Facebook_6.PNG
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=<translate>Place the electronic inside the pet</translate>
+
|Step_Title=<translate><!--T:19--> Place the electronic inside the pet</translate>
 
|Step_Content=<translate></translate>
 
|Step_Content=<translate></translate>
 
|Step_Picture_00=Create_a_wooden_pet_that_connects_with_Facebook_7.PNG
 
|Step_Picture_00=Create_a_wooden_pet_that_connects_with_Facebook_7.PNG
Ligne 77 : Ligne 86 :
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=<translate>Programming on tuniot</translate>
+
|Step_Title=<translate><!--T:20--> Programming on tuniot</translate>
 
|Step_Content=<translate></translate>
 
|Step_Content=<translate></translate>
 
|Step_Picture_00=Create_a_wooden_pet_that_connects_with_Facebook_10.PNG
 
|Step_Picture_00=Create_a_wooden_pet_that_connects_with_Facebook_10.PNG
Ligne 83 : Ligne 92 :
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=<translate>Install Adafruit_MQTT.h and Adafruit_MQTT_Client.h libraries on Arduino IDE</translate>
+
|Step_Title=<translate><!--T:21--> Install Adafruit_MQTT.h and Adafruit_MQTT_Client.h libraries on Arduino IDE</translate>
|Step_Content=<translate>Sketch > Include Library > Manage Libraries…</translate>
+
|Step_Content=<translate><!--T:22--> Sketch > Include Library > Manage Libraries…</translate>
 
|Step_Picture_00=Create_a_wooden_pet_that_connects_with_Facebook_11.PNG
 
|Step_Picture_00=Create_a_wooden_pet_that_connects_with_Facebook_11.PNG
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=<translate>Programming on arduino IDE</translate>
+
|Step_Title=<translate><!--T:23--> Programming on arduino IDE</translate>
|Step_Content=<translate>To upload the code on Arduino IDE, click on the “copy arduino code into clipboard” button.
+
|Step_Content=<translate><!--T:24-->
 +
To upload the code on Arduino IDE, click on the “copy arduino code into clipboard” button.
  
 +
<!--T:25-->
 
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.
  
 +
<!--T:26-->
 
if you click on Serial Monitor (top right of the Arduino IDE screen), you should see the value recorded by the touch sensor (see image below).
 
if you click on Serial Monitor (top right of the Arduino IDE screen), you should see the value recorded by the touch sensor (see image below).
  
 +
<!--T:27-->
 
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 adafruit.io</translate>
 
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 adafruit.io</translate>
 
|Step_Picture_00=Create_a_wooden_pet_that_connects_with_Facebook_12.PNG
 
|Step_Picture_00=Create_a_wooden_pet_that_connects_with_Facebook_12.PNG
Ligne 100 : Ligne 113 :
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=<translate>Create an applet on IFTTT</translate>
+
|Step_Title=<translate><!--T:28--> Create an applet on IFTTT</translate>
|Step_Content=<translate>Click on My Applets.
+
|Step_Content=<translate><!--T:29-->
 +
Click on My Applets.
  
 +
<!--T:30-->
 
Choose New Applet.
 
Choose New Applet.
  
 +
<!--T:31-->
 
Click on THIS (see image below).
 
Click on THIS (see image below).
  
 +
<!--T:32-->
 
Search for Adafruit.
 
Search for Adafruit.
  
 +
<!--T:33-->
 
Choose Monitor a feed on Adafruit IO.
 
Choose Monitor a feed on Adafruit IO.
  
 +
<!--T:34-->
 
Configure it as follows (see image below)
 
Configure it as follows (see image below)
  
 +
<!--T:35-->
 
And Click on Create trigger.</translate>
 
And Click on Create trigger.</translate>
 
|Step_Picture_00=Create_a_wooden_pet_that_connects_with_Facebook_17.PNG
 
|Step_Picture_00=Create_a_wooden_pet_that_connects_with_Facebook_17.PNG
Ligne 122 : Ligne 142 :
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=<translate>Complete the applet on IFTTT</translate>
+
|Step_Title=<translate><!--T:36--> Complete the applet on IFTTT</translate>
|Step_Content=<translate>Click on THAT
+
|Step_Content=<translate><!--T:37-->
 +
Click on THAT
  
 +
<!--T:38-->
 
Choose Facebook.
 
Choose Facebook.
  
 +
<!--T:39-->
 
Choose Create a status message.
 
Choose Create a status message.
  
 +
<!--T:40-->
 
Type your message and click on Create action.</translate>
 
Type your message and click on Create action.</translate>
 
|Step_Picture_00=Create_a_wooden_pet_that_connects_with_Facebook_20.PNG
 
|Step_Picture_00=Create_a_wooden_pet_that_connects_with_Facebook_20.PNG
Ligne 136 : Ligne 160 :
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
|Step_Title=<translate>Final</translate>
+
|Step_Title=<translate><!--T:41--> Final</translate>
|Step_Content=<translate>In this case, the message that will be posted on your Facebook timeline is “Don’t touch my tail!”</translate>
+
|Step_Content=<translate><!--T:42--> In this case, the message that will be posted on your Facebook timeline is “Don’t touch my tail!”</translate>
 
|Step_Picture_00=Create_a_wooden_pet_that_connects_with_Facebook_24.PNG
 
|Step_Picture_00=Create_a_wooden_pet_that_connects_with_Facebook_24.PNG
 
}}
 
}}
 
{{ {{tntn|Notes}}
 
{{ {{tntn|Notes}}
|Notes=<translate>This tutorial has been developed as part of the [http://www.digijeunes.com/projets/itech/ I TECH] project, co-financed by the Erasmus + program of the European Commission. For more info contact us on info@digijeunes.com.</translate>
+
|Notes=<translate><!--T:43--> This tutorial has been developed as part of the [http://www.digijeunes.com/projets/itech/ I TECH] project, co-financed by the Erasmus + program of the European Commission. For more info contact us on info@digijeunes.com.</translate>
 
}}
 
}}
 
{{ {{tntn|Tuto Status}}
 
{{ {{tntn|Tuto Status}}
 
|Complete=Published
 
|Complete=Published
 
}}
 
}}

Version du 21 août 2018 à 16:41

Auteur avatarSimone Ferrecchia DIGIJEUNES | Dernière modification 9/12/2019 par Clementflipo

Create a wooden pet that connects with Facebook italiano.PNG

Introduction

In this tutorial we will create a wooden pet that connects with Facebook. It will post a message of your choice on your own timeline whenever its tail is touched.

Matériaux

  • 1 x ESP32 board with power cable
  • 4 x jumper wires
  • 1 x breadboard
  • 1 x Led
  • 1 x 250 kohm resistor (or similar)

Outils

  • 1 Pc with Arduino IDE installed

Étape 1 - Set up an account on adafruit.io

Once you ve set up an account on adafruit.io, go on creating a new Feed.

Create a new feed and name it, for example, “touchsensor”.



Étape 2 - Install arduino IDE

Download arduino.cc/en/Main/Software




Étape 3 - Prepare the ESP32 board on your computer

Follow the instructions provided on github for your OS

For windows

If you have troubles following the instructions for windows, you may find some help below.

To find the Sketch directory, click File > Preferences, on arduino IDE.

The process of cloning existing repository may take a tomatically.

Do not quit until it's done. Do not shut any pop up window until they shut automatically.




Étape 4 - Check that the board is correctly configured



Étape 5 - Wiring the led and the touch sensor to the ESP32




Étape 6 - Place the electronic inside the pet



Étape 7 - Programming on tuniot



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

Sketch > Include Library > Manage Libraries…




Étape 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), you should see the value recorded by the touch sensor (see image below).

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 adafruit.io



Étape 10 - Create an applet on IFTTT

Click on My Applets.

Choose New Applet.

Click on THIS (see image below).

Search for Adafruit.

Choose Monitor a feed on Adafruit IO.

Configure it as follows (see image below)

And Click on Create trigger.

Étape 11 - Complete the applet on IFTTT

Click on THAT

Choose Facebook.

Choose Create a status message.

Type your message and click on Create action.


Étape 12 - Final

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




Notes et références

This tutorial has been developed as part of the I TECH project, co-financed by the Erasmus + program of the European Commission. For more info contact us on info@digijeunes.com.

Commentaires

Published