Différences entre les pages « Badge avec un écran Oled » et « Boîte à sons »

 
 
Ligne 1 : Ligne 1 :
 
{{Tuto Details
 
{{Tuto Details
−
|Main_Picture=Badge_avec_un_écran_Oled_VID_20190209_145959_1.gif
+
|Main_Picture=Boite_à_sons_IMG_20190209_221116.jpg
 
|Licences=Attribution (CC-BY)
 
|Licences=Attribution (CC-BY)
−
|Description=Comment réaliser un badge avec un écran OLED ?
+
|Description=Vous appuyez sur le gros bouton rouge et son (un fichier mp3 tiré au sort) est joué.
 
|Area=Arduino
 
|Area=Arduino
−
|Difficulty=Technical
+
|Difficulty=Expert
−
|Duration=2
+
|Duration=4
 
|Duration-type=hour(s)
 
|Duration-type=hour(s)
−
|Tags=ecran OLED, affichage, écran, badge, électronique
+
|Tags=son, jeu
 
}}
 
}}
 
{{Introduction
 
{{Introduction
−
|Introduction=Bien qu'un peu techniques, ces petits écrans sympathiques sont très plaisants à utiliser.
+
|Introduction=Les gros boutons rouges donnent envie d'appuyer ! Au risque de vous faire rick'roller, appuyez sur le bouton !
 +
Pour lire la vidéo, allez par ici : http://wikidebrouillard.dokit.io/wiki/Fichier:BoiteASons.mp4
 +
}}
 +
{{TutoVideo
 +
|VideoType=Mp4
 +
|mp4video=BoiteASons.mp4
 
}}
 
}}
 
{{Materials
 
{{Materials
 
|ItemList={{ItemList
 
|ItemList={{ItemList
−
|Item=Ecran OLED
+
|Item=D1 mini
 +
}}{{ItemList
 +
|Item=Breadboard
 +
}}{{ItemList
 +
|Item=Cable Dupont
 +
}}{{ItemList
 +
|Item=Haut parleur
 +
}}{{ItemList
 +
|Item=Gros bouton rouge
 +
}}{{ItemList
 +
|Item=Lecteur MP3-TF-16P
 +
}}{{ItemList
 +
|Item=Batterie 18650
 +
}}{{ItemList
 +
|Item=Chargeur-transformateur porte-batterie 18650
 +
}}{{ItemList
 +
|Item=Résistance
 
}}{{ItemList
 
}}{{ItemList
−
|Item=D1 mini
+
|Item=Carte SD
 +
}}{{ItemList
 +
|Item=Fer à souder
 
}}{{ItemList
 
}}{{ItemList
−
|Item=Câble Dupont
+
|Item=Cutter
 
}}{{ItemList
 
}}{{ItemList
−
|Item=Breadboard
+
|Item=Pince à dénuder
 
}}{{ItemList
 
}}{{ItemList
−
|Item=Logiciel Arduino
+
|Item=Pistolet à colle ou pistocolle
−
}}
 
−
|Prerequisites={{Prerequisites
 
−
|Prerequisites=Convertir une image en format xbm
 
 
}}
 
}}
 
|Tuto_Attachments={{Tuto Attachments
 
|Tuto_Attachments={{Tuto Attachments
−
|Attachment=Badge-oled128X64.ino
+
|Attachment=boite-a-son-wemos.ino
 
}}
 
}}
 
}}
 
}}
 
{{Separator}}
 
{{Separator}}
 
