Visuaalinen ilmoitushälytys: 9 vaihetta

2024 Kirjoittaja: John Day | [email protected]. Viimeksi muokattu: 2024-01-30 09:02

Tämä opetusohjelma opettaa sinulle koodin antamisen, jotta Phillips Hue saa hälytyksen. Se olisi erittäin hyödyllinen ihmisille, jotka ovat kuuroja ja huonokuuloisia, joilla on heikkonäköisiä tai aistivammaisia. Visuaalinen ilmoitushälytys on ilmoittaa käyttäjille, kun he ovat saaneet ilmoituksia sähköpostista, Facebookista, Trellosta tai vastaavasta. Hue -LED -lamppu alkaa hälyttää vilkkumalla.

Photon Particle on pieni, uudelleen ohjelmoitava Wi-Fi-kehityssarja esineiden Internet-tuotteen prototyyppien muodostamiseen ja skaalaamiseen.

Vaihe 1: Luettelo laitteista ja ohjelmistoista

Tarvitset laitteistoa ja ohjelmistoa Visual Notification Alert -koodien kehittämiseen.

Laitteisto

• Hiukkasvalmistajasarja
• Philips Hue - aloituspakkaus (3 LED -lamppua ja 1 Hue Bridge)

Ohjelmisto

• Yleistä hiukkasfotonista
• Particle Web IDE (koontiversio) *Vaaditaan kirjautumiseen *
• IFTTT (jos tämä sitten se)

Vaihe 2: Asennus

Sinulla pitäisi olla hiukkasvalmistajasarja, joka sisältää kaiken, kuten anturit, hyppyjohdot, LEDit, vastukset ja paljon muuta. Voit lukea lisää hiukkasfotoneista.

Ennen kuin liität fotonin, sinun on tiedettävä fotonin merkkivalojen tila. Tässä on tietoja LED -tilasta.

Yhdistä fotoni

1. Liitä USB -kaapeli virtalähteeseen. (Tietokoneesi toimii täydellisesti tähän tarkoitukseen). Hiukkaslaitteesi ei tarvitse tietokonettasi Wi -Fi -yhteyden muodostamiseen.
2. Kun se on kytketty, fotonilaitteesi RGB -merkkivalon pitäisi alkaa vilkkua sinisenä. Jos laite ei vilku sinisenä, pidä SETUP -painiketta painettuna 10 sekunnin ajan ja vapauta sitten SETUP -painike.
3. Kirjaudu sisään Setup Particle, jos sinulla on jo tili. Jos sinulla ei ole tiliä, luo tili Photonille.
4. Napsauta Photon/P -sarjaa.
5. Kun olet napsauttanut SEURAAVAA, sinun pitäisi näyttää tiedosto (photonsetup.html)
6. Lataa tiedosto napsauttamalla JATKA PAIKALLISEN TIEDOSTON KANSSA.

Tiedoston avaamisen jälkeen

1. Yhdistä tietokoneesi fotoniin yhdistämällä verkkoon nimeltä PHOTON-…
2. Määritä Wi-Fi-kirjautumistietosi. Huomautus: jos kirjoitat kirjautumistietosi väärin, fotoni vilkkuu tumman sinisenä tai vihreänä. Sinun on käytävä prosessi uudelleen läpi päivittämällä sivu tai napsauttamalla uudelleenprosessiosaa.
3. Nimeä laite uudelleen. Näet vahvistuksen siitä, onko laite lunastettu vai ei.

Ennen kuin siirryt seuraavaan osaan, jos Photon -laitteessasi on hengittävä syaani, se onnistuu Internetissä ja Photon Cloudissa! Siirrymme hiukkasen IDE, koontiversioon.

Vaihe 3: Koodaus Particle Web IDE: ssä

Sinun on luotava tili Particle IDE, Buildille. Jos sinulla on jo tili, niin hienoa! Kirjaudu sisään hiukkasen IDE.

