Vizualinio pranešimo įspėjimas: 9 žingsniai

2024 Autorius: John Day | [email protected]. Paskutinį kartą keistas: 2024-01-30 10:47

Ši pamoka moko jus, kaip koduoti, kad Phillips Hue įspėtų. Tai būtų labai naudinga žmonėms, kurie yra kurčiai ir neprigirdintys, turi silpnaregį ar jutimo negalią. „Visual Notification Alert“yra informuoti vartotojus, gavus pranešimus iš el. Pašto, „Facebook“, „Trello“ar panašių. „Hue“LED lemputė pradeda įspėti mirksėdama šviesa.

„Photon Particle“yra mažas, perprogramuojamas „Wi-Fi“kūrimo rinkinys, skirtas jūsų daiktų interneto gaminio prototipų kūrimui ir mastelio keitimui.

1 žingsnis: Aparatūros ir programinės įrangos sąrašas

Norint sukurti „Visual Notification Alert“kodus, jums reikia aparatinės ir programinės įrangos.

Techninė įranga

• Dalelių formavimo rinkinys
• „Philips Hue“- pradinis rinkinys (3 LED lemputės ir 1 „Hue Bridge“)

Programinė įranga

• Bendra informacija apie dalelių fotoną
• Dalelių žiniatinklio IDE (kūrimas) *Būtina norint prisijungti *
• IFTTT (jei tai tada)

2 žingsnis: diegimas

Turėtumėte turėti savo dalelių kūrimo rinkinį, kuriame yra viskas, pvz., Jutikliai, jungiamieji laidai, šviesos diodai, rezistoriai ir dar daugiau. Galite perskaityti daugiau informacijos apie dalelių fotoną.

Prieš prijungdami fotoną, turite žinoti fotono šviesos diodų būseną. Čia pateikiama informacija apie LED būseną.

Prijunkite savo fotoną

1. Prijunkite USB kabelį prie maitinimo šaltinio. (Jūsų kompiuteris puikiai veikia šiam tikslui). Kad galėtumėte prisijungti prie „Wi -Fi“, jūsų dalelių įrenginiui nereikia kompiuterio.
2. Kai jis yra prijungtas, jūsų fotonų įrenginio RGB šviesos diodas turėtų pradėti melsvai mirksėti. Jei jūsų prietaisas nemirksi mėlyna spalva, 10 sekundžių palaikykite nuspaudę SETUP mygtuką, tada atleiskite SETUP mygtuką.
3. Prisijunkite prie sąrankos dalelės, jei jau turite paskyrą. Jei neturite paskyros, sukurkite „Photon“paskyrą.
4. Spustelėkite Photon/P Series.
5. Spustelėjus KITAS, jums turėtų būti pateiktas failas (photonsetup.html)
6. Norėdami atsisiųsti failą, spustelėkite Tęsti su vietiniu failu.

Atidarius failą

1. Prijunkite kompiuterį prie fotono, prisijungdami prie tinklo, pavadinto PHOTON-…
2. Konfigūruokite „Wi-Fi“prisijungimo duomenis. Pastaba: jei neteisingai įvesite savo kredencialus, fotonas mirksės tamsiai mėlyna arba žalia spalva. Turite dar kartą pereiti procesą atnaujindami puslapį arba spustelėdami pakartotinio proceso dalį.
3. Pervardykite savo įrenginį. Pamatysite patvirtinimą, ar dėl įrenginio buvo pareikšta paraiška, ar ne.

Prieš pereinant prie kitos dalies, jei jūsų „Photon“įrenginyje yra kvėpuojanti žalsvai mėlyna spalva, tada jis sėkmingai veikia internete ir „Photon Cloud“! Mes pereiname prie dalelių IDE, kūrimo.

3 žingsnis: kodavimas dalelių žiniatinklio IDE

Turite sukurti paskyrą „Particle IDE, Build“. Jei jau turite paskyrą, tada puiku! Prisijunkite prie dalelės IDE.

