Visueller Benachrichtigungsalarm - Gunook

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

In diesem Tutorial erfahren Sie, wie Sie codieren, um Phillips Hue zu benachrichtigen. Es wäre sehr nützlich für Menschen, die gehörlos und schwerhörig sind, eine Sehbehinderung oder eine sensorische Behinderung haben. Visual Notification Alert soll die Benutzer informieren, nachdem sie Benachrichtigungen von E-Mail, Facebook, Trello oder ähnlichem erhalten haben. Die Hue-LED-Lampe beginnt zu alarmieren, indem sie das Licht blinkt.

Das Photon Particle ist ein winziges, umprogrammierbares Wi-Fi-Entwicklungskit für das Prototyping und die Skalierung Ihres Internet-of-Things-Produkts.

Schritt 1: Eine Liste von Hardware und Software

Sie benötigen Hard- und Software, um die Codes für Visual Notification Alert zu entwickeln.

Hardware

• Partikelhersteller-Kit
• Philips Hue - Starter Kit (3 LED-Glühbirnen und 1 Hue Bridge)

Software

• Allgemeine Informationen zum Teilchen-Photon
• Particle Web IDE (Build) *Erforderlich für die Anmeldung*
• IFTTT (Wenn das, dann das)

Schritt 2: Installation

Sie sollten Ihr Particle Maker Kit haben, das alles enthält, wie Sensoren, Überbrückungsdrähte, LEDs, Widerstände und mehr. Sie können weitere Informationen über Particle Photon lesen.

Bevor Sie Ihr Photon anschließen, müssen Sie den Status der LEDs am Photon kennen. Hier sind die Informationen zum LED-Status.

Verbinden Sie Ihr Photon

1. Stecken Sie das USB-Kabel in Ihre Stromquelle. (Ihr Computer funktioniert für diesen Zweck perfekt). Ihr Partikelgerät benötigt Ihren Computer nicht, um eine WLAN-Verbindung herzustellen.
2. Wenn es eingesteckt ist, sollte die RGB-LED Ihres Photonengeräts anfangen, blau zu blinken. Wenn Ihr Gerät nicht blau blinkt, halten Sie die SETUP-Taste 10 Sekunden lang gedrückt und lassen Sie dann die SETUP-Taste los.
3. Melden Sie sich bei Setup Particle an, wenn Sie bereits ein Konto haben. Wenn Sie kein Konto haben, erstellen Sie das Konto für Photon.
4. Klicken Sie auf Photon/P-Serie.
5. Nachdem Sie auf WEITER geklickt haben, sollte Ihnen eine Datei angezeigt werden (photonsetup.html).
6. Klicken Sie auf WEITER MIT EINER LOKALEN DATEI, um eine Datei herunterzuladen.

Nach dem Öffnen einer Datei

1. Verbinden Sie Ihren PC mit dem Photon, indem Sie sich mit dem Netzwerk namens PHOTON-…
2. Konfigurieren Sie Ihre WLAN-Anmeldeinformationen. Hinweis: Wenn Sie Ihre Anmeldeinformationen falsch eingeben, blinkt das Photon dunkelblau oder grün. Sie müssen den Vorgang erneut durchlaufen, indem Sie die Seite aktualisieren oder auf den Teil des Vorgangs wiederholen klicken.
3. Benennen Sie Ihr Gerät um. Sie sehen eine Bestätigung, ob das Gerät beansprucht wurde oder nicht.

Bevor Sie zum nächsten Teil übergehen, wenn Ihr Photon-Gerät ein atmendes Cyan hat, ist es erfolgreich mit dem Internet und der Photon Cloud verbunden! Wir gehen weiter zur Partikel-IDE, Build.

Schritt 3: Codierung in Particle Web IDE

Sie müssen Ihr Konto für Particle IDE, Build erstellen. Wenn Sie bereits ein Konto haben, dann großartig! Melden Sie sich in der Partikel-IDE an.

