Vizuálne upozornenie: 9 krokov

2024 Autor: John Day | [email protected]. Naposledy zmenené: 2024-01-30 11:59

Tento tutoriál vás naučí kódovať, aby informoval spoločnosť Phillips Hue o upozornení. Bolo by to veľmi užitočné pre ľudí, ktorí sú nepočujúci a nedoslýchaví, majú slabozraké alebo zmyslové postihnutie. Vizuálne upozornenie má používateľov informovať po prijatí upozornení z e-mailu, Facebooku, Trella alebo podobných služieb. LED žiarovka Hue začne upozorňovať blikaním svetla.

Photon Particle je malá, preprogramovateľná vývojová súprava Wi-Fi na prototypovanie a škálovanie produktu Internet of Things.

Krok 1: Zoznam hardvéru a softvéru

Na vývoj kódov pre Visual Notification Alert potrebujete hardvér a softvér.

Hardvér

• Súprava na výrobu častíc
• Philips Hue - štartovacia sada (3 LED žiarovky a 1 Hue Bridge)

Softvér

• Všeobecné informácie o časticovom fotóne
• Časticový web IDE (zostava) *Potrebné na prihlásenie *
• IFTTT (ak toto, potom ono)

Krok 2: Inštalácia

Mali by ste mať svoju súpravu na výrobu častíc, ktorá obsahuje všetko, napríklad senzory, prepojovacie vodiče, diódy LED, odpory a ďalšie. Môžete si prečítať viac informácií o Particle Photon.

Pred pripojením fotónu musíte poznať stav LED diód na fotóne. Tu sú informácie o stave diód LED.

Pripojte svoj fotón

1. Pripojte kábel USB k zdroju napájania. (Váš počítač na tento účel funguje perfektne). Vaše časticové zariadenie nepotrebuje počítač na pripojenie k sieti Wi -Fi.
2. Keď je zapojený, LED dióda RGB na vašom fotónovom zariadení by mala začať modro blikať. Ak vaše zariadenie nebliká na modro, podržte tlačidlo SETUP na 10 sekúnd a potom tlačidlo SETUP uvoľnite.
3. Ak už máte účet, prihláste sa do Setup Particle. Ak nemáte účet, vytvorte si účet pre Photon.
4. Kliknite na sériu Photon/P.
5. Po kliknutí na ĎALŠÍ by vám mal byť predložený súbor (photonsetup.html)
6. Kliknutím na položku POKRAČOVAŤ V MIESTNOM SÚBORE stiahnete súbor.

Po otvorení súboru

1. Pripojte svoj počítač k Photonu pripojením k sieti s názvom PHOTON …
2. Nakonfigurujte svoje poverenia Wi-Fi. Poznámka: ak nesprávne zadáte svoje poverenia, fotón bude blikať tmavo modrou alebo zelenou farbou. Proces musíte znova vykonať obnovením stránky alebo kliknutím na časť procesu zopakovať.
3. Premenujte svoje zariadenie. Zobrazí sa potvrdenie, či bolo zariadenie nárokované alebo nie.

Predtým, ako prejdete na ďalšiu časť, ak má vaše zariadenie Photon azúrovú dýchavičnosť, potom je úspešné v Internete a Photon Cloud! Prechádzame na Particle IDE, Build.

Krok 3: Kódovanie v IDE časticového webu

Musíte si vytvoriť účet pre Particle IDE, Build. Ak už máte účet, je to skvelé! Prihláste sa do IDE častíc.

Chceme otestovať, či LED dióda na doske bliká. Na vašej doske Photon je malá modrá LED dióda. Nachádza sa vedľa D7. Môžete si stiahnuť súbor, gettingstarted-blinknet.ino a zobraziť tam uvedené kódy. Existuje vysvetlenie. Kliknutím na tento odkaz otvoríte zdrojový kód v IDE Particle Web. Ak D7 (malá modrá dióda LED) bliká, gratulujeme, práve ste blikali pomocou zariadenia Particle! Ak sa chcete dozvedieť viac o fotóne, ako napríklad blikanie rôznych diód LED, čítanie fotografického senzora atď., Tu je odkaz.

Teraz sa presunieme do Philips Hue.

Krok 4: Philips Hue

Pre referenciu: Kliknite sem o API spoločnosti Phillips Hue.

Predtým, ako budete mať prístup k dokumentácii k rozhraniu Philips Hue API, sa musíte zaregistrovať ako vývojár. Je to zadarmo, ale musíte prijať zmluvné podmienky.

1. Najprv sa ubezpečte, že váš most Philips Hue Bridge (prvý obrázok) je pripojený k vašej sieti funguje správne. Testujte aplikáciu Hue (aplikácia Hue je k dispozícii pre iOS a Android), ktorá ovláda svetlo v tej istej sieti.

