Njoftimi vizual i njoftimit: 9 hapa

2024 Autor: John Day | [email protected]. E modifikuara e fundit: 2024-01-30 12:22

Ky tutorial ju mëson se si të kodoni për të informuar Phillips Hue për të paralajmëruar. Do të ishte shumë e dobishme për njerëzit që janë të shurdhër dhe me vështirësi në dëgjim, kanë aftësi të kufizuara me shikim të ulët ose shqisor. Alarmi Visual Notification Alert është të informojë përdoruesit pasi të marrë njoftime nga e-mail, Facebook, Trello, ose të ngjashme. Llamba Hue LED fillon të alarmojë duke ndezur dritën.

Grimca Photon është një çantë e vogël, e riprogramueshme e zhvillimit Wi-Fi për prototipimin dhe shkallëzimin e produktit tuaj të Internetit të Gjërave.

Hapi 1: Një listë e pajisjeve dhe softuerëve

Keni nevojë për harduer dhe softuer për të zhvilluar kodet për Njoftimin Visual Notification.

Hardware

• Kompleti i krijimit të grimcave
• Philips Hue - Kit Starter (3 llamba LED dhe 1 Hue Bridge)

Softuer

• Informacion i përgjithshëm i fotonit të grimcave
• Web Particle IDE (Build) *Kërkohet për hyrje *
• IFTTT (nëse kjo atëherë ajo)

Hapi 2: Instalimi

Ju duhet të keni Kompletin tuaj të Krijimit të Grimcave, i cili përfshin gjithçka, të tilla si sensorë, tela kërcyes, LED, rezistorë dhe më shumë. Mund të lexoni më shumë informacion në lidhje me Photon Particle.

Para se të lidhni fotonin tuaj, duhet të dini statusin e LED -ve në Photon. Këtu keni informacion në lidhje me statusin LED.

Lidhni fotonin tuaj

1. Lidheni kabllon USB në burimin tuaj të energjisë. (Kompjuteri juaj punon në mënyrë perfekte për këtë qëllim). Pajisja juaj e grimcave nuk ka nevojë për kompjuterin tuaj për t'u lidhur me wifi.
2. Kur lidhet, LED RGB në pajisjen tuaj fotonike duhet të fillojë të pulsojë me ngjyrë blu. Nëse pajisja juaj nuk po pulmon blu, mbani shtypur butonin SETUP për 10 sekonda, pastaj lëshoni butonin SETUP.
3. Hyni në Setup Particle nëse tashmë keni një llogari. Nëse nuk keni një llogari, krijoni llogarinë për Photon.
4. Klikoni në serinë Photon/P.
5. Pasi të klikoni në NEXT, duhet t'ju paraqitet një skedar (photonsetup.html)
6. Klikoni VAZHDON ME FILE LOKALE për të shkarkuar një skedar.

Pas hapjes së një skedari

1. Lidhni kompjuterin tuaj me Photon, duke u lidhur me rrjetin e quajtur PHOTON-…
2. Konfiguroni kredencialet tuaja Wi-FI. Shënim: nëse i shkruani gabimisht kredencialet tuaja, Photon do të pulsojë me ngjyrë blu të errët ose jeshile. Ju duhet të kaloni përsëri procesin duke rifreskuar faqen ose duke klikuar në pjesën e procesit të riprovimit.
3. Riemërtoni pajisjen tuaj. Do të shihni një konfirmim nëse pajisja është pretenduar apo jo.

Para se të kaloni në pjesën tjetër, nëse pajisja juaj Photon ka një ngjyrë blu të frymëmarrjes, atëherë është e suksesshme në Internet dhe Photon Cloud! Ne po kalojmë në IDE Particle, Build.

Hapi 3: Kodimi në Particle Web IDE

Ju duhet të krijoni llogarinë tuaj për Particle IDE, Build. Nëse tashmë keni një llogari, atëherë është mirë! Hyni në IDE të grimcave.

