Upozorenje o vizuelnom obaveštenju: 9 koraka

2024 Autor: John Day | [email protected]. Zadnja izmjena: 2024-01-30 08:07

Ovaj vodič će vas naučiti kako kodirati kako biste obavijestili Phillips Hue da vas upozori. Bilo bi vrlo korisno za osobe koje su gluhe i nagluhe, imaju slabovidnost ili senzorne poteškoće. Upozorenje o vizuelnim obaveštenjima obaveštava korisnike nakon što dobiju obaveštenja sa e-pošte, Facebooka, Trella ili sličnog. Hue LED žarulja počinje upozoravati trepćući svjetlo.

Photon Particle je mali, reprogramirajući razvojni komplet za Wi-Fi za izradu prototipa i povećanje vašeg proizvoda Internet of Things.

Korak 1: Lista hardvera i softvera

Za razvoj kodova za upozorenje o vizuelnim obaveštenjima potreban vam je hardver i softver.

Hardver

• Komplet za izradu čestica
• Philips Hue - Početni komplet (3 LED sijalice i 1 Hue most)

Softver

• Opći podaci o fotonu čestica
• ID ID čestica (verzija) *Potrebno za prijavu *
• IFTTT (Ako ovo onda ono)

Korak 2: Instalacija

Trebali biste imati svoj komplet za izradu čestica koji uključuje sve, poput senzora, kratkospojnih žica, LED dioda, otpornika i još mnogo toga. Možete pročitati više informacija o česticama fotona.

Prije nego što spojite svoj foton, morate znati status LED dioda na fotonu. Evo informacija o statusu LED diode.

Povežite svoj fototon

1. Priključite USB kabel u izvor napajanja. (Vaš računar radi savršeno u tu svrhu). Vašem uređaju za čestice nije potrebno računalo za povezivanje na WiFi.
2. Kada je priključen, RGB LED dioda na vašem fotonskom uređaju trebala bi početi treptati plavo. Ako vaš uređaj ne treperi plavo, držite pritisnuto dugme SETUP 10 sekundi, a zatim pustite dugme SETUP.
3. Prijavite se Setup Particle ako već imate račun. Ako nemate račun, otvorite račun za Photon.
4. Kliknite na Photon/P Series.
5. Nakon što kliknete NEXT, trebala bi vam se prikazati datoteka (photonsetup.html)
6. Kliknite NASTAVI SA LOKALNOM DATOTEKOM za preuzimanje datoteke.

Nakon otvaranja datoteke

1. Povežite računar sa Photonom povezivanjem na mrežu pod imenom PHOTON-…
2. Konfigurirajte svoje Wi-FI vjerodajnice. Napomena: ako pogrešno unesete vjerodajnice, Photon će treptati tamno plavo ili zeleno. Morate ponovo proći kroz proces osvježavanjem stranice ili klikom na dio procesa ponovnog pokušaja.
3. Preimenujte svoj uređaj. Vidjet ćete potvrdu je li uređaj polagan ili ne.

Prije nego prijeđete na sljedeći dio, ako vaš Photon uređaj ima cijan za disanje, tada je uspješan za Internet i Photon Cloud! Prelazimo na Particle IDE, Build.

Korak 3: Kodiranje u Particle Web IDE -u

Morate stvoriti svoj račun za Particle IDE, Build. Ako već imate račun, odlično! Prijavite se IDE za čestice.

Želimo testirati da vidimo da li LED dioda treperi na ploči. Na vašoj Photon ploči nalazi se mala plava LED dioda. Nalazi se pored D7. Možete preuzeti datoteku, gettingstarted-blinknet.ino i tamo vidjeti kodove. Postoji objašnjenje. Kliknite na ovu vezu da biste otvorili izvorni kod u IDE -u Particle Web. Ako D7 (mala plava LED dioda) treperi, čestitamo, upravo ste trepnuli LED diodom pomoću uređaja za čestice! Ako želite saznati više o Photonu, poput treptanja različite LED diode, čitanja foto senzora itd., Evo veze.

Sada ćemo prijeći na Philips Hue.

Korak 4: Philips Hue

Za referencu: Kliknite ovdje o Phillips Hue API -ju.

Da biste mogli pristupiti dokumentaciji API -ja Philips Hue, morate se registrirati kao programer. Besplatno je, ali morate prihvatiti uslove i odredbe.

1. Prvo provjerite je li vaš Philips Hue Bridge (prva slika) povezan s mrežom ispravno. Testirajte aplikaciju Hue (aplikacija Hue dostupna je na iOS -u i Androidu) koja kontrolira svjetlo na istoj mreži.

