Un badge électronique : Différence entre versions

Version du 24 août 2018 à 14:58

Badge électronique qui peut être accroché à un vêtement.

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

Difficulté

Moyen

Durée

1 heure(s)

Catégories

Vêtement & Accessoire, Électronique

Coût

15 EUR (€)

Badge électronique qui peut être accroché à un vêtement.

Difficulté

Moyen

Durée

1 heure(s)

Catégories

Vêtement & Accessoire, Électronique

Coût

15 EUR (€)

Autres langues :

français

Sommaire

1 Introduction
2 Étape 1 - Concevoir l'image qui sera affichée
3 Étape 2 - Brancher l'écran au Raspberry Pi
4 Étape 3 - Affichage de l'image sur l'écran
5 Étape 4 - Conception et impression du boitier
6 Étape 5 - Résultat final et améliorations
7 Commentaires

Licence : Attribution (CC BY)

Un_badge_électronique_SurLaVeste.jpg fr none Technique 0

Introduction

Il y a déjà quelques temps que les écrans à encre électronique m'interpellent.

Pour le fun, et pour découvrir, j'en ai acquis un petit pour une dizaine d’euro. Je me suis alors demandé ce que je pouvais bien en faire.

L’intérêt de ce type d’écran, c’est qu’ils ne s’éteignent pas. Donc, une fois débranché, l’affichage est conservé. Pas besoin de transporter le Raspberry Pi.

Matériaux

Un module papier électronique, écran de 1.54 pouces avec 200x200 pixels et une interface SPI. Celui-ci est un Waveshare acheté sur Internet ici
12 grammes de PLA pour imprimer le boîtier

Outils

Un Raspberry Pi
Une imprimante 3D
Le logiciel OpenSCAD si on veut modifier le boitier

https://github.com/domoenergytics/3D-objects/blob/master/ePaperBox/ePaperBox.stl

Étape 1 - Concevoir l'image qui sera affichée

L'écran est carré et affiche 200 pixels par coté. Il faut donc prévoir une image carré de 200 x 200 pixels.

L'écran affiche en noir sur fond blanc. Il faut donc préparer une image bitmap monochrome, donc avec 2 couleurs, noir & blanc.

Étape 2 - Brancher l'écran au Raspberry Pi

L'écran discute avec le RaspberryPi via une interface SPI.

Cette interface est composée des broches suivantes :

BUSY - Violet
RST - Blanc
DC - Vert
CS - Orange
CLK - Jaune
DIN - Bleu
GND - Noir
3.3V - Rouge

Il est aussi nécessaire d'installer du soft afin que la communication se fasse correctement.

C'est expliqué sur le site de waveshare.

Il est possible d'afficher des images, ou du texte. Un exemple fait défilé l'heure sur l'écran.

Étape 3 - Affichage de l'image sur l'écran

Pour le badge, comme il ne sera pas branché au Raspberry, il va donc afficher une image fixe. Le plus simple est alors de concevoir cette image avec votre éditeur préféré, à la taille de l'écran, et de l'afficher directement.

Une fois l'image réalisée, en noir et blanc, il est nécessaire de la sauvegardée au format .bmp, avec une précision de 8 bits.

Ensuite, c'est le code python "screen.py" qui va se charger de transférer cette image à l'écran.

L'ensemble des codes utilisés est disponible sur Github

Étape 4 - Conception et impression du boitier

Le fichier .stl du boitier est disponible sur GitHub à l'url suivante : github.com/domoenergytics/3D-objects/blob/master/ePaperBox/ePaperBox.stl

Le code OpenSCAD est là : github.com/domoenergytics/3D-objects/blob/master/ePaperBox/ePaperBox.scad

Ne pas oublier le fichier "Cubo.scad" qui est utilisé.

Étape 5 - Résultat final et améliorations

Même si le boîtier demande quelques petites retouches, il fonctionne très bien et fait le job.

Par contre, l'ensemble reste assez épais.

L'écran en lui même fait 1 mm d'épaisseur. Il est posé sur un circuit imprimé qui porte quelques composants au dos. C'est le connecteur qui est épais, connecteur qui ne sert à rien quand on porte le badge.

Une solution rapide serait de laisser le connecteur dépasser sur l'arrière, ce qui permettrait de gagner 1 mm. Deux autres millimètres gagnés en limant la partie supérieure du connecteur.

Au niveau du soft, il pourrait être amélioré pour traiter n'importe quel type d'image.

Commentaires

Published

@@ Ligne 23 : / Ligne 23 : @@
 <!--T:4-->