Ak to úspešne otestujete, musíte zistiť IP adresu mosta vo vašej sieti. Využite objav maklérskeho servera spoločnosti Philips na stránke www.meethue.com/api/nupnp.

Akonáhle nájdete svoju IP adresu, zadajte ju do panela s adresou v prehliadači s debug/clip.html pripojeným k URL: https:// bridge IP Address/debug/clip.html. Malo by sa vám zobraziť také rozhranie (druhý obrázok), ako je toto. Poznámka: Nahraďte „premosťovaciu IP adresu“na svoju IP adresu.

2. Urobme jednoduchý príkaz a získajme informácie o vašom systéme odtieňov. Vyplňte nižšie uvedené údaje, nechajte telo prázdne a stlačte tlačidlo ZÍSKAŤ. Rozhranie (tretí obrázok) by sa vám malo zobraziť takto. Malo by sa zobraziť chybové hlásenie. Poznámka: Nahraďte „premosťovaciu IP adresu“na svoju IP adresu.

Adresa: https:// IP adresa premostenia/api/newdeveloperTelo: Metóda: GET Blahoželáme! Odošlete svoj prvý príkaz! 3. Ďalej vyplňte nižšie uvedené informácie a stlačte tlačidlo POST. Poznámka: Nahraďte „premosťovaciu IP adresu“na svoju IP adresu a „názov fonetického typu“na svoj vlastný telefón.

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

Odkaz vám ho pomôže vytvoriť. Keď stlačíte tlačidlo POST, zobrazí sa chybové hlásenie (štvrtý obrázok) s informáciou, že musíte na Hue Bridge stlačiť tlačidlo prepojenia. Toto je krok zabezpečenia, aby vaše svetlá ovládali iba aplikácie alebo servery, ktoré chcete ovládať. Stlačením odkazu na moste Hue dokáže, že používateľ má fyzický prístup k mostu odtieňov.

Keď získate úspešnú odpoveď (piaty obrázok), gratulujeme! Práve ste vytvorili autorizovaného používateľa, ktorého budeme odteraz používať.

4. Posledný príklad, skôr ako ho integrujeme do fotónovej častice, uistite sa, že je jedno z vašich svetiel viditeľné a zapnuté a potrebujete vedieť, ktoré svetlo je číslo. Zmeňte adresu URL na/api/používateľské meno/svetlá/číslo svetla/stav (zmeňte číslo svetla [môže to byť 1, 2, 3 alebo?]) A odošlite tlačidlo PUT s nasledujúcimi údajmi:

Poznámka: Nezabudnite zmeniť IP adresu mosta, používateľské meno a číslo kontrolky

Adresa: https:// most IP adresa/api/užívateľské meno/svetlá/číslo svetla/stav

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

Metóda: PUTY Mali by ste vidieť, ako vaše svetlo mení farbu:

Krok 5: Nastavenie fotónu pomocou tlačidla a káblov

Predtým, ako vyvinieme ďalšie kódy do Photon Web IDE, chceme nastaviť náš Photon pomocou tlačidla a káblov. Máte niekoľko tlačidiel a mnoho vodičov zo svojej štartovacej súpravy pre častice. Pripojil som dva obrázky, jeden je diagram a jeden je skutočný obrázok.

1. Uistite sa, že ste fotón položili na dosku.
2. Umiestnite tlačidlo na spodok dosky, ako je znázornené na obrázku.
3. Umiestnite koniec čierneho vodiča na J4 (GND) a ďalší koniec toho istého čierneho vodiča na J30.
4. Vložte koniec žltého drôtu do J7 (D5) a ďalší koniec rovnakého žltého drôtu vložte do J28.

Ak zodpovedajú môjmu obrazu, ktorý vám ukážem, potom ste dobrí!

Krok 6: Zapisovanie kódov do fotónových častíc

Prvú aplikáciu vytvoríme v častici Photon - Web IDE.

1. Prejdite na https://build.particle.io/build a prihláste sa (zaregistrujte sa, ak ste ešte nevytvorili)
2. Do sekcie Aktuálna aplikácia zadajte „Vizuálne upozornenie“.
3. Stlačte tlačidlo Enter (pozri prvý obrázok).

Aplikácia je uložená v cloude Photon Particle Cloud. Funkcia setup () sa volá, keď sa aplikácia spustí a spustí raz. Funkcia loop () robí presne to, čo robí, a postupne sa opakuje, čo umožňuje vašej aplikácii meniť sa a reagovať.

Ak chcete pridať HttpClient pre fotónové častice:

