ShadeBox : Différence entre versions
Ligne 3 : Ligne 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
Ligne 10 : Ligne 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
Ligne 15 : Ligne 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€)
Ligne 26 : Ligne 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}}
Ligne 42 : Ligne 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 :
Ligne 66 : Ligne 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}}
Ligne 75 : Ligne 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}}
Ligne 97 : Ligne 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
Ligne 118 : Ligne 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}}}}
 

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 avatarECEmakers | Dernière modification 9/12/2019 par Clementflipo

ShadeBox image002.jpg
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
Licence : Attribution (CC BY)

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) :
ShadeBox Capture d e cran 2017-12-19 a 15.27.42.png
ShadeBox Capture d e cran 2017-12-19 a 15.27.02.png
ShadeBox Capture d e cran 2017-12-19 a 15.30.05.png


É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)
ShadeBox Capture d e cran 2017-12-20 a 18.12.52.png




É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
ShadeBox Capture d e cran 2017-12-19 a 16.11.50.png
ShadeBox ShadeBox IMG 7963.JPG



Étape 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.  
ShadeBox 400px-ShadeBox IMG 7926.JPG
ShadeBox 400px-ShadeBox IMG 7927.JPG
ShadeBox 400px-ShadeBox IMG 7929.JPG

ShadeBox 400px-ShadeBox IMG 7964.JPG

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




Étape 7 - Fermeture de la boite

  1. Insérez des points de colle dans les encoches
  2. Assemblez les 4 coins comme sur la photo
ShadeBox IMG 7938.JPG
ShadeBox IMG 7943.JPG
ShadeBox IMG 7941.JPG
ShadeBox IMG 7939.JPG


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

ShadeBox IMG 3155.JPG




É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

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