Alerto sa Visual na Abiso: 9 Mga Hakbang

2024 May -akda: John Day | [email protected]. Huling binago: 2024-01-30 13:13

Ang tutorial na ito ay nagtuturo sa iyo kung paano mag-code upang ipaalam sa Phillips Hue upang mag-alerto. Napaka-kapaki-pakinabang para sa mga taong Bingi at Hard-of-Hearing, may mababang paningin o kapansanan sa pandama. Ang Alerto sa Visual na Abiso ay upang ipaalam sa mga gumagamit pagkatapos makakuha ng mga abiso mula sa e-mail, Facebook, Trello, o katulad. Ang Hue LED bombilya ay nagsisimulang alerto sa pamamagitan ng pag-flash ng ilaw.

Ang Photon Particle ay isang maliit, maliit na programa na Wi-Fi development kit para sa prototyping at pag-scale ng iyong produktong Internet of Things.

Hakbang 1: Isang Listahan ng Hardware at Software

Kailangan mo ng hardware at software upang mabuo ang mga code para sa Alerto sa Visual Notification.

Hardware

• Particle Maker Kit
• Philips Hue - Starter Kit (3 LED light bulb at 1 Hue Bridge)

Software

• Pangkalahatang impormasyon ng Photicle ng Particle
• Particle Web IDE (Build) * Kinakailangan para sa pag-login *
• IFTTT (Kung Ito Noon)

Hakbang 2: Pag-install

Dapat ay mayroon ka ng iyong Particle Maker Kit, na kinabibilangan ng lahat, tulad ng mga sensor, jumper wires, LEDs, resistor, at marami pa. Maaari mong basahin ang karagdagang impormasyon tungkol sa Particle Photon.

Bago mo ikonekta ang iyong poton, kailangan mong malaman ang katayuan ng mga LED sa Photon. Narito ang impormasyon tungkol sa katayuang LED.

Ikonekta ang Iyong Larawan

1. I-plug ang USB cable sa iyong pinagmulan ng kuryente. (Ang iyong computer ay gumagana nang perpekto para sa hangaring ito). Ang iyong maliit na aparato ay hindi kailangan ng iyong computer upang kumonekta sa wifi.
2. Kapag naka-plug in ito, ang RGB LED sa iyong aparatong photon ay dapat magsimulang kumislap ng asul. Kung ang iyong aparato ay hindi kumikislap na asul, pindutin nang matagal ang pindutan ng SETUP sa loob ng 10 segundo, pagkatapos ay bitawan ang pindutan ng SETUP.
3. Mag-log in sa Setup Particle kung mayroon ka nang isang account. Kung wala kang isang account, likhain ang account para sa Photon.
4. Mag-click sa Photon / P Series.
5. Pagkatapos ng pag-click sa SUSUNOD, dapat ipakita sa iyo ang isang file (photonsetup.html)
6. I-click ang MAGPATULOY SA LOKAL NA FILE upang mag-download ng isang file.

Pagkatapos buksan ang isang file

1. Ikonekta ang iyong PC sa Photon, sa pamamagitan ng pagkonekta sa network na pinangalanang PHOTON-…
2. I-configure ang iyong mga kredensyal sa Wi-FI. Tandaan: kung mali ang pag-type mo ng iyong mga kredensyal, ang Photon ay magpapikit ng madilim na asul o berde. Kailangan mong dumaan muli sa proseso sa pamamagitan ng pag-refresh ng pahina o pag-click sa subukang muli ang bahagi ng proseso.
3. Palitan ang pangalan ng iyong aparato. Makakakita ka ng isang kumpirmasyon kung ang aparato ay na-claim o hindi.

Bago lumipat sa susunod na bahagi, kung ang iyong aparato ng Photon ay may paghinga, pagkatapos ay matagumpay ito sa Internet at Photon Cloud! Kami ay lumilipat sa Particle IDE, Build.

Hakbang 3: Pag-coding sa Particle Web IDE

Kailangan mong likhain ang iyong account para sa Particle IDE, Build. Kung mayroon ka nang isang account, mahusay! Mag-sign in sa Particle IDE.