Ne duam të testojmë për të parë nëse LED pulson në tabelë. Ekziston një LED i vogël blu në tabelën tuaj Photon. Nextshtë pranë D7. Ju mund ta shkarkoni skedarin, gettingstarted-blinknet.ino, dhe të shihni kodet atje. Ka një shpjegim. Klikoni këtë lidhje për të hapur kodin burimor në Particle Web IDE. Nëse D7 (LED i vogël blu) ndizet, urime, ju sapo keni ndezur një LED duke përdorur pajisjen tuaj Particle! Nëse doni të mësoni më shumë rreth Photon, të tilla si pulsimi i LED -ve të ndryshme, leximi i sensorit të fotografisë, etj, këtu është lidhja.

Tani, ne do të kalojmë në Philips Hue.

Hapi 4: Philips Hue

Për referencë: Kliko këtu në lidhje me Phillips Hue API.

Para se të keni qasje në dokumentacionin Philips Hue API, do t'ju duhet të regjistroheni si zhvillues. Freeshtë falas, por ju duhet të pranoni kushtet dhe kushtet.

1. Së pari, sigurohuni që ura juaj Philips Hue (fotografia e parë) është e lidhur me rrjetin tuaj dhe funksionon siç duhet. Test Hue App (Hue App është i disponueshëm në iOS dhe Android) që kontrollon dritën në të njëjtin rrjet.

Nëse e testoni me sukses, atëherë duhet të zbuloni adresën IP të urës në rrjetin tuaj. Përdorni zbulimin e serverit të ndërmjetësit të Philips duke vizituar www.meethue.com/api/nupnp.

Kur të gjeni adresën tuaj IP, shkruani atë në shiritin e adresave të shfletuesit tuaj me debug/clip.html të bashkangjitur në URL: https:// urë IP adresa/debug/clip.html. Duhet të shihni një ndërfaqe (fotografia e dytë) si kjo Me Shënim: Zëvendësoni "urën IP urë" në adresën tuaj IP.

2. Le të bëjmë një komandë të thjeshtë dhe të marrim informacion në lidhje me sistemin tuaj të ngjyrave. Plotësoni detajet më poshtë duke e lënë trupin bosh dhe shtypni butonin GET. Ju duhet të shihni një ndërfaqe (fotografia e tretë) si kjo. Ju duhet të merrni një mesazh gabimi. Shënim: Zëvendësoni "urën IP urë" në adresën tuaj IP.

Adresa: https:// urë IP Adresa/api/newdeveloperBody: Metoda: GET Urime! Thjesht dërgoni komandën tuaj të parë! 3. Tjetra, plotësoni informacionin më poshtë dhe shtypni butonin POST. Shënim: Zëvendësoni "urën IP urë" në adresën tuaj IP dhe "emrin e telefonit" në telefonin tuaj.

Adresa: https:// urë IP adresë/apiBody: {"devicetype": "my_hue_app#emri i telefonit"} Metoda: POST

Lidhja ndihmon për ta krijuar atë për ju. Kur shtypni butonin POST, duhet të merrni një mesazh gabimi (fotografia e katërt) duke ju bërë të ditur se duhet të shtypni butonin e lidhjes në Hue Bridge. Ky është hapi i sigurisë në mënyrë që vetëm aplikacionet ose serverët që dëshironi të kontrolloni dritat tuaja. Duke shtypur lidhjen në Hue Bridge, vërtetohet se përdoruesi ka qasje fizike në urën e ngjyrave.

Kur merrni një përgjigje të suksesshme (fotografia e pestë), urime! Ju sapo krijuat një përdorues të autorizuar, të cilin ne do ta përdorim tani e tutje.

4. Shembulli i fundit para se ta integrojmë në Grimcën Photon, sigurohuni që një nga dritat tuaja të jetë e dukshme dhe e ndezur, dhe ju duhet të dini se cili numër është drita. Ndryshoni URL -në në/api/emrin e përdoruesit/dritat/numrin e dritës/gjendjen (ndryshoni numrin e dritës [mund të jetë 1, 2, 3, apo?]), Dhe dërgoni një buton PUT me të dhënat e mëposhtme:

Shënim: Sigurohuni që të ndryshoni adresën IP të urës, emrin e përdoruesit dhe numrin e dritës