Norime išbandyti, ar ant plokštės mirksi šviesos diodas. Jūsų fotonų plokštėje yra mažas mėlynas šviesos diodas. Jis yra šalia D7. Galite atsisiųsti failą „gettingstarted-blinknet.ino“ir pamatyti ten esančius kodus. Yra paaiškinimas. Spustelėkite šią nuorodą, kad atidarytumėte šaltinio kodą „Particle Web IDE“. Jei mirksi D7 (mažas mėlynas šviesos diodas), sveikiname, ką tik mirgėjote LED naudodami dalelių įrenginį! Jei norite sužinoti daugiau apie fotoną, pvz., Mirksi skirtingas šviesos diodas, skaityti foto jutiklį ir pan., Čia yra nuoroda.

Dabar pereisime prie „Philips Hue“.

4 žingsnis: „Philips Hue“

Nuoroda: Spustelėkite čia apie „Phillips Hue“API.

Kad galėtumėte pasiekti „Philips Hue“API dokumentus, turėsite užsiregistruoti kaip kūrėjas. Tai nemokama, tačiau turite sutikti su sąlygomis.

1. Pirmiausia įsitikinkite, kad „Philips Hue Bridge“(pirmoji nuotrauka) yra prijungtas prie tinklo, ar veikia tinkamai. „Test Hue“programa („Hue App“galima „iOS“ir „Android“), kuri valdo to paties tinklo šviesą.

Jei sėkmingai išbandysite, turite rasti savo tinklo tilto IP adresą. Naudokite „Philips“tarpininko serverio atradimą apsilankę www.meethue.com/api/nupnp.

Radę savo IP adresą, įveskite jį į savo naršyklės adreso juostą, prie URL pridėję debug/clip.html: https:// bridge IP Address/debug/clip.html. Turėtumėte matyti tokią sąsają (antra nuotrauka). Pastaba: pakeiskite „tiltelio IP adresą“į savo IP adresą.

2. Atlikime paprastą komandą ir gaukime informacijos apie jūsų atspalvių sistemą. Užpildykite žemiau esančią informaciją, palikdami tuščią korpusą ir paspauskite GET mygtuką. Turėtumėte pamatyti tokią sąsają (trečioji nuotrauka). Turėtumėte gauti klaidos pranešimą. Pastaba: pakeiskite „tiltelio IP adresą“į savo IP adresą.

Adresas: https:// tiltas IP adresas/api/newdeveloperBody: Metodas: GETSveikiname! Jūs tiesiog atsiųsite savo pirmąją komandą! 3. Tada užpildykite žemiau esančią informaciją ir paspauskite mygtuką POST. Pastaba: pakeiskite „tiltelio IP adresą“į savo IP adresą ir „telefono tipo pavadinimą“į savo telefoną.

Adresas: https:// tiltas IP adresas/apiBody: {"devicetype": "my_hue_app#phonetype name"} Metodas: POST

Nuoroda padeda ją sukurti jums. Kai paspausite mygtuką POST, turėtumėte gauti klaidos pranešimą (ketvirtoji nuotrauka), nurodantį, kad turite paspausti nuorodos mygtuką ant „Hue Bridge“. Tai yra saugumo žingsnis, kad tik programos ar serveriai, kuriuos norite valdyti, būtų apšviesti. Paspaudus „Hue Bridge“nuorodą, tai įrodo, kad vartotojas turi fizinę prieigą prie „Hue Bridge“.

Kai gausite sėkmingą atsakymą (penktoji nuotrauka), sveikiname! Jūs ką tik sukūrėte įgaliotą vartotoją, kurį nuo šiol naudosime.

4. Paskutinis pavyzdys, prieš integruojant jį į fotonų dalelę, įsitikinkite, kad viena iš jūsų lempučių yra matoma ir įjungta, ir jūs turite žinoti, koks yra šviesos skaičius. Pakeiskite URL į/api/username/lights/light number/state (pakeiskite šviesos numerį [jis gali būti 1, 2, 3 arba?]) Ir atsiųskite PUT mygtuką su šiais duomenimis:

Pastaba: būtinai pakeiskite tiltelio IP adresą, vartotojo vardą ir lemputės numerį