Nais naming subukan upang makita kung ang LED ay kumurap sa pisara. Mayroong maliit na asul na LED sa iyong board ng Photon. Katabi ito ng D7. Maaari mong i-download ang file, pagkuhastarted-blinknet.ino, at makita ang mga code doon. May paliwanag. I-click ang link na ito upang buksan ang source code sa Particle Web IDE. Kung ang D7 (maliit na asul na LED) ay kumikislap, binabati kita, kumurap ka lamang ng isang LED gamit ang iyong aparato ng Particle! Kung nais mong malaman ang tungkol sa Photon, tulad ng pag-blink ng iba't ibang LED, pagbabasa ng sensor ng larawan, atbp, narito ang link.

Ngayon, lilipat kami sa Philips Hue.

Hakbang 4: Philips Hue

Para sa sanggunian: Mag-click dito tungkol sa Phillips Hue API.

Bago mo ma-access ang dokumentasyon ng Philips Hue API, kakailanganin mong magparehistro bilang isang developer. Ito ay libre, ngunit kailangan mong tanggapin ang mga tuntunin at kundisyon.

1. Una, tiyakin na ang iyong Philips Hue Bridge (unang larawan) ay konektado sa iyong network ay gumagana nang maayos. Ang Test Hue App (ang Hue App ay magagamit sa iOS at Android) na kumokontrol sa ilaw sa parehong network.

Kung matagumpay mong nasubukan ito, kailangan mong tuklasin ang IP address ng tulay sa iyong network. Gumamit ng natuklasan ng server ng broker ng Philips sa pamamagitan ng pagbisita sa www.meethue.com/api/nupnp.

Kapag nahanap mo ang iyong IP address, i-type ito sa iyong browser address bar na may debug / clip.html na nakakabit sa URL: https:// tulay IP Address / debug / clip.html. Dapat mong makita ang isang interface (pangalawang larawan) tulad nito. Tandaan: Palitan ang "tulay IP Address" sa iyong IP address.

2. Gumawa tayo ng isang simpleng utos at makakuha ng impormasyon tungkol sa iyong sistema ng kulay. Punan ang mga detalye sa ibaba na iniiwan ang laman na walang laman at pindutin ang pindutan ng GET. Dapat mong makita ang isang interface (pangatlong larawan) tulad nito. Dapat kang makakuha ng isang mensahe ng error. Tandaan: Palitan ang "tulay IP Address" sa iyong IP address.

Address: https:// tulay IP Address / api / newdeveloperBody: Pamamaraan: GET Ipadala mo lamang ang iyong unang utos! 3. Susunod, punan ang impormasyon sa ibaba at pindutin ang pindutan ng POST. Tandaan: Palitan ang "tulay IP Address" sa iyong IP address at "pangalan ng phonetype" sa iyong sariling telepono.

Address: https:// bridge IP address / apiBody: {"devicetype": "my_hue_app # phonetype name"} Pamamaraan: POST

Tumutulong ang link upang likhain ito para sa iyo. Kapag pinindot mo ang pindutan ng POST, dapat kang bumalik ng isang mensahe ng error (ika-apat na larawan) na ipaalam sa iyo na kailangan mong pindutin ang link button sa Hue Bridge. Ito ang hakbang sa seguridad upang ang mga app o server lamang ang nais mong kontrolin ang iyong mga ilaw. Sa pamamagitan ng pagpindot sa link sa Hue Bridge, napatunayan nito na ang gumagamit ay may pisikal na pag-access sa hue bridge.

Kapag nakakuha ka ng isang matagumpay na tugon (ikalimang larawan), binabati kita! Lumikha ka lang ng isang awtorisadong gumagamit, na gagamitin namin mula ngayon.

4. Huling halimbawa bago namin isama ito sa Photon Particle, tiyakin na ang isa sa iyong mga ilaw ay nakikita at naka-on, at kailangan mong malaman kung aling numero ang ilaw. Baguhin ang URL sa / api / username / lights / light number / state (palitan ang light number [maaari itong 1, 2, 3, o?]), At magpadala ng isang pindutang PUT kasama ang sumusunod na data:

Tandaan: Tiyaking binago mo ang tulay IP address, username, at light number

Address: https:// tulay IP address / api / username / ilaw / light number / estado

