Difference between revisions of "ShadeBox"

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
 
}}
 
}}
{{ {{tntn|Tuto Status}}}}
 

Revision as of 15:18, 2 January 2018

Author avatarECEmakers | Last edit 9/12/2019 by Clementflipo

ShadeBox image002.jpg
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.

Materials

  • ESP32DevKitNodeMCU                                                     x1        (7,05€) 
  • Led WS2812 1mètre pour 60 Leds                                 x1             (6,40€) 
  • Câble micro-usb 1.5M                                                       x1             (1,58€)
  • DC 5V 2A USB Power supply                                           x1             (4,46€)
  • Plaques de bois (3mm d’épaisseur) 300mm x 600mm   x2            (3€ x 2) 
  • Plaque d’acrylique (3mm d’épaisseur) 300mm x 600mm x1               (11€)
  • Câbles connecteurs
  • Petits aimants (diametre:6mm) x4
  • SuperGlue

Tools

  • Pistolet à colle
  • Fer à souder
  • Découpeuse Laser      
  • Pince coupante
  • Pince à dénuder

Step 1 - Télechargement du logiciel Arduino

Télécharger le logiciel Arduino si vous ne l’avez pas (https://www.arduino.cc/en/Main/Software)    

Step 2 - Connexion et ajout des bibliothèques

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


Step 3 - Téléversement

  • Choisir la carte ESP32 (Outils -> Type de carte -> ESP32 Module)
  • 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)



Step 4 - Découpe Bois et Acrylique

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 :

    • Découpe : puissance = 100 et vitesse = 0.9
    • Gravure : puissance = 100 et vitesse = 40

3. Régler la découpeuse laser pour de l’acrylique 3mm

    • Découpe : puissance = 80 et vitesse = 0.7
    • Gravure : puissance = 100 et vitesse = 50


Step 5 - Montage du chassis de la boite

  1. Munissez-vous de la plaque arrière de la ShadeBox (Pièce n° 5 )
  2. Assemblez et collez les supports verticaux (Pièce n° 4.1 et 4.2 (pas d’ordre des pièces)). 
  3. 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.
  4. Collez les aimants aux emplacements prévus à cet effet sur les supports horizontaux.  

Step 6 - LEDs

  1. Coupez la bande de LED en 3 par groupe de 15 LED
  2. Soudez les différentes bandes entre elles à l’aide de câbles de 15mm de longueur.
  3. Soudez la première bande de LED au module ESP (VCC au 5V, GND au GND et Dim à la pin Io16)
  4. Collez chaque bande sur les supports de LEDx

REMARQUE : Placer l'ESP dans le coin contenant l'ouverture pour le cable.



Step 7 - Fermeture de la boite

  1. Insérez des points de colle dans les encoches
  2. Assemblez les 4 coins comme sur la photo

Step 8 - Placement des messages sur les plaques d'Acrylique

1.    Scotchez vos messages sur les plaques d'acrylique.

2.    Placez les plaques d'acryliques sur la boite.

3.    Refermez la boite.



Step 9 - Connexion à la ShadeBox

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.

Comments

Yes