Haluamme testata, vilkkuuko merkkivalo piirilevyllä. Photon -kortillasi on pieni sininen LED -valo. Se on D7: n vieressä. Voit ladata tiedoston, gettingstarted-blinknet.ino, ja nähdä siellä olevat koodit. On selitys. Napsauta tätä linkkiä avataksesi Particle Web IDE: n lähdekoodin. Jos D7 (pieni sininen LED) vilkkuu, onnittelut, vilkkut juuri LEDiä hiukkaslaitteellasi! Jos haluat oppia lisää fotonista, kuten eri merkkivalojen vilkkuminen, valokuvakennon lukeminen jne., Tässä on linkki.

Siirrymme nyt Philips Hueen.

Vaihe 4: Philips Hue

Viite: Napsauta tästä Phillips Hue API: sta.

Ennen kuin voit käyttää Philips Hue -sovellusliittymän dokumentaatiota, sinun on rekisteröidyttävä kehittäjäksi. Se on ilmainen, mutta sinun on hyväksyttävä käyttöehdot.

1. Varmista ensin, että Philips Hue Bridge (ensimmäinen kuva) on liitetty verkkoon ja että se toimii oikein. Test Hue -sovellus (Hue -sovellus on saatavilla iOS: lle ja Androidille), joka ohjaa saman verkon valoa.

Jos testaat sen onnistuneesti, sinun on löydettävä verkon sillan IP -osoite. Käytä Philipsin välityspalvelinhakua osoitteessa www.meethue.com/api/nupnp.

Kun löydät IP -osoitteesi, kirjoita se selaimesi osoitepalkkiin ja debug/clip.html on liitetty URL -osoitteeseen: https:// bridge IP Address/debug/clip.html Sinun pitäisi nähdä tällainen käyttöliittymä (toinen kuva). Huomautus: Korvaa "sillan IP -osoite" IP -osoitteeseesi.

2. Tehdään yksinkertainen komento ja saat tietoa sävyjärjestelmästäsi. Täytä alla olevat tiedot jättämällä runko tyhjäksi ja paina GET -painiketta. Sinun pitäisi nähdä tällainen käyttöliittymä (kolmas kuva). Sinun pitäisi saada virheilmoitus. Huomautus: Korvaa "sillan IP -osoite" IP -osoitteeseesi.

Osoite: https:// sillan IP -osoite/api/newdeveloperBody: Menetelmä: GET Onnittelut! Lähetä vain ensimmäinen komento! 3. Täytä sitten alla olevat tiedot ja paina POST -painiketta. Huomautus: Korvaa "sillan IP -osoite" IP -osoitteellesi ja "puhelintyypin nimi" omalle puhelimellesi.

Osoite: https:// sillan IP -osoite/apiBody: {"devicetype": "my_hue_app#phonetype name"} Menetelmä: POST

Linkki auttaa luomaan sen sinulle. Kun painat POST -painiketta, näyttöön tulee virheilmoitus (neljäs kuva), jossa kerrotaan, että sinun on painettava Hue Bridgen linkkipainiketta. Tämä on tietoturvavaihe, jotta vain sovellukset tai palvelimet, joita haluat ohjata valojasi. Painamalla Hue -sillan linkkiä se osoittaa, että käyttäjällä on fyysinen pääsy värisiltaan.

Kun saat onnistuneen vastauksen (viides kuva), onnittelut! Loit juuri valtuutetun käyttäjän, jota käytämme tästä lähtien.

4. Viimeinen esimerkki ennen kuin integroimme sen fotonipartikkeliin, varmista, että yksi valoista on näkyvissä ja päällä, ja sinun on tiedettävä, mikä numero valo on. Muuta URL -osoite muotoon/api/käyttäjätunnus/valot/valon numero/tila (muuta valon numero [se voi olla 1, 2, 3 tai?]) Ja lähetä PUT -painike, jossa on seuraavat tiedot:

Huomautus: Muuta sillan IP -osoite, käyttäjänimi ja valon numero

Osoite: https:// sillan IP -osoite/api/käyttäjänimi/valot/valon numero/tila

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

Menetelmä: PUT Sinun pitäisi nähdä valosi muuttavan väriä:

Vaihe 5: Fotonin asettaminen painikkeella ja johtimilla

Ennen kuin kehitämme lisää koodeja Photon Web IDE: ksi, haluamme perustaa fotonimme painikkeella ja johdoilla. Sinulla on useita painikkeita ja monia johtoja hiukkasaloituspaketistasi. Olen liittänyt kaksi kuvaa, yksi on kaavio ja yksi on todellinen kuva.

1. Varmista, että asetat fotonisi leipälevylle.
2. Aseta painike leipälaudan pohjalle kuvan osoittamalla tavalla.
3. Aseta mustan langan pää J4: een (GND) ja aseta saman mustan langan toinen pää J30: een.
4. Aseta keltaisen langan pää J7: een (D5) ja toisen keltaisen langan toinen pää kohtaan J28.

Jos ne vastaavat kuvaani, jonka näytän sinulle, olet hyvä!

Vaihe 6: Koodien kirjoittaminen fotonipartikkeliin

Luomme ensimmäisen sovelluksemme Photon Particle - Web IDE: hen.

1. Siirry osoitteeseen https://build.particle.io/build ja kirjaudu sisään (rekisteröidy, jos et ole vielä luonut)
2. Kirjoita "Visual Notification Alert" nykyisen sovelluksen alle.
3. Paina Enter -painiketta (katso ensimmäinen kuva).

Sovellus tallennetaan Photon Particle Cloud -palveluun. Setup () -toimintoa kutsutaan, kun sovellus käynnistyy ja suoritetaan kerran. Silmukka () -toiminto tekee juuri sen, mitä se tekee ja silmukkaa peräkkäin, jolloin sovelluksesi voi muuttua ja vastata.

Lisää HttpClient fotonipartikkelille:

1. Napsauta Kirjastot Web IDE: n vasemmassa alakulmassa.
2. Kirjoita hakupalkkiin "HttpClient".
3. Napsauta sinistä painiketta "Sisällytä projektiin".
4. Napsauta VisualNotificationAlert (se poistaa välilyönnit sovelluksen luomisen jälkeen).
5. Napsauta Vahvista.

Nyt se lisäsi HttpClientin Web IDE: n alkuun.

/ Partikkelin IDE lisäsi tämän lausunnon #Include automaattisesti