Katawan: {"on": totoo, "sat": 254, "bri": 254, "hue": 10000}

Pamamaraan: PUT Dapat mong makita ang iyong ilaw na binabago ang kulay:

Hakbang 5: Pagse-set up ng Photon Up Gamit ang isang Button at Wires

Bago kami bumuo ng higit pang mga code sa Photon Web IDE, nais naming i-set up ang aming Photon gamit ang isang pindutan at wires. Mayroon kang maraming mga pindutan at maraming mga wires mula sa iyong Particle Starter Kit. Nag-attach ako ng dalawang mga imahe, ang isa ay isang diagram at ang isa ay isang tunay na larawan.

1. Tiyaking inilagay mo ang iyong poton sa breadboard.
2. Maglagay ng isang pindutan sa ilalim ng breadboard tulad ng ipinakita sa imahe.
3. Ilagay ang isang dulo ng itim na kawad sa J4 (GND) at ilagay ang isa pang dulo ng parehong itim na kawad sa J30.
4. Ilagay ang isang dulo ng dilaw na kawad sa J7 (D5) at ilagay ang isa pang dulo ng parehong dilaw na kawad sa J28.

Kung tugma sila sa aking imahe na ipinapakita ko sa iyo, mabuti ka!

Hakbang 6: Mga Code ng Pagsulat sa Photicle Particle

Lilikha kami ng aming unang aplikasyon sa Photon Particle - Web IDE.

1. Pumunta sa https://build.particle.io/ build at mag-log in (magparehistro kung hindi ka pa nakakalikha)
2. I-type ang "Alerto sa Visual na Abiso" sa ilalim ng Kasalukuyang App.
3. Pindutin ang Enter button (tingnan ang unang larawan).

Ang application ay nai-save sa Photon Particle Cloud. Ang pag-andar ng setup () ay tinatawag kapag nagsimula ang application at tumakbo nang isang beses. Ang pag-andar ng loop () ay eksaktong ginagawa kung ano ang ginagawa nito at sunud-sunod na loop, pinapayagan ang iyong application na baguhin at tumugon.

Upang idagdag ang HttpClient para sa Photon Particle:

1. Mag-click sa Mga Aklatan mula sa kaliwang ibabang bahagi ng Web IDE.
2. I-type ang "HttpClient" sa search bar.
3. I-click ang "Isama Sa proyekto" sa asul na pindutan.
4. I-click ang VisualNotificationAlert (inaalis nito ang mga puwang pagkatapos mong likhain ang app).
5. I-click ang Kumpirmahin.

Ngayon, Nagdagdag ito ng HttpClient sa simula ng Web IDE.

/ Ang pahayag na #include na ito ay awtomatikong naidagdag ng Particle IDE. # Isama

/ *** Configuration para kay Philip Hue ***

