(update property name) |
|||
(3 révisions intermédiaires par 2 utilisateurs non affichées) | |||
Ligne 1 : | Ligne 1 : | ||
− | {{ | + | {{Tuto Details |
− | |Main_Picture= | + | |Main_Picture=Create_a_wooden_pet_that_connects_with_Facebook_italiano_ter.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 15 : | Ligne 15 : | ||
|IsTranslation=0 | |IsTranslation=0 | ||
}} | }} | ||
− | {{ | + | {{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> |
}} | }} | ||
− | {{ | + | {{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> |
− | | | + | |Tuto_Attachments={{Tuto Attachments |
+ | |Attachment=sheepboxconnected.svg | ||
+ | }} | ||
+ | |ExternalAttachmentsLinks={{ExternalAttachmentsLinks | ||
|ExternalAttachmentsLinks=https://drive.google.com/file/d/1AHXk4zxDN0U7YNiMKVyBzvakh8pY8MH9/view?usp=sharing | |ExternalAttachmentsLinks=https://drive.google.com/file/d/1AHXk4zxDN0U7YNiMKVyBzvakh8pY8MH9/view?usp=sharing | ||
}} | }} | ||
}} | }} | ||
− | {{ | + | {{Separator}} |
− | {{ | + | {{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 | ||
|Step_Picture_01=Create_a_wooden_pet_that_connects_with_Facebook_2.PNG | |Step_Picture_01=Create_a_wooden_pet_that_connects_with_Facebook_2.PNG | ||
}} | }} | ||
− | {{ | + | {{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 | ||
}} | }} | ||
− | {{ | + | {{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> | ||
|Step_Picture_00=Create_a_wooden_pet_that_connects_with_Facebook_3.PNG | |Step_Picture_00=Create_a_wooden_pet_that_connects_with_Facebook_3.PNG | ||
}} | }} | ||
− | {{ | + | {{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><!--T:44--> |
+ | Launch Arduino IDE. Go to Tools > Board and select “ESP32 Dev Module”. | ||
+ | |||
+ | <!--T:45--> | ||
+ | Fetch the Blink example on File > Examples > Basics > Blink. | ||
+ | |||
+ | <!--T:46--> | ||
+ | Upload the code by clicking on the arrow pointing to the right.</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 | ||
|Step_Picture_01=Create_a_wooden_pet_that_connects_with_Facebook_4.PNG | |Step_Picture_01=Create_a_wooden_pet_that_connects_with_Facebook_4.PNG | ||
}} | }} | ||
− | {{ | + | {{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><!--T:47--> |
+ | We will connect an Led to the board so that we will know when the tail actually gets touched. | ||
+ | |||
+ | <!--T:48--> | ||
+ | Connect a male/female jumper wire to D4 of the board. D4 is by default connected to the internal touch sensor. | ||
+ | |||
+ | <!--T:49--> | ||
+ | Connect D2 (by default connected to the board’s internal led) to the positive leg of the Led, using a male to female jumper wire. | ||
+ | |||
+ | <!--T:50--> | ||
+ | Connect the negative leg of the Led to GND on the board, using a male/female jumper wire. | ||
+ | |||
+ | <!--T:51--> | ||
+ | If needed, use some tape to secure the jumper wires to the Led.</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 | ||
}} | }} | ||
− | {{ | + | {{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><!--T:52--> The Wooden pet needs to be laser cut. Download the cutting pattern for laser cutter : [[:Fichier:Sheepboxconnected.svg|sheepboxconnected.svg]]</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 | ||
|Step_Picture_01=Create_a_wooden_pet_that_connects_with_Facebook_8.PNG | |Step_Picture_01=Create_a_wooden_pet_that_connects_with_Facebook_8.PNG | ||
}} | }} | ||
− | {{ | + | {{Tuto Step |
− | |Step_Title=<translate>Programming on | + | |Step_Title=<translate><!--T:20--> Programming on Tuniot</translate> |
− | |Step_Content=<translate></translate> | + | |Step_Content=<translate><!--T:53--> |
+ | Complete the fields “ssid” and “password” with the name of your wi-fi connection and its password respectively | ||
+ | |||
+ | <!--T:54--> | ||
+ | The “User Name” and “Key” are available on your adafruit.io page.</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 | ||
|Step_Picture_01=Create_a_wooden_pet_that_connects_with_Facebook_9.PNG | |Step_Picture_01=Create_a_wooden_pet_that_connects_with_Facebook_9.PNG | ||
}} | }} | ||
− | {{ | + | {{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 | ||
}} | }} | ||
− | {{ | + | {{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 | ||
|Step_Picture_01=Create_a_wooden_pet_that_connects_with_Facebook_13.PNG | |Step_Picture_01=Create_a_wooden_pet_that_connects_with_Facebook_13.PNG | ||
}} | }} | ||
− | {{ | + | {{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 121 : | Ligne 168 : | ||
|Step_Picture_05=Create_a_wooden_pet_that_connects_with_Facebook_18.PNG | |Step_Picture_05=Create_a_wooden_pet_that_connects_with_Facebook_18.PNG | ||
}} | }} | ||
− | {{ | + | {{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 135 : | Ligne 186 : | ||
|Step_Picture_03=Create_a_wooden_pet_that_connects_with_Facebook_21.PNG | |Step_Picture_03=Create_a_wooden_pet_that_connects_with_Facebook_21.PNG | ||
}} | }} | ||
− | {{ | + | {{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 | ||
}} | }} | ||
− | {{ | + | {{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> |
}} | }} | ||
− | {{ | + | {{Tuto Status |
|Complete=Published | |Complete=Published | ||
}} | }} |
Auteur Simone Ferrecchia DIGIJEUNES | Dernière modification 9/12/2019 par Clementflipo
Internetofthings, adafruit.io, ESP32, Facebook, Arduino Create_a_wooden_pet_that_connects_with_Facebook_italiano_ter.PNG en none Creation 0
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”.
Follow the instructions provided on github for your OS
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.
Launch Arduino IDE. Go to Tools > Board and select “ESP32 Dev Module”.
Fetch the Blink example on File > Examples > Basics > Blink.
Upload the code by clicking on the arrow pointing to the right.
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 of 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 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.
The Wooden pet needs to be laser cut. Download the cutting pattern for laser cutter : sheepboxconnected.svg
Complete the fields “ssid” and “password” with the name of your wi-fi connection and its password respectively
The “User Name” and “Key” are available on your adafruit.io page.
Sketch > Include Library > Manage Libraries…
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
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.
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!”
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.
Published
Vous avez entré un nom de page invalide, avec un ou plusieurs caractères suivants :
< > @ ~ : * € £ ` + = / \ | [ ] { } ; ? #