IoT-Touch-Button aus Glas - Gunook

2024 Autor: John Day | [email protected]. Zuletzt bearbeitet: 2024-01-30 07:15

Ich hatte neulich ein Stück ITO-Glas im Laden herumliegen und dachte darüber nach, es sinnvoll zu verwenden. ITO, Indium-Zinn-Oxid, Glas wird häufig in Flüssigkristallanzeigen, Solarzellen, Cockpitfenstern von Flugzeugen usw die Oberfläche des Glases. Für dieses Projekt verwenden wir das ITO-Glas als Schaltfläche, um das IoT-Board auszulösen, um eine Benachrichtigung mit IFTTT (Wenn dies dann das) an ein Telefon zu senden. Im Grunde wollte ich den "Das war einfach"-Button von Staples nachbauen, aber Glas als Druckknopf verwenden.

Lieferungen

• NodeMCU (ESP 8266-Variante)
• Druckfeder (1/4" x 13/32")
• Kapazitives Touchboard von Adafruit
• Leiterplatte (2,75 "x 1,25" doppelseitig)
• ITO-Glas (2" x 2")
• 4 Drähte unterschiedlicher Farbe (2" 22AWG Massivdraht)
• 1 gelber Draht (5" 22AWG Massivdraht)

Werkzeuge:

• Abisolierzangen
• Kabelschneider
• 3D-Drucker (PLA - 1,75 mm)
• Isolierband
• Heißkleber
• Zange
• Lötkolben
• Lötsauger
• Lötzinn (bleifrei)
• Lötschwamm

Schritt 1: Prototypen des Board-Layouts

Unter Verwendung des oben gezeigten Layouts müssen die SDA- und SCL-Pins mit den SDA- und SCL-Pins (D2 und D1) der NodeMCU verbunden werden. Löten Sie das gelbe Kabel an Pin 1 der kapazitiven Breakout-Platine von Adafruit. Entfernen Sie ein wenig (0,5 ) der Kunststoffummantelung vom anderen Ende des gelben Kabels.

Sobald sich die Boards auf dem Steckbrett befinden, öffnen Sie Ihre Arduino IDE. Gehen Sie zu >Skizze>Bibliotheken verwalten und suchen Sie nach Adafruit_MPR121. Installieren Sie die Adafruit MPR121 by Adafruit-Bibliothek. Eine detaillierte Erklärung zum Anschließen Ihres MPR 121 (kapazitives Breakout-Board) finden Sie in der Anleitung von Adafruit.

Gehen Sie zu > Datei > Beispiele > Adafruit_MPR121 > MPR121test.ino. Das MPR121test.ino hilft bei der Überprüfung, ob das Breakout-Board richtig mit der NodeMCU verbunden ist. Wenn alles gut funktioniert, sollte der Serial Monitor beim Berühren des Metalls am gelben Draht "1 wurde berührt und losgelassen" anzeigen. Wenn Sie die Pads 0-11 berühren, sollte die Ausgabe des seriellen Monitors wie im dritten Bild oben aussehen.

Schritt 2: Löten Sie das Layout

Wie die Bilder zeigen, verbinden Sie die kapazitive Breakout-Platine mit den 4 Drähten mit der NodeMCU. Als Faustregel gilt: Verwenden Sie rote und schwarze Drähte für die ViN 3.3V- und GND GND-Anschlüsse. Wenn die SDA/SCL-Pins falsch gelötet sind, müssen sie richtig nachgelötet werden. Aufgrund der Adafruit-Bibliotheken und der Standard-SDA- und SCL-Pins ist es fast unmöglich, die Pins später in den Codierschritten dieses Instructable neu zuzuweisen.

Schritt 3: IFTTT einrichten

Tief durchatmen. Die Einrichtung dauert nicht allzu lange.

1. Gehen Sie zur IFTTT-Website.
2. Klicken Sie auf +Dies, um zur Suchleiste der angebotenen Dienste zu gelangen.

3. Geben Sie in die Suchleiste "Webhooks" ein.

   • Sie sollten ein Dreieck mit abgerundeten Ecken in einer Box sehen
   • Das ist das Webhooks-Logo
4. Klicken Sie auf das Kästchen und dann auf der Folgeseite auf das Kästchen "Webanfrage erhalten".

Geben Sie als Ereignisnamen "ITO_touch" ein, wie im dritten Bild oben gezeigt. Merken Sie sich dies für Ihr Arduino-Programm als Trigger-Namen.

1. Klicken Sie auf die Schaltfläche "Auslöser erstellen".
2. Sie werden zu einem anderen Fenster weitergeleitet, in dem das +This durch das Webhooks-Logo ersetzt wird.
3. Klicken Sie auf +Das und geben Sie in die Suchleiste "Benachrichtigungen" ein.
4. Eine Glocke in einer Kiste sollte auftauchen. Klicken Sie auf "Rich-Benachrichtigung von der IFTTT-App senden".
5. Ersetzen Sie den Text im Nachrichtenfeld durch eine positive Nachricht wie "Hey, You got this! Go you!"
6. Verwenden Sie für die Bild-URL dieses Bild eines Smiley-Gesichts
7. Beenden Sie den Vorgang, indem Sie auf die Schaltfläche "Aktion erstellen" und auf die Schaltfläche "Fertig stellen" auf der nächsten Seite klicken.

Abrufen des Webhooks-Triggers

Sie sollten sich auf dem gleichen Bildschirm wie Bild #5 (mit dem Webhooks- und Benachrichtigungssymbol) mit dem Text "If Maker Event "ITO_touch", dann Senden Sie eine umfangreiche Benachrichtigung von der IFTTT-App" befinden. Wenn nicht, klicken Sie auf die Registerkarte Start und anschließend auf das Feld mit dem oben genannten Text.

1. Klicken Sie auf das Webhooks-Logo.
2. Das Logo führt Sie zur Webhooks-Seite (siehe Bilder oben)
3. Klicken Sie auf die Dokumentationsschaltfläche oben rechts auf der Webhooks-Seite
4. Sie werden zu einer anderen Seite weitergeleitet, die Ihren Schlüssel für Webhooks anzeigt
5. Kopieren Sie diesen Schlüssel und fügen Sie ihn an einem sicheren Ort ein, da er für das Arduino-Programm benötigt wird

In Ordnung! Neben Ihrem Wifi und Passwort ist das Arduino-Programm im nächsten Schritt einsatzbereit.

Schritt 4: Programmierung der NodeMCU

Suchen Sie einfach nach diesen vier Feldern:

• const char* ssid
• const char* Passwort
• char MakerIFTTT_Key
• char MakerIFTTT_Event

Der Webhooks-Schlüssel sollte dem MakerIFTTT_Key zugewiesen werden und der Webhooks-Triggername ("ITO_touch") sollte dem MakerIFTTT_Event zugewiesen werden. Die SSID und das Passwort sind für den Wifi-Router, mit dem das IoT eine Verbindung herstellt.

Verbinden Sie das Board mit dem Computer und laden Sie den Code hoch. Wenn alles in Ordnung ist, sollten die folgenden im obigen Bild gezeigten Meldungen im Serial Monitor angezeigt werden.

Schritt 5: Telefonbenachrichtigungen erhalten

Laden Sie die IFTTT-App aus der iOS-App oder dem Android-Store herunter. Sobald Sie sich angemeldet haben, sollten Sie die App, die wir gerade erstellt haben, auf dem Startbildschirm sehen. Probieren Sie zum Testen alles softwaremäßig aus. Wenn das gelbe Kabel berührt wird, sollte eine Benachrichtigung auf dem Telefon angezeigt werden, wie abgebildet.

Schritt 6: 3D-Druck des Gehäuses und des Glasrahmens

Schritt 7: Bauen Sie das Gehäuse zusammen

Gehäusemontage

Setzen Sie die Elektronik in den Schlitz und befestigen Sie sie mit etwas Heißkleber. Stellen Sie sicher, dass das gelbe Kabel durch das Loch geführt wird, bevor Sie die Platine am Gehäuse befestigen. Entfernen Sie mit dem hervorstehenden Draht (derzeit auf dem ersten Bild aufgewickelt gezeigt) die Kunststoffummantelung des gelben Drahts, wodurch das Metall freigelegt wird. Jetzt ist ein guter Zeitpunkt, um die Kompression in den rechteckigen Schlitz des Gehäuses zu legen.

**Der microUSB sollte vom seitlichen Schlitzloch aus sichtbar sein!

Rahmenkonstruktion

• Befestigen Sie die obere Schiene an der linken und rechten Schiene (obere und untere Schiene haben nach außen gerichtete Kerben an den Seiten, während rechte und linke nach innen weisen sollten).
• Jetzt wäre ein guter Zeitpunkt, um zu sehen, welche Seite des Glases leitfähig ist. Ich habe diese Anleitung befolgt, um mit einem Multimeter auf Durchgang zu prüfen
• Schieben Sie das Glas auf die Schienen.
• Setzen Sie die Endschiene auf den Rahmen. Verwenden Sie Heißkleber auf den Fugen, um alles sicher zu befestigen.

Schritt 8: Beenden des Builds

Während die Platine an den Computer angeschlossen ist, platzieren Sie den Rahmen so, dass das leitfähige Glas den freiliegenden Draht berührt und der Halbkreis die Feder umfasst. Kleben Sie das Wandpaneel auf das Gehäuse. Jetzt sind Sie fertig! Wenn alles richtig zusammengebaut ist, sollten Sie beim Drücken der Federseite der Wasserwaage eine Telefonbenachrichtigung erhalten. Wenn nicht, überprüfen Sie, ob das nicht ummantelte Metall das Glas berührt. Der Draht sollte normalerweise das Glas berühren, es sei denn, Sie drücken auf den Rahmen.

Schritt 9: Was ist los?

Durch Herunterdrücken der Federseite des Glasrahmens dreht sich der Rahmen leicht, um das ITO-Glas vom Draht zu trennen. Das Breakout-Board sendet diese Informationen an das IoT, um die Logik herauszufinden. Das IoT erkennt, dass das Glas den Draht nicht mehr berührt und stellt eine Webanfrage über Webhooks. Die IFTTT-Logik nimmt dann die Anfrage entgegen und führt bei korrekter Übermittlung die Benachrichtigungsaktion aus. Dadurch wird die IFTTT-App auf dem Telefon angewiesen, eine Push-Benachrichtigung zu erstellen.

Schritt 10: Fertig

Gib dir selbst einen Klaps auf die Schulter, denn du hast es bis zum Ende geschafft! Kommentieren Sie unten, wenn Sie Hilfe bei einem der gezeigten Schritte benötigen