1. V ľavom dolnom rohu Web IDE kliknite na položku Knižnice.
2. Do vyhľadávacieho panela zadajte „HttpClient“.
3. Na modrom tlačidle kliknite na položku „Zahrnúť do projektu“.
4. Kliknite na položku VisualNotificationAlert (odstráni medzery po vytvorení aplikácie).
5. Kliknite na Potvrdiť.

Teraz pridal HttpClient na začiatku Web IDE.

/ Toto vyhlásenie #include bolo automaticky pridané IDE častíc. #Include

/*** Konfigurácia pre Philip Hue ***

/ 1. Nahraďte to svojim používateľským menom API z kroku 1 const String API_USERNAME = "Vaše používateľské meno API"; // 2. Nahraďte to adresou IP mostíka z kroku 1 IPAddress hueIP (x, x, x, x); // 3. Nahraďte cestou k svetlám, ktoré chcete ovládať. Pomocou webovej stránky od kroku 1 overte, či funguje. // Uistite sa, že poznáte číslo svetla Philip Hue ///svetla/ČÍSLA/stavový reťazec LIGHT_PATH = "/lights/Number/state"; // 4. Vymeňte to za text vašej žiadosti o zapnutie svetiel. reťazec const REQUEST_BODY_ON = "{" on / ": true, \" bri / ": 254}"; // 5. Vymeňte to za text vašej žiadosti o vypnutie svetiel. reťazec const REQUEST_BODY_OFF = "{" on / ": false, \" bri / ": 254}"; / *** KONIEC konfigurácia pre Philip Hue *** / Button const int BUTTON_PIN = D5; // objekt HttpClient slúžiaci na vytváranie požiadaviek HTTP na most Hue HttpClient http; // Predvolená hlavička pre požiadavky HTTP http_header_t hlavičky = {{"Accept", "*/*"}, {NULL, NULL} // POZNÁMKA: Vždy ukončenie hlavičiek bude NULL}; // Objekty požiadaviek a odpovedí http_request_t požiadavka; http_response_t odpoveď; void setup () {Serial.begin (9600); request.ip = hueIP; request.port = 80; // Palubná LED ako kontrolka snímaného kohútika pinMode (D7, VÝSTUP); // Pre vstup definujeme BUTTON_UP ako vytiahnutie vstupu. Na správu konzistentných čítaní zo zariadenia sa používa interný vyťahovací odpor //. pinMode (BUTTON_PIN, INPUT_PULLUP); // nastaví pin ako vstup // „Prihlásime sa“na našu udalosť IFTTT s názvom Button, aby sme pre ňu získali udalosti Particle.subscribe („RIT_Gmail“, myHandler); Particle.subscribe ("Trello", myHandler); } // funkcia setup () neplatná slučka () { / * * Toto je časť testovania, či svetlo upozorňuje * / //, tým, že z neho prečítate, zistíte, či je tlačidlo stlačené alebo nie. int buttonState = digitalRead (BUTTON_PIN); // Keď je tlačidlo STLAČENÉ, dostaneme signál NÍZKY. // Keď tlačidlo NIE JE STLAČENÉ, dostaneme VYSOKÉ. if (buttonState == LOW) gmailAlert (); } // funkcia loop () neplatná printInfo () {Serial.print ("Aplikácia> / tStav odozvy:"); Serial.println (response.status); Serial.print ("Aplikácia> / tHTTP orgán reakcie:"); Serial.println (response.body); } // funkcia printInfo () int i = 0; // Funkcia, ktorá spracováva udalosť z IFTTT void myHandler (const char *event, const char *data) {// Test pre tlač v sériovom Serial.print (event); Serial.print (", údaje:"); if (údaje) Serial.println (údaje); else Serial.println ("NULL"); if (strcmp (udalosť, "Trello") == 0) {trelloAlert (); } else if (strcmp (udalosť, "Gmail") == 0) {gmailAlert (); }} // funkcia myHandler () /** Hodnota odtieňa, na ktorú sa má nastaviť svetlo. * Hodnota odtieňa je obalová hodnota od 0 do 65535. * 0 aj 65535 sú červené, * 25500 je zelená a 46920 je modrá. * / / *** Upozorní pomocou inteligentnej žiarovky Philips Hue pomocou modrej farby. Upozorní na 15 sekúnd. */ void trelloAlert () {String trello_body_alert = "{" on / ": true, \" bri / ": 255, \" sat / ": 255, \" hue / ": 46920, \" alert / ": / "lselect \"} "; sendHttpPut (trello_body_alert); } /*** Upozorní pomocou inteligentnej žiarovky Philips Hue pomocou červenej farby. Upozorní na 15 sekúnd. */ void gmailAlert () {String gmail_body_alert = "{" on / ": true, \" sat / ": 254, \" bri / ": 254, \" hue / ": 65535, \" alert / ": / "lselect \"} "; sendHttpPut (gmail_body_alert); }/** * PUT pošleme na Philips Hue * @param httpPutBody telo reťazca */void sendHttpPut (String httpPutBody) {request.path = "/api/" + API_USERNAME + LIGHT_PATH; request.body = httpPutBody; http.put (požiadavka, odpoveď, hlavičky); }

