ShadeBox : Différence entre versions

Version du 2 janvier 2018 à 15:18

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.

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

Difficulté

Moyen

Durée

3 heure(s)

Catégories

Décoration, Électronique, Robotique

Coût

39 EUR (€)

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.

Difficulté

Moyen

Durée

3 heure(s)

Catégories

Décoration, Électronique, Robotique

Coût

39 EUR (€)

Autres langues :

français

Sommaire

1 Étape 1 - Télechargement du logiciel Arduino
2 Étape 2 - Connexion et ajout des bibliothèques
3 Étape 3 - Téléversement
4 Étape 4 - Découpe Bois et Acrylique
5 Étape 5 - Montage du chassis de la boite
6 Étape 6 - LEDs
7 Étape 7 - Fermeture de la boite
8 Étape 8 - Placement des messages sur les plaques d'Acrylique
9 Étape 9 - Connexion à la ShadeBox
10 Commentaires

Licence : Attribution (CC BY)

Iot, Led, Lightbox ShadeBox_image002.jpg fr none Technique 0

Matériaux

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

Outils

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

Étape 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)

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

Lien pour la bibliothèque ESP32 : https://github.com/espressif/arduino-esp32

Étape 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)

Étape 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

Étape 5 - Montage du chassis de la boite

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.

Étape 6 - LEDs

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.

Étape 7 - Fermeture de la boite

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

Étape 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.

Étape 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.

Commentaires

Yes

@@ Ligne 3 : / Ligne 3 : @@
 |Area=Decoration, Electronics, Robotics
 |Tags=Iot, Led, Lightbox
-|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>
+|Description=<translate><!--T:1--> 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
 |Cost=39
@@ Ligne 19 : / Ligne 19 : @@
 }}
 {{ {{tntn|Materials}}
-|Material=<translate>*ESP32DevKitNodeMCU                                                     x1            (7,05€)
+|Material=<translate><!--T:2-->
+*ESP32DevKitNodeMCU                                                     x1            (7,05€)
 *Led WS2812 1mètre pour 60 Leds                                       x1             (6,40€)
 *Câble micro-usb 1.5M                                                       x1             (1,58€)
@@ Ligne 28 : / Ligne 29 : @@
 *Petits aimants (diametre:6mm)                                                             x4
 *SuperGlue</translate>
-|Tools=<translate>*Pistolet à colle
+|Tools=<translate><!--T:3-->
+*Pistolet à colle
 *Fer à souder
 *Découpeuse Laser
@@ Ligne 36 : / Ligne 38 : @@
 {{ {{tntn|Separator}}}}
 {{ {{tntn|Tuto Step}}
-|Step_Title=<translate>Télechargement du logiciel Arduino</translate>
+|Step_Title=<translate><!--T:4--> Télechargement du logiciel Arduino</translate>
-|Step_Content=<translate>Télécharger le logiciel Arduino si vous ne l’avez pas (https://www.arduino.cc/en/Main/Software)    </translate>
+|Step_Content=<translate><!--T:5--> Télécharger le logiciel Arduino si vous ne l’avez pas (https://www.arduino.cc/en/Main/Software)    </translate>
 }}
 {{ {{tntn|Tuto Step}}
@@ Ligne 43 : / Ligne 45 : @@
 |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=<translate>Connexion et ajout des bibliothèques</translate>
+|Step_Title=<translate><!--T:6--> Connexion et ajout des bibliothèques</translate>
-|Step_Content=<translate>Connecter la ESP32 à l’aide du câble micro-USB à votre ordinateur.
+|Step_Content=<translate><!--T:7-->
+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) :
+<!--T:8-->
 *Lien pour la bibliothèque ESP32 : https://github.com/espressif/arduino-esp32</translate>
 }}
 {{ {{tntn|Tuto Step}}
 |Step_Picture_00=ShadeBox_Capture_d_e_cran_2017-12-20_a_18.12.52.png
-|Step_Title=<translate>Téléversement</translate>
+|Step_Title=<translate><!--T:9--> Téléversement</translate>
-|Step_Content=<translate>* Choisir la carte ESP32 (Outils -> Type de carte -> ESP32 Module)
+|Step_Content=<translate><!--T:10-->
+* 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)</translate>
@@ Ligne 59 : / Ligne 64 : @@
 |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=<translate>Découpe Bois et Acrylique</translate>
+|Step_Title=<translate><!--T:11--> Découpe Bois et Acrylique</translate>
-|Step_Content=<translate>1.Télécharger les fichiers .ai des plans de la boîte et de la vitre:
+|Step_Content=<translate><!--T:12-->
+.Télécharger les fichiers .ai des plans de la boîte et de la vitre:
+<!--T:13-->
 . Régler la découpeuse laser pour du bois medium 3mm :
 ** Découpe : puissance = 100 et vitesse = 0.9
@@ Ligne 76 : / Ligne 83 : @@
 |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=<translate>Montage du chassis de la boite</translate>
+|Step_Title=<translate><!--T:14--> Montage du chassis de la boite</translate>
-|Step_Content=<translate># Munissez-vous de la plaque arrière de la ShadeBox (Pièce n° 5 )
+|Step_Content=<translate><!--T:15-->
+# 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.
@@ Ligne 85 : / Ligne 93 : @@
 |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=<translate>LEDs</translate>
+|Step_Title=<translate><!--T:16--> LEDs</translate>
-|Step_Content=<translate># Coupez la bande de LED en 3 par groupe de 15 LED
+|Step_Content=<translate><!--T:17-->
+# 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
+<!--T:18-->
 REMARQUE : Placer l'ESP dans le coin contenant l'ouverture pour le cable.</translate>
 }}
@@ Ligne 98 : / Ligne 108 : @@
 |Step_Picture_02=ShadeBox_IMG_7941.JPG
 |Step_Picture_03=ShadeBox_IMG_7939.JPG
-|Step_Title=<translate>Fermeture de la boite</translate>
+|Step_Title=<translate><!--T:19--> Fermeture de la boite</translate>
-|Step_Content=<translate># Insérez des points de colle dans les encoches
+|Step_Content=<translate><!--T:20-->
+# Insérez des points de colle dans les encoches
 # Assemblez les 4 coins comme sur la photo</translate>
 }}
 {{ {{tntn|Tuto Step}}
 |Step_Picture_00=ShadeBox_IMG_3155.JPG
-|Step_Title=<translate>Placement des messages sur les plaques d'Acrylique</translate>
+|Step_Title=<translate><!--T:21--> Placement des messages sur les plaques d'Acrylique</translate>
-|Step_Content=<translate>1.    Scotchez vos messages sur les plaques d'acrylique.
+|Step_Content=<translate><!--T:22-->
+.    Scotchez vos messages sur les plaques d'acrylique.
+<!--T:23-->
 .    Placez les plaques d'acryliques sur la boite.
+<!--T:24-->
 .    Refermez la boite.</translate>
 }}
 {{ {{tntn|Tuto Step}}
-|Step_Title=<translate>Connexion à la ShadeBox</translate>
+|Step_Title=<translate><!--T:25--> Connexion à la ShadeBox</translate>
-|Step_Content=<translate>1.    Brancher la Shadebox
+|Step_Content=<translate><!--T:26-->
+.    Brancher la Shadebox
+<!--T:27-->
 .    Chercher le Wi-Fi ShadeBox
+<!--T:28-->
 .    Le mot de passe est : lightmeup
+<!--T:29-->
 .    Accéder à l’interface via l’adresse 192.168.4.1 dans votre navigateur pour changer les couleurs des différents étages.</translate>
 }}