Voir la source de ShadeBox

{{ {{tntn|Tuto Details}}
|Type=Technique
|Area=Decoration, Electronics, Robotics
|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.
|Difficulty=Medium
|Cost=39
|Currency=EUR (€)
|Duration=3
|Duration-type=hour(s)
|Licences=Attribution (CC BY)
|SourceLanguage=none
|Language=fr
|IsTranslation=0
}}
{{ {{tntn|Introduction}}
|Introduction=
}}
{{ {{tntn|Materials}}
|Material=*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
}}
{{ {{tntn|Separator}}}}
{{ {{tntn|Tuto Step}}
|Step_Title=Télechargement du logiciel Arduino
|Step_Content=Télécharger le logiciel Arduino si vous ne l’avez pas (https://www.arduino.cc/en/Main/Software)    
}}
{{ {{tntn|Tuto Step}}
|Step_Picture_00=ShadeBox_Capture_d_e_cran_2017-12-19_a_15.27.42.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_Title=Connexion et ajout des bibliothèques
|Step_Content=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) :

*Lien pour la bibliothèque ESP32 : https://github.com/espressif/arduino-esp32
}}
{{ {{tntn|Tuto Step}}
|Step_Picture_00=ShadeBox_Capture_d_e_cran_2017-12-20_a_18.12.52.png
|Step_Title=Téléversement
|Step_Content=* 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)
}}
{{ {{tntn|Tuto Step}}
|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_Title=Découpe Bois et Acrylique
|Step_Content=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
}}
{{ {{tntn|Tuto Step}}
|Step_Picture_00=ShadeBox_400px-ShadeBox_IMG_7926.JPG
|Step_Picture_01=ShadeBox_400px-ShadeBox_IMG_7927.JPG
|Step_Picture_02=ShadeBox_400px-ShadeBox_IMG_7929.JPG
|Step_Picture_03=ShadeBox_IMG_7933_2.JPG
|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_Title=Montage du chassis de la boite
|Step_Content=# 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 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.  
}}
{{ {{tntn|Tuto Step}}
|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_Title=LEDs
|Step_Content=# 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 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

REMARQUE : Placer l'ESP dans le coin contenant l'ouverture pour le cable.
}}
{{ {{tntn|Tuto Step}}
|Step_Picture_00=ShadeBox_IMG_7938.JPG
|Step_Picture_01=ShadeBox_IMG_7943.JPG
|Step_Picture_02=ShadeBox_IMG_7941.JPG
|Step_Picture_03=ShadeBox_IMG_7939.JPG
|Step_Title=Fermeture de la boite
|Step_Content=# Insérez des points de colle dans les encoches
# Assemblez les 4 coins comme sur la photo
}}
{{ {{tntn|Tuto Step}}
|Step_Picture_00=ShadeBox_IMG_3155.JPG
|Step_Title=Placement des messages sur les plaques d'Acrylique
|Step_Content=1.    Scotchez vos messages sur les plaques d'acrylique.

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

3.    Refermez la boite.
}}
{{ {{tntn|Tuto Step}}
|Step_Title=Connexion à la ShadeBox
|Step_Content=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.
}}
{{ {{tntn|Notes}}
|Notes=
}}
{{ {{tntn|Tuto Status}}}}