Vizuální upozornění: 9 kroků

2024 Autor: John Day | [email protected]. Naposledy změněno: 2024-01-30 08:22

Tento tutoriál vás naučí kódovat, aby informoval Phillips Hue, aby vás upozornil. Bylo by to velmi užitečné pro lidi, kteří jsou neslyšící a nedoslýchaví, mají slabozraké nebo smyslové postižení. Visual Notification Alert je informovat uživatele po obdržení oznámení z e-mailu, Facebooku, Trella nebo podobných. Žárovka Hue LED začne upozorňovat blikáním světla.

Photon Particle je malá, přeprogramovatelná vývojová sada Wi-Fi pro prototypování a škálování vašeho produktu Internet of Things.

Krok 1: Seznam hardwaru a softwaru

K vývoji kódů pro upozornění na vizuální oznámení potřebujete hardware a software.

Hardware

• Sada na výrobu částic
• Philips Hue - startovací sada (3 LED žárovky a 1 Hue Bridge)

Software

• Obecné informace o fotonu částic
• Particle Web IDE (build) *Vyžadováno pro přihlášení *
• IFTTT (If This Then That)

Krok 2: Instalace

Měli byste mít svoji sadu pro tvorbu částic, která obsahuje vše, jako jsou senzory, propojovací vodiče, diody LED, odpory a další. Můžete si přečíst více informací o částicovém fotonu.

Než připojíte svůj foton, musíte znát stav LED diod na fotonu. Zde jsou informace o stavu LED.

Připojte svůj foton

1. Zapojte kabel USB do zdroje napájení. (Váš počítač k tomuto účelu funguje perfektně). Vaše částicové zařízení nepotřebuje váš počítač k připojení k wifi.
2. Když je zapojen, LED dioda RGB na vašem fotonovém zařízení by měla začít blikat modře. Pokud vaše zařízení nebliká modře, podržte tlačítko SETUP po dobu 10 sekund a poté tlačítko SETUP uvolněte.
3. Přihlaste se do Setup Particle, pokud již máte účet. Pokud účet nemáte, vytvořte si jej pro Photon.
4. Klikněte na řadu Photon/P.
5. Po kliknutí na DALŠÍ by vám měl být předložen soubor (photonsetup.html)
6. Kliknutím na POKRAČOVAT S MÍSTNÍM SOUBOREM stáhnete soubor.

Po otevření souboru

1. Připojte svůj počítač k Photon připojením k síti s názvem PHOTON…
2. Konfigurujte své přihlašovací údaje Wi-Fi. Poznámka: pokud zadáte nesprávné údaje, foton bude blikat tmavě modře nebo zeleně. Proces musíte projít znovu obnovením stránky nebo kliknutím na část procesu opakovat.
3. Přejmenujte své zařízení. Zobrazí se potvrzení, zda bylo zařízení nárokováno nebo ne.

Předtím, než přejdete k další části, pokud má vaše zařízení Photon azurovou dech, je úspěšné na internetu a Photon Cloud! Přecházíme na IDE částic, Build.

Krok 3: Kódování v IDE částicového webu

Musíte si vytvořit účet pro Particle IDE, Build. Pokud již účet máte, je to skvělé! Přihlaste se do IDE částic.

Chceme vyzkoušet, zda LED dioda na desce bliká. Na desce Photon je malá modrá LED dioda. Je vedle D7. Soubor si můžete stáhnout, gettingstarted-blinknet.ino a zobrazit tam kódy. Existuje vysvětlení. Kliknutím na tento odkaz otevřete zdrojový kód v IDE Particle Web. Pokud D7 (malá modrá LED) bliká, gratulujeme, právě jste blikali pomocí zařízení Particle! Pokud se chcete o fotonu dozvědět více, například o blikajících různých LED diodách, čtecím fotografickém senzoru atd., Zde je odkaz.

Nyní se přesuneme do Philips Hue.

Krok 4: Philips Hue

Pro informaci: Klikněte sem o API Phillips Hue.

Než budete mít přístup k dokumentaci API Philips Hue, budete se muset zaregistrovat jako vývojář. Je to zdarma, ale musíte přijmout podmínky.

1. Nejprve se ujistěte, že je váš Philips Hue Bridge (první obrázek) připojen k vaší síti správně fungovat. Testujte aplikaci Hue (aplikace Hue je k dispozici pro iOS a Android), která ovládá světlo ve stejné síti.

