# ZAM Badge 2024 ## Überblick Bei der Planung des VULCA-Treffens kam die Idee eines Badge als Konferenzpräsent und Lötübung auf. Die Idee besteht darin, die folgende Grafik zu nehmen und diese in eine Leiterplatte mit blinkenden LEDs hinter dem Auge und den Buchstaben umzuwandeln. [![Original.png](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/scaled-1680-/4xipWjmqAWXrf9XD-original.png)](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/4xipWjmqAWXrf9XD-original.png) ## Projekt-Metadaten [ZAM-Badge-24 GitHub Repository](https://github.com/SteveMayze/ZAM-Badge-24) Jochen Hunger jochen.hunger@betreiberverein.de Steve Mayze smayze@yahoo.com ## Logbuch / Schritte ### Tag 1 Zusammenarbeit Ich habe schon früher Grafiken in PCBs umgewandelt. Ich wollte dieses Projekt unbedingt in Angriff nehmen, da ich einige Wochen zuvor an der KiCon Europe 2024 teilgenommen hatte und den Vortrag „*[Zusammenarbeit mit Künstlern, um schöne Platinen zu entwerfen](https://youtu.be/TPAT5Qx_lBM?si=xMh1szZivaeJJBvq)*“ sehr genossen hatte. Als Erstes musste ich mir das Konzept ausdenken. Auf Grundlage der Originalgrafik skizzierte ich eine mögliche Anordnung der PCB-Schichten. [![Draft1.png](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/scaled-1680-/xqjnCtzdKFmKYOhE-draft1.png)](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/xqjnCtzdKFmKYOhE-draft1.png) Basierend auf dieser Skizze hat Jochen dann seine Vorstellungen dargelegt. Daraus ließe sich relativ einfach eine Leiterplatte entwickeln. Die Idee ist, Kopf und Buchstaben alle in der gleichen Farbe zu haben (die Lötmaske) und dann den Bereich hinter den Augen und um die Buchstaben herum frei zu lassen, damit die blinkenden LEDs hindurchscheinen. [![Draft2.png](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/scaled-1680-/naPYwVTygrMh8cBo-draft2.png)](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/naPYwVTygrMh8cBo-draft2.png)Ich habe dies noch etwas weiter ausgeschmückt und mir Gedanken darüber gemacht, wo die Komponenten platziert werden könnten.[ ](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/naPYwVTygrMh8cBo-draft2.png) [![Draft3.png](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/scaled-1680-/axx3EAv0QUSOPPaU-draft3.png)](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/axx3EAv0QUSOPPaU-draft3.png) ### Tag 2. Erstellen des Designs Once I had KiCad available I proceeded to turn the SVG of the graphic into a PCB. To achieve this, the layer feature of Inkscape was invaluable.
[![Front-Cu.png](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/scaled-1680-/Vo8HhChCW1QWAI3a-front-cu.png)](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/Vo8HhChCW1QWAI3a-front-cu.png)The original image was exported as Front Copper (F.Cu). This will ensure that the section of the board that represents the *head* and letters will be opaque and not letter any light through.
[![SolderMask.png](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/scaled-1680-/4BJcUp1XGB4wa2Lm-soldermask.png)](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/4BJcUp1XGB4wa2Lm-soldermask.png)The next layer to export as the solder mask. For the entire image was exported but this has to be converted to a negative since this defines where the solder mask *should not go.*
[![F.Mask.png](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/scaled-1680-/S1YamFW2Yt1wxxyh-f-mask.png)](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/S1YamFW2Yt1wxxyh-f-mask.png)This image is then taken into a graphics program such as GIMP or Krita and trimmed down as the entire outline for this design.
[![EdgeCut.png](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/scaled-1680-/t1fODM2mXcWMy5rR-edgecut.png)](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/t1fODM2mXcWMy5rR-edgecut.png)The last layer is based on the entire image and converted to an outline. This is then expanded using the *Outset* *tool*. This will ensure that milling tool following the edge cut will not conflict with the actual image outline.
Once the layers are exported and verified, the layout of the board can begin. First of all, a simple circuit is created to defined the required parts. We don't have a lot of time for this project to try things out. So I opted to have space for three LEDs thought I believe only two will be required. [![Schematic.png](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/scaled-1680-/pF8r6iqDDI6Gk8IW-schematic.png)](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/pF8r6iqDDI6Gk8IW-schematic.png) [![Screenshot 2024-10-21 at 19.11.53.png](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/scaled-1680-/ddlanFkzWI0WgTEw-screenshot-2024-10-21-at-19-11-53.png)](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/ddlanFkzWI0WgTEw-screenshot-2024-10-21-at-19-11-53.png) [![Screenshot 2024-10-21 at 19.12.08.png](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/scaled-1680-/bldax4suB5l1I7qw-screenshot-2024-10-21-at-19-12-08.png)](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/bldax4suB5l1I7qw-screenshot-2024-10-21-at-19-12-08.png) [![Screenshot 2024-10-21 at 19.19.32.png](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/scaled-1680-/81ug9Wzf4wxxGJex-screenshot-2024-10-21-at-19-19-32.png)](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/81ug9Wzf4wxxGJex-screenshot-2024-10-21-at-19-19-32.png) [![Screenshot 2024-10-21 at 19.19.39.png](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/scaled-1680-/dmE0nRLXUwMZOuxK-screenshot-2024-10-21-at-19-19-39.png)](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/dmE0nRLXUwMZOuxK-screenshot-2024-10-21-at-19-19-39.png) ### Tag 3. Montage und Prüfung A week or so after uploading the design files to the fabricator, a panel arrived in the post. I had to assemble to see if there were any issues. [![Example.png](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/scaled-1680-/0XDcRRUhvD1aLXBC-example.png)](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/0XDcRRUhvD1aLXBC-example.png) The assembly is quite simple. We start by soldering the LEDs first. The battery holder is large and the LED pads are quite close. There is a risk of damaging the battery holder if the soldering iron should touch it while soldering the LEDs. The leads of the LEDs should be bent into place and cut to length. Make sure to take note of the anode and cathode of the LED. These leads need to connect to the appropriate pad. If they are connected the wrong way, you will not damage the LED. It just won't glow. The anode is the longer lead and should be placed on the pad marked with the plus (+) sign. After the LEDs are soldered in place, then the battery holder and switch can be placed on the board. Like the LEDs take note of the orientation of the battery holder. Refer to the graphic below to see the correct orientation. The ⊕ marking on the battery holder should be bottom right as shown in the image. The switch has no special orientation. The leads will need to be bent into shape so that they neatly touch their pads. Note that for the battery holder and the switch you might need to apply more heat to get a good connection. ##### Bauteile - 3mm LED - eye - 5mm LED - ZAM letters - CR2032 Knopfzellhalter - Schalter [![Front.JPG](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/scaled-1680-/yXW74LQGgP8KnWJ2-front.JPG)](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/yXW74LQGgP8KnWJ2-front.JPG) [![image1.png](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/scaled-1680-/sQcMIu9NPFquW1oq-image1.png)](https://wiki.betreiberverein.de/uploads/images/gallery/2024-11/sQcMIu9NPFquW1oq-image1.png)