Wir wollen testen, ob die LED auf der Platine blinkt. Auf Ihrem Photon-Board befindet sich die kleine blaue LED. Es ist neben D7. Sie können die Datei Gettingstarted-blinknet.ino herunterladen und dort die Codes einsehen. Es gibt eine Erklärung. Klicken Sie auf diesen Link, um den Quellcode in der Particle Web-IDE zu öffnen. Wenn D7 (kleine blaue LED) blinkt, herzlichen Glückwunsch, Sie haben gerade eine LED mit Ihrem Particle-Gerät geblinkt! Wenn Sie mehr über Photon erfahren möchten, z. B. das Blinken verschiedener LEDs, das Lesen von Fotosensoren usw., hier ist der Link.

Jetzt wechseln wir zum Philips Hue.

Schritt 4: Philips Hue

Als Referenz: Klicken Sie hier zur Phillips Hue API.

Bevor Sie auf die Philips Hue API-Dokumentation zugreifen können, müssen Sie sich als Entwickler registrieren. Es ist kostenlos, aber Sie müssen die Bedingungen akzeptieren.

1. Stellen Sie zunächst sicher, dass Ihre Philips Hue Bridge (erstes Bild) mit Ihrem Netzwerk verbunden ist und ordnungsgemäß funktioniert. Testen Sie die Hue-App (die Hue-App ist für iOS und Android verfügbar), die das Licht im selben Netzwerk steuert.

Wenn Sie es erfolgreich testen, müssen Sie die IP-Adresse der Bridge in Ihrem Netzwerk ermitteln. Verwenden Sie die Brokerserver-Erkennung von Philips, indem Sie www.meethue.com/api/nupnp besuchen.

Wenn Sie Ihre IP-Adresse gefunden haben, geben Sie sie in die Adressleiste Ihres Browsers ein, wobei debug/clip.html an die URL angehängt wird: https://bridge IP Address/debug/clip.html. Sie sollten eine Benutzeroberfläche (zweites Bild) wie diese sehen. Hinweis: Ersetzen Sie "Bridge IP Address" durch Ihre IP-Adresse.

2. Lassen Sie uns einen einfachen Befehl ausführen und Informationen über Ihr Farbtonsystem abrufen. Geben Sie die Details unten ein, lassen Sie den Körper leer und drücken Sie die Taste GET. Sie sollten eine solche Schnittstelle (drittes Bild) sehen. Sie sollten eine Fehlermeldung erhalten. Hinweis: Ersetzen Sie "Bridge IP Address" durch Ihre IP-Adresse.

Adresse: https://bridge-IP-Adresse/api/newdeveloperBody:Methode: GETHerzlichen Glückwunsch! Senden Sie einfach Ihren ersten Befehl!3. Geben Sie als Nächstes die unten stehenden Informationen ein und drücken Sie die POST-Taste. Hinweis: Ersetzen Sie "Bridge IP Address" durch Ihre IP-Adresse und "phonetype name" durch Ihr eigenes Telefon.

Adresse: https://Bridge-IP-Adresse/apiBody: {"devicetype":"my_hue_app#phonetype name"}Methode: POST

Der Link hilft, es für Sie zu erstellen. Wenn Sie die POST-Taste drücken, sollten Sie eine Fehlermeldung (viertes Bild) erhalten, die Sie darauf hinweist, dass Sie die Link-Taste auf der Hue Bridge drücken müssen. Dies ist der Sicherheitsschritt, damit nur Apps oder Server Ihre Lichter steuern möchten. Durch Drücken des Links auf der Hue Bridge wird nachgewiesen, dass der Benutzer den physischen Zugriff auf die Hue Bridge hat.

Wenn Sie eine erfolgreiche Antwort erhalten (fünftes Bild), herzlichen Glückwunsch! Sie haben gerade einen autorisierten Benutzer erstellt, den wir von nun an verwenden.

4. Letztes Beispiel, bevor wir es in das Photon Particle integrieren, stellen Sie sicher, dass eines Ihrer Lichter sichtbar und eingeschaltet ist, und Sie müssen wissen, welche Zahl Licht ist. Ändern Sie die URL in /api/username/lights/light number/state (ändern Sie die Lichtnummer [es kann 1, 2, 3 oder ?] sein) und senden Sie eine PUT-Schaltfläche mit den folgenden Daten:

Hinweis: Stellen Sie sicher, dass Sie die Bridge-IP-Adresse, den Benutzernamen und die Lichtnummer ändern

Adresse: https://Bridge-IP-Adresse/api/username/lights/light number/state

Text: {"on":true, "sat":254, "bri":254, "hue"::10000}

Methode: PUTSie sollten sehen, wie Ihr Licht die Farbe ändert:

Schritt 5: Einrichten von Photon mit einem Knopf und Drähten

Bevor wir weitere Codes in Photon Web IDE entwickeln, möchten wir unser Photon mit einem Knopf und Drähten einrichten. Sie haben mehrere Knöpfe und viele Drähte aus Ihrem Particle Starter Kit. Ich habe zwei Bilder angehängt, eines ist ein Diagramm und eines ist ein tatsächliches Bild.

1. Stellen Sie sicher, dass Sie Ihr Photon auf dem Steckbrett platzieren.
2. Platzieren Sie einen Knopf auf der Unterseite des Steckbretts, wie im Bild gezeigt.
3. Stecken Sie ein Ende des schwarzen Kabels in J4 (GND) und ein anderes Ende des gleichen schwarzen Kabels in J30.
4. Stecken Sie ein Ende des gelben Kabels in J7 (D5) und ein anderes Ende des gleichen gelben Kabels in J28.

Wenn sie zu meinem Bild passen, das ich dir zeige, dann bist du gut!

Schritt 6: Schreiben von Codes in Photonenpartikel

Wir werden unsere erste Anwendung in der Photon Particle - Web IDE erstellen.

1. Gehen Sie zu https://build.particle.io/build und melden Sie sich an (registrieren Sie sich, wenn Sie noch nicht erstellt haben)
2. Geben Sie unter Aktuelle App "Visual Notification Alert" ein.
3. Drücken Sie die Enter-Taste (siehe das erste Bild).

Die Anwendung wird in Photon Particle Cloud gespeichert. Die Funktion setup() wird beim Start der Anwendung aufgerufen und einmal ausgeführt. Die loop()-Funktion macht genau das, was sie tut, und schleift nacheinander, sodass sich Ihre Anwendung ändern und reagieren kann.

So fügen Sie HttpClient für das Photon-Partikel hinzu:

1. Klicken Sie unten links in der Web-IDE auf Bibliotheken.
2. Geben Sie "HttpClient" in die Suchleiste ein.
3. Klicken Sie in der blauen Schaltfläche auf "In Projekt einschließen".
4. Klicken Sie auf VisualNotificationAlert (es werden die Leerzeichen entfernt, nachdem Sie die App erstellt haben).
5. Klicken Sie auf Bestätigen.

Jetzt wurde HttpClient am Anfang der Web-IDE hinzugefügt.

/ Diese #include-Anweisung wurde automatisch von der Particle-IDE hinzugefügt.#include