/ 1. Palitan ito ng iyong API username mula sa Hakbang 1 const String API_USERNAME = "Ang iyong API username"; // 2. Palitan ito ng IP address ng iyong tulay mula sa Hakbang 1 IPAddress hueIP (x, x, x, x); // 3. Palitan ng landas sa mga ilaw na nais mong kontrolin. Gumamit ng webpage mula sa Hakbang 1 upang ma-verify na gumagana ito. // Siguraduhin na makilala mo ang bilang ng Philip Hue light // / lights / NUMBER / state const String LIGHT_PATH = "/ lights / Number / state"; // 4. Palitan ito ng katawan ng iyong hiling para sa pagbukas ng mga ilaw. Const String REQUEST_BODY_ON = "{" on / ": true, \" bri / ": 254}"; // 5. Palitan ito ng katawan ng iyong kahilingan para sa pagpapatay ng mga ilaw. const String REQUEST_BODY_OFF = "{" on / ": false, \" bri / ": 254}"; / *** END Configuration para sa Philip Hue *** / Button const int BUTTON_PIN = D5; // HttpClient object na ginamit upang gumawa ng mga kahilingan sa HTTP sa Hue bridge HttpClient http; // Default header for HTTP requests http_header_t headers = {{"Accept", "* / *"}, {NULL, NULL} // TANDAAN: Palaging wakasan ang mga header na NULO}; // Humiling at tumugon ng mga bagay http_request_t kahilingan; http_response_t tugon; void setup () {Serial.begin (9600); request.ip = hueIP; request.port = 80; // Onboard LED bilang ilaw ng tagapagpahiwatig para sa sensed tap pinMode (D7, OUTPUT); // Para sa pag-input, tinukoy namin ang BUTTON_UP bilang isang input-pullup. Gumagamit ito ng isang panloob na resistor na pullup // upang pamahalaan ang pare-pareho na pagbabasa mula sa aparato. pinMode (BUTTON_PIN, INPUT_PULLUP); // nagtatakda ng pin bilang input // Kami "Nag-subscribe" sa aming kaganapan sa IFTTT na tinatawag na Button upang makakuha kami ng mga kaganapan para dito Particle.subscribe ("RIT_Gmail", myHandler); Particle.subscribe ("Trello", myHandler); } // setup () function void loop () {/ * * Ito ang seksyon ng pagsubok kung ang mga alerto sa ilaw * / // alamin kung ang pindutan ay naitulak o hindi sa pamamagitan ng pagbabasa mula rito. int buttonState = digitalRead (BUTTON_PIN); // Kapag ang button ay PUSHED, makakakuha kami ng isang LOW signal. // Kapag ang pindutan ay HINDI PUSHED, makakakuha kami ng isang TAAS. kung (buttonState == LOW) gmailAlert (); } // loop () function void printInfo () {Serial.print ("Application> / tResponse status:"); Serial.println (response.status); Serial.print ("Aplikasyon> / tHTTP Katawan ng Tugon:"); Serial.println (response.body); } // printInfo () function int i = 0; // Ang pagpapaandar na humahawak sa kaganapan mula sa IFTTT void myHandler (const char * event, const char * data) {// Pagsubok para sa pag-print sa serial Serial.print (event); Serial.print (", data:"); kung (data) Serial.println (data); iba pa Serial.println ("NULL"); kung (strcmp (kaganapan, "Trello") == 0) {trelloAlert (); } iba pa kung (strcmp (kaganapan, "Gmail") == 0) {gmailAlert (); }} // myHandler () function / ** Ang halaga ng kulay upang maitakda ang ilaw sa. * Ang halaga ng kulay ay isang halaga ng pambalot sa pagitan ng 0 at 65535. * Ang parehong 0 at 65535 ay pula, * 25500 ay berde at ang 46920 ay asul. * / / ** * Mag-aalerto ito gamit ang Philips Hue Smart Bulb gamit ang asul na kulay. Mag-aalerto ito sa loob ng 15 segundo. * / void trelloAlert () {String trello_body_alert = "{" on / ": true, \" bri / ": 255, \" sat / ": 255, \" hue / ": 46920, \" alert / ": / "pumili ng pili \"} "; sendHttpPut (trello_body_alert); } / ** * Mag-aalerto ito gamit ang Philips Hue Smart Bulb gamit ang pulang kulay. Mag-aalerto ito sa loob ng 15 segundo. * / void gmailAlert () {String gmail_body_alert = "{" on / ": true, \" sat / ": 254, \" bri / ": 254, \" hue / ": 65535, \" alert / ": / "lselect \"} "; sendHttpPut (gmail_body_alert); } / ** * Ipapadala namin ang PUT sa Philips Hue * @param httpPutBody ang katawan ng string * / void sendHttpPut (String httpPutBody) {request.path = "/ api /" + API_USERNAME + LIGHT_PATH; request.body = httpPutBody; http.put (kahilingan, tugon, mga header); }

Kapag natapos mo ang pag-type o pagkopya ng code sa iyong Photon Particle Web IDE, i-click ang icon na suriin (I-verify) sa kaliwang tuktok ng bar. Kung matagumpay itong sumunod, pagkatapos ay pupunta kami sa susunod na hakbang!

Hakbang 7: Pag-upload ng Code sa Photon

Ang hakbang na ito ay napaka-simple. Bago namin mai-upload ang mga code sa Photon:

