Neulich habe ich beim Ausmisten des Kellers ein altes Bedienpanel mit alten analogen Anzeigen gefunden. Dabei kam mir die Idee, dass man diese Anzeigen doch auch irgendwie nutzen können muss um Daten des SmartHomes anzeigen zu können.
Estas pantallas deberían ser bastante útiles, especialmente para mostrar los datos climáticos actuales, como la temperatura, la humedad, etc.
Wie das geht und was Ihr dabei beachten Müsst ist im folgenden Artikel beschrieben.
Instrucciones de seguridad
Sé que las siguientes notas siempre son un poco molestas y parecen innecesarias. Desafortunadamente, muchas personas que sabían "mejor" han perdido ojos, dedos u otras cosas debido a un descuido o se lesionaron. La pérdida de datos es casi insignificante en comparación, pero incluso estos pueden ser realmente molestos. Por lo tanto, tómese cinco minutos para leer las instrucciones de seguridad. Porque incluso el proyecto más genial no vale la pena lesionarse u otros problemas. https://www.nerdiy.de/sicherheitshinweise/
Enlaces afiliados / enlaces publicitarios
Los enlaces a las tiendas en línea enumerados aquí son los llamados enlaces de afiliados. Si hace clic en dicho enlace de afiliado y realiza una compra a través de este enlace, Nerdiy.de recibirá una comisión de la tienda en línea o el proveedor correspondiente. El precio no cambia para usted. Si realiza sus compras a través de estos enlaces, ayuda a Nerdiy.de a poder ofrecer otros proyectos útiles en el futuro. 🙂
Requisitos
Artículos útiles: Antes de comenzar con este artículo, debería haber tratado los conceptos básicos de la soldadura. Puedes encontrar información al respecto en el siguiente artículo. Electrónica - Mi amigo el soldador
Material requerido:
En la siguiente lista encontrará todas las piezas que necesita para implementar este artículo.
Herramienta requerida:
En la siguiente lista encontrarás todas las herramientas que necesitas para implementar este artículo.
Reúna las piezas necesarias
Im folgenden Bild seht Ihr die benötigten Teile um Eure eigenes Retro-SmartHome-Display zu bauen.
En la sección Mehr als zwei Anzeigen in einem Gehäuse findet Ihr außerdem noch Vorlagen für modulare Gehäuseteile.
Gehäuse für eine Anzeige:
Puede girar la vista 3D del archivo STL manteniendo pulsado el botón del ratón. Puedes acercar y alejar el zoom con la rueda del ratón.
Gehäuse für zwei Anzeigen:
Puede girar la vista 3D del archivo STL manteniendo pulsado el botón del ratón. Puedes acercar y alejar el zoom con la rueda del ratón.
Adjuntar las letras de la escala de visualización alternativa
In diesem Schritt werden die alternativen Beschriftungen der Display-Skalen aufgeklebt. Denn Ihr wollt mit den analogen Anzeigen ja keine Spannungen anzeigen sondern andere Werte wie Temperaturen, Luftfeuchtigkeit, etc. Dazu müssen die Skalen etwas angepasst werden.
In der folgenden pdf-Datei findet Ihr dazu Vorlagen für Temperatur (innen und außen), Luftfeuchtigkeit (innen und außen), Luftdruck, Stunde und Minute jeweils auf Deutsch und Englisch. Druckt diese einfach aus und klebt sie wie unten beschrieben auf die Skalen der analogen Anzeigen. Dazu eignet sich bedruckbares Etikettenpapier am besten, da dies einseitig schon mit einer Klebeschicht ausgestattet ist.
Löst dazu die Schrauben im vorderen Deckel……und nehmt alles soweit auseinander bis Ihr die dünne Skalenplatte entnehmen könnt. Achtet dabei darauf, dass Ihr den empfindlichen Zeiger nicht verbiegt oder anderweitig beschädigt.Habt Ihr die alternative Display-Skalen-Beschriftung Eurer Wahl ausgeschnitten, könnt Ihr diese auf die zuvor ausgebauten Skalenplatte kleben. Hier solltet Ihr sehr sauber arbeiten, da man diese Skalenplatte und die alternative Display-Skalen-Beschriftung später gut sehen kann(und auch soll).Si ha pegado la etiqueta de la escala de visualización alternativa en la placa de la escala, debería verse así.Die beklebte Skalenplatte könnt Ihr nun wieder in die analogen Anzeigen einlegen und diese zusammen bauen.
instalar retroiluminación
Damit Ihr die Anzeigen später auch bei Dunkelheit beleuchten könnt, wird eine LED-Hintergrundbeleuchtung eingebaut.
Dazu müsst Ihr zuerst eventuell Vorhandene Hindernisse abbauen. Ihr müsst nämlich an die Rückseite der Skalenfläche herankommen.Dort bohrt Ihr relativ mittig zuerst ein kleines Loch mit ca. 3mm Durchmesser. Achtet beim bohren, darauf, dass Ihr beim Durchstoßen nicht die Skalenplatte auf der Vorderseite beschädigt.Das kleine Loch könnt Ihr dann mit einem 6mm auf die letztlich gewünschte Größe aufbohren.Nun könnt Ihr eine der fertig gekauften oder mit Leitung vorbereiteten WS2812-LED’s……wie abgebildet in das gebohrte Loch einkleben.Das wars auch schon mit dem einbau der Hintergrundbeleuchtung. Baut die Anzeige wieder zusammen…und baut diese in das Gehäuse ein.Dazu wird die Anzeige von der Vorderseite aus in die Gehäuseöffnung geschoben. Danach könnt Ihr die Anzeige auf der Innenseite mit Muttern fixieren.Dies wiederholt Ihr mit der zweiten Anzeige, bei der Ihr natürlich auch schon die neue Skalenbeschriftung aufgeklebt habt.Danach könnt Ihr auch die Hintergrundbeleuchtung an der zweiten Anzeige anbringen.Entfernt dazu wieder eventuell vorhandene Hindernisse……und bohrt wieder ein ausreichend großes Loch wie bei der vorherigen Anzeige.Dort klebt Ihr nun die übrige WS2812-LED ein……und baut die Anzeige wieder zusammen.
Preparar las líneas de conexión
Um die Zeigerauslenkung der analogen Anzeigen später steuern zu können, müssen diese natürlich mit einer Spannungsquelle verbunden werden. Dazu werden in diesem Schritt die Anschlussleitungen vorbereitet.
Schneidet dazu vier ca. zehn cm lange Stücke Leitung ab und isoliert die Enden ca. zwei cm weit ab.Verzinnt die Enden der Leitungen……und biegt die verzinnten Enden zu Ringen. Dies geht am besten mit einer Rundzange. Der Durchmesser sollte dabei mindestens vier mm groß sein.Das jeweils andere Ende der Leitungen müsst Ihr dann noch ca. fünf mm abisolieren und verzinnen.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……dann die zuvor zurechtgebogene Leitung……dann noch eine Unterlegscheibe….…und einen Federring über die Anschlusschraube.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.Die angeshclossenen Leitungen müssen nun mit dem PCA9685-Breakout-Board verbunden werden.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.La placa de conexión PCA9685 adjunta debería (por ahora) verse así.Damit das PCA9685-Breakout-Board funktioniert muss es nun noch an die Stromversorgung angeschlossen werden – genauso wie die WS2812 LED’s. Dazu wird nun eine gemeinsame Versrgungsleitung für LED’s und PCA9685-Breakout-Board vorbereitet. Dazu isoliert Ihr die einzelnen Leitungen der Zuleitung der WS2812 LED’s ca. zehn mm ab.Außerdem bereitet Ihr zwei Leitungen vor an denen Ihr das eine Ende jeweils zehn mm und das andere Ende jeweils fünf mm abisoliert.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.Entonces debería verse algo como esto.Nun lötet Ihr die “5V” Leitung an den Kontakt “VCC” des PCA9685-Breakout-Boards…Nahaufnahme der angelöteten Leitung am PCA9685-Breakout-Board.Die andere Leitung der Versorgungsleitung wird dann an den Kontakt “GND” am PCA9685-Breakout-Board angelötet.
ESP8266-Adapterboard anschließen
Die nun vorbereiteten Leitungen müssen natürlich noch mit dem Herz – dem ESP8266-Adaperboard – verbunden werden.
Dazu müssen zunächst die Kontakte vorbereitet werden.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.Bereitet nun nochmal drei fünf bis zehn cm lange Leitungsstücke vor, indem Ihr die Leitungsenden ca. 5mm abisoliert und verzinnt.La primera de estas tres líneas se utiliza para suministrar 3,3 V a la placa de conexión PCA9685 desde la placa adaptadora ESP8266.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.Das war es mit den Lötarbeiten. 🙂 Euer Aufbau sollte nun in etwa so aussehen.Nun könnt Ihr die Elektronik auch schon etwas “verstauen”.Klebt dazu das PCA9685-Breakout-Board mit etwas Heißkleber mittig wie abgebildet zwischen die analogen Anzeigen……und das ESP8266-Adapterboard wie abgebildet daneben. Beachtet dabei, dass der USB-Anschluss des ESP8266-Adapterboards gut erreichbar bleiben muss, weil dieses darüber programmiert und mit Strom versorgt wird.Das war es auch schon mit dem Zusammenbau der benötigten Hardware. 🙂
Otras variantes
Das tolle an dem PCA9685-Breakout-Board ist, dass dies bis zu 16 Ausgänge bietet. Das heißt Ihr könnt bis zu 16 Anzeigen anschließen.
Um ein Gehäuse für eine oder zwei analoge Anzeigen herzustellen reicht ein 3D-Drucker. Für mehr als zwei Anzeigen sind die meisten 3D-Drucker dabei aber leider zu klein. Eine Möglichkeit mit der Ihr trotzdem mehrere Anzeigen kombinieren ist in dem Abschnitt Mehr als zwei Anzeigen in einem Gehäuse descrito abajo.
Gehäuseversion mit nur einer analoger Anzeige.Falls Ihr mehr als zwei Anzeigen verwenden wollt, könnt Ihr auch ein Gehäuse aus Holz anfertigen.
Mehr als zwei Anzeigen in einem Gehäuse
…sind auf dem oben beschriebenem Weg schwer umsetzbar. Zumindest lässt sich ein Gehäuse mit Platz für mehr als zwei Anzeigen nur sehr schwer mit einem 3D-Drucker drucken. Die meisten 3D-Drucker haben dazu einfach nicht genug Platz auf ihrem Druckbett.
Zumindest wenn man das Gehäuse in einem Teil ausdrucken will klappt dies nicht. Für den Fall, dass Ihr kein Problem damit habt das Gehäuse aus mehreren Teilen zusammen zu schrauben kommt hier ein Vorschlag wie sich das ganze trotzdem umsetzen lässt. Leider gibt es dazu aktuell noch keine Bilder mit einer Schritt-für-Schritt-Anleitung. Diese werde ich sobald wie möglich hier einfügen.
Der Zusammenbau lässt sich aber anhand der 3D-Vorlagen trotzdem sehr gut erahnen. Für die, die es trotzdem einfach ausprobieren wollen:
Ein paar Bilder die den Zusammenbau erklären, findet Ihr nach der Ansicht der benötigten 3D-Dateien.
Puede girar la vista 3D del archivo STL manteniendo pulsado el botón del ratón. Puedes acercar y alejar el zoom con la rueda del ratón.
Endteil des modularen Gehäuses:
Puede girar la vista 3D del archivo STL manteniendo pulsado el botón del ratón. Puedes acercar y alejar el zoom con la rueda del ratón.
Für den Zusammenbau eines Gehäuses mit zum Beispiel zwei Elementen benötigt Ihr 12x Schrauben (z.B. M4x16) und 12 Muttern. Für jedes weitere Element kommen dann jeweils vier dazu.Die Gehäuseteile werden dann einfach miteinander verschraubt.Auf diese Weise lassen sich – theoretisch – unednlich viele analoge Anzeigen in einem Gehäuse unterbringen.Vista de detalles.Vista de detalles.Vista de detalles.Vista detallada del frente que incluye pantallas analógicas.Die Spaltmaße und Qualität des Gehäuses hängen natürlich auch stark von der Druckqualität Eures 3D-Druckers ab.Detailansicht des kompletten Gehäuses.
Firmware flash
Nun ist es an der Zeit die Firmware auf die Anzeige zu übertragen.
Espero que todo te haya funcionado como se describe. Si no es así, o si tiene alguna pregunta o sugerencia, hágamelo saber en los comentarios. Si es necesario, lo añadiré al artículo. Las ideas para nuevos proyectos siempre son bienvenidas. 🙂
PS Muchos de estos proyectos, especialmente los proyectos de hardware, cuestan mucho tiempo y dinero. Por supuesto que hago esto porque lo disfruto, pero si crees que es genial que comparta la información contigo, me encantaría hacer una pequeña donación al fondo del café. 🙂
Español 
Deutsch 
English 
Français 
Nederlands