ShadeBox/fr : Différence entre versions

(Mise à jour pour être en accord avec la nouvelle version de la source de la page)
(update property name)
 
(5 révisions intermédiaires par un autre utilisateur non affichées)
Ligne 1 : Ligne 1 :
{{ {{tntn|Tuto Details}}
+
{{Tuto Details
 +
|Main_Picture=ShadeBox_image002.jpg
 +
|Licences=Attribution (CC BY)
 +
|Description=Afficher des messages pré-imprimés sur 3 étages différents.
 +
|Area=Decoration, Electronics, Robotics
 
|Type=Technique
 
|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
 
|Difficulty=Medium
 +
|Duration=3
 +
|Duration-type=hour(s)
 
|Cost=39
 
|Cost=39
 
|Currency=EUR (€)
 
|Currency=EUR (€)
|Duration=3
+
|Tags=Iot, Led, Lightbox
|Duration-type=hour(s)
 
|Licences=Attribution (CC BY)
 
|Main_Picture=ShadeBox_image002.jpg
 
 
|SourceLanguage=none
 
|SourceLanguage=none
 
|Language=fr
 
|Language=fr
 
|IsTranslation=1
 
|IsTranslation=1
 
}}
 
}}
{{ {{tntn|Introduction}}
+
{{Introduction
|Introduction=
+
|Introduction=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.
 
}}
 
}}
{{ {{tntn|Materials}}
+
{{Materials
|Material=*ESP32DevKitNodeMCU                                                        x1           (7,05€) 
+
|Material=*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€)
*DC 5V 2A USB Power supply                                              x1             (4,46€)
+
*DC 5V 2A USB Power supply x1 (4,46€)
*Plaques de bois (3mm d’épaisseur) 300mm x 600mm          x2            (3€ x 2) 
+
*Plaques de bois (3mm d’épaisseur) 300mm x 600mm x2 (3€ x 2) 
*Plaque d’acrylique (3mm d’épaisseur) 300mm x 600mm   x1               (11€)
+
*Plaque d’acrylique (3mm d’épaisseur) 300mm x 600mm x1 (11€)
 
*Câbles connecteurs
 
*Câbles connecteurs
*Petits aimants (diametre:6mm)                                             x4
+
*Petits aimants (diamètre : 6mm) x4
*SuperGlue
+
*Superglue
 
|Tools=*Pistolet à colle
 
|Tools=*Pistolet à colle
 
*Fer à souder
 
*Fer à souder
Ligne 33 : Ligne 33 :
 
*Pince coupante
 
*Pince coupante
 
*Pince à dénuder
 
*Pince à dénuder
|Tuto_Attachments={{ {{tntn|Tuto Attachments}}
+
|Tuto_Attachments={{Tuto Attachments
 
|Attachment=PanneauLaserFablab.ai
 
|Attachment=PanneauLaserFablab.ai
}}{{ {{tntn|Tuto Attachments}}
+
}}{{Tuto Attachments
 
|Attachment=Papiers.ai
 
|Attachment=Papiers.ai
 
}}
 
}}
 
}}
 
}}
{{ {{tntn|Separator}}}}
+
{{Separator}}
{{ {{tntn|Tuto Step}}
+
{{Tuto Step
 
|Step_Title=Télechargement du logiciel Arduino
 
|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)    
+
|Step_Content=Télécharger le logiciel Arduino si vous ne l’avez pas ([https://www.arduino.cc/en/Main/Software arduino.cc/en/Main/Software])    
 +
|Step_Picture_00=ShadeBox_Arduino_Software.png
 
}}
 
}}
{{ {{tntn|Tuto Step}}
+
{{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_Title=Connexion et ajout des bibliothèques
 
|Step_Content=Connecter la ESP32 à l’aide du câble micro-USB à votre ordinateur.
 
|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) :
 
*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 github.com/espressif/arduino-esp32]
 +
|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
 
}}
 
}}
{{ {{tntn|Tuto Step}}
+
{{Tuto Step
 +
|Step_Title=Téléversement
 +
|Step_Content=Choisir la carte ESP32 (Outils -> Type de carte -> ESP32 Module).
 +
 
 +
Télécharger le code à l'adresse suivante : [https://l.facebook.com/l.php?u=https%3A%2F%2Fdrive.google.com%2Fopen%3Fid%3D1LYvDXH7z0-pO_Zc277ANGW5R21F2FPL0&h=ATOeyxhqj3OFVRNEAhPL5HtK39aj6nEVcym_XhnVPXHsVbJk1ukNCBXbPrnILPPdc8umjD1T75uPT22SuKkK9BkLMSQgAiXRqSe6S9H8UXOYCe0JtDBEDs07jXVp1Kh7sEthh7Bl9Y4ygfnehQA4PcBKQZc drive.google.com/open?id=1LYvDXH7z0-pO_Zc277ANGW5R21F2FPL0].
 +
 
 +
Téléverser le code fourni sur la ESP3.
 +
 
 +
Si ça ne marche pas, vérifier que le bon port série soit affecter (Outils -> Ports série).
 
|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_Content=* Choisir la carte ESP32 (Outils -> Type de carte -> ESP32 Module)
 
* Télecharger le code à l'adresse suivante : <nowiki>https://pastebin.com/ZdPjx4ru</nowiki>
 
* 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}}
+
{{Tuto Step
 +
|Step_Title=Découper le Bois et Acrylique
 +
|Step_Content=
 
|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_Content=1.Télécharger les fichiers .ai des plans de la boîte et de la vitre:
+
{{Tuto Step
 +
|Step_Title=Monter le chassis de la boîte
 +
|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)). 
  
2. Régler la découpeuse laser pour du bois medium 3mm :
+
Assemblez et collez les supports horizontaux (Pièce n° 3.1 et 3.2  ). Faites attention au sens pour les encoches du passage des câbles.
** Découpe : puissance = 100 et vitesse = 0.9
+
 
** Gravure : puissance = 100 et vitesse = 40
+
Collez les aimants aux emplacements prévus à cet effet sur les supports horizontaux.  
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_00=ShadeBox_400px-ShadeBox_IMG_7926.JPG
 
|Step_Picture_01=ShadeBox_400px-ShadeBox_IMG_7927.JPG
 
|Step_Picture_01=ShadeBox_400px-ShadeBox_IMG_7927.JPG
Ligne 82 : Ligne 87 :
 
|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_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}}
+
{{Tuto Step
 +
|Step_Title=Coupez la bande de LED.
 +
|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 câble.
 
|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_Content=# Coupez la bande de LED en 3 par groupe de 15 LED
+
{{Tuto Step
# Soudez les différentes bandes entre elles à l’aide de câbles de 15mm de longueur.  
+
|Step_Title=Mermer la boîte
# Soudez la première bande de LED au module ESP (VCC au 5V, GND au GND et Dim à la pin Io16)
+
|Step_Content=Insérez des points de colle dans les encoches.
# Collez chaque bande sur les supports de LEDx
 
  
REMARQUE : Placer l'ESP dans le coin contenant l'ouverture pour le cable.
+
Assemblez les 4 coins comme sur la photo.
}}
 
{{ {{tntn|Tuto Step}}
 
 
|Step_Picture_00=ShadeBox_IMG_7938.JPG
 
|Step_Picture_00=ShadeBox_IMG_7938.JPG
 
|Step_Picture_01=ShadeBox_IMG_7943.JPG
 
|Step_Picture_01=ShadeBox_IMG_7943.JPG
 
|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_Content=# Insérez des points de colle dans les encoches
 
# Assemblez les 4 coins comme sur la photo
 
 
}}
 
}}
{{ {{tntn|Tuto Step}}
+
{{Tuto Step
|Step_Picture_00=ShadeBox_image002.jpg
+
|Step_Title=Placer les messages sur les plaques d'Acrylique
|Step_Title=Placement des messages sur les plaques d'Acrylique
+
|Step_Content=Scotchez vos messages sur les plaques d'acrylique.
|Step_Content=1.    Scotchez vos messages sur les plaques d'acrylique.
+
 
 +
Placez les plaques d'acryliques sur la boite.
 +
 
 +
Refermez la boite.
  
2.    Placez les plaques d'acryliques sur la boite.
+
'''Connexion à la Shadebox'''
  
3.    Refermez la boite.
+
Brancher la Shadebox
}}
 
{{ {{tntn|Tuto Step}}
 
|Step_Title=Connexion à la ShadeBox
 
|Step_Content=1.    Brancher la Shadebox
 
  
2.    Chercher le Wi-Fi ShadeBox
+
Chercher le Wi-Fi ShadeBox
  
3.    Le mot de passe est : lightmeup  
+
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.
+
Accéder à l’interface via l’adresse 192.168.4.1 dans votre navigateur pour changer les couleurs des différents étages.
 +
|Step_Picture_00=ShadeBox_image002.jpg
 
}}
 
}}
{{ {{tntn|Notes}}
+
{{Notes
 
|Notes=
 
|Notes=
 
}}
 
}}
{{ {{tntn|Tuto Status}}
+
{{Tuto Status
|Complete=Yes
+
|Complete=Published
 
}}
 
}}

Version actuelle datée du 9 décembre 2019 à 11:56

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

ShadeBox image002.jpg
Afficher des messages pré-imprimés sur 3 étages différents.

Introduction

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.

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 (diamètre : 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 (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) :


Étape 3 - Téléversement

Choisir la carte ESP32 (Outils -> Type de carte -> ESP32 Module).

Télécharger le code à l'adresse suivante : drive.google.com/open?id=1LYvDXH7z0-pO_Zc277ANGW5R21F2FPL0.

Téléverser le code fourni sur la ESP3.

Si ça ne marche pas, vérifier que le bon port série soit affecter (Outils -> Ports série).




Étape 4 - Découper le Bois et Acrylique



Étape 5 - Monter le chassis de la boîte

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 câbles.

Collez les aimants aux emplacements prévus à cet effet sur les supports horizontaux.  

Étape 6 - Coupez la bande de LED.

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 câble.




Étape 7 - Mermer la boîte

Insérez des points de colle dans les encoches.

Assemblez les 4 coins comme sur la photo.


Étape 8 - Placer les messages sur les plaques d'Acrylique

Scotchez vos messages sur les plaques d'acrylique.

Placez les plaques d'acryliques sur la boite.

Refermez la boite.

Connexion à la Shadebox

Brancher la Shadebox

Chercher le Wi-Fi ShadeBox

Le mot de passe est : lightmeup

Accéder à l’interface via l’adresse 192.168.4.1 dans votre navigateur pour changer les couleurs des différents étages.




Commentaires

Published