1. I-plug ang USB cable sa iyong pinagmulan ng kuryente (Inirerekumenda ko ang laptop).
2. Tiyaking ang iyong photon ay may huminga cyan LED. Kung hindi ito humihinga cyan o may magkakaibang kulay, pumunta sa Hakbang 2: Pag-install
3. I-click ang Ilaw ng ilaw mula sa Photon Particle Web IDE.
4. Kapag nag-upload ito ng mga code sa Photon, dapat mong makita ang magenta. Nangangahulugan ito na ang code ay nagsisimulang mai-upload sa code. Pagkatapos, ito ay mabilis na kumurap berde, pagkatapos ay bumalik sa paghinga cyan.
5. Pindutin ang pindutan upang makita kung ang iyong Philips Smart Bulb ay nag-flash (o mga alerto).

Kung may mga alerto sa Philips Smart Bulb, pagkatapos ay binabati kita! Halos tapos na tayo!

Kami ay lilipat sa bahagi ng software.

Hakbang 8: Lumilikha ng Mga Applet Mula sa IFTTT (Kung Ito, Pagkatapos Iyon)

Lilikha kami ng mga applet mula sa website ng IFTTT (Kung Ito, Pagkatapos Iyon). Ang mga applet ay maglalathala ng isang kaganapan sa Photon, at pagkatapos ay ang Photon ay nagpapadala ng isang utos sa Philips Hue Bridge upang alertuhan ang matalinong mga bombilya.

Para sa proyektong ito, gagamitin namin ang Trello at Gmail upang mag-publish ng mga kaganapan sa Photon.

Pumunta sa https://ifttt.com/ at mag-sign up.

Trello

1. I-click ang Aking Mga Applet sa itaas.
2. Mag-click sa Bagong Applet.
3. I-click + ito sa asul na teksto.
4. I-type ang Trello sa search bar at mag-click.
5. I-click ang Card na Itinalaga sa akin.
6. Piliin ang iyong board mula sa Trello.
7. I-click ang + iyon sa asul na teksto.
8. I-type ang Particle sa search bar at i-click.
9. I-click ang I-publish ang isang kaganapan.
10. I-type ang "Trello" sa Pagkatapos i-publish (Pangalan ng Kaganapan).
11. Pumili ng publiko.

Gmail (Tandaan: gagamitin nila ang iyong email address kapag nag-sign up ka)

1. I-click ang Aking Mga Applet sa itaas.
2. Mag-click sa Bagong Applet.
3. I-click + ito sa asul na teksto.
4. I-type ang Gmail sa search bar at mag-click
5. Piliin ang Anumang bagong email sa inbox
6. I-click ang + iyon sa asul na teksto.
7. I-type ang Particle sa search bar at i-click
8. I-click ang I-publish ang isang kaganapan.
9. I-type ang "Gmail" sa Pagkatapos i-publish (Pangalan ng Kaganapan).
10. Pumili ng publiko.

Kapag mayroon kang dalawang applet, gumagana ang Trello at Gmail, lumilipat kami sa huling hakbang.

Hakbang 9: Panghuli, Pagsubok

Susubukan naming mai-publish ang mga kaganapan mula sa Applets hanggang sa Photon. Tiyaking nakabukas ang iyong mga applet.

Trello

Kapag ang isang tao ay lumilikha ng isang bagong card sa Trello, itatalaga ka nila (i-tag) sa card. Pakikinig iyon ng IFTTT at nagsisimulang mag-publish ng isang kaganapan sa Photon. Pagkatapos ang Photon ay nagpapadala ng isang utos sa Philip Hue Bridge upang alerto ang mga smart bombilya.

Gmail

Kapag nakakuha ka ng anumang bagong email sa iyong inbox, pakinggan iyon ng IFTTT at nagsisimulang mag-publish ng isang kaganapan sa Photon. Pagkatapos ang Photon ay nagpapadala ng isang utos sa Philip Hue Bridge upang alerto ang mga smart bombilya.

Mga Hamon

• Tuwing nakakakuha kami ng isang bagong abiso mula sa Trello at Gmail, mayroong isang malaking pagkaantala para sa pagpapadala ng isang kaganapan mula sa IFTTT at pagpapadala ng isang utos mula sa Photon. Dapat itong tumagal nang mas mababa sa 5 minuto upang maalerto ang mga smart bombilya.
• Minsan ang Gmail Applet ay patayin nang mag-isa dahil ang applet ay kailangang muling ikonekta o ma-update.