Adresa: https:// urë IP adresa/api/emri i përdoruesit/dritat/numri i dritës/gjendja

Trupi: {"on": true, "ul": 254, "bri": 254, "hue": 10000}

Metoda: PUT Duhet të shihni që drita juaj të ndryshojë ngjyrën:

Hapi 5: Vendosja e fotonit me një buton dhe tela

Para se të zhvillojmë më shumë kode në Photon Web IDE, ne duam të konfigurojmë Photon -in tonë me një buton dhe tela. Ju keni disa butona dhe shumë tela nga Kit juaj Starter Kit. Unë kam bashkangjitur dy imazhe, një është një diagram dhe një është një foto aktuale.

1. Sigurohuni që ta vendosni fotonin tuaj në tabelën e bukës.
2. Vendosni një buton në pjesën e poshtme të tabelës së bukës siç tregohet në imazh.
3. Vendosni një fund të telit të zi në J4 (GND) dhe vendosni një fund tjetër të të njëjtit tel të zi në J30.
4. Vendosni një fund të telit të verdhë në J7 (D5) dhe vendosni një fund tjetër të të njëjtit tel të verdhë në J28.

Nëse ato përputhen me imazhin tim që ju tregoj, atëherë jeni mirë!

Hapi 6: Shkrimi i Kodeve në Grimcë Fotoni

Ne do të krijojmë aplikacionin tonë të parë në grimcën Photon - Web IDE.

1. Shkoni te https://build.particle.io/build dhe regjistrohuni (regjistrohuni nëse nuk keni krijuar akoma)
2. Shkruani "Visual Notification Alert" nën Aplikacionin aktual.
3. Shtypni butonin Enter (shiko foton e parë).

Aplikacioni ruhet në Photon Particle Cloud. Funksioni setup () thirret kur aplikacioni fillon dhe ekzekutohet një herë. Funksioni loop () bën pikërisht atë që bën dhe lakon njëra pas tjetrës, duke lejuar që aplikacioni juaj të ndryshojë dhe të përgjigjet.

Për të shtuar HttpClient për grimcën Photon:

1. Klikoni Bibliotekat nga poshtë majtas në Web IDE.
2. Shkruani "HttpClient" në shiritin e kërkimit.
3. Klikoni "Përfshini në projekt" në butonin blu.
4. Klikoni në VisualNotificationAlert (ai heq hapësirat pasi keni krijuar aplikacionin).
5. Kliko Konfirmo.

Tani, Ai shtoi HttpClient në fillim të Web IDE.

/ Kjo deklaratë #include u shtua automatikisht nga Particle IDE. #Include