Pokud to úspěšně otestujete, musíte zjistit IP adresu můstku ve vaší síti. Využijte objevování serveru brokerů společnosti Philips na adrese www.meethue.com/api/nupnp.

Když najdete svou IP adresu, zadejte ji do adresního řádku prohlížeče s laděním/klipem.html připojeným k adrese URL: https:// most IP adresa/ladění/klip.html. Mělo by se vám zobrazit rozhraní (druhý obrázek) takto. Poznámka: Nahraďte „můstkovou IP adresu“vaší IP adresou.

2. Pojďme udělat jednoduchý příkaz a získat informace o vašem systému odstínů. Vyplňte níže uvedené údaje, ponechte tělo prázdné a stiskněte tlačítko ZÍSKAT. Mělo by se vám zobrazit rozhraní (třetí obrázek). Měli byste dostat chybovou zprávu. Poznámka: Nahraďte „můstkovou IP adresu“vaší IP adresou.

Adresa: https:// IP adresa můstku/api/newdeveloperBody: Metoda: GET Gratulujeme! Odešlete svůj první příkaz! 3. Dále vyplňte níže uvedené informace a stiskněte tlačítko POST. Poznámka: Nahraďte „bridge IP Address“na svou IP adresu a „phonetype name“na svůj vlastní telefon.

Adresa: https:// most IP adresa/apiBody: {"devicetype": "my_hue_app#phonetype name"} Metoda: POST

Odkaz vám jej pomůže vytvořit. Když stisknete tlačítko POST, měla by se vám vrátit chybová zpráva (čtvrtý obrázek) s oznámením, že musíte stisknout tlačítko odkazu na mostě Hue. Toto je krok zabezpečení, aby světla mohla ovládat pouze aplikace nebo servery. Stisknutím odkazu na můstku odstínu se prokáže, že uživatel má fyzický přístup k můstku odstínu.

Když dostanete úspěšnou odpověď (pátý obrázek), gratulujeme! Právě jste vytvořili autorizovaného uživatele, kterého budeme od nynějška používat.

4. Poslední příklad, než jej integrujeme do fotonové částice, ujistěte se, že je jedno z vašich světel viditelné a zapnuté, a potřebujete vědět, jaké číslo světla je. Změňte adresu URL na/api/uživatelské jméno/světla/číslo světla/stav (změňte číslo světla [může to být 1, 2, 3 nebo?]) A odešlete tlačítko PUT s následujícími údaji:

Poznámka: Ujistěte se, že jste změnili IP adresu mostu, uživatelské jméno a číslo kontrolky

Adresa: https:// IP adresa mostu/api/uživatelské jméno/světla/číslo světla/stav

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

Metoda: PUT Měli byste vidět, jak vaše světlo mění barvu:

Krok 5: Nastavení fotonu pomocí tlačítka a vodičů

Než vyvineme další kódy do Photon Web IDE, chceme nastavit náš Photon pomocí tlačítka a vodičů. Máte několik tlačítek a mnoho vodičů ze své startovací sady pro částice. Připojil jsem dva obrázky, jeden je diagram a jeden je skutečný obrázek.

1. Ujistěte se, že umístíte svůj foton na prkénko.
2. Umístěte tlačítko na spodní část prkénka, jak je znázorněno na obrázku.
3. Vložte konec černého vodiče do J4 (GND) a další konec stejného černého vodiče vložte do J30.
4. Vložte konec žlutého vodiče do J7 (D5) a další konec stejného žlutého vodiče vložte do J28.

Pokud odpovídají mému obrazu, který vám ukážu, pak jste dobří!

Krok 6: Psaní kódů v částici fotonu

V aplikaci Photon Particle - Web IDE vytvoříme naši první aplikaci.

1. Přejděte na https://build.particle.io/build a přihlaste se (zaregistrujte se, pokud jste ještě nevytvořili)
2. Do části Aktuální aplikace zadejte „Vizuální upozornění“.
3. Stiskněte tlačítko Enter (viz první obrázek).

Aplikace je uložena v cloudu Photon Particle Cloud. Funkce setup () se volá, když se aplikace spustí a jednou spustí. Funkce loop () dělá přesně to, co dělá, a cykluje postupně, což umožňuje vaší aplikaci měnit se a reagovat.

Chcete -li přidat HttpClient pro částici fotonu:

1. Klikněte na Knihovny v levé dolní části webového IDE.
2. Do vyhledávacího pole zadejte „HttpClient“.
3. V modrém tlačítku klikněte na „Zahrnout do projektu“.
4. Klikněte na VisualNotificationAlert (odstraní mezery po vytvoření aplikace).
5. Klikněte na Potvrdit.

Nyní přidal HttpClient na začátek Web IDE.

/ Toto prohlášení #include bylo automaticky přidáno IDE částice. #Include

/*** Konfigurace pro Philip Hue ***

/ 1. Nahraďte to svým uživatelským jménem API z kroku 1 const String API_USERNAME = "Vaše uživatelské jméno API"; // 2. Nahraďte to IP adresou vašeho můstku z kroku 1 IPAddress hueIP (x, x, x, x); // 3. Nahraďte cestou ke světlům, která chcete ovládat. Pomocí webové stránky z kroku 1 ověřte, zda funguje. // Ujistěte se, že poznáte číslo světla Philip Hue ///světla/ČÍSLO/stavový řetězec LIGHT_PATH = "/lights/Number/state"; // 4. Nahraďte to tělem vašeho požadavku na zapnutí světel. řetězec const REQUEST_BODY_ON = "{" on / ": true, \" bri / ": 254}"; // 5. Nahraďte to tělem vašeho požadavku na vypnutí světel. řetězec const REQUEST_BODY_OFF = "{" on / ": false, \" bri / ": 254}"; / *** KONEC Konfigurace pro Philip Hue *** / Button const int BUTTON_PIN = D5; // Objekt HttpClient slouží k vytváření požadavků HTTP na most Hue HttpClient http; // Výchozí záhlaví pro požadavky HTTP http_header_t hlavičky = {{"Accept", "*/*"}, {NULL, NULL} // POZNÁMKA: Vždy ukončit hlavičky bude NULL}; // Objekty požadavků a odpovědí http_request_t požadavek; http_response_t odpověď; neplatné nastavení () {Serial.begin (9600); request.ip = hueIP; request.port = 80; // Integrovaná LED jako kontrolka pro snímaný kohoutkový režim (D7, VÝSTUP); // Pro vstup definujeme BUTTON_UP jako vstupní-pullup. To používá interní pullup odpor // ke správě konzistentních čtení ze zařízení. pinMode (BUTTON_PIN, INPUT_PULLUP); // nastaví pin jako vstup // „Přihlásíme se k odběru“naší IFTTT události s názvem Button, abychom pro ni získali události Particle.subscribe („RIT_Gmail“, myHandler); Particle.subscribe ("Trello", myHandler); } // funkce setup () void loop () { / * * Toto je část testování, zda světlo upozorňuje * / // pomocí čtení z něj zjistit, zda je tlačítko stisknuto či nikoli. int buttonState = digitalRead (BUTTON_PIN); // Když je tlačítko PUSHED, dostaneme LOW signál. // Když tlačítko NENÍ STISKNUTO, dostaneme VYSOKÉ. if (buttonState == LOW) gmailAlert (); } // funkce loop () void printInfo () {Serial.print ("Application> / tResponse status:"); Serial.println (response.status); Serial.print ("Aplikace> / tHTTP subjekt odpovědí:"); Serial.println (response.body); } // funkce printInfo () int i = 0; // Funkce, která zpracovává událost z IFTTT void myHandler (const char *událost, const char *data) {// Test pro tisk v sériovém Serial.print (událost); Serial.print (", data:"); if (data) Serial.println (data); else Serial.println ("NULL"); if (strcmp (událost, "Trello") == 0) {trelloAlert (); } else if (strcmp (událost, "Gmail") == 0) {gmailAlert (); }} // funkce myHandler () /** Hodnota odstínu, na kterou se má nastavit světlo. * Hodnota odstínu je obalovací hodnotou mezi 0 a 65535. * 0 i 65535 jsou červené, * 25500 je zelená a 46920 je modrá. * / / *** Upozorní pomocí inteligentní žárovky Philips Hue pomocí modré barvy. Upozorní na 15 sekund. */ void trelloAlert () {String trello_body_alert = "{" on / ": true, \" bri / ": 255, \" sat / ": 255, \" hue / ": 46920, \" alert / ": / "lselect \"} "; sendHttpPut (trello_body_alert); } /*** Upozorní pomocí inteligentní žárovky Philips Hue pomocí červené barvy. Upozorní na 15 sekund. */ void gmailAlert () {String gmail_body_alert = "{" on / ": true, \" sat / ": 254, \" bri / ": 254, \" hue / ": 65535, \" alert / ": / "lselect \"} "; sendHttpPut (gmail_body_alert); }/** * PUT odešleme na Philips Hue * @param httpPutBody tělo řetězce */void sendHttpPut (String httpPutBody) {request.path = "/api/" + API_USERNAME + LIGHT_PATH; request.body = httpPutBody; http.put (požadavek, odpověď, záhlaví); }

