E-textile blinking bag : Différence entre versions

(Page créée avec « {{ {{tntn|Tuto Details}} |SourceLanguage=none |Language=en |IsTranslation=0 |Main_Picture=E-textile_blinking_bag_1.PNG |Licences=Attribution (CC BY) |Description=<translat... »)
 
(Cette version a été marquée pour être traduite)
Ligne 5 : Ligne 5 :
 
|Main_Picture=E-textile_blinking_bag_1.PNG
 
|Main_Picture=E-textile_blinking_bag_1.PNG
 
|Licences=Attribution (CC BY)
 
|Licences=Attribution (CC BY)
−
|Description=<translate>In this tutorial you will learn how to have the LED patch of your textile bag blink.</translate>
+
|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
 
|Area=Art, Clothing and Accessories, Electronics, Machines and Tools, Recycling and Upcycling
 
|Type=Creation
 
|Type=Creation
Ligne 16 : Ligne 16 :
 
}}
 
}}
 
{{ {{tntn|Introduction}}
 
{{ {{tntn|Introduction}}
−
|Introduction=<translate>In this tutorial you will learn how to have the LED patch of your textile bag blink.</translate>
+
|Introduction=<translate><!--T:2--> In this tutorial you will learn how to have the LED patch of your textile bag blink.</translate>
 
}}
 
}}
 
