Badge avec un écran Oled : Différence entre versions

 
(7 révisions intermédiaires par 3 utilisateurs non affichées)
Ligne 3 : Ligne 3 :
 
|Licences=Attribution (CC-BY)
 
|Licences=Attribution (CC-BY)
 
|Description=Comment réaliser un badge avec un écran OLED ?
 
|Description=Comment réaliser un badge avec un écran OLED ?
|Area=Arduino
+
|Disciplines scientifiques=Arduino
 
|Difficulty=Technical
 
|Difficulty=Technical
 
|Duration=2
 
|Duration=2
Ligne 31 : Ligne 31 :
 
}}
 
}}
 
}}
 
}}
{{Separator}}
 
 
{{Tuto Step
 
{{Tuto Step
 
|Step_Title=Réunir le matériel
 
|Step_Title=Réunir le matériel
 +
|Step_Content=Le matériel est tout simple :
 +
* 4 cables dupont
 +
* 1 breadboard
 +
* 1 D1 mini
 +
* 1 écran OLED
 +
* Sur la photo ne figure pas l'indispensable alimentation 5V
 +
|Step_Picture_00=Badge_avec_un_écran_Oled_badge-oledMate_riel.jpg
 +
}}
 +
{{Tuto Step
 +
|Step_Title=Faites le montage
 +
|Step_Content=Le brochage se résume à 4 fils à brancher du D1 mini vers l'écran :
 +
* 5V vers VCC (fil rouge)
 +
* G vers GND (fil noir)
 +
* D6 vers SDA (Fil jaune)
 +
* D5 vers SCL (ou SCK (fil vert).
 +
|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
 +
|Step_Title=Ajouter l'image au programme
 +
|Step_Content=Point de vigilance : veiller à ce que les noms coïncident avec ceux du programme. Ne pas oublier la virgule finale.
 +
|Step_Picture_00=Badge_avec_un_écran_Oled_Capture_d_e_cran_2019-02-10_a_09.37.25.png
 +
|Step_Picture_01=Badge_avec_un_écran_Oled_Capture_d_e_cran_2019-02-10_a_09.37.50.png
 +
|Step_Picture_02=Badge_avec_un_écran_Oled_Capture_d_e_cran_2019-02-10_a_09.38.43.png
 +
|Step_Picture_03=Badge_avec_un_écran_Oled_Capture_d_e_cran_2019-02-10_a_09.38.58.png
 +
}}
 +
{{Tuto Step
 +
|Step_Title=Avez-vous pensé à ajouter les bibliothèques ?
 +
|Step_Content=Pour que ce programme fonctionne, il faut ajouter dans le logiciel arduino, les bibliothèques suivantes :
 +
 +
* SSD1306.h, disponible ici :  <nowiki>https://github.com/ThingPulse/esp8266-oled-ssd1306</nowiki>
 +
* Wire.h
 +
}}
 +
{{Tuto Step
 +
|Step_Title=Téléversez sur le D1 mini le programme et l'image
 +
|Step_Content=Vous pouvez personnaliser l'image affichée en utilisant un convertisseur d'image pour passer d'un format classique au format .xbm qui permet l'affichage.
 +
 +
Voir la page [[Convertir une image en format xbm]]
 +
|Step_Picture_00=Badge_avec_un_écran_Oled_badge-oledArduino.png
 +
|Step_Picture_01=Badge_avec_un_écran_Oled_badge-oledImage.png
 +
|Step_Picture_02=Badge_avec_un_écran_Oled_exportXbmTexte.png
 
}}
 
}}
 
{{Notes}}
 
{{Notes}}
 
{{Tuto Status
 
{{Tuto Status
|Complete=Draft
+
|Complete=Published
 
}}
 
}}
 +
{{Separator}}

Version actuelle datée du 12 novembre 2020 à 16:26

Auteur avatarAntony Le Goïc-Auffret | Dernière modification 12/11/2020 par Antonydbzh

Badge avec un écran Oled VID 20190209 145959 1.gif
Comment réaliser un badge avec un écran OLED ?
Licence : Attribution (CC-BY)

Introduction

Bien qu'un peu techniques, ces petits écrans sympathiques sont très plaisants à utiliser.
  • Expériences pré-requises
  • Fichiers

Étape 1 - Réunir le matériel

Le matériel est tout simple :

  • 4 cables dupont
  • 1 breadboard
  • 1 D1 mini
  • 1 écran OLED
  • Sur la photo ne figure pas l'indispensable alimentation 5V




Étape 2 - Faites le montage

Le brochage se résume à 4 fils à brancher du D1 mini vers l'écran :

  • 5V vers VCC (fil rouge)
  • G vers GND (fil noir)
  • D6 vers SDA (Fil jaune)
  • D5 vers SCL (ou SCK (fil vert).



Étape 3 - Ajouter l'image au programme

Point de vigilance : veiller à ce que les noms coïncident avec ceux du programme. Ne pas oublier la virgule finale.


Étape 4 - Avez-vous pensé à ajouter les bibliothèques ?

Pour que ce programme fonctionne, il faut ajouter dans le logiciel arduino, les bibliothèques suivantes :

  • SSD1306.h, disponible ici : https://github.com/ThingPulse/esp8266-oled-ssd1306
  • Wire.h

Étape 5 - Téléversez sur le D1 mini le programme et l'image

Vous pouvez personnaliser l'image affichée en utilisant un convertisseur d'image pour passer d'un format classique au format .xbm qui permet l'affichage.

Voir la page Convertir une image en format xbm



Dernière modification 12/11/2020 par user:Antonydbzh.

Commentaires

Published