Když dokončíte psaní nebo kopírování kódu do vašeho IDE Photon Particle Web IDE, klikněte na ikonu zaškrtnutí (Ověřit) v levém horním rohu lišty. Pokud vyhovuje velmi úspěšně, přejdeme k dalšímu kroku!

Krok 7: Nahrání kódu do fotonu

Tento krok je velmi jednoduchý. Než nahrajeme kódy do fotonu:

1. Zapojte kabel USB do zdroje napájení (doporučuji notebook).
2. Ujistěte se, že váš foton má dýchací azurovou LED. Pokud nedýchá azurově nebo má jinou barvu, přejděte ke kroku 2: Instalace
3. V IDE Photon Particle Web klikněte na ikonu Osvětlení.
4. Když nahraje kódy do fotonu, měli byste vidět purpurovou. To znamená, že se kód začne nahrávat do kódu. Poté začne rychle zeleně blikat a poté se vrátí zpět k dýchání azurově.
5. Stisknutím tlačítka zjistíte, zda bliká (nebo upozorňuje) vaše inteligentní žárovka Philips.

Pokud vás upozorní inteligentní žárovka Philips, gratulujeme! Jsme téměř hotovi!

Přejdeme k softwarové části.

Krok 8: Vytváření apletů z IFTTT (If This, Then That)

Applety vytvoříme z webu IFTTT (If This, Then That). Aplety zveřejní událost fotonu a poté foton pošle příkaz na můstek Philips Hue Bridge, který upozorní chytré žárovky.

Pro tento projekt použijeme Trello a Gmail k publikování událostí na Photon.

Přejděte na https://ifttt.com/ a zaregistrujte se.

Trello

1. Nahoře klikněte na Moje aplety.
2. Klikněte na Nový aplet.
3. Klikněte na + toto v modrém textu.
4. Do vyhledávacího pole zadejte Trello a klikněte.
5. Klikněte na Card Assigned to me.
6. Vyberte si desku z Trella.
7. Klikněte +na to v modrém textu.
8. Do vyhledávacího pole zadejte Particle a klikněte.
9. Klikněte na Publikovat událost.
10. Do pole Potom publikovat (Název události) zadejte „Trello“.
11. Vyberte veřejné.

Gmail (Poznámka: při registraci použijí vaši e -mailovou adresu)

1. Nahoře klikněte na Moje aplety.
2. Klikněte na Nový aplet.
3. Klikněte na + toto v modrém textu.
4. Do vyhledávacího pole zadejte Gmail a klikněte na
5. Vyberte Všechny nové e -maily v doručené poště
6. Klikněte +na to v modrém textu.
7. Do vyhledávacího pole zadejte Particle a klikněte
8. Klikněte na Publikovat událost.
9. Do pole Potom publikovat (Název události) zadejte „Gmail“.
10. Vyberte veřejné.

Jakmile máte dva applety, Trello a Gmail, pracujeme, přecházíme na poslední krok.

Krok 9: Nakonec testování

Budeme testovat publikování událostí z apletů na foton. Ujistěte se, že jsou vaše aplety zapnuté.

Trello

Když někdo vytvoří novou kartu v Trellu, přiřadí vás (označí) na kartě. IFTTT to poslouchá a začne publikovat událost fotonu. Poté Photon pošle příkaz na most Philipa Hue, aby upozornil chytré žárovky.

Gmail

Když vám přijde do schránky nový e -mail, IFTTT to poslouchá a začne publikovat událost na fotonu. Poté Photon pošle příkaz na most Philip Hue, aby upozornil chytré žárovky.

Výzvy

• Kdykoli dostaneme nové oznámení od Trella a Gmailu, dojde k obrovskému zpoždění při odesílání události z IFTTT a odeslání příkazu od Photon. Varování chytrých žárovek by mělo trvat méně než 5 minut.
• Applet Gmailu se někdy sám vypne, protože je třeba znovu připojit nebo aktualizovat aplet.