Voir la source de E-textile blinking bag

{{ {{tntn|Tuto Details}}
|Main_Picture=E-textile_blinking_bag_1.PNG
|Licences=Attribution (CC BY)
|Description=<translate><!--T:1--> In this tutorial you will learn how to have the LED patch of your textile bag blink.</translate>
|Area=Art, Clothing and Accessories, Electronics, Machines and Tools, Recycling and Upcycling
|Type=Creation
|Difficulty=Medium
|Duration=2
|Duration-type=hour(s)
|Cost=30
|Currency=EUR (€)
|Tags=e-textile, led, blink, arduino, mblock, visual coding, electronics
|SourceLanguage=none
|Language=en
|IsTranslation=0
}}
{{ {{tntn|Introduction}}
|Introduction=<translate><!--T:2-->
In this tutorial you will learn how to have the LED patch of your textile bag blink.

<!--T:33-->
Une version de ce tutoriel en français est disponible [https://drive.google.com/open?id=1ZNQu2h8SZ3uI79tKQNCViPp6Y63gyBdw ici]

<!--T:34-->
A romanian version of this tutorial is available [https://docs.google.com/document/d/1WxqQ4_5gqy94cQbUddNG7E6SFb7A4MmDr4GHvE66kso/edit?usp=sharing here]</translate>
}}
{{ {{tntn|Materials}}
|Step_Picture_00=E-textile_blinking_bag_2.PNG
|Step_Picture_01=E-textile_blinking_bag_1.PNG
|Step_Picture_02=E-textile_blinking_bag_3.PNG
|Material=<translate><!--T:3--> - e-textile bag (see prerequisite tutorials)</translate>
|Tools=<translate><!--T:4-->
- soldering iron

<!--T:5-->
- needle and thread</translate>
|Prerequisites={{ {{tntn|Prerequisites}}
|Prerequisites=Electronic textile bag
}}
}}
{{ {{tntn|Separator}}}}
{{ {{tntn|Tuto Step}}
|Step_Title=<translate><!--T:6--> Prepare the board and the bag</translate>
|Step_Content=<translate><!--T:7-->
Connect one end of the micro usb cable to the computer, the other end to the Arduino Leonardo board.

<!--T:8-->
Connect the positive side of the LED patch to pin 13 on the Arduino Leonardo. Connect the negative leg of the LED patch to GND on the board. You can use either of the 3 GND pins available on the board.
* black cable - GND
* orange cable - pin 13</translate>
|Step_Picture_00=E-textile_blinking_bag_3.PNG
|Step_Picture_01=E-textile_blinking_bag_4.PNG
}}
{{ {{tntn|Tuto Step}}
|Step_Title=<translate><!--T:9--> Set up the board on mBlock</translate>
|Step_Content=<translate><!--T:10-->
Before you can start programming your Arduino, you will need to set it up on [http://www.mblock.cc/software/mblock/mblock3/ mBlock].

<!--T:11-->
Choose the version depending on your operating system (e.g. If you have a MacBook, choose “Mac OS” / if you have Windows 10, choose “Windows 7 and above”). Download and run the installation files and then open mBlock.

<!--T:12-->
Select the Arduino Leonardo board from the “Boards” menu.

<!--T:13-->
Then connect to your Arduino board (the COM port number varies based upon your computer’s USB plugs - when you choose the correct one to which your Arduino Leonardo is connected to, the ON and TX led lights on the board will turn solid green, and orange respectively).</translate>
|Step_Picture_00=E-textile_blinking_bag_6.PNG
|Step_Picture_01=E-textile_blinking_bag_5.PNG
}}
{{ {{tntn|Tuto Step}}
|Step_Title=<translate><!--T:14--> Coding on mBlock</translate>
|Step_Content=<translate><!--T:15-->
On mBlock, you will need to create a simple code to have your Led patch blink every second.

<!--T:16-->
The code shall look exactly like this: (see image)

<!--T:17-->
You need to drag and drop each block from the “Scripts” section on the middle to the blank area on the right hand side.

<!--T:18-->
You will find each block in the following subsections:
# When <flag> clicked - “Events” subsection
# forever / wait 1 secs - “Control” subsection
# set digital pin… - “Robots” subsection
Note the you can change small details to make your own personal code. For example you can change the frequency of the blinking by shortening or lengthening the delay between each “HIGH” state and “LOW” state of pin 13.

<!--T:19-->
When you are done coding, click on “Upgrade Firmware” in the Connect menu (at which point both the RX and the TX led lights on the board will flash orange).

<!--T:20-->
Do this only once. You can now modify your code without having to Upgrade the Firmware each time.</translate>
|Step_Picture_00=E-textile_blinking_bag_8.PNG
|Step_Picture_01=E-textile_blinking_bag_7.PNG
}}
{{ {{tntn|Tuto Step}}
|Step_Title=<translate><!--T:21--> Coding on Arduino IDE</translate>
|Step_Content=<translate><!--T:22-->
It’s possible that your will encounter problems connecting your Arduino leonardo to mBlock. In that case, you may need to use Arduino IDE to code and upload the firmware onto your Arduino Leonardo board.

<!--T:23-->
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.

<!--T:24-->
Launch Arduino IDE and select Arduino Leonardo from the Tools menu > Board.

<!--T:25-->
Select the correct port from the Tools menu > Port.

<!--T:26-->
Choose the Blink example from File > Examples > 01.Basics > Blink.

<!--T:27-->
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.

<!--T:28-->
Alternatively, you can use both tools together in order to easily create code (by using the intuitive interface mBlock offers) and then reliably upload it to the board (by using the strong connection to the board that Arduino IDE offers).

<!--T:29-->
In mBlock, you simply need to click on Edit > Arduino Mode and when the new pane opens up on the right-hand side, choose Edit with Arduino IDE.

<!--T:30-->
Afterwards, simply follow the same steps as before to upload the code to the board and you should be good to go!</translate>
|Step_Picture_00=E-textile_blinking_bag_11.PNG
|Step_Picture_01=E-textile_blinking_bag_10.PNG
|Step_Picture_02=E-textile_blinking_bag_9.PNG
}}
{{ {{tntn|Notes}}
|Notes=<translate><!--T:31-->
This tutorial has been developed as part of the #iTech project, co-financed by the Erasmus + programme of the European Union.

<!--T:32-->
For more details, contact info@digijeunes.com</translate>
}}
{{ {{tntn|Tuto Status}}
|Complete=Published
}}