-L’intérêt de ce type d’écran, c’est qu’ils ne s’éteignent pas.
+L’intérêt de ce type d’écran, c’est qu’ils ne s’éteignent pas. Donc, une fois débranché, l’affichage est conservé. Pas besoin de transporter le Raspberry Pi.</translate>
-<!--T:5-->
-Donc, une fois débranché, l’affichage est conservé. Pas besoin de transporter le Raspberry Pi.
-<!--T:6-->
-Voici donc mon badge. Créé sur le pouce. Un peu gros certes, mais …</translate>
 }}
 {{ {{tntn|Materials}}
-|Step_Picture_00=Un_badge_électronique_e-paper.PNG
 |Material=<translate><!--T:7-->
 * Un module papier électronique, écran de 1.54 pouces avec 200x200 pixels et une interface SPI. Celui-ci est un Waveshare acheté sur Internet [https://fr.aliexpress.com/item/200x200-1-54inch-E-Ink-display-module-Without-PCB-Communicate-via-SPI-interface-Supports-various-controller/32811542977.html ici]
-* 12 grammes de PLA pour imprimer le boitier</translate>
+* 12 grammes de PLA pour imprimer le boîtier</translate>
 |Tools=<translate><!--T:8-->
 * Un Raspberry Pi
@@ Ligne 47 : / Ligne 40 : @@
 {{ {{tntn|Separator}}}}
 {{ {{tntn|Tuto Step}}
-|Step_Title=<translate><!--T:9--> Conception de l'image qui sera affichée</translate>
+|Step_Title=<translate><!--T:9--> Concevoir l'image qui sera affichée</translate>
 |Step_Content=<translate><!--T:10-->
-L'écran est carré et affiche 200 pixels par coté.
+L'écran est carré et affiche 200 pixels par coté. Il faut donc prévoir une image carré de 200 x 200 pixels.
-<!--T:11-->
-Il faut donc prévoir une image carré de 200 x 200 pixels
 <!--T:12-->
-L'écran affiche en noir sur fond blanc.
+L'écran affiche en noir sur fond blanc. Il faut donc préparer une image bitmap monochrome, donc avec 2 couleurs, noir & blanc.</translate>
+|Step_Picture_00=Un_badge_électronique_e-paper.PNG
-<!--T:13-->
+|Step_Picture_00_annotation={"objects":[{"type":"textbox","originX":"center","originY":"center","left":143,"top":143,"width":204,"height":22.6,"fill":"red","stroke":"red","strokeWidth":1,"strokeDashArray":null,"strokeLineCap":"butt","strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":1,"scaleY":1,"angle":270.22,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"text":"200 px","fontSize":20,"fontWeight":"normal","fontFamily":"sans-serif","fontStyle":"","lineHeight":1.16,"textDecoration":"","textAlign":"left","textBackgroundColor":"","charSpacing":0,"minWidth":20,"styles":{"0":{"1":{},"2":{},"3":{},"4":{},"5":{},"6":{} } } },{"type":"textbox","originX":"center","originY":"center","left":371.98,"top":34,"width":121.96,"height":22.6,"fill":"red","stroke":"red","strokeWidth":1,"strokeDashArray":null,"strokeLineCap":"butt","strokeLineJoin":"miter","strokeMiterLimit":10,"scaleX":1,"scaleY":1,"angle":0,"flipX":false,"flipY":false,"opacity":1,"shadow":null,"visible":true,"clipTo":null,"backgroundColor":"","fillRule":"nonzero","globalCompositeOperation":"source-over","transformMatrix":null,"skewX":0,"skewY":0,"text":"200 px","fontSize":20,"fontWeight":"normal","fontFamily":"sans-serif","fontStyle":"","lineHeight":1.16,"textDecoration":"","textAlign":"left","textBackgroundColor":"","charSpacing":0,"minWidth":20,"styles":{"0":{"1":{},"2":{},"3":{},"4":{},"5":{},"6":{} } } }],"height":"425","width":"600"}
-Il faut donc préparer une image bitmap monochrome, donc avec 2 couleurs, noir & blanc.</translate>
 }}
 {{ {{tntn|Tuto Step}}
@@ Ligne 100 : / Ligne 89 : @@
 <!--T:22-->
 L'ensemble des codes utilisés est disponible sur [https://github.com/domoenergytics/ePaper Github]</translate>
+|Step_Picture_00=Un_badge_électronique_Github_wikifab.png
 }}
 {{ {{tntn|Tuto Step}}
 |Step_Title=<translate><!--T:23--> Conception et impression du boitier</translate>
 |Step_Content=<translate><!--T:24-->
-Le fichier .stl du boitier est disponible sur GitHub à l'url suivante : https://github.com/domoenergytics/3D-objects/blob/master/ePaperBox/ePaperBox.stl
+Le fichier .stl du boitier est disponible sur GitHub à l'url suivante : [https://github.com/domoenergytics/3D-objects/blob/master/ePaperBox/ePaperBox.stl github.com/domoenergytics/3D-objects/blob/master/ePaperBox/ePaperBox.stl]
 <!--T:25-->
-Le code OpenSCAD est là :  https://github.com/domoenergytics/3D-objects/blob/master/ePaperBox/ePaperBox.scad
+Le code OpenSCAD est là :  [https://github.com/domoenergytics/3D-objects/blob/master/ePaperBox/ePaperBox.scad github.com/domoenergytics/3D-objects/blob/master/ePaperBox/ePaperBox.scad]
 <!--T:26-->
@@ Ligne 115 : / Ligne 105 : @@
 }}
 {{ {{tntn|Tuto Step}}
-|Step_Title=<translate><!--T:27--> Améliorations</translate>
+|Step_Title=<translate><!--T:27--> Résultat final et améliorations</translate>
 |Step_Content=<translate><!--T:28-->
-Même si le boitier demande quelques petites retouches, il fonctionne très bien et fait le job.
+Même si le boîtier demande quelques petites retouches, il fonctionne très bien et fait le job.
 <!--T:29-->
@@ Ligne 126 : / Ligne 116 : @@
 <!--T:31-->
-Une solution rapide serait de laisser le connecteur dépasser sur l'arrière, ce qui permettrait de gagner 1 mm.
+Une solution rapide serait de laisser le connecteur dépasser sur l'arrière, ce qui permettrait de gagner 1 mm. Deux autres millimètres gagnés en limant la partie supérieure du connecteur.
-<!--T:32-->
-Deux autres millimètres en limant la partie supérieure du connecteur...
 <!--T:33-->
 Au niveau du soft, il pourrait être amélioré pour traiter n'importe quel type d'image.</translate>
+|Step_Picture_00=Un_badge_électronique_SurLaVeste.jpg
 }}
 {{ {{tntn|Notes}}