/*** Konfiguration für Philip Hue ***

/ 1. Ersetzen Sie dies durch Ihren API-Benutzernamen aus Schritt 1 const String API_USERNAME = "Ihr API-Benutzername"; // 2. Ersetzen Sie dies durch die IP-Adresse Ihrer Bridge aus Schritt 1 IPAddress hueIP(x, x, x, x); // 3. Ersetzen Sie durch den Pfad zu den Lichtern, die Sie steuern möchten. Verwenden Sie die Webseite aus Schritt 1, um zu überprüfen, ob sie funktioniert. // Stellen Sie sicher, dass Sie die Nummer des Philip Hue-Lichts kennen // /lights/NUMBER/state const String LIGHT_PATH = "/lights/Number/state"; // 4. Ersetzen Sie dies durch den Text Ihrer Anfrage zum Einschalten des Lichts. const String REQUEST_BODY_ON = "{"on\":true, \"bri\":254}"; // 5. Ersetzen Sie dies durch den Text Ihrer Anfrage zum Ausschalten des Lichts. const String REQUEST_BODY_OFF = "{"on\":false, \"bri\":254}"; /*** END Konfiguration für Philip Hue *** / Button const int BUTTON_PIN = D5; // HttpClient-Objekt, das verwendet wird, um HTTP-Anfragen an die Hue-Bridge zu senden HttpClient http; // Standard-Header für HTTP-Anfragen http_header_t headers = { { "Accept", "*/*"}, { NULL, NULL } // HINWEIS: Header immer beenden wird NULL }; // Request- und Response-Objekte http_request_t request; http_response_t-Antwort; Void setup () { Serial.begin (9600); request.ip = hueIP; Anfrage. Port = 80; // Onboard-LED als Anzeigeleuchte für erkannten Tap PinMode (D7, OUTPUT); // Für die Eingabe definieren wir den BUTTON_UP als Eingabe-Pullup. Dies verwendet einen internen Pullup-Widerstand //, um konsistente Lesevorgänge vom Gerät zu verwalten. pinMode (BUTTON_PIN, INPUT_PULLUP); // setzt Pin als Eingabe // Wir "abonnieren" unser IFTTT-Ereignis namens Button, damit wir Ereignisse dafür erhalten Particle.subscribe("RIT_Gmail", myHandler); Particle.subscribe("Trello", myHandler); aufrechtzuerhalten. int buttonState = digitalRead (BUTTON_PIN); // Wenn die Taste GEDRÜCKT ist, erhalten wir ein LOW-Signal. // Wenn die Taste NICHT GEDRÜCKT ist, erhalten wir ein HIGH. if(buttonState == NIEDRIG) gmailAlert(); } // Schleife () Funktion Void printInfo () { Serial.print ("Anwendung> / tResponse Status: "); Serial.println (Antwort.status); Serial.print ("Anwendung> / tHTTP-Antworttext: "); Serial.println (response.body); } // printInfo()-Funktion int i = 0; // Die Funktion, die das Ereignis von IFTTT behandelt void myHandler (const char *event, const char *data) {// Test auf serielles Drucken Serial.print (event); Serial.print (", Daten: "); if (Daten) Serial.println (Daten); sonst Serial.println ("NULL"); if(strcmp(event, "Trello") == 0) { trelloAlert(); aufrechtzuerhalten. Sonst if(strcmp(event, "Gmail") == 0) { gmailAlert(); } } // myHandler()-Funktion /** Der Farbtonwert, auf den das Licht gesetzt werden soll. * Der Farbtonwert ist ein Wrapping-Wert zwischen 0 und 65535. * Sowohl 0 als auch 65535 sind rot, * 25500 ist grün und 46920 ist blau. */ /** * Es wird mit der Philips Hue Smart Bulb mit der blauen Farbe alarmiert. Es wird 15 Sekunden lang alarmiert. */ void trelloAlert() { String trello_body_alert = "{"on\": true, \"bri\": 255, \"sat\": 255, \"hue\": 46920, \"alert\": \"lselect\"}"; sendHttpPut(trello_body_alert); } /** * Es wird mit der Philips Hue Smart Bulb mit der roten Farbe alarmiert. Es wird 15 Sekunden lang alarmiert. */ void gmailAlert() { String gmail_body_alert = "{"on\":true, \"sat\":254, \"bri\":254, \"hue\":65535, \"alert\": \"lselect\"}"; sendHttpPut(gmail_body_alert); } /** * Wir senden den PUT an den Philips Hue * @param httpPutBody der Körper des Strings */ void sendHttpPut(String httpPutBody) { request.path = "/api/" + API_USERNAME + LIGHT_PATH; request.body = httpPutBody; http.put(Anfrage, Antwort, Header); }

Wenn Sie mit der Eingabe oder dem Kopieren des Codes in Ihre Photon Particle Web IDE fertig sind, klicken Sie oben links in der Leiste auf das Häkchen-Symbol (Überprüfen). Wenn die Übereinstimmung sehr erfolgreich ist, gehen wir zum nächsten Schritt!

Schritt 7: Hochladen von Code auf das Photon

Dieser Schritt ist sehr einfach. Bevor wir die Codes zum Photon hochladen:

1. Stecken Sie das USB-Kabel in Ihre Stromquelle (ich empfehle Laptop).
2. Stellen Sie sicher, dass Ihr Photon die atmende Cyan-LED hat. Wenn es kein Cyan atmet oder eine andere Farbe hat, gehen Sie zu Schritt 2: Installation
3. Klicken Sie in der Photon Particle Web-IDE auf das Beleuchtungssymbol.
4. Wenn es die Codes zum Photon hochlädt, sollten Sie Magenta sehen. Dies bedeutet, dass der Code in den Code hochgeladen wird. Dann blinkt es schnell grün und kehrt dann zum Atmen von Cyan zurück.
5. Drücken Sie die Taste, um zu sehen, ob Ihre Philips Smart Bulb blinkt (oder warnt).

Wenn Philips Smart Bulb alarmiert, dann herzlichen Glückwunsch! Wir sind fast fertig!

Wir kommen zum Software-Teil.

Schritt 8: Erstellen von Applets aus IFTTT (wenn dies, dann das)

Wir werden die Applets von der IFTTT-Website (If This, Then That) erstellen. Die Applets veröffentlichen ein Ereignis an das Photon, und dann sendet das Photon einen Befehl an die Philips Hue Bridge, um die intelligenten Glühbirnen zu alarmieren.

Für dieses Projekt werden wir Trello und Gmail verwenden, um Ereignisse auf dem Photon zu veröffentlichen.

Gehen Sie zu https://ifttt.com/ und melden Sie sich an.

Trello

1. Klicken Sie oben auf Meine Applets.
2. Klicken Sie auf Neues Applet.
3. Klicken Sie auf + in blauem Text.
4. Geben Sie Trello in die Suchleiste ein und klicken Sie auf.
5. Klicken Sie auf Mir zugewiesene Karte.
6. Wählen Sie Ihr Board aus Trello aus.
7. Klicken Sie auf +das in blauem Text.
8. Geben Sie Partikel in die Suchleiste ein und klicken Sie auf.
9. Klicken Sie auf Veranstaltung veröffentlichen.
10. Geben Sie "Trello" in Dann veröffentlichen (Ereignisname) ein.
11. Wählen Sie öffentlich.

Gmail (Hinweis: Sie verwenden Ihre E-Mail-Adresse, wenn Sie sich anmelden)

1. Klicken Sie oben auf Meine Applets.
2. Klicken Sie auf Neues Applet.
3. Klicken Sie auf + in blauem Text.
4. Geben Sie Gmail in die Suchleiste ein und klicken Sie auf
5. Wählen Sie Jede neue E-Mail im Posteingang
6. Klicken Sie auf +das in blauem Text.
7. Geben Sie Partikel in die Suchleiste ein und klicken Sie auf
8. Klicken Sie auf Veranstaltung veröffentlichen.
9. Geben Sie "Gmail" in Dann veröffentlichen (Ereignisname) ein.
10. Wählen Sie öffentlich.

Sobald Sie zwei Applets haben, Trello und Gmail, gehen wir zum letzten Schritt über.

Schritt 9: Schließlich testen

Wir werden testen, um Ereignisse von Applets zum Photon zu veröffentlichen. Stellen Sie sicher, dass Ihre Applets eingeschaltet sind.

Trello

Wenn jemand eine neue Karte in Trello erstellt, weist er Sie in der Karte zu (tag). IFTTT hört sich das an und beginnt damit, ein Ereignis für das Photon zu veröffentlichen. Dann sendet das Photon einen Befehl an die Philip Hue Bridge, um intelligente Glühbirnen zu alarmieren.

Google Mail

Wenn Sie eine neue E-Mail in Ihrem Posteingang erhalten, hört IFTTT darauf und beginnt, ein Ereignis für das Photon zu veröffentlichen. Dann sendet das Photon einen Befehl an die Philip Hue Bridge, um intelligente Glühbirnen zu alarmieren.

Herausforderungen

• Immer wenn wir eine neue Benachrichtigung von Trello und Gmail erhalten, gibt es eine große Verzögerung beim Senden eines Ereignisses von IFTTT und Senden eines Befehls vom Photon. Es sollte weniger als 5 Minuten dauern, um die intelligenten Glühbirnen zu alarmieren.
• Das Gmail-Applet schaltet sich manchmal von selbst aus, weil das Applet erneut verbunden oder aktualisiert werden muss.