Ako ga uspješno testirate, tada morate otkriti IP adresu mosta na vašoj mreži. Iskoristite Philips -ovo otkrivanje poslužitelja posrednika na stranici www.meethue.com/api/nupnp.

Kad pronađete svoju IP adresu, upišite je u adresnu traku preglednika sa debug/clip.html dodanom URL -u: https:// bridge IP Address/debug/clip.html. Trebali biste vidjeti sučelje (druga slika) poput ovog. Napomena: Zamijenite "bridge IP Address" na svoju IP adresu.

2. Hajde da napravimo jednostavnu komandu i dobijemo informacije o vašem sistemu hue. Ispunite dolje navedene detalje ostavljajući tijelo prazno i pritisnite tipku GET. Trebali biste vidjeti ovakvo sučelje (treća slika). Trebali biste dobiti poruku o grešci. Napomena: Zamijenite "bridge IP Address" na svoju IP adresu.

Adresa: https:// bridge IP adresa/api/newdeveloperTijelo: Metoda: GETČestitamo! Samo šaljete svoju prvu naredbu! 3. Zatim popunite donje podatke i pritisnite dugme POST. Napomena: Zamijenite "bridge IP Address" na svoju IP adresu, a "phonetype name" na svoj telefon.

Adresa: https:// bridge IP adresa/apiBody: {"devicetype": "my_hue_app#naziv telefonskog tipa"} Metoda: POST

Link pomaže u stvaranju za vas. Kada pritisnete dugme POST, trebali biste dobiti poruku o grešci (četvrta slika) koja vas obavještava da morate pritisnuti dugme veze na mostu Hue. Ovo je sigurnosni korak tako da samo aplikacije ili serveri koje želite kontrolirati vašim svjetlima. Pritiskom na vezu na Hue Bridgeu dokazuje se da korisnik ima fizički pristup Hue mostu.

Kad dobijete uspješan odgovor (peta slika), čestitamo! Upravo ste stvorili ovlaštenog korisnika, kojeg ćemo od sada koristiti.

4. Posljednji primjer, prije nego što ga integriramo u fotonsku česticu, provjerite je li jedno od vaših svjetla vidljivo i upaljeno i morate znati koji je broj svjetla. Promijenite URL u/api/korisničko ime/svjetla/broj svjetla/stanje (promijenite broj svjetla [može biti 1, 2, 3 ili?]) I pošaljite dugme PUT sa sljedećim podacima:

Napomena: Obavezno promijenite IP adresu mosta, korisničko ime i broj svjetla

Adresa: https:// most IP adresa/api/korisničko ime/svjetla/broj svjetla/stanje

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

Metoda: PUTVi biste trebali vidjeti kako vaše svjetlo mijenja boju:

Korak 5: Postavljanje fotona pomoću dugmeta i žica

Prije nego što razvijemo više kodova u Photon Web IDE, želimo postaviti naš Photon s gumbom i žicama. Imate nekoliko gumba i mnogo žica iz vašeg kompleta za pokretanje čestica. Priložio sam dvije slike, jedna je dijagram, a jedna je stvarna slika.

1. Postavite svoj foton na matičnu ploču.
2. Stavite dugme na dno ploče kao što je prikazano na slici.
3. Stavite kraj crne žice u J4 (GND), a drugi kraj iste crne žice u J30.
4. Stavite kraj žute žice u J7 (D5), a drugi kraj iste žute žice u J28.

Ako odgovaraju mojoj slici koju vam pokazujem, onda ste dobri!

Korak 6: Zapisivanje kodova u fotonske čestice

Napravit ćemo našu prvu aplikaciju u Photon Particle - Web IDE.

1. Idite na https://build.particle.io/build i prijavite se (registrirajte se ako još niste kreirali)
2. Upišite "Upozorenje o vizualnom obavještenju" pod Trenutna aplikacija.
3. Pritisnite dugme Enter (pogledajte prvu sliku).

Aplikacija se sprema u Photon Particle Cloud. Funkcija setup () poziva se kada se aplikacija jednom pokrene i pokrene. Funkcija loop () radi upravo ono što radi i petlja se uzastopno, dopuštajući vašoj aplikaciji da se promijeni i odgovori.

Da biste dodali HttpClient za fotonsku česticu:

1. Kliknite Biblioteke u donjem lijevom kutu web IDE -a.
2. Upišite "HttpClient" u traku za pretraživanje.
3. Kliknite na "Uključi u projekat" na plavom dugmetu.
4. Kliknite VisualNotificationAlert (uklanja razmake nakon što ste kreirali aplikaciju).
5. Kliknite na Potvrdi.

Sada je dodao HttpClient na početku web IDE -a.

/ Ovu #include naredbu je automatski dodao IDE čestica. #Include

/*** Konfiguracija za Philip Hue ***

/ 1. Zamijenite ovo svojim korisničkim imenom za API iz Koraka 1 const String API_USERNAME = "Vaše korisničko ime za API"; // 2. Zamijenite ovo IP adresom svog mosta iz 1. koraka IPAddress hueIP (x, x, x, x); // 3. Zamijenite putanju do svjetla koje želite kontrolirati. Koristite web stranicu iz 1. koraka da provjerite radi li. // Provjerite prepoznajete li broj svjetla Philip Hue ///lights/NUMBER/state const String LIGHT_PATH = "/lights/Number/state"; // 4. Zamijenite ovo sa tijelom vašeg zahtjeva za paljenje svjetla. const String REQUEST_BODY_ON = "{" na / ": true, \" bri / ": 254}"; // 5. Zamijenite ovo s tijelom vašeg zahtjeva za gašenje svjetla. const String REQUEST_BODY_OFF = "{" na / ": false, \" bri / ": 254}"; / *** END Konfiguracija za Philip Hue *** / Gumb const int BUTTON_PIN = D5; // HttpClient objekt koji se koristi za upućivanje HTTP zahtjeva Hue mostu HttpClient http; // Zadano zaglavlje za HTTP zahtjeve http_header_t zaglavlja = {{"Prihvati", "*/*"}, {NULL, NULL} // NAPOMENA: Uvijek završavajte zaglavlja će NULL}; // Objekti zahtjeva i odgovora http_request_t request; http_response_t odgovor; void setup () {Serial.begin (9600); request.ip = hueIP; request.port = 80; // Ugrađena LED lampica kao indikatorska lampica za osjetljivi dodir pinMode (D7, OUTPUT); // Za ulaz, definiramo BUTTON_UP kao ulaz-podizanje. Ovo koristi unutarnji otpornik za izvlačenje // za upravljanje dosljednim očitavanjima s uređaja. pinMode (BUTTON_PIN, INPUT_PULLUP); // postavlja pin kao ulaz // "Pretplaćujemo se" na naš IFTTT događaj zvan Button tako da za njega dobijamo događaje Particle.subscribe ("RIT_Gmail", myHandler); Particle.subscribe ("Trello", myHandler); } // setup () funkcija void loop () { / * * Ovo je odjeljak testiranja da li svjetlo upozorava * / // da li se pritiskom na dugme pritisne dugme ili ne. int buttonState = digitalRead (BUTTON_PIN); // Kada je tipka pritisnuta, dobit ćemo LOW signal. // Kada dugme NIJE GURANO, dobit ćemo HIGH. if (buttonState == LOW) gmailAlert (); } // funkcija loop () void printInfo () {Serial.print ("Aplikacija> / tResponse status:"); Serial.println (response.status); Serial.print ("Aplikacija> / tHTTP Response Body:"); Serial.println (response.body); } // funkcija printInfo () int i = 0; // Funkcija koja upravlja događajem iz IFTTT -a void myHandler (const char *događaj, const char *podaci) {// Test za ispis u serijskom Serial.print (događaj); Serial.print (", podaci:"); if (podaci) Serial.println (podaci); else Serial.println ("NULL"); if (strcmp (događaj, "Trello") == 0) {trelloAlert (); } else if (strcmp (događaj, "Gmail") == 0) {gmailAlert (); }} // funkcija myHandler () /** Vrijednost nijanse za postavljanje svjetla. * Vrijednost nijanse je vrijednost omatanja između 0 i 65535. * I 0 i 65535 su crvene, * 25500 je zelena, a 46920 plava. * / / *** Upozorit će plavu boju pomoću Philips Hue pametne žarulje. Opozorit će vas 15 sekundi. */ void trelloAlert () {String trello_body_alert = "{" on / ": true, \" bri / ": 255, \" sat / ": 255, \" hue / ": 46920, \" alert / ": / "lselect \"} "; sendHttpPut (trello_body_alert); } /*** Upozorit će se pomoću crvene boje pomoću sijalice Philips Hue. Opozorit će vas 15 sekundi. */ void gmailAlert () {String gmail_body_alert = "{" on / ": true, \" sat / ": 254, \" bri / ": 254, \" hue / ": 65535, \" alert / ": / "lselect \"} "; sendHttpPut (gmail_body_alert); }/** * Poslat ćemo PUT na Philips Hue * @param httpPutBody tijelo niza */void sendHttpPut (String httpPutBody) {request.path = "/api/" + API_USERNAME + LIGHT_PATH; request.body = httpPutBody; http.put (zahtjev, odgovor, zaglavlja); }