Keď dokončíte zadávanie alebo kopírovanie kódu do vášho IDE Photon Particle Web IDE, kliknite na ikonu začiarknutia (Overiť) v ľavom hornom rohu panela. Ak vyhovuje veľmi úspešne, prejdeme na ďalší krok!

Krok 7: Nahranie kódu do fotónu

Tento krok je veľmi jednoduchý. Pred nahraním kódov do fotónu:

1. Pripojte kábel USB k zdroju napájania (odporúčam prenosný počítač).
2. Uistite sa, že váš fotón má svetlo azúrovej LED. Ak nie je azúrová alebo má inú farbu, prejdite na krok 2: Inštalácia
3. V IDE Photon Particle Web kliknite na ikonu Osvetlenie.
4. Keď nahrá kódy do fotónu, mali by ste vidieť purpurovú. To znamená, že kód sa začne nahrávať do kódu. Potom bude rýchlo rýchlo zelene blikať a potom sa vráti späť k dýchaniu azúrovej.
5. Stlačením tlačidla zistíte, či bliká (alebo upozorňuje) inteligentná žiarovka Philips.

Ak vás upozorní inteligentná žiarovka Philips, gratulujeme! Sme takmer hotoví!

Prejdeme k softvérovej časti.

Krok 8: Vytváranie apletov z IFTTT (ak toto, potom ono)

Applety vytvoríme z webu IFTTT (If This, Then That). Aplety zverejnia udalosť fotónu a potom fotón pošle príkaz na most Philips Hue Bridge, aby upozornil inteligentné žiarovky.

Na tento projekt použijeme Trello a Gmail na publikovanie udalostí na Photon.

Choďte na https://ifttt.com/ a zaregistrujte sa.

Trello

1. V hornej časti kliknite na položku Moje aplety.
2. Kliknite na položku Nový aplet.
3. Kliknite na + toto v modrom texte.
4. Do vyhľadávacieho panela napíšte Trello a kliknite.
5. Kliknite na položku Karta priradená mne.
6. Vyberte si dosku z Trella.
7. Kliknite na +to v modrom texte.
8. Do vyhľadávacieho panela napíšte Particle a kliknite na.
9. Kliknite na položku Publikovať udalosť.
10. Do poľa Potom publikovať (názov udalosti) napíšte „Trello“.
11. Vyberte verejné.

Gmail (Poznámka: pri registrácii budú používať vašu e -mailovú adresu)

1. V hornej časti kliknite na položku Moje aplety.
2. Kliknite na položku Nový aplet.
3. Kliknite na + toto v modrom texte.
4. Do vyhľadávacieho panela napíšte Gmail a kliknite na
5. Vyberte položku Každý nový e -mail v doručenej pošte
6. Kliknite na +to v modrom texte.
7. Do vyhľadávacieho panela napíšte Particle a kliknite na
8. Kliknite na položku Publikovať udalosť.
9. Do poľa Potom zverejnite (Názov udalosti) napíšte „Gmail“.
10. Vyberte verejné.

Akonáhle máte dva applety, Trello a Gmail, pracujeme, prechádzame na posledný krok.

Krok 9: Nakoniec testovanie

Budeme testovať publikovanie udalostí z apletov na fotón. Uistite sa, že sú vaše aplety zapnuté.

Trello

Keď niekto vytvorí v Trelle novú kartu, priradí vás (označí) na karte. IFTTT to počúva a začne publikovať udalosť na Fotón. Potom Photon pošle príkaz na Most Philipa Hue, aby upozornil inteligentné žiarovky.

Gmail

Keď dostanete do svojej doručenej pošty nový e -mail, IFTTT to vypočuje a začne publikovať udalosť na fotón. Potom Photon pošle príkaz na Most Philipa Hue, aby upozornil inteligentné žiarovky.

Výzvy

• Kedykoľvek dostaneme nové upozornenie od Trello a Gmailu, dôjde k obrovskému oneskoreniu odoslania udalosti z IFTTT a odoslania príkazu z fotónu. Varovanie inteligentných žiaroviek by nemalo trvať menej ako 5 minút.
• Aplikacia Gmail sa niekedy sama vypne, pretože aplet je potrebné znova pripojiť alebo aktualizovať.