{{ {{tntn|Materials}}
 
{{ {{tntn|Materials}}
Ligne 22 : Ligne 22 :
 
|Step_Picture_01=E-textile_blinking_bag_1.PNG
 
|Step_Picture_01=E-textile_blinking_bag_1.PNG
 
|Step_Picture_02=E-textile_blinking_bag_3.PNG
 
|Step_Picture_02=E-textile_blinking_bag_3.PNG
−
|Material=<translate>- e-textile bag (see prerequisite tutorials)</translate>
+
|Material=<translate><!--T:3--> - e-textile bag (see prerequisite tutorials)</translate>
−
|Tools=<translate>- soldering iron
+
|Tools=<translate><!--T:4-->
 +
- soldering iron
  
 +
<!--T:5-->
 
- needle and thread</translate>
 
- needle and thread</translate>
 
|Prerequisites={{ {{tntn|Prerequisites}}
 
|Prerequisites={{ {{tntn|Prerequisites}}
Ligne 32 : Ligne 34 :
 
{{ {{tntn|Separator}}}}
 
{{ {{tntn|Separator}}}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
−
|Step_Title=<translate>Prepare the board and the bag</translate>
+
|Step_Title=<translate><!--T:6--> Prepare the board and the bag</translate>
−
|Step_Content=<translate>Connect one end of the micro usb cable to the computer, the other end to the Arduino Leonardo board.
+
|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.
 
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
 
* black cable - GND
Ligne 42 : Ligne 46 :
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
−
|Step_Title=<translate>Set up the board on mBlock</translate>
+
|Step_Title=<translate><!--T:9--> Set up the board on mBlock</translate>
−
|Step_Content=<translate>Before you can start programming your Arduino, you will need to set it up on [http://www.mblock.cc/software/mblock/mblock3/ mBlock].
+
|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.
 
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.
 
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>
 
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_00=E-textile_blinking_bag_6.PNG
Ligne 54 : Ligne 62 :
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
−
|Step_Title=<translate>Coding on mBlock</translate>
+
|Step_Title=<translate><!--T:14--> Coding on mBlock</translate>
−
|Step_Content=<translate>On mBlock, you will need to create a simple code to have your Led patch blink every second.
+
|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)
 
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.
 
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:
 
You will find each block in the following subsections:
 
# When <flag> clicked - “Events” subsection
 
# When <flag> clicked - “Events” subsection
Ligne 67 : Ligne 79 :
 
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.
 
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).
 
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>
 
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_00=E-textile_blinking_bag_8.PNG
Ligne 74 : Ligne 88 :
 
}}
 
}}
 
{{ {{tntn|Tuto Step}}
 
{{ {{tntn|Tuto Step}}
−
|Step_Title=<translate>Coding on Arduino IDE</translate>
+
|Step_Title=<translate><!--T:21--> Coding on Arduino IDE</translate>
−
|Step_Content=<translate>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.
+
|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.
 
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.
 
Launch Arduino IDE and select Arduino Leonardo from the Tools menu > Board.
  
 +
<!--T:25-->
 
Select the correct port from the Tools menu > Port.
 
Select the correct port from the Tools menu > Port.
  
 +
<!--T:26-->
 
Choose the Blink example from File > Examples > 01.Basics > Blink.
 
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.
 
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).
 
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.
 
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>
 
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_00=E-textile_blinking_bag_11.PNG
Ligne 97 : Ligne 120 :
 
}}
 
}}
 
{{ {{tntn|Notes}}
 
{{ {{tntn|Notes}}
−
|Notes=<translate>This tutorial has been developed as part of the #iTech project, co-financed by the Erasmus + programme of the European Union.
+
|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>
 
For more details, contact info@digijeunes.com</translate>
 
}}
 
}}

Version du 16 octobre 2018 à 17:07

In this tutorial you will learn how to have the LED patch of your textile bag blink.

Auteur avatarDigijeunes | Dernière modification 9/12/2019 par Clementflipo

E-textile blinking bag 1.PNG
Difficulté
Moyen
Durée
2 heure(s)
Catégories
Art, Vêtement & Accessoire, Électronique, Machines & Outils, Recyclage & Upcycling
Coût
30 EUR (€)
In this tutorial you will learn how to have the LED patch of your textile bag blink.
Difficulté
Moyen
Durée
2 heure(s)
Catégories
Art, Vêtement & Accessoire, Électronique, Machines & Outils, Recyclage & Upcycling
Coût
30 EUR (€)
Autres langues :
English
Licence : Attribution (CC BY)

Introduction

In this tutorial you will learn how to have the LED patch of your textile bag blink.

Matériaux

- e-textile bag (see prerequisite tutorials)

Outils

- soldering iron

- needle and thread

Electronic textile bag

Étape 1 - Prepare the board and the bag

Connect one end of the micro usb cable to the computer, the other end to the Arduino Leonardo board.

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
E-textile blinking bag 3.PNG
E-textile blinking bag 4.PNG



Étape 2 - Set up the board on mBlock

Before you can start programming your Arduino, you will need to set it up on mBlock.

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.

Select the Arduino Leonardo board from the “Boards” menu.

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).

E-textile blinking bag 6.PNG
E-textile blinking bag 5.PNG



Étape 3 - Coding on mBlock

On mBlock, you will need to create a simple code to have your Led patch blink every second.

The code shall look exactly like this: (see image)

You need to drag and drop each block from the “Scripts” section on the middle to the blank area on the right hand side.

You will find each block in the following subsections:

  1. When <flag> clicked - “Events” subsection
  2. forever / wait 1 secs - “Control” subsection
  3. 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.

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).

Do this only once. You can now modify your code without having to Upgrade the Firmware each time.

E-textile blinking bag 8.PNG
E-textile blinking bag 7.PNG



Étape 4 - Coding on Arduino IDE

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.

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.

Launch Arduino IDE and select Arduino Leonardo from the Tools menu > Board.

Select the correct port from the Tools menu > Port.

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

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.

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).

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.

Afterwards, simply follow the same steps as before to upload the code to the board and you should be good to go!

E-textile blinking bag 11.PNG
E-textile blinking bag 10.PNG
E-textile blinking bag 9.PNG


Notes et références

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

Commentaires

Published

Récupérée de « https://wikifab.org/w/index.php?title=E-textile_blinking_bag&oldid=55252 »
© 2017 - 2024 Dokit, SAS.