{{Tuto Step
 
{{Tuto Step
−
|Step_Title=Réunir le matériel
+
|Step_Title=Réunissez le matériel
−
|Step_Content=Le matériel est tout simple :
+
|Step_Content=Pour l'alimentation, vous pouvez faire fonctionner la boite en 5V c'est donc assez souple :
−
* 4 cables dupont
+
* Avec un chargeur de téléphone
−
* 1 breadboard
+
* Une batterie "power bank" pour téléphone
−
* 1 D1 mini
+
* des piles en série (3 piles 1,5 V font parfaitement l'affaire)
−
* 1 écran OLED
+
* ...
−
* Sur la photo ne figure pas l'indispensable alimentation 5V
+
Pour le haut-parleur, j'ai trouvé le mien dans un vieil ordinateur.
−
|Step_Picture_00=Badge_avec_un_écran_Oled_badge-oledMate_riel.jpg
+
 
 +
Sur la photo, il manque du carton pour fabriquer la boite ainsi que les outils.
 +
|Step_Picture_00=-Boite_à_sons_materielBoiteASons.jpg
 +
}}
 +
{{Tuto Step
 +
|Step_Title=Préparer le gros bouton rouge 1
 +
|Step_Content=Pour faciliter les branchement, nous allons souder des embouts femelles de câbles dupont. Pour cela, on coupe des câbles et on dénude.
 +
|Step_Picture_00=Boite_à_sons_IMG_20190209_192952.jpg
 +
|Step_Picture_01=Boite_à_sons_IMG_20190209_193025.jpg
 +
|Step_Picture_02=Boite_à_sons_IMG_20190209_193113.jpg
 +
}}
 +
{{Tuto Step
 +
|Step_Title=Préparer le gros bouton rouge 2
 +
|Step_Content=Il y a quatre embouts femelle :
 +
* deux pour alimenter la LED interne.
 +
* deux pour le bouton poussoir
 +
 
 +
== A propose de la LED : ==
 +
j'ai modifier la LED présente dans le bouton (Elle fonctionne en 12V). Je l'ai retirée et remplacée par un LED ordinaire (5V).
 +
 
 +
On consolide avec de la gaine thermo-retractable (ou du pistolet à colle).
 +
|Step_Picture_00=Boite_à_sons_IMG_20190209_193330.jpg
 +
|Step_Picture_01=Boite_à_sons_IMG_20190209_193400.jpg
 +
|Step_Picture_02=Boite_à_sons_IMG_20190209_193543.jpg
 +
|Step_Picture_03=Boite_à_sons_IMG_20190209_193824.jpg
 +
}}
 +
{{Tuto Step
 +
|Step_Title=préparation de l'interrupteur
 +
|Step_Content=En ajoutant des embouts femelles de la même façon.
 +
|Step_Picture_00=Boite_à_sons_IMG_20190209_194435.jpg
 +
}}
 +
{{Tuto Step
 +
|Step_Title=Idem pour le chargeur-transformateur
 +
|Step_Content=Sur une sortie 5V on fixe deux embouts femelles :
 +
* Une pour le GND
 +
* Une pour le +5V
 +
|Step_Picture_00=Boite_à_sons_IMG_20190209_194457.jpg
 +
}}
 +
{{Tuto Step
 +
|Step_Title=préparer le lecteur de mp3
 +
|Step_Content=On l'installe sur la petite Breadboard.
 +
 
 +
pour préparer la carte microSD, chargez des sons mp3.
 +
 
 +
Suivez les instruction indiquées ici, sur le wiki de [https://www.dfrobot.com/wiki/index.php/DFPlayer_Mini_SKU:DFR0299 DFRobots].
 +
 
 +
== Ou trouver des sons ? ==
 +
On peut les enregistrer soi-même, extraire des répliques cultes de films ou les téléchargez depuis des sites web :
 +
* http://www.universal-soundbank.com/percus-loops.htm
 +
* https://www.myinstants.com/index/us/
 +
* https://www.soundjay.com/button-sounds-1.html
 +
* http://www.soundsofchanges.eu/
 +
* etc, à vous de chercher !
 +
|Step_Picture_00=Boite_à_sons_IMG_20190209_194632.jpg
 +
|Step_Picture_01=Boite_à_sons_IMG_20190209_194658.jpg
 +
}}
 +
{{Tuto Step
 +
|Step_Title=Les élément principaux sont prêt !
 +
|Step_Content=Il ne reste plus qu'à câbler et installer dans la boite !
 +
|Step_Picture_00=Boite_à_sons_IMG_20190209_194753.jpg
 +
}}
 +
{{Tuto Step
 +
|Step_Title=Mettre la batterie à charger
 +
|Step_Content=C'est le moment, comme cela elle sera prête lorsqu'on aura fini !
 +
|Step_Picture_00=Boite_à_sons_IMG_20190209_203636.jpg
 +
}}
 +
{{Tuto Step
 +
|Step_Title=Préparer la boite en carton
 +
|Step_Content=Il s'agit de faire un cube, débrouillez-vous.
 +
 
 +
Jouez du pistocolle, des ciseaux et des cutters
 +
|Step_Picture_00=Boite_à_sons_IMG_20190209_205417.jpg
 +
|Step_Picture_01=Boite_à_sons_IMG_20190209_210002.jpg
 +
|Step_Picture_02=Boite_à_sons_IMG_20190209_210009.jpg
 +
|Step_Picture_03=Boite_à_sons_IMG_20190209_210630.jpg
 +
}}
 +
{{Tuto Step
 +
|Step_Title=Le trou pour le gros bouton rouge
 +
|Step_Content=Repérez le centre de la face à trouer, reportez le diamètre et découpez !
 +
|Step_Picture_00=Boite_à_sons_IMG_20190209_205358.jpg
 +
|Step_Picture_01=Boite_à_sons_IMG_20190209_210753.jpg
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
−
|Step_Title=Faites le montage
+
|Step_Title=Il est temps de tester le montage
−
|Step_Content=Le brochage se résume à 4 fils à brancher du D1 mini vers l'écran :
+
|Step_Content=Il s'agit de brancher les différents composants ensemble et de vérifier que tout marche comme prévu !
−
* 5V vers VCC (fil rouge)
+
|Step_Picture_00=Boite_à_sons_IMG_20190209_212715.jpg
−
* G vers GND (fil noir)
+
|Step_Picture_01=Boite_à_sons_IMG_20190209_212816.jpg
−
* D6 vers SDA (Fil jaune)
+
|Step_Picture_02=Boite_à_sons_IMG_20190209_212840.jpg
−
* D5 vers SCL (ou SCK (fil vert).
+
|Step_Picture_03=Boite_à_sons_boite-a-sons_bb.png
−
|Step_Picture_00=Badge_avec_un_écran_Oled_badge-oled128X64_bb.png
 
−
|Step_Picture_01=Badge_avec_un_écran_Oled_badge-oledMontage.jpg
 
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
−
|Step_Title=Ajouter l'image au programme
+
|Step_Title=On installe le haut-parleur
−
|Step_Content=Point de vigilance : veiller à ce que les noms coïncident avec ceux du programme. Ne pas oublier la virgule finale.
+
|Step_Content=Découper le trou qui va bien, pistocoller tout ça !
−
|Step_Picture_00=Badge_avec_un_écran_Oled_Capture_d_e_cran_2019-02-10_a_09.37.25.png
+
|Step_Picture_00=Boite_à_sons_IMG_20190209_213128.jpg
−
|Step_Picture_01=Badge_avec_un_écran_Oled_Capture_d_e_cran_2019-02-10_a_09.37.50.png
+
|Step_Picture_01=Boite_à_sons_IMG_20190209_213305.jpg
−
|Step_Picture_02=Badge_avec_un_écran_Oled_Capture_d_e_cran_2019-02-10_a_09.38.43.png
+
|Step_Picture_02=Boite_à_sons_IMG_20190209_213502.jpg
−
|Step_Picture_03=Badge_avec_un_écran_Oled_Capture_d_e_cran_2019-02-10_a_09.38.58.png
 
 
}}
 
}}
 
{{Tuto Step
 
{{Tuto Step
−
|Step_Title=Téléversez sur le D1 mini le programme et l'image
+
|Step_Title=Coller en place dans la boite
−
|Step_Content=Vous pouvez personnaliser l'image affichées en utilisant un convertisseur d'image pour passer d'un forma classique au format .xbm qui permet l'affichage.
+
|Step_Content=et refermer !
  
−
Voir la page [[Convertir une image en format xbm]]
+
C'est prêt !
−
|Step_Picture_00=Badge_avec_un_écran_Oled_badge-oledArduino.png
+
|Step_Picture_00=Boite_à_sons_IMG_20190209_213919.jpg
−
|Step_Picture_01=Badge_avec_un_écran_Oled_badge-oledImage.png
+
|Step_Picture_01=Boite_à_sons_IMG_20190209_214853.jpg
−
|Step_Picture_02=Badge_avec_un_écran_Oled_exportXbmTexte.png
 
 
}}
 
}}
 
{{Notes}}
 
{{Notes}}

Version du 10 février 2019 à 11:44

Vous appuyez sur le gros bouton rouge et son (un fichier mp3 tiré au sort) est joué.

Auteur avatarAntony Le Goïc-Auffret | Dernière modification 14/08/2023 par Antonydbzh

Boite à sons IMG 20190209 221116.jpg
Difficulté
Expert
Durée
4 heure(s)
Vous appuyez sur le gros bouton rouge et son (un fichier mp3 tiré au sort) est joué.
Difficulté
Expert
Durée
4 heure(s)
<languages />
Licence : Attribution (CC-BY)

Introduction

Les gros boutons rouges donnent envie d'appuyer ! Au risque de vous faire rick'roller, appuyez sur le bouton !

Pour lire la vidéo, allez par ici : http://wikidebrouillard.dokit.io/wiki/Fichier:BoiteASons.mp4

Video d'introduction

  • Fichiers
D1 mini
Item-D1 mini WemosD1mini.jpg
C'est un cousin de l'Arduino, avec du wifi !
Breadboard
Item-Breadboard 300px-Cspa 1.jpg
L'avantage de ce système est d'être totalement réutilisable, car il ne nécessite pas de soudure. Ce dernier point distingue les platines Labdec des stripboards (ou veroboards), des perfboards ou des circuits imprimés qui sont, eux, utilisés pour réaliser des prototypes permanents et que l'on sera donc moins à même de démonter. On peut de plus câbler sur une platine Labdec une grande variété de composants afin de réaliser des circuits électroniques, du plus simple circuit jusqu'au microprocesseur.
Cable Dupont
[[File:]]
Haut parleur
Item-Haut parleur 250px-Enceinte.jpg
Un haut-parleur, ou hautparleur, est un transducteur électroacoustique destiné à produire des sons à partir d'un signal électrique. Il est en cela l'inverse du microphone. Par extension, on emploie parfois ce terme pour désigner un appareil complet destiné à la reproduction sonore (voir Enceinte).

Trois types de haut-parleurs, électrodynamique, électrostatique et piézoélectrique, représentent les technologies actuelles les plus courantes. Le haut-parleur électrodynamique, couvrant environ 99 % du marché, a encore un fonctionnement relativement simple pour une technologie de masse.

Le 10 décembre 1877, le premier brevet concernant un haut-parleur à bobine mobile fut accordé à Werner von Siemens. Le haut-parleur remplit une gamme très variée d'applications : on trouve des haut-parleurs aussi bien dans des cartes de vœux que reliés à des amplificateurs de puissance pour concert.
Gros bouton rouge
Item-Gros bouton rouge grosBoutonPoussoir.jpg
Gros bouton rouge donnant une envie irrépressible d'appuyer dessus
Lecteur MP3-TF-16P
[[File:]]
Batterie 18650
Item-Batterie 18650 battrerie.jpg
Batterie de 3,7V
Chargeur-transformateur porte-batterie 18650
Item-chargeur-transformateur porte-batterie 18650 ESP32-ESP32S-Pour-Wemos-Pour-Raspberry-Pi-18650-Batterie-Charge-bouclier-plaque-V3-micro-USB-Port.jpg 640x640.jpg
Ce composant multifonction est très pratique !
Résistance
Item-résistance 10kresistance.jpg
Une résistance est un composant électronique ou électrique dont la principale caractéristique est d'opposer une plus ou moins grande résistance (mesurée en ohms) à la circulation du courant électrique.
Carte SD
Item-carte SD microSD.jpg
Carte de mémoire flash
Fer à souder
Item-Fer à souder ferasouder.jpg
Un fer à souder, ou plus précisément un fer à braser, est un outil chauffant permettant de réaliser une opération de brasage. L'usage courant du fer à souder se fait dans le domaine du montage de composants électroniques.
Cutter
Item-Cutter cutter.jpg
Un cutter (ou couteau à lame rétractable) est un outil qui permet de couper des matériaux fins et peu résistants. Il est en général muni d'une lame mobile qui est masquée lorsque l'objet n'est pas utilisé (pour plus de sécurité).
Pince à dénuder
Item-Pince à dénuder pince denuder.jpg
Pince pour dénuder les bouts des fils électriques
Pistolet à colle ou pistocolle
Item-pistolet à colle ou pistocolle pistocolle.jpg
Il s'agit d'un pistolet qui fait fondre des battent de colles

Étape 1 - Réunissez le matériel

Pour l'alimentation, vous pouvez faire fonctionner la boite en 5V c'est donc assez souple :

  • Avec un chargeur de téléphone
  • Une batterie "power bank" pour téléphone
  • des piles en série (3 piles 1,5 V font parfaitement l'affaire)
  • ...

Pour le haut-parleur, j'ai trouvé le mien dans un vieil ordinateur.

Sur la photo, il manque du carton pour fabriquer la boite ainsi que les outils.

-Boite à sons materielBoiteASons.jpg




Étape 2 - Préparer le gros bouton rouge 1

Pour faciliter les branchement, nous allons souder des embouts femelles de câbles dupont. Pour cela, on coupe des câbles et on dénude.

Boite à sons IMG 20190209 192952.jpg
Boite à sons IMG 20190209 193025.jpg
Boite à sons IMG 20190209 193113.jpg


Étape 3 - Préparer le gros bouton rouge 2

Il y a quatre embouts femelle :

  • deux pour alimenter la LED interne.
  • deux pour le bouton poussoir

A propose de la LED :

j'ai modifier la LED présente dans le bouton (Elle fonctionne en 12V). Je l'ai retirée et remplacée par un LED ordinaire (5V).

On consolide avec de la gaine thermo-retractable (ou du pistolet à colle).

Boite à sons IMG 20190209 193330.jpg
Boite à sons IMG 20190209 193400.jpg
Boite à sons IMG 20190209 193543.jpg
Boite à sons IMG 20190209 193824.jpg


Étape 4 - préparation de l'interrupteur

En ajoutant des embouts femelles de la même façon.

Boite à sons IMG 20190209 194435.jpg




Étape 5 - Idem pour le chargeur-transformateur

Sur une sortie 5V on fixe deux embouts femelles :

  • Une pour le GND
  • Une pour le +5V
Boite à sons IMG 20190209 194457.jpg




Étape 6 - préparer le lecteur de mp3

On l'installe sur la petite Breadboard.

pour préparer la carte microSD, chargez des sons mp3.

Suivez les instruction indiquées ici, sur le wiki de DFRobots.

Ou trouver des sons ?

On peut les enregistrer soi-même, extraire des répliques cultes de films ou les téléchargez depuis des sites web :

Boite à sons IMG 20190209 194632.jpg
Boite à sons IMG 20190209 194658.jpg



Étape 7 - Les élément principaux sont prêt !

Il ne reste plus qu'à câbler et installer dans la boite !

Boite à sons IMG 20190209 194753.jpg




Étape 8 - Mettre la batterie à charger

C'est le moment, comme cela elle sera prête lorsqu'on aura fini !

Boite à sons IMG 20190209 203636.jpg




Étape 9 - Préparer la boite en carton

Il s'agit de faire un cube, débrouillez-vous.

Jouez du pistocolle, des ciseaux et des cutters

Boite à sons IMG 20190209 205417.jpg
Boite à sons IMG 20190209 210002.jpg
Boite à sons IMG 20190209 210009.jpg
Boite à sons IMG 20190209 210630.jpg


Étape 10 - Le trou pour le gros bouton rouge

Repérez le centre de la face à trouer, reportez le diamètre et découpez !

Boite à sons IMG 20190209 205358.jpg
Boite à sons IMG 20190209 210753.jpg



Étape 11 - Il est temps de tester le montage

Il s'agit de brancher les différents composants ensemble et de vérifier que tout marche comme prévu !

Boite à sons IMG 20190209 212715.jpg
Boite à sons IMG 20190209 212816.jpg
Boite à sons IMG 20190209 212840.jpg
Boite à sons boite-a-sons bb.png


Étape 12 - On installe le haut-parleur

Découper le trou qui va bien, pistocoller tout ça !

Boite à sons IMG 20190209 213128.jpg
Boite à sons IMG 20190209 213305.jpg
Boite à sons IMG 20190209 213502.jpg


Étape 13 - Coller en place dans la boite

et refermer !

C'est prêt !

Boite à sons IMG 20190209 213919.jpg
Boite à sons IMG 20190209 214853.jpg




Dernière modification 14/08/2023 par user:Antonydbzh.

Commentaires

Published

Récupérée de « https://www.wikidebrouillard.org/w/index.php?title=Badge_avec_un_écran_Oled&oldid=2477 »
© 2017 - 2024 Dokit, SAS.