Adresas: https:// tiltas IP adresas/api/vartotojo vardas/žibintai/šviesos numeris/būsena

Kūnas: {"on": tiesa, "sat": 254, "bri": 254, "atspalvis": 10000}

Metodas: PUT Jūs turėtumėte matyti, kaip jūsų šviesa keičia spalvą:

5 žingsnis: nustatykite fotoną mygtuku ir laidais

Prieš sukurdami daugiau kodų į „Photon Web IDE“, norime nustatyti savo fotoną mygtuku ir laidais. Turite kelis mygtukus ir daugybę laidų iš dalelių pradžios rinkinio. Pridedu du vaizdus, vienas yra diagrama, o kitas - tikras vaizdas.

1. Būtinai padėkite savo fotoną ant duonos lentos.
2. Padėkite mygtuką ant duonos lentos apačios, kaip parodyta paveikslėlyje.
3. Įdėkite juodos vielos galą į J4 (GND) ir kitą tos pačios juodos vielos galą į J30.
4. Įkiškite geltonos vielos galą į J7 (D5), o kitą tos pačios geltonos vielos galą į J28.

Jei jie atitinka mano įvaizdį, kurį tau rodau, vadinasi, tu esi geras!

6 žingsnis: kodų rašymas fotonų dalelėmis

Sukursime savo pirmąją programą fotonų dalelėje - Web IDE.

1. Eikite į https://build.particle.io/build ir prisijunkite (užsiregistruokite, jei dar nesukūrėte)
2. Įveskite „Visual Notification Alert“, esantį dabartinėje programoje.
3. Paspauskite mygtuką „Enter“(žr. Pirmąją nuotrauką).

Programa išsaugoma „Photon Particle Cloud“. Funkcija setup () iškviečiama, kai programa paleidžiama ir paleidžiama vieną kartą. Funkcija „loop“(„ciklas“) daro tai, ką daro, ir ciklo ciklus iš eilės, todėl jūsų programa gali keistis ir reaguoti.

Norėdami pridėti „HttpClient“fotonų dalelei:

1. Žiniatinklio IDE apatiniame kairiajame kampe spustelėkite Bibliotekos.
2. Paieškos juostoje įveskite „HttpClient“.
3. Mėlynajame mygtuke spustelėkite „Įtraukti į projektą“.
4. Spustelėkite „VisualNotificationAlert“(jis pašalina tarpus, kai sukūrėte programą).
5. Spustelėkite Patvirtinti.

Dabar jis pridėjo „HttpClient“žiniatinklio IDE pradžioje.

/ Šią #įtraukti teiginį automatiškai pridėjo dalelė IDE