Kad završite s upisivanjem ili kopiranjem koda u svoj Web IDE Photon Particle Web, kliknite ikonu za provjeru (Verify) u gornjem lijevom kutu trake. Ako se vrlo uspješno usklađuje, idemo na sljedeći korak!

Korak 7: Otpremanje koda na Photon

Ovaj korak je vrlo jednostavan. Prije nego što učitamo kodove na Photon:

1. Priključite USB kabel u izvor napajanja (preporučujem prijenosno računalo).
2. Uvjerite se da vaš foton ima cijan diodu koja diše. Ako ne diše cijan ili ima drugu boju, idite na korak 2: Instalacija
3. Kliknite na ikonu Rasvjeta iz web IDE -a Photon Particle.
4. Kada otpremi kodove na Photon, trebali biste vidjeti magenta. To znači da se kôd počinje učitavati u kôd. Zatim će brzo treperiti zeleno, a zatim se vratiti na disanje cijan.
5. Pritisnite dugme da vidite da li vaša Philips pametna sijalica treperi (ili upozorava).

Ako vas upozori Philips Smart Bulb, čestitamo! Skoro smo gotovi!

Preći ćemo na softverski dio.

Korak 8: Stvaranje apleta iz IFTTT -a (ako ovo, onda ono)

Aplete ćemo kreirati s web stranice IFTTT (Ako ovo, onda ono). Apleti će objaviti događaj na Photonu, a zatim Photon šalje naredbu na Philips Hue Bridge da upozori pametne sijalice.

Za ovaj projekt koristit ćemo Trello i Gmail za objavljivanje događaja na Photonu.

Idite na https://ifttt.com/ i prijavite se.

Trello

1. Na vrhu kliknite Moji apleti.
2. Pritisnite New Applet.
3. Kliknite + ovo plavim tekstom.
4. Upišite Trello u traku za pretraživanje i kliknite.
5. Kliknite na karticu Dodijeljeno mi.
6. Odaberite svoju ploču iz Trella.
7. Kliknite +to plavim tekstom.
8. U traku za pretraživanje upišite Particle i kliknite.
9. Kliknite Objavi događaj.
10. Upišite "Trello" u Zatim objavite (Naziv događaja).
11. Odaberite javno.

Gmail (Napomena: oni će koristiti vašu adresu e -pošte kada se prijavite)

1. Na vrhu kliknite Moji apleti.
2. Pritisnite New Applet.
3. Kliknite + ovo plavim tekstom.
4. U traku za pretraživanje upišite Gmail i kliknite
5. Odaberite Bilo koja nova e -pošta u pristigloj pošti
6. Kliknite +to plavim tekstom.
7. U traku za pretraživanje upišite Particle i kliknite
8. Kliknite Objavi događaj.
9. Upišite "Gmail" u Zatim objavite (Naziv događaja).
10. Odaberite javno.

Nakon što dva apleta, Trello i Gmail rade, prelazimo na posljednji korak.

Korak 9: Konačno, testiranje

Testirat ćemo objavljivanje događaja od Appleta do Photona. Provjerite jesu li vaši apleti uključeni.

Trello

Kada neko kreira novu karticu u Trellu, dodijelit će vam (označiti) karticu. IFTTT to sluša i počinje objavljivati događaj na Photonu. Zatim Photon šalje naredbu mostu Philip Hue da upozori pametne sijalice.

Gmail

Kad primite bilo koju novu e -poruku u pristiglu poštu, IFTTT to sluša i počinje objavljivati događaj na Photonu. Zatim Photon šalje naredbu mostu Philip Hue da upozori pametne sijalice.

Izazovi

• Kad god dobijemo novo obavještenje od Trella i Gmaila, dolazi do velikog kašnjenja za slanje događaja s IFTTT -a i slanje naredbe s Photona. Trebalo bi proći manje od 5 minuta da upozorite pametne sijalice.
• Gmail aplet se ponekad sam isključuje jer ga je potrebno ponovno povezati ili ažurirati.