While cleaning out the cellar the other day, I found an old control panel with old analog displays. This gave me the idea that it must be possible to use these displays somehow to display data from the SmartHome.
These displays should be particularly useful for displaying current climate data such as temperature, humidity, etc.
How to do this and what you need to bear in mind is described in the following article.
Safety instructions
I know the following notes are always kind of annoying and seem unnecessary. Unfortunately, many people who knew "better" have lost eyes, fingers or other things due to carelessness or injured themselves. Data loss is almost negligible in comparison, but even these can be really annoying. Therefore, please take five minutes to read the safety instructions. Because even the coolest project is not worth injury or other trouble. https://www.nerdiy.de/sicherheitshinweise/
Affiliate links/advertising links
The links to online shops listed here are so-called affiliate links. If you click on such an affiliate link and make a purchase via this link, Nerdiy.de will receive a commission from the relevant online shop or provider. The price does not change for you. If you make your purchases via these links, you support Nerdiy.de in being able to offer other useful projects in the future. 🙂
Requirements
Helpful articles: Before you start with this article, you should have dealt with the basics of soldering. You can find information about this in the following article. Electronics - My friend the soldering iron
Required material:
In the following list you will find all the parts you need to implement this article.
Required tool:
In the following list you will find all the tools you need to implement this article.
Collect required parts
In the following picture you can see the parts you need to build your own retro SmartHome display.
In the section More than two displays in one housing you will also find templates for modular housing parts.
Housing for a display:
You can rotate the 3D view of the STL file by holding down the mouse button. You can zoom in and out with the mouse wheel.
Housing for two displays:
You can rotate the 3D view of the STL file by holding down the mouse button. You can zoom in and out with the mouse wheel.
Attaching the alternative display scale labeling
In this step, the alternative labels for the display scales are glued on. After all, you don't want to use the analog displays to show voltages but other values such as temperatures, humidity, etc.. To do this, the scales need to be adapted slightly.
In the following pdf file you will find templates for temperature (inside and outside), humidity (inside and outside), air pressure, hour and minute in German and English. Simply print these out and stick them on the scales of the analog displays as described below. Printable label paper is best suited for this, as it already has an adhesive layer on one side.
To do this, loosen the screws in the front cover......and take everything apart until you can remove the thin scale plate. Be careful not to bend or otherwise damage the sensitive pointer.Once you have cut out the alternative display scale lettering of your choice, you can glue it onto the previously removed scale plate. You should work very cleanly here, as this scale plate and the alternative display scale lettering can (and should) be clearly visible later.Once you have glued the alternative display scale lettering onto the scale plate, it should look something like this.You can now insert the glued scale plate back into the analog displays and assemble them.
Attaching the backlight
LED backlighting is installed so that you can also illuminate the displays later in the dark.
To do this, you must first remove any existing obstacles. You have to get to the back of the scale surface.First drill a small hole with a diameter of approx. 3 mm relatively centrally. When drilling, make sure that you do not damage the scale plate on the front when piercing the hole.You can then drill the small hole to the desired size using a 6 mm drill bit.Now you can use one of the WS2812 LEDs that you have purchased or prepared with cable....into the drilled hole as shown.That's it with the installation of the backlight. Reassemble the display...and installs it in the housing.To do this, the display is pushed into the housing opening from the front. You can then fix the display on the inside with nuts.Repeat this with the second display, on which you have of course already stuck the new scale label.You can then attach the backlight to the second display.Remove any existing obstacles again......and drill a sufficiently large hole again as for the previous display.Now glue the remaining WS2812 LED in there......and reassemble the display.
Prepare connecting cables
In order to be able to control the pointer deflection of the analog displays later, they must of course be connected to a voltage source. The connection cables are prepared for this in this step.
To do this, cut off four pieces of wire about ten centimetres long and insulate the ends by about two centimetres.Tins the ends of the cables......and bend the tinned ends into rings. This is best done with round nose pliers. The diameter should be at least four mm.The other end of the cables must then be stripped of approx. five mm of insulation and tinned.Die beiden blauen Leitungen können dann noch verbunden werden. Sie werden an den „Minuspol“ der analogen Anzeige angeschlossen.Der „Minuspol“ ist bei dieser analogen Anzeige an dem „Minus“ neben der Anschlussschraube zu erkennen. Um die Leitung nun dort anzuschließen legt Ihr als erstes eine Unterlegscheibe…...then the previously bent cable......then another washer.......and a spring washer over the connection screw.Dieses ganze „Paket“ kann dann mit einer Mutter fixiert werden.Diese solltet Ihr „Handfest“ anziehen. Bedenkt hier: Nach „Fest“ kommt „ab“. 🙂Dies wiederholt Ihr für den anderen „Minuspol“.Die übrigen „Pluspole“ der analogen Anzeigen könnt Ihr dann mit den übrigen Leitungen verbinden.The connected cables must now be connected to the PCA9685 breakout board.Dazu verzinnt Ihr zuerst den Kontakt „GND“(auf dem Foto an der oberen linken Ecke des PCA9685-Breakout-Boards) und die oberen Kontakte der Anschlussreihen „1“ und „2“(Auf dem Foto im Bereich unten links).In diesem Zuge könnt Ihr auf der gegenüberliegenden Seite des PCA9685-Breakout-Boards auch schonmal die Kontakte „GND“, „SCL“, SDA“, „VCC“ und „V+“ verzinnen.Dann könnt Ihr die Anschlussleitungen wie abgebildet mit dem PCA9685-Breakout-Board verbinden. Der (gemeinsame) „Minuspol“(hier die blaue Leitung) wird mit dem Kontakt „GND“ des PCA9685-Breakout-Board verbunden. Die „Pluspole“ der analogen Anzeigen werden mit den vorbereiteten Kontakten von „1“ und „2“ verbunden.The connected PCA9685 breakout board should (so far) look something like this.In order for the PCA9685 breakout board to work, it must now be connected to the power supply - just like the WS2812 LEDs. To do this, prepare a common supply line for the LEDs and the PCA9685 breakout board. To do this, strip approx. ten mm of insulation from the individual wires of the WS2812 LED supply line.You also prepare two wires, stripping ten mm from one end and five mm from the other.Die zehn mm abisolierten Enden verdrillt Ihr nun – wie abgebildet – mit den Leitungen der WS2812-LED’s und verzinnt diese mit etwas Lötzinn. Dabei solltet Ihr bereits darauf achten, welche Leitung der WS2812-LED’s die „5V“ Leitung ist. In diesem Fall ist es die Leitung die mit der roten Leitung verbunden ist.This should then look something like this.Nun lötet Ihr die „5V“ Leitung an den Kontakt „VCC“ des PCA9685-Breakout-Boards…Close-up of the soldered cable on the PCA9685 breakout board.Die andere Leitung der Versorgungsleitung wird dann an den Kontakt „GND“ am PCA9685-Breakout-Board angelötet.
Connecting the ESP8266 adapter board
The now prepared cables must of course still be connected to the heart - the ESP8266 adapter board.
To do this, the contacts must first be prepared.Verzinnt dazu die Kontakte „5V“, „G“, „D4“, „D2“, „D1“ und „3V3“ – wie auf der Abbildung zu erkennen.Dann könnt Ihr die „plus“-Leitung(auf dem Foto die roete und rot/transparente Leitung) and den Kontakt „5V“ des ESP8266 Adapterboard anschließen.Dies wiederholt Ihr nun mit der „Minus“-Leitung(auf dem Foto die blaue und transparente Leitung). Schließt diese an den Kontakt „GND“ des ESP8266 Adapterboards an.Um die WS2812-LED’s komplett anzuschließen, müsst Ihr nun noch die Datenleitung(die letzte verbleibende von den WS2812-LED’s kommenden) an den Kontakt „D4“ anschließen.Now prepare another three five to ten cm long pieces of wire by stripping approx. 5mm of the wire ends and tinning them.The first of these three lines is used to supply the PCA9685 breakout board with 3.3V from the ESP8266 adapter board.Lötet die Leitung dazu an den Kontakt „VCC“ des PCA9685-Breakout-Boards……und das andere Ende an den Kontakt „3,3V des ESP8266-Adapterboards.Die nächste anzubringende Leitung verbindet die Busleitung „SCL“ zwischen PCA9685-Breakout-Board und ESP8266-Adapterboard.Lötet die Leitung dazu an den Kontakt „SCL“ des PCA9685-Breakout-Boards……und das andere Ende an den Kontakt „D1“ des ESP8266-Adapterboards.Die letzte Leitung(danach seid Ihr mit den Lötarbeiten fertig) verbindet die Busleitung „SDA“ zwischen PCA9685-Breakout-Board und ESP8266-Adapterboard.Lötet die Leitung dazu an den Kontakt „SDA“ des PCA9685-Breakout-Board und das andere Ende an den Kontakt „D2 des ESP8266-Adapterboards.That's it for the soldering work 🙂 Your setup should now look something like this.Nun könnt Ihr die Elektronik auch schon etwas „verstauen“.Glue the PCA9685 breakout board with some hot glue in the middle between the analog displays as shown......and the ESP8266 adapter board next to it as shown. Note that the USB port of the ESP8266 adapter board must remain easily accessible because it is programmed and supplied with power via this port.And that's it for assembling the required hardware 🙂
Other variants
The great thing about the PCA9685 breakout board is that it offers up to 16 outputs. This means you can connect up to 16 displays.
A 3D printer is sufficient to produce a housing for one or two analog displays. Unfortunately, most 3D printers are too small for more than two displays. One way of combining several displays is described in the section More than two displays in one housing described below.
Case version with only one analog display.If you want to use more than two displays, you can also make a wooden housing.
More than two displays in one housing
...are difficult to realize in the way described above. At the very least, it is very difficult to print a housing with space for more than two displays using a 3D printer. Most 3D printers simply do not have enough space on their print bed for this.
At least if you want to print the housing in one part, this does not work. In case you have no problem with screwing the housing together from several parts, here is a suggestion on how the whole thing can still be realized. Unfortunately, there are currently no pictures with step-by-step instructions. I will add these here as soon as possible.
However, you can still get a very good idea of the assembly using the 3D templates. For those who still want to try it out:
A few pictures explaining the assembly can be found after viewing the required 3D files.
You can rotate the 3D view of the STL file by holding down the mouse button. You can zoom in and out with the mouse wheel.
End part of the modular housing:
You can rotate the 3D view of the STL file by holding down the mouse button. You can zoom in and out with the mouse wheel.
To assemble an enclosure with two elements, for example, you need 12x screws (e.g. M4x16) and 12 nuts. Add four for each additional element.The housing parts are then simply screwed together.In this way, an infinite number of analog displays can - theoretically - be accommodated in one housing.Detailed view.Detailed view.Detailed view.Detailed view of the front including analog displays.The gap dimensions and quality of the housing also depend heavily on the print quality of your 3D printer.Detailed view of the complete housing.
Flash firmware
Now it is time to transfer the firmware to the display.
I hope everything worked as described for you. If not or you have questions or suggestions please let me know in the comments. I will then add this to the article if necessary. Ideas for new projects are always welcome. 🙂
PS Many of these projects - especially the hardware projects - cost a lot of time and money. Of course I do this because I enjoy it, but if you think it's cool that I share the information with you, I would be happy about a small donation to the coffee fund. 🙂
English 
Deutsch 
Français 
Español 
Nederlands