/*** „Philip Hue“konfigūracija ***

/ 1. Pakeiskite tai savo API vartotojo vardu iš 1 veiksmo const String API_USERNAME = "Jūsų API naudotojo vardas"; // 2. Pakeiskite tai savo tilto IP adresu iš 1 veiksmo IPAddress hueIP (x, x, x, x); // 3. Pakeiskite keliu į žibintus, kuriuos norite valdyti. Naudokite 1 veiksmo tinklalapį, kad patikrintumėte, ar jis veikia. // Įsitikinkite, kad atpažįstate „Philip Hue“lemputės numerį ///lights/NUMBER/state const String LIGHT_PATH = "/lights/Number/state"; // 4. Pakeiskite tai savo prašymo įjungti šviesas turiniu. const String REQUEST_BODY_ON = "{" on / ": tiesa, \" bri / ": 254}"; // 5. Pakeiskite tai savo prašymo išjungti šviesą turiniu. const Eilutė REQUEST_BODY_OFF = "{" on / ": false, \" bri / ": 254}"; / *** PABAIGA „Philip Hue“konfigūracija *** / Button const int BUTTON_PIN = D5; // HttpClient objektas, naudojamas HTTP užklausoms pateikti į Hue tiltą HttpClient http; // Numatytoji HTTP užklausų antraštė http_header_t antraštės = {{"Accept", "*/*"}, {NULL, NULL} // PASTABA: visada nutraukti antraštes bus NULL}; // Užklausos ir atsakymo objektai http_request_t request; http_response_t atsakymas; void setup () {Serial.begin (9600); request.ip = hueIP; request.port = 80; // Borto šviesos diodas kaip indikatoriaus lemputė, skirta jutikliniam kaiščio kaiščiui (D7, OUTPUT); // Norėdami įvesti, BUTTON_UP apibrėžiame kaip įvestį. Tam naudojamas vidinis traukimo rezistorius // nuosekliam prietaiso skaitymui valdyti. pinMode (BUTTON_PIN, INPUT_PULLUP); // nustato kaištį kaip įvestį // „Prenumeruojame“savo IFTTT įvykį, pavadintą Mygtukas, kad gautume jam įvykius Particle.subscribe („RIT_Gmail“, myHandler); Particle.subscribe („Trello“, „myHandler“); } // setup () function void loop () { / * * Šiame skyriuje bandoma, ar šviesos įspėjimai * / // sužino, ar mygtukas paspaudžiamas, ar ne. int buttonState = digitalRead (BUTTON_PIN); // Kai mygtukas bus PUSHED, gausime signalą LOW. // Kai mygtukas nebus spaudžiamas, gausime AUKŠTĄ. if (buttonState == LOW) gmailAlert (); } // ciklo () funkcija void printInfo () {Serial.print ("Application> / tResponse status:"); Serial.println (response.status); Serial.print („Programa> / tHTTP atsako turinys:“); Serial.println (response.body); } // printInfo () funkcija int i = 0; // Funkcija, kuri tvarko įvykį iš IFTTT void myHandler (const char *event, const char *data) {// Bandymas spausdinti serijiniu Serial.print (įvykis); Serial.print (", duomenys:"); jei (duomenys) Serial.println (duomenys); else Serial.println ("NULL"); if (strcmp (įvykis, „Trello“) == 0) {trelloAlert (); } else if (strcmp (įvykis, „Gmail“) == 0) {gmailAlert (); }} // „myHandler“() funkcija /** Atspalvio reikšmė, į kurią reikia nustatyti šviesą. * Atspalvio vertė yra įvyniojimo vertė tarp 0 ir 65535. * Tiek 0, tiek 65535 yra raudonos spalvos, * 25500 yra žalia, o 46920 yra mėlyna. * / / *** Jis įspės naudodamas „Philips Hue Smart Bulb“, naudodamas mėlyną spalvą. Jis įspės 15 sekundžių. */ void trelloAlert () {String trello_body_alert = "{" on / ": tiesa, \" bri / ": 255, \" sat / ": 255, \" atspalvis / ": 46920, \" alert / ": / "lselect \"} "; sendHttpPut (trello_body_alert); } /*** Jis įspės naudojant „Philips Hue Smart Bulb“ir raudoną spalvą. Jis įspės 15 sekundžių. */ void gmailAlert () {String gmail_body_alert = "{" on / ": tiesa, \" sat / ": 254, \" bri / ": 254, \" hue / ": 65535, \" alert / ": / "lselect \"} "; sendHttpPut (gmail_body_alert); }/** * Siųsime PUT į „Philips Hue“* @param httpPutBody eilutės turinį */void sendHttpPut (String httpPutBody) {request.path = "/api/" + API_USERNAME + LIGHT_PATH; request.body = httpPutBody; http.put (užklausa, atsakymas, antraštės); }

Kai baigsite įvesti arba nukopijuoti kodą į savo „Photon Particle Web IDE“, viršutiniame kairiajame juostos kampe spustelėkite žymės piktogramą (Patvirtinti). Jei ji labai sėkmingai atitinka, pereisime prie kito žingsnio!

7 veiksmas: kodo įkėlimas į fotoną

Šis žingsnis yra labai paprastas. Prieš įkeliant kodus į fotoną:

1. Prijunkite USB kabelį prie maitinimo šaltinio (rekomenduoju nešiojamąjį kompiuterį).
2. Įsitikinkite, kad jūsų fotone yra kvėpuojantis žalsvai mėlynas šviesos diodas. Jei jis nekvėpuoja žalsvai mėlynos spalvos arba yra kitokios spalvos, pereikite prie 2 veiksmo: Įdiegimas
3. Spustelėkite Apšvietimo piktograma iš fotonų dalelių žiniatinklio IDE.
4. Kai jis įkelia kodus į fotoną, turėtumėte matyti rausvai raudoną. Tai reiškia, kad kodas pradedamas įkelti į kodą. Tada jis greitai mirksės žaliai, tada vėl pradės žydėti žalsvai.
5. Paspauskite mygtuką, kad pamatytumėte, ar jūsų „Philips“išmanioji lemputė mirksi (ar įspėja).

Jei „Philips Smart Bulb“įspėja, sveikiname! Mes beveik baigėme!

Mes pereisime prie programinės įrangos dalies.

8 veiksmas: programėlių kūrimas iš IFTTT (jei tai, tai tada)

Programėles kursime iš IFTTT (If This, then That) svetainės. Programėlės fotonui paskelbs įvykį, o tada fotonas siunčia komandą į „Philips Hue Bridge“, kad įspėtų išmaniąsias lemputes.

Šiam projektui mes naudosime „Trello“ir „Gmail“, kad paskelbtume įvykius fotonui.

Eikite į https://ifttt.com/ ir prisiregistruokite.

Trello

1. Viršuje spustelėkite Mano programėlės.
2. Spustelėkite Nauja programėlė.
3. Spustelėkite + tai mėlyname tekste.
4. Paieškos juostoje įveskite Trello ir spustelėkite.
5. Spustelėkite man priskirtą kortelę.
6. Pasirinkite savo lentą iš „Trello“.
7. Spustelėkite +tai mėlyname tekste.
8. Paieškos juostoje įveskite dalelę ir spustelėkite.
9. Spustelėkite Skelbti įvykį.
10. Įveskite „Trello“, tada paskelbkite (įvykio pavadinimas).
11. Pasirinkite viešą.

„Gmail“(pastaba: registruodamiesi jie naudos jūsų el. Pašto adresą)

1. Viršuje spustelėkite Mano programėlės.
2. Spustelėkite Nauja programėlė.
3. Spustelėkite + tai mėlyname tekste.
4. Paieškos juostoje įveskite „Gmail“ir spustelėkite
5. Pasirinkite bet kurį naują el. Laišką gautuosiuose
6. Spustelėkite +tai mėlyname tekste.
7. Paieškos juostoje įveskite dalelę ir spustelėkite
8. Spustelėkite Skelbti įvykį.
9. Tada įveskite „Gmail“, tada paskelbkite (įvykio pavadinimas).
10. Pasirinkite viešą.

Kai jau veikia dvi programėlės, „Trello“ir „Gmail“, pereiname prie paskutinio veiksmo.

9 žingsnis: Galiausiai, bandymas

Mes bandysime paskelbti įvykius nuo „Applets“iki „Photon“. Įsitikinkite, kad įjungtos jūsų programėlės.

Trello

Kai kas nors sukuria naują kortelę „Trello“, jis priskiria (pažymi) jus kortelėje. IFTTT to klauso ir pradeda skelbti įvykį fotonui. Tada fotonas siunčia komandą į Philip Hue tiltą įspėti išmaniąsias lemputes.

„Gmail“

Kai į gautuosius gausite naujus el. Laiškus, IFTTT išklauso tai ir pradeda skelbti įvykį fotonui. Tada fotonas siunčia komandą į Philip Hue tiltą įspėti išmaniąsias lemputes.

Iššūkiai

• Kai tik gauname naują pranešimą iš „Trello“ir „Gmail“, labai vėluojama siųsti įvykį iš IFTTT ir komandą iš fotono. Pranešti apie išmaniąsias lemputes turėtų užtrukti mažiau nei 5 minutes.
• „Gmail“programėlė kartais išsijungia savaime, nes programėlę reikia iš naujo prijungti arba atnaujinti.