/*** Philip Hue -asetukset ***

/ 1. Korvaa tämä API -käyttäjänimelläsi vaiheesta 1 const String API_USERNAME = "Sinun API -käyttäjätunnuksesi"; // 2. Korvaa tämä sillan IP -osoitteella vaiheesta 1 IPAddress hueIP (x, x, x, x); // 3. Korvaa ohjattavien valojen polulla. Käytä vaiheen 1 verkkosivua varmistaaksesi, että se toimii. // Varmista, että tunnistat Philip Hue -valon numeron ///lights/NUMBER/state const String LIGHT_PATH = "/lights/Number/state"; // 4. Korvaa tämä valon sytyttämistä koskevan pyyntösi sisällöllä. const Merkkijono REQUEST_BODY_ON = "{" päällä / ": tosi, \" bri / ": 254}"; // 5. Korvaa tämä valon sammuttamista koskevan pyyntösi sisällöllä. const Merkkijono REQUEST_BODY_OFF = "{" päällä / ": epätosi, \" bri / ": 254}"; / *** END Philip Hue -asetukset *** / Button const int BUTTON_PIN = D5; // HttpClient -objekti, jota käytetään HTTP -pyyntöjen tekemiseen Hue -siltaan HttpClient http; // HTTP -pyyntöjen oletusotsikko http_header_t headers = {{"Accept", "*/*"}, {NULL, NULL} // HUOMAUTUS: Lopeta otsikot aina NULL}; // Pyyntö- ja vastausobjektit http_request_t request; http_response_t vastaus; void setup () {Serial.begin (9600); request.ip = hueIP; request.port = 80; // Sisäänrakennettu LED -merkkivalo tunnistetulle tap -tapille (D7, OUTPUT); // Määritämme tuloa varten BUTTON_UP tulon vetämiseksi. Tämä käyttää sisäistä vetovoimaa // laitteen johdonmukaisten lukujen hallintaan. pinMode (BUTTON_PIN, INPUT_PULLUP); // asettaa nastan syötteeksi // "Tilaamme" IFTTT -tapahtumamme nimeltä Button, jotta saamme tapahtumia sille Particle.subscribe ("RIT_Gmail", myHandler); Particle.subscribe ("Trello", myHandler); } // setup () function void loop () { / * * Tässä osassa testataan, saavatko valohälytykset * / // selville, painetaanko painiketta vai ei, lukemalla siitä. int buttonState = digitalRead (BUTTON_PIN); // Kun painiketta painetaan, saat LOW -signaalin. // Kun painiketta ei paineta, saamme KORKEA. if (buttonState == LOW) gmailAlert (); } // silmukka () function void printInfo () {Serial.print ("Application> / tResponse status:"); Sarja.println (vastauksen tila); Serial.print ("Sovellus> / tHTTP -vastausosa:"); Sarja.println (vastauskeho); } // printInfo () -funktio int i = 0; // Funktio, joka käsittelee tapahtuman IFTTT: stä void myHandler (const char *event, const char *data) {// Testaa tulostusta sarjassa Serial.print (event); Serial.print (", data:"); jos (data) Serial.println (data); else Serial.println ("NULL"); if (strcmp (tapahtuma, "Trello") == 0) {trelloAlert (); } else if (strcmp (tapahtuma, "Gmail") == 0) {gmailAlert (); }} // myHandler () -toiminto /** Värisävy, johon valo asetetaan. * Värisävy on käärintäarvo välillä 0 - 65535. * Sekä 0 että 65535 ovat punaisia, * 25500 on vihreä ja 46920 on sininen. * / / *** Se hälyttää käyttämällä Philips Hue Smart -lamppua ja sinistä väriä. Se hälyttää 15 sekunnin ajan. */ void trelloAlert () {String trello_body_alert = "{" on / ": true, \" bri / ": 255, \" sat / ": 255, \" hue / ": 46920, \" alert / ": / "lselect \"} "; sendHttpPut (trello_body_alert); } /*** Se hälyttää käyttämällä Philips Hue Smart -lamppua punaisella värillä. Se hälyttää 15 sekunnin ajan. */ void gmailAlert () {String gmail_body_alert = "{" on / ": true, \" sat / ": 254, \" bri / ": 254, \" hue / ": 65535, \" alert / ": / "lselect \"} "; sendHttpPut (gmail_body_alert); }/** * Lähetämme PUT -laitteen Philips Hue -palveluun * @param httpPutBody merkkijonon runko */void sendHttpPut (String httpPutBody) {request.path = "/api/" + API_USERNAME + LIGHT_PATH; request.body = httpPutBody; http.put (pyyntö, vastaus, otsikot); }

Kun olet kirjoittanut tai kopioinut koodin Photon Particle Web IDE -laitteeseesi, napsauta palkin vasemmassa yläkulmassa olevaa valintamerkkiä (Vahvista). Jos se noudattaa erittäin hyvin, siirrymme seuraavaan vaiheeseen!

Vaihe 7: Koodin lataaminen fotoniin

Tämä vaihe on hyvin yksinkertainen. Ennen kuin lataamme koodit fotonille:

1. Liitä USB -kaapeli virtalähteeseen (suosittelen kannettavaa tietokonetta).
2. Varmista, että fotonissasi on hengittävä syaani LED. Jos se ei hengitä syaania tai on eri värinen, siirry vaiheeseen 2: Asennus
3. Napsauta Valaistus -kuvaketta Photon Particle Web IDE: stä.
4. Kun se lähettää koodit fotoniin, sinun pitäisi nähdä purppura. Se tarkoittaa, että koodi alkaa ladata koodiin. Sitten se vilkkuu vihreänä nopeasti ja palaa sitten syaanin hengitykseen.
5. Paina -painiketta nähdäksesi, vilkkuuko Philips Smart Bulb (tai hälyttää).

Jos Philips Smart Bulb hälyttää, onnittelut! Olemme melkein valmiita!

Siirrymme ohjelmisto -osaan.

Vaihe 8: Sovellusten luominen IFTTT: stä (jos tämä, niin sitten)

Luomme appletit IFTTT (If This, then That) -sivustolta. Appletit julkaisevat tapahtuman fotonille, ja sitten fotoni lähettää komennon Philips Hue Bridge -laitteeseen varoittamaan älylamppuja.

Tässä projektissa käytämme Trelloa ja Gmailia tapahtumien julkaisemiseen fotonille.

Siirry osoitteeseen https://ifttt.com/ ja rekisteröidy.

Trello

1. Napsauta yläosassa Omat appletit.
2. Napsauta Uusi sovelma.
3. Napsauta + tätä sinisellä tekstillä.
4. Kirjoita hakupalkkiin Trello ja napsauta.
5. Napsauta minulle määritetty kortti.
6. Valitse pelilauta Trellosta.
7. Napsauta +että sinisellä tekstillä.
8. Kirjoita hiukkanen hakupalkkiin ja napsauta.
9. Valitse Julkaise tapahtuma.
10. Kirjoita sitten "Trello" sitten Julkaise (tapahtuman nimi).
11. Valitse julkinen.

Gmail (Huomaa: he käyttävät sähköpostiosoitettasi rekisteröityessäsi)

1. Napsauta yläosassa Omat appletit.
2. Napsauta Uusi sovelma.
3. Napsauta + tätä sinisellä tekstillä.
4. Kirjoita Gmail hakukenttään ja napsauta
5. Valitse Kaikki uudet sähköpostit Saapuneet -kansiossa
6. Napsauta +että sinisellä tekstillä.
7. Kirjoita hiukkanen hakupalkkiin ja napsauta
8. Valitse Julkaise tapahtuma.
9. Kirjoita "Gmail" kohtaan Julkaise sitten (tapahtuman nimi).
10. Valitse julkinen.

Kun sinulla on kaksi applettia, Trello ja Gmail, olemme siirtymässä viimeiseen vaiheeseen.

Vaihe 9: Lopuksi testaus

Testaamme julkaista tapahtumia Appletista fotoniin. Varmista, että appletit ovat päällä.

Trello

Kun joku luo uuden kortin Trelloon, hän määrittää (merkitsee) sinut korttiin. IFTTT kuuntelee sitä ja alkaa julkaista tapahtuman fotonille. Sitten Photon lähettää komennon Philip Hue -sillalle hälyttämään älykkäät lamput.

Gmail

Kun saat uuden sähköpostin postilaatikkoosi, IFTTT kuuntelee sitä ja alkaa julkaista tapahtuman fotonille. Sitten Photon lähettää komennon Philip Hue -sillalle hälyttämään älykkäät lamput.

Haasteet

• Aina kun saamme uuden ilmoituksen Trellolta ja Gmaililta, tapahtuman lähettäminen IFTTT: ltä ja komennon lähettäminen fotonilta viivästyy valtavasti. Älylamppujen ilmoittamisen pitäisi kestää alle 5 minuuttia.
• Gmail -sovelma sammuu joskus itsestään, koska sovelma on yhdistettävä uudelleen tai päivitettävä.