Line 3: | Line 3: | ||
|Area=Decoration, Electronics, Robotics | |Area=Decoration, Electronics, Robotics | ||
|Tags=Iot, Led, Lightbox | |Tags=Iot, Led, Lightbox | ||
− | |Description=La ShadeBox vous permet d'afficher des messages pré-imprimés sur 3 étages différents. Grâce à son interface web, vous pourrez éteindre, allumer et changer la couleur des messages illuminés. | + | |Description=<translate>La ShadeBox vous permet d'afficher des messages pré-imprimés sur 3 étages différents. Grâce à son interface web, vous pourrez éteindre, allumer et changer la couleur des messages illuminés.</translate> |
|Difficulty=Medium | |Difficulty=Medium | ||
|Cost=39 | |Cost=39 | ||
Line 10: | Line 10: | ||
|Duration-type=hour(s) | |Duration-type=hour(s) | ||
|Licences=Attribution (CC BY) | |Licences=Attribution (CC BY) | ||
+ | |Main_Picture=ShadeBox_image002.jpg | ||
|SourceLanguage=none | |SourceLanguage=none | ||
|Language=fr | |Language=fr | ||
Line 15: | Line 16: | ||
}} | }} | ||
{{ {{tntn|Introduction}} | {{ {{tntn|Introduction}} | ||
− | |Introduction= | + | |Introduction=<translate></translate> |
}} | }} | ||
{{ {{tntn|Materials}} | {{ {{tntn|Materials}} | ||
− | |Material=*ESP32DevKitNodeMCU x1 (7,05€) | + | |Material=<translate>*ESP32DevKitNodeMCU x1 (7,05€) |
*Led WS2812 1mètre pour 60 Leds x1 (6,40€) | *Led WS2812 1mètre pour 60 Leds x1 (6,40€) | ||
*Câble micro-usb 1.5M x1 (1,58€) | *Câble micro-usb 1.5M x1 (1,58€) | ||
Line 26: | Line 27: | ||
*Câbles connecteurs | *Câbles connecteurs | ||
*Petits aimants (diametre:6mm) x4 | *Petits aimants (diametre:6mm) x4 | ||
− | *SuperGlue | + | *SuperGlue</translate> |
− | |Tools=*Pistolet à colle | + | |Tools=<translate>*Pistolet à colle |
*Fer à souder | *Fer à souder | ||
*Découpeuse Laser | *Découpeuse Laser | ||
*Pince coupante | *Pince coupante | ||
− | *Pince à dénuder | + | *Pince à dénuder</translate> |
}} | }} | ||
{{ {{tntn|Separator}}}} | {{ {{tntn|Separator}}}} | ||
{{ {{tntn|Tuto Step}} | {{ {{tntn|Tuto Step}} | ||
− | |Step_Title=Télechargement du logiciel Arduino | + | |Step_Title=<translate>Télechargement du logiciel Arduino</translate> |
− | |Step_Content=Télécharger le logiciel Arduino si vous ne l’avez pas (https://www.arduino.cc/en/Main/Software) | + | |Step_Content=<translate>Télécharger le logiciel Arduino si vous ne l’avez pas (https://www.arduino.cc/en/Main/Software) </translate> |
}} | }} | ||
{{ {{tntn|Tuto Step}} | {{ {{tntn|Tuto Step}} | ||
Line 42: | Line 43: | ||
|Step_Picture_01=ShadeBox_Capture_d_e_cran_2017-12-19_a_15.27.02.png | |Step_Picture_01=ShadeBox_Capture_d_e_cran_2017-12-19_a_15.27.02.png | ||
|Step_Picture_02=ShadeBox_Capture_d_e_cran_2017-12-19_a_15.30.05.png | |Step_Picture_02=ShadeBox_Capture_d_e_cran_2017-12-19_a_15.30.05.png | ||
− | |Step_Title=Connexion et ajout des bibliothèques | + | |Step_Title=<translate>Connexion et ajout des bibliothèques</translate> |
− | |Step_Content=Connecter la ESP32 à l’aide du câble micro-USB à votre ordinateur. | + | |Step_Content=<translate>Connecter la ESP32 à l’aide du câble micro-USB à votre ordinateur. |
*Ajouter les bibliothèques nécessaires (la bibliothèque ESP 32 et la bibliothèque FastLed) : | *Ajouter les bibliothèques nécessaires (la bibliothèque ESP 32 et la bibliothèque FastLed) : | ||
− | *Lien pour la bibliothèque ESP32 : https://github.com/espressif/arduino-esp32 | + | *Lien pour la bibliothèque ESP32 : https://github.com/espressif/arduino-esp32</translate> |
}} | }} | ||
{{ {{tntn|Tuto Step}} | {{ {{tntn|Tuto Step}} | ||
|Step_Picture_00=ShadeBox_Capture_d_e_cran_2017-12-20_a_18.12.52.png | |Step_Picture_00=ShadeBox_Capture_d_e_cran_2017-12-20_a_18.12.52.png | ||
− | |Step_Title=Téléversement | + | |Step_Title=<translate>Téléversement</translate> |
− | |Step_Content=* Choisir la carte ESP32 (Outils -> Type de carte -> ESP32 Module) | + | |Step_Content=<translate>* Choisir la carte ESP32 (Outils -> Type de carte -> ESP32 Module) |
* Télé-verser le code fourni sur la ESP32 | * Télé-verser le code fourni sur la ESP32 | ||
− | * Si ça ne marche pas, vérifier que le bon port série soit affecter (Outils -> Ports série) | + | * Si ça ne marche pas, vérifier que le bon port série soit affecter (Outils -> Ports série)</translate> |
}} | }} | ||
{{ {{tntn|Tuto Step}} | {{ {{tntn|Tuto Step}} | ||
|Step_Picture_00=ShadeBox_Capture_d_e_cran_2017-12-19_a_16.11.50.png | |Step_Picture_00=ShadeBox_Capture_d_e_cran_2017-12-19_a_16.11.50.png | ||
|Step_Picture_01=ShadeBox_ShadeBox_IMG_7963.JPG | |Step_Picture_01=ShadeBox_ShadeBox_IMG_7963.JPG | ||
− | |Step_Title=Découpe Bois et Acrylique | + | |Step_Title=<translate>Découpe Bois et Acrylique</translate> |
− | |Step_Content=1.Télécharger les fichiers .ai des plans de la boîte et de la vitre: | + | |Step_Content=<translate>1.Télécharger les fichiers .ai des plans de la boîte et de la vitre: |
2. Régler la découpeuse laser pour du bois medium 3mm : | 2. Régler la découpeuse laser pour du bois medium 3mm : | ||
Line 66: | Line 67: | ||
3. Régler la découpeuse laser pour de l’acrylique 3mm | 3. Régler la découpeuse laser pour de l’acrylique 3mm | ||
** Découpe : puissance = 80 et vitesse = 0.7 | ** Découpe : puissance = 80 et vitesse = 0.7 | ||
− | ** Gravure : puissance = 100 et vitesse = 50 | + | ** Gravure : puissance = 100 et vitesse = 50</translate> |
}} | }} | ||
{{ {{tntn|Tuto Step}} | {{ {{tntn|Tuto Step}} | ||
Line 75: | Line 76: | ||
|Step_Picture_03_annotation={"objects":[{"type":"wfarrow","originX":"center","originY":"center","left":168,"top":333,"width":10,"height":90,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":3,"strokeDashArray":null,"strokeLineCap":"butt","strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":1,"scaleY":1,"angle":173.76,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"points":[{"x":10,"y":10},{"x":10,"y":100},{"x":5,"y":90},{"x":10,"y":100},{"x":15,"y":90}]},{"type":"wfarrow","originX":"center","originY":"center","left":460,"top":63,"width":10,"height":90,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":3,"strokeDashArray":null,"strokeLineCap":"butt","strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":1,"scaleY":1,"angle":61.46,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"points":[{"x":10,"y":10},{"x":10,"y":100},{"x":5,"y":90},{"x":10,"y":100},{"x":15,"y":90}]}],"height":"450","width":"600"} | |Step_Picture_03_annotation={"objects":[{"type":"wfarrow","originX":"center","originY":"center","left":168,"top":333,"width":10,"height":90,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":3,"strokeDashArray":null,"strokeLineCap":"butt","strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":1,"scaleY":1,"angle":173.76,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"points":[{"x":10,"y":10},{"x":10,"y":100},{"x":5,"y":90},{"x":10,"y":100},{"x":15,"y":90}]},{"type":"wfarrow","originX":"center","originY":"center","left":460,"top":63,"width":10,"height":90,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":3,"strokeDashArray":null,"strokeLineCap":"butt","strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":1,"scaleY":1,"angle":61.46,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"points":[{"x":10,"y":10},{"x":10,"y":100},{"x":5,"y":90},{"x":10,"y":100},{"x":15,"y":90}]}],"height":"450","width":"600"} | ||
|Step_Picture_04=ShadeBox_400px-ShadeBox_IMG_7964.JPG | |Step_Picture_04=ShadeBox_400px-ShadeBox_IMG_7964.JPG | ||
− | |Step_Title=Montage du chassis de la boite | + | |Step_Title=<translate>Montage du chassis de la boite</translate> |
− | |Step_Content=# Munissez-vous de la plaque arrière de la ShadeBox (Pièce n° 5 ) | + | |Step_Content=<translate># Munissez-vous de la plaque arrière de la ShadeBox (Pièce n° 5 ) |
# Assemblez et collez les supports verticaux (Pièce n° 4.1 et 4.2 (pas d’ordre des pièces)). | # Assemblez et collez les supports verticaux (Pièce n° 4.1 et 4.2 (pas d’ordre des pièces)). | ||
# Assemblez et collez les supports horizontaux (Pièce n° 3.1 et 3.2 ). Faites attention au sens pour les encoches du passage des cables. | # Assemblez et collez les supports horizontaux (Pièce n° 3.1 et 3.2 ). Faites attention au sens pour les encoches du passage des cables. | ||
− | # Collez les aimants aux emplacements prévus à cet effet sur les supports horizontaux. | + | # Collez les aimants aux emplacements prévus à cet effet sur les supports horizontaux. </translate> |
}} | }} | ||
{{ {{tntn|Tuto Step}} | {{ {{tntn|Tuto Step}} | ||
|Step_Picture_00=ShadeBox_IMG_3149.JPG | |Step_Picture_00=ShadeBox_IMG_3149.JPG | ||
|Step_Picture_00_annotation={"objects":[{"type":"wfarrow","originX":"center","originY":"center","left":128.44,"top":361.66,"width":10,"height":90,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":4.44,"strokeDashArray":null,"strokeLineCap":"butt","strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":0.5,"scaleY":0.85,"angle":237.27,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"points":[{"x":10,"y":10},{"x":10,"y":100},{"x":5,"y":90},{"x":10,"y":100},{"x":15,"y":90}]}],"height":"450","width":"600"} | |Step_Picture_00_annotation={"objects":[{"type":"wfarrow","originX":"center","originY":"center","left":128.44,"top":361.66,"width":10,"height":90,"fill":"rgba(255,0,0,0)","stroke":"red","strokeWidth":4.44,"strokeDashArray":null,"strokeLineCap":"butt","strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":0.5,"scaleY":0.85,"angle":237.27,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"points":[{"x":10,"y":10},{"x":10,"y":100},{"x":5,"y":90},{"x":10,"y":100},{"x":15,"y":90}]}],"height":"450","width":"600"} | ||
− | |Step_Title=LEDs | + | |Step_Title=<translate>LEDs</translate> |
− | |Step_Content=# Coupez la bande de LED en 3 par groupe de 15 LED | + | |Step_Content=<translate># Coupez la bande de LED en 3 par groupe de 15 LED |
# Soudez les différentes bandes entre elles à l’aide de câbles de 15mm de longueur. | # Soudez les différentes bandes entre elles à l’aide de câbles de 15mm de longueur. | ||
# Soudez la première bande de LED au module ESP (VCC au 5V, GND au GND et Dim à la pin Io16) | # Soudez la première bande de LED au module ESP (VCC au 5V, GND au GND et Dim à la pin Io16) | ||
# Collez chaque bande sur les supports de LEDx | # Collez chaque bande sur les supports de LEDx | ||
− | REMARQUE : Placer l'ESP dans le coin contenant l'ouverture pour le cable. | + | REMARQUE : Placer l'ESP dans le coin contenant l'ouverture pour le cable.</translate> |
}} | }} | ||
{{ {{tntn|Tuto Step}} | {{ {{tntn|Tuto Step}} | ||
Line 97: | Line 98: | ||
|Step_Picture_02=ShadeBox_IMG_7941.JPG | |Step_Picture_02=ShadeBox_IMG_7941.JPG | ||
|Step_Picture_03=ShadeBox_IMG_7939.JPG | |Step_Picture_03=ShadeBox_IMG_7939.JPG | ||
− | |Step_Title=Fermeture de la boite | + | |Step_Title=<translate>Fermeture de la boite</translate> |
− | |Step_Content=# Insérez des points de colle dans les encoches | + | |Step_Content=<translate># Insérez des points de colle dans les encoches |
− | # Assemblez les 4 coins comme sur la photo | + | # Assemblez les 4 coins comme sur la photo</translate> |
}} | }} | ||
{{ {{tntn|Tuto Step}} | {{ {{tntn|Tuto Step}} | ||
|Step_Picture_00=ShadeBox_IMG_3155.JPG | |Step_Picture_00=ShadeBox_IMG_3155.JPG | ||
− | |Step_Title=Placement des messages sur les plaques d'Acrylique | + | |Step_Title=<translate>Placement des messages sur les plaques d'Acrylique</translate> |
− | |Step_Content=1. Scotchez vos messages sur les plaques d'acrylique. | + | |Step_Content=<translate>1. Scotchez vos messages sur les plaques d'acrylique. |
2. Placez les plaques d'acryliques sur la boite. | 2. Placez les plaques d'acryliques sur la boite. | ||
− | 3. Refermez la boite. | + | 3. Refermez la boite.</translate> |
}} | }} | ||
{{ {{tntn|Tuto Step}} | {{ {{tntn|Tuto Step}} | ||
− | |Step_Title=Connexion à la ShadeBox | + | |Step_Title=<translate>Connexion à la ShadeBox</translate> |
− | |Step_Content=1. Brancher la Shadebox | + | |Step_Content=<translate>1. Brancher la Shadebox |
2. Chercher le Wi-Fi ShadeBox | 2. Chercher le Wi-Fi ShadeBox | ||
Line 118: | Line 119: | ||
3. Le mot de passe est : lightmeup | 3. Le mot de passe est : lightmeup | ||
− | 4. Accéder à l’interface via l’adresse 192.168.4.1 dans votre navigateur pour changer les couleurs des différents étages. | + | 4. Accéder à l’interface via l’adresse 192.168.4.1 dans votre navigateur pour changer les couleurs des différents étages.</translate> |
}} | }} | ||
{{ {{tntn|Notes}} | {{ {{tntn|Notes}} | ||
− | |Notes= | + | |Notes=<translate></translate> |
+ | }} | ||
+ | {{ {{tntn|Tuto Status}} | ||
+ | |Complete=Yes | ||
}} | }} | ||
− |
Author ECEmakers | Last edit 9/12/2019 by Clementflipo
Iot, Led, Lightbox ShadeBox_image002.jpg fr none Technique 0
Télécharger le logiciel Arduino si vous ne l’avez pas (https://www.arduino.cc/en/Main/Software)
Connecter la ESP32 à l’aide du câble micro-USB à votre ordinateur.
1.Télécharger les fichiers .ai des plans de la boîte et de la vitre:
2. Régler la découpeuse laser pour du bois medium 3mm :
3. Régler la découpeuse laser pour de l’acrylique 3mm
REMARQUE : Placer l'ESP dans le coin contenant l'ouverture pour le cable.
1. Scotchez vos messages sur les plaques d'acrylique.
2. Placez les plaques d'acryliques sur la boite.
3. Refermez la boite.
1. Brancher la Shadebox
2. Chercher le Wi-Fi ShadeBox
3. Le mot de passe est : lightmeup
4. Accéder à l’interface via l’adresse 192.168.4.1 dans votre navigateur pour changer les couleurs des différents étages.
Yes
You entered an invalid page name, with one or many of the following characters :
< > @ ~ : * € £ ` + = / \ | [ ] { } ; ? #