/*** Konfigurimi për Philip Hue ***

/ 1. Zëvendësoni këtë me emrin tuaj të përdoruesit API nga Hapi 1 const String API_USERNAME = "Emri i përdoruesit tuaj API"; // 2. Zëvendësoni këtë me adresën IP të urës suaj nga Hapi 1 IPAddress hueIP (x, x, x, x); // 3. Zëvendësoni me rrugën drejt dritave që dëshironi të kontrolloni. Përdorni uebfaqen nga Hapi 1 për të verifikuar që funksionon. // Sigurohuni që e njihni numrin e dritës Philip Hue ///dritat/NUMBER/gjendja const String LIGHT_PATH = "/dritat/Numri/gjendja"; // 4. Zëvendësojeni këtë me trupin e kërkesës suaj për ndezjen e dritave. const String REQUEST_BODY_ON = "{" on / ": true, \" bri / ": 254}"; // 5. Zëvendësojeni këtë me trupin e kërkesës suaj për fikjen e dritave. const String REQUEST_BODY_OFF = "{" aktiv / ": false, \" bri / ": 254}"; / *** FUND Konfigurimi për Philip Hue *** / Button const int BUTTON_PIN = D5; // Objekti HttpClient i përdorur për të bërë kërkesa HTTP në urën Hue HttpClient http; // Titulli i parazgjedhur për kërkesat HTTP http_header_t headers = {{"Prano", "*/*"}, {NULL, NULL} // SHENIM: Përfundoni gjithmonë titujt NULL}; // Kërkoni dhe përgjigjeni objektet http_request_t request; http_response_t përgjigje; void setup () {Serial.begin (9600); request.ip = hueIP; kërkesë.port = 80; // LED në bord si dritë treguese për prekjen e ndjeshme të pinMode (D7, OUTPUT); // Për hyrje, ne përcaktojmë BUTTON_UP si një input-pullup. Kjo përdor një rezistencë tërheqëse të brendshme // për të menaxhuar leximet e qëndrueshme nga pajisja. pinMode (BUTTON_PIN, INPUT_PULLUP); // vendos pin si hyrje // Ne "Abonohemi" në ngjarjen tonë IFTTT të quajtur Button në mënyrë që të marrim ngjarje për të Particle.subscribe ("RIT_Gmail", myHandler); Particle.subscribe ("Trello", myHandler); } // setup () funksion void loop () { / * * Ky është seksioni i testimit nëse drita paralajmëron * / // zbuloni nëse butoni shtyhet apo jo duke lexuar prej tij. int buttonState = digitalRead (BUTTON_PIN); // Kur butoni shtypet, do të marrim një sinjal të UL. // Kur butoni NUK shtyhet, do të marrim një LART. if (buttonState == LOW) gmailAlert (); } // funksioni loop () void printInfo () {Serial.print ("Aplikimi> / tStatusi i përgjigjes:"); Serial.println (përgjigje.status); Serial.print ("Aplikacioni> / Trupi i Përgjigjes i HTTP:"); Serial.println (përgjigje. trup); } // printInfo () funksion int i = 0; // Funksioni që trajton ngjarjen nga IFTTT void myHandler (const char *event, const char *data) {// Test për printim në Serial.print (event); Serial.print (", të dhënat:"); nëse (të dhënat) Serial.println (të dhënat); tjetër Serial.println ("NULL"); if (strcmp (event, "Trello") == 0) {trelloAlert (); } else if (strcmp (ngjarje, "Gmail") == 0) {gmailAlert (); }} // funksioni myHandler () /** Vlera e nuancës për të vendosur dritën. * Vlera e nuancës është një vlerë mbështjellëse midis 0 dhe 65535. * Të dyja 0 dhe 65535 janë të kuqe, * 25500 është jeshile dhe 46920 është blu. * / / *** Do të paralajmërojë duke përdorur llambën inteligjente Philips Hue duke përdorur ngjyrën blu. Do të alarmohet për 15 sekonda. */ void trelloAlert () {String trello_body_alert = "{" on / ": true, \" bri / ": 255, \" sat / ": 255, \" hue / ": 46920, \" alarm / ": / "përzgjedh \"} "; sendHttpPut (trello_body_alert); } /*** Do të paralajmërojë duke përdorur llambën inteligjente Philips Hue duke përdorur ngjyrën e kuqe. Do të alarmohet për 15 sekonda. */ void gmailAlert () {String gmail_body_alert = "{" on / ": true, \" sat / ": 254, \" bri / ": 254, \" hue / ": 65535, \" alarm / ": / "përzgjedh \"} "; sendHttpPut (gmail_body_alert); }/** * Ne do të dërgojmë PUT në Philips Hue * @param httpPutBody trupin e vargut */void sendHttpPut (String httpPutBody) {request.path = "/api/" + API_USERNAME + LIGHT_PATH; request.body = httpPutBody; http.put (kërkesë, përgjigje, tituj); }

Kur të përfundoni shtypjen ose kopjimin e kodit në Photon Particle Web IDE, klikoni ikonën e kontrollit (Verifiko) në pjesën e sipërme të majtë të shiritit. Nëse përputhet me shumë sukses, atëherë do të shkojmë në hapin tjetër!

Hapi 7: Ngarkimi i Kodit në Photon

Ky hap është shumë i thjeshtë. Para se të ngarkojmë kodet në Photon:

1. Lidheni kabllon USB në burimin tuaj të energjisë (rekomandoj laptop).
2. Sigurohuni që fotoni juaj të ketë LED me ngjyrë blu të frymëmarrjes. Nëse nuk merr frymë cian ose ka ngjyrë të ndryshme, shkoni te Hapi 2: Instalimi
3. Klikoni në ikonën e Ndriçimit nga IDE e grimcave të fotonit në internet.
4. Kur ngarkon kodet në Photon, duhet të shihni magenta. Do të thotë që kodi fillon të ngarkohet në kod. Pastaj, ajo do të pulsojë me ngjyrë të gjelbër shpejt, pastaj do të kthehet përsëri në frymëmarrje të kaltër.
5. Shtypni butonin për të parë nëse llamba juaj inteligjente Philips pulson (ose paralajmëron).

Nëse Philips Smart Bulb paralajmëron, atëherë urime! Ne pothuajse kemi mbaruar!

Ne do të kalojmë në pjesën e softuerit.

Hapi 8: Krijimi i aplikacioneve nga IFTTT (nëse kjo, atëherë ajo)

Ne do të krijojmë aplikacione nga faqja e internetit IFTTT (Nëse Kjo, Atëherë). Apletet do të publikojnë një ngjarje në Photon, dhe më pas Photon dërgon një komandë në Urën Philips Hue për të paralajmëruar llambat inteligjente.

Për këtë projekt, ne do të përdorim Trello dhe Gmail për të publikuar ngjarje në Photon.

Shkoni në https://ifttt.com/ dhe regjistrohuni.

Trello

1. Klikoni Apletet e Mia në krye.
2. Klikoni në Aplet të Ri.
3. Klikoni + këtë në tekst blu.
4. Shkruani Trello në shiritin e kërkimit dhe klikoni.
5. Klikoni Kartën Më është caktuar.
6. Zgjidhni bordin tuaj nga Trello.
7. Klikoni +atë në tekst blu.
8. Shkruani Particle në shiritin e kërkimit dhe klikoni.
9. Klikoni Publikoni një ngjarje.
10. Shkruani "Trello" në Pastaj publikoni (Emri i ngjarjes).
11. Zgjidhni publikun.

Gmail (Shënim: ata do të përdorin adresën tuaj të postës elektronike kur të regjistroheni)

1. Klikoni Apletet e Mia në krye.
2. Klikoni në Aplet të Ri.
3. Klikoni + këtë në tekst blu.
4. Shkruani Gmail në shiritin e kërkimit dhe klikoni
5. Zgjidhni Çdo email të ri në kutinë hyrëse
6. Klikoni +atë në tekst blu.
7. Shkruani Particle në shiritin e kërkimit dhe klikoni
8. Klikoni Publikoni një ngjarje.
9. Shkruani "Gmail" në Pastaj publikoni (Emri i ngjarjes).
10. Zgjidhni publikun.

Pasi të keni dy aplikacione, Trello dhe Gmail që punojnë, ne po kalojmë në hapin e fundit.

Hapi 9: Së fundi, Testimi

Ne do të testojmë për të publikuar ngjarje nga Applets në Photon. Sigurohuni që apletet tuaja janë të ndezura.

Trello

Kur dikush krijon një kartë të re në Trello, ata do t'ju caktojnë (etiketojnë) në kartë. IFTTT e dëgjon atë dhe fillon të publikojë një ngjarje në Photon. Pastaj Photon dërgon një komandë në Urën Philip Hue për të paralajmëruar llamba të zgjuara.

Gmail

Kur merrni ndonjë email të ri në kutinë tuaj postare, IFTTT e dëgjon atë dhe fillon të publikojë një ngjarje në Photon. Pastaj Photon dërgon një komandë në Urën Philip Hue për të paralajmëruar llamba të zgjuara.

Sfidat

• Sa herë që marrim një njoftim të ri nga Trello dhe Gmail, ka një vonesë të madhe për dërgimin e një ngjarjeje nga IFTTT dhe dërgimin e një komande nga Photon. Duhen më pak se 5 minuta për të paralajmëruar llambat e zgjuara.
• Apleti Gmail ndonjëherë fiket vetvetiu sepse apleti duhet të lidhet ose përditësohet.