هشدار اطلاع رسانی بصری: 9 مرحله

2024 نویسنده: John Day | [email protected]. آخرین اصلاح شده: 2024-01-30 08:56

این آموزش به شما آموزش می دهد که چگونه کدگذاری کنید تا به Phillips Hue هشدار دهید. برای افراد ناشنوا و کم شنوا ، دارای کم بینایی یا معلولیت حسی بسیار مفید خواهد بود. Visual Notification Alert این است که پس از دریافت اعلانات از طریق ایمیل ، فیس بوک ، Trello یا موارد مشابه به کاربران اطلاع دهید. لامپ LED Hue با چشمک زدن نور شروع به هشدار می کند.

ذرات فوتون یک کیت توسعه Wi-Fi کوچک و قابل برنامه ریزی برای نمونه سازی و مقیاس بندی محصول اینترنت اشیا شما است.

مرحله 1: لیستی از سخت افزار و نرم افزار

برای توسعه کدهای Visual Notification Alert به سخت افزار و نرم افزار نیاز دارید.

سخت افزار

• کیت ذرات ساز
• Philips Hue - Starter Kit (3 لامپ LED و 1 Hue Bridge)

نرم افزار

• اطلاعات کلی ذرات فوتون
• Particle Web IDE (Build) *برای ورود به سیستم لازم است *
• IFTTT (If This then That)

مرحله 2: نصب

شما باید کیت Particle Maker خود را داشته باشید که شامل همه چیز مانند سنسورها ، سیم های بلوز ، LED ها ، مقاومت ها و موارد دیگر است. می توانید اطلاعات بیشتر در مورد ذرات فوتون را مطالعه کنید.

قبل از اتصال فوتون ، باید وضعیت LED های فوتون را بدانید. در اینجا اطلاعات مربوط به وضعیت LED است.

فوتون خود را متصل کنید

1. کابل USB را به منبع تغذیه خود وصل کنید. (کامپیوتر شما کاملاً برای این منظور کار می کند). دستگاه ذرات شما برای اتصال به wifi نیازی به رایانه شما ندارد.
2. هنگامی که به برق متصل است ، LED RGB در دستگاه فوتونی شما باید آبی شروع به چشمک زدن کند. اگر دستگاه شما آبی چشمک نمی زند ، دکمه SETUP را برای 10 ثانیه نگه دارید ، سپس دکمه SETUP را رها کنید.
3. اگر قبلاً حساب کاربری دارید وارد Setup Particle شوید. اگر حساب ندارید ، حساب Photon را ایجاد کنید.
4. روی Photon/P Series کلیک کنید.
5. پس از کلیک بر روی NEXT ، باید یک فایل به شما ارائه شود (photonsetup.html)
6. برای بارگیری یک فایل روی ادامه با فایل محلی کلیک کنید.

بعد از باز کردن یک فایل

1. با اتصال به شبکه ای با نام PHOTON- کامپیوتر خود را به Photon وصل کنید…
2. اعتبارنامه Wi-FI خود را پیکربندی کنید. توجه: اگر اعتبارنامه خود را اشتباه تایپ کنید ، فوتون به رنگ آبی تیره یا سبز چشمک می زند. شما باید این فرآیند را با تازه کردن صفحه یا کلیک بر روی قسمت فرآیند مجدد طی کنید.
3. نام دستگاه خود را تغییر دهید. در صورت ادعای دستگاه یا عدم تأیید ، تأییدی را مشاهده خواهید کرد.

قبل از حرکت به قسمت بعدی ، اگر دستگاه فوتون شما دارای یک فیروزه تنفسی است ، در اینترنت و Photon Cloud موفق است! ما به سراغ Particle IDE ، Build می رویم.

مرحله 3: کدنویسی در Particle Web IDE

شما باید حساب خود را برای Particle IDE ، Build ایجاد کنید. اگر قبلاً یک حساب کاربری دارید ، عالی است! وارد IDE ذرات شوید.

ما می خواهیم آزمایش کنیم که آیا LED روی برد چشمک می زند یا خیر. LED کوچک آبی روی برد فوتون شما وجود دارد. کنار D7 است. می توانید فایل ، gettingstarted-blinknet.ino را بارگیری کرده و کدها را در آنجا مشاهده کنید. توضیحی وجود دارد. روی این پیوند کلیک کنید تا کد منبع در Particle Web IDE باز شود. اگر D7 (LED آبی کوچک) چشمک می زند ، تبریک می گوییم ، شما فقط با استفاده از دستگاه Particle خود یک LED را چشمک زده اید! اگر می خواهید در مورد فوتون ، مانند چشمک زدن LED های مختلف ، خواندن حسگر عکس و غیره ، اطلاعات بیشتری کسب کنید ، این پیوند است.

اکنون ، ما به Philips Hue حرکت می کنیم.

مرحله 4: Philips Hue

برای مرجع: در مورد Phillips Hue API اینجا را کلیک کنید.

قبل از دسترسی به اسناد API Philips Hue ، باید به عنوان توسعه دهنده ثبت نام کنید. رایگان است ، اما باید شرایط و ضوابط را بپذیرید.

1. ابتدا ، مطمئن شوید Philips Hue Bridge شما (اولین تصویر) به شبکه شما متصل است و به درستی کار می کند. Test Hue App (Hue App در iOS و Android موجود است) که نور را در همان شبکه کنترل می کند.

اگر آن را با موفقیت آزمایش کردید ، باید آدرس IP پل را در شبکه خود کشف کنید. با مراجعه به www.meethue.com/api/nupnp از کشف سرور کارگزار فیلیپس استفاده کنید.

هنگامی که آدرس IP خود را پیدا کردید ، آن را در نوار آدرس مرورگر خود با اشکال زدایی/کلیپ وارد کنید. html به آدرس URL اضافه شده است: به توجه: "آدرس IP پل" را به آدرس IP خود جایگزین کنید.

2. بیایید یک فرمان ساده انجام دهیم و در مورد سیستم رنگ خود اطلاعات کسب کنیم. جزئیات زیر را پر کرده و بدنه را خالی گذاشته و دکمه GET را فشار دهید. شما باید یک رابط (تصویر سوم) مانند این را ببینید. باید پیغام خطا دریافت کنید. توجه: "آدرس IP پل" را به آدرس IP خود جایگزین کنید.

آدرس: https:// bridge IP Address/api/newdeveloperBody: Method: GET تبریک می گویم! شما فقط اولین فرمان خود را ارسال کنید! 3. در مرحله بعد ، اطلاعات زیر را پر کرده و دکمه POST را فشار دهید. توجه: "آدرس IP پل" را به آدرس IP خود و "نام phonetype" را در تلفن خود جایگزین کنید.

آدرس: https:// bridge IP address/apiBody: {"devicetype": "my_hue_app#نام phonetype"} روش: POST

پیوند به ایجاد آن برای شما کمک می کند. وقتی دکمه POST را فشار می دهید ، باید یک پیغام خطا (تصویر چهارم) بازگردانید که به شما اطلاع می دهد باید دکمه پیوند را در پل رنگ فشار دهید. این مرحله امنیتی است به طوری که فقط برنامه ها یا سرورهایی که می خواهید چراغ های خود را کنترل کنند. با فشار دادن پیوند روی Hue Bridge ، ثابت می شود که کاربر دسترسی فیزیکی به پل رنگ دارد.

هنگامی که پاسخ موفقیت آمیزی دریافت می کنید (تصویر پنجم) ، تبریک می گوییم! شما فقط یک کاربر مجاز ایجاد کرده اید ، که ما از این پس از آن استفاده خواهیم کرد.

4. آخرین مثال قبل از اینکه آن را در ذره فوتون ادغام کنیم ، مطمئن شوید که یکی از چراغ های شما قابل مشاهده و روشن است و باید بدانید که نور عددی کدام است. URL را به/api/username/lights/light number/state تغییر دهید (شماره چراغ را تغییر دهید [می تواند 1 ، 2 ، 3 یا؟]) و یک دکمه PUT با داده های زیر ارسال کنید:

توجه: مطمئن شوید آدرس IP پل ، نام کاربری و شماره چراغ را تغییر داده اید

آدرس: https:// bridge IP address/api/username/lights/light number/state

بدنه: {"on": true ، "sat": 254 ، "bri": 254 ، "hue": 10000}

روش: PUT شما باید نور خود را در حال تغییر رنگ ببینید:

مرحله 5: تنظیم فوتون با یک دکمه و سیم

قبل از اینکه کدهای بیشتری را در Photon Web IDE توسعه دهیم ، می خواهیم فوتون خود را با یک دکمه و سیم تنظیم کنیم. شما چندین دکمه و سیم های زیادی از Particle Starter Kit خود دارید. من دو تصویر را ضمیمه کرده ام ، یکی نمودار و دیگری تصویر تصویر واقعی

1. اطمینان حاصل کنید که فوتون خود را روی تخته نان قرار دهید.
2. مطابق تصویر ، دکمه ای را در پایین صفحه نان قرار دهید.
3. انتهای سیم سیاه را در J4 (GND) قرار دهید و انتهای دیگر همان سیم سیاه را در J30 قرار دهید.
4. انتهای سیم زرد را در J7 (D5) قرار دهید و انتهای دیگر همان سیم زرد را در J28 قرار دهید.

اگر آنها با تصویر من مطابقت دارند ، پس شما خوب هستید!

مرحله 6: نوشتن کدها در ذرات فوتون

ما اولین برنامه خود را در ذرات فوتون - Web IDE ایجاد می کنیم.

1. به https://build.particle.io/build بروید و وارد شوید (اگر هنوز ایجاد نکرده اید ثبت نام کنید)
2. در قسمت App Current ، "Visual Notification Alert" را تایپ کنید.
3. دکمه Enter را فشار دهید (تصویر اول را ببینید).

این برنامه در Photon Particle Cloud ذخیره می شود. وقتی برنامه یکبار شروع و اجرا می شود ، تابع setup () فراخوانی می شود. تابع () loop دقیقاً همان کاری را انجام می دهد و به صورت متوالی حلقه می کند و به برنامه شما اجازه تغییر و پاسخ می دهد.

برای افزودن HttpClient برای ذرات فوتون:

1. از پایین سمت چپ Web IDE روی کتابخانه ها کلیک کنید.
2. در نوار جستجو "HttpClient" را تایپ کنید.
3. در دکمه آبی روی "Include In Project" کلیک کنید.
4. روی VisualNotificationAlert کلیک کنید (پس از ایجاد برنامه فضاها را حذف می کند).
5. روی تأیید کلیک کنید.

اکنون ، HttpClient را در ابتدای Web IDE اضافه کرد.

/ این عبارت #Include به طور خودکار توسط Particle IDE اضافه شد. #include

/*** پیکربندی Philip Hue ***

/ 1. نام کاربری API خود را از مرحله 1 const String API_USERNAME = "نام کاربری API شما" جایگزین کنید؛ // 2. این را با آدرس IP پل خود از مرحله 1 IPAddress hueIP (x، x، x، x) جایگزین کنید. // 3. مسیر چراغ هایی را که می خواهید کنترل کنید جایگزین کنید. از صفحه وب مرحله 1 برای تأیید عملکرد آن استفاده کنید. // مطمئن شوید که تعداد نور Philip Hue ///lights/NUMBER/state const String را می شناسید LIGHT_PATH = "/lights/Number/state"؛ // 4. این قسمت را با بدنه درخواست خود برای روشن کردن چراغها جایگزین کنید. const String REQUEST_BODY_ON = "{" روشن / ": true ، \" bri / ": 254}"؛ // 5. بدنه درخواست خود را برای خاموش کردن چراغها جایگزین کنید. const String REQUEST_BODY_OFF = "{" on / ": false ، \" bri / ": 254}"؛ / *** پیکربندی END برای Philip Hue *** / Button const int BUTTON_PIN = D5؛ // شیء HttpClient برای درخواست HTTP به پل Hue استفاده می شود HttpClient http؛ // سرفصل پیش فرض برای درخواست های HTTP http_header_t headers = {{"Accept"، "*/*"}، {NULL، NULL} // توجه: همیشه خاتمه سرصفحه ها NULL}؛ // درخواست و پاسخ اشیاء http_request_t request؛ پاسخ http_response_t ؛ void setup () {Serial.begin (9600)؛ request.ip = hueIP؛ request.port = 80؛ // چراغ داخلی به عنوان چراغ نشانگر برای pinMode ضربه زده (D7 ، OUTPUT) ؛ // برای ورودی ، BUTTON_UP را به عنوان ورودی-کششی تعریف می کنیم. این از یک مقاومت کششی داخلی // برای مدیریت خواندن های ثابت از دستگاه استفاده می کند. pinMode (BUTTON_PIN ، INPUT_PULLUP) ؛ // پین را به عنوان ورودی تنظیم می کند // ما در رویداد IFTTT خود به نام Button مشترک می شویم تا رویدادهایی برای آن دریافت کنیم Particle.subscribe ("RIT_Gmail"، myHandler)؛ Particle.subscribe ("Trello" ، myHandler) ؛ } // setup () function void loop () { / * * این بخش از آزمایش این است که آیا چراغ هشدار می دهد * / // با خواندن از آن متوجه می شود که دکمه فشار داده شده است یا خیر. int buttonState = digitalRead (BUTTON_PIN) ؛ // وقتی دکمه فشار داده شود ، یک سیگنال LOW دریافت می کنیم. // وقتی دکمه فشار داده نشود ، یک HIGH دریافت می کنیم. if (buttonState == LOW) gmailAlert ()؛ } // عملکرد loop () void printInfo () {Serial.print ("Application> / t وضعیت پاسخ:")؛ Serial.println (respond.status) ؛ Serial.print ("برنامه> / بدن پاسخ HTTP:")؛ Serial.println (respond.body) ؛ } // printInfo () تابع int i = 0؛ // عملکردی که رویداد را از IFTTT void myHandler مدیریت می کند (const char *event، const char *data) {// تست برای چاپ در سریال Serial.print (رویداد) ؛ Serial.print ("، data:")؛ if (داده) Serial.println (داده) ؛ else Serial.println ("NULL")؛ if (strcmp (رویداد ، "Trello") == 0) {trelloAlert ()؛ } else if (strcmp (رویداد ، "Gmail") == 0) {gmailAlert ()؛ }} // myHandler () تابع /** مقدار رنگ برای تنظیم نور روی آن. * مقدار رنگ یک مقدار بسته بندی بین 0 و 65535 است. * هر دو 0 و 65535 قرمز ، * 25500 سبز و 46920 آبی است. * / / *** با استفاده از لامپ هوشمند Philips Hue با استفاده از رنگ آبی هشدار می دهد. به مدت 15 ثانیه هشدار می دهد. */ void trelloAlert () {String trello_body_alert = "{" on / ": true ، \" bri / ": 255 ، \" sat / ": 255 ، \" hue / ": 46920 ، \" alert / ": / "انتخاب \"} "؛ sendHttpPut (trello_body_alert) ؛ } /*** با استفاده از لامپ هوشمند Philips Hue با استفاده از رنگ قرمز هشدار می دهد. به مدت 15 ثانیه هشدار می دهد. */ void gmailAlert () {String gmail_body_alert = "{" on / ": true ، \" sat / ": 254 ، \" bri / ": 254 ، \" hue / ": 65535 ، \" alert / ": / "انتخاب \"} "؛ sendHttpPut (gmail_body_alert) ؛ }/** * ما PUT را به Philips Hue *param httpPutBody ارسال خواهیم کرد بدنه رشته */void sendHttpPut (رشته httpPutBody) {request.path = "/api/" + API_USERNAME + LIGHT_PATH ؛ request.body = httpPutBody؛ http.put (درخواست ، پاسخ ، سرصفحه) ؛ }

پس از اتمام تایپ یا کپی کد در Photon Particle Web IDE ، روی نماد تیک (Verify) در سمت چپ بالای نوار کلیک کنید. اگر با موفقیت مطابقت داشت ، به مرحله بعدی می رویم!

مرحله 7: بارگذاری کد در Photon

این مرحله بسیار ساده است. قبل از اینکه کدها را در Photon بارگذاری کنیم:

1. کابل USB را به منبع تغذیه خود وصل کنید (من لپ تاپ را توصیه می کنم).
2. مطمئن شوید فوتون شما دارای LED فیروزه ای تنفسی است. اگر تنفس فیروزه ای ندارد یا رنگ متفاوتی ندارد ، به مرحله 2 بروید: نصب
3. روی نماد Lighting از Photon Particle Web IDE کلیک کنید.
4. وقتی کدها را روی Photon بارگذاری می کند ، باید magenta را ببینید. این بدان معناست که بارگذاری کد در کد شروع می شود. سپس ، سریع سبز چشمک می زند ، سپس دوباره به تنفس فیروزه ای باز می گردد.
5. دکمه را فشار دهید تا ببینید آیا لامپ هوشمند Philips شما چشمک می زند (یا هشدار می دهد).

اگر لامپ هوشمند فیلیپس هشدار داد ، پس تبریک می گوییم! کار ما تقریبا تمام شده است!

ما به بخش نرم افزار می رویم.

مرحله 8: ایجاد برنامه های کاربردی از IFTTT (اگر این ، پس آن)

ما اپلت ها را از وب سایت IFTTT (If This، then That) ایجاد می کنیم. اپلت ها یک رویداد را برای Photon منتشر می کنند و سپس Photon یک فرمان به پل Philips Hue ارسال می کند تا به لامپ های هوشمند هشدار دهد.

برای این پروژه ، از Trello و Gmail برای انتشار رویدادها در Photon استفاده خواهیم کرد.

به https://ifttt.com/ بروید و ثبت نام کنید.

ترلو

1. روی برنامه های من در بالا کلیک کنید.
2. روی New Applet کلیک کنید.
3. روی + این با متن آبی کلیک کنید.
4. در نوار جستجو Trello را تایپ کرده و کلیک کنید.
5. روی کارت اختصاص داده شده به من کلیک کنید.
6. برد خود را از Trello انتخاب کنید.
7. روی آن +در متن آبی کلیک کنید.
8. در نوار جستجو Particle را تایپ کرده و کلیک کنید.
9. روی انتشار رویداد کلیک کنید.
10. در "Trello" تایپ کنید سپس منتشر کنید (نام رویداد).
11. عمومی را انتخاب کنید.

Gmail (توجه: هنگام ثبت نام از آدرس ایمیل شما استفاده می کنند)

1. روی برنامه های من در بالا کلیک کنید.
2. روی New Applet کلیک کنید.
3. روی + این با متن آبی کلیک کنید.
4. Gmail را در نوار جستجو تایپ کرده و کلیک کنید
5. هر ایمیل جدیدی را در صندوق ورودی انتخاب کنید
6. روی متن +روی آن کلیک کنید.
7. در نوار جستجو Particle را تایپ کرده و کلیک کنید
8. روی انتشار رویداد کلیک کنید.
9. در قسمت "Gmail" را تایپ کنید سپس انتشار دهید (نام رویداد).
10. عمومی را انتخاب کنید.

هنگامی که دو اپلت دارید ، Trello و Gmail کار می کنند ، ما به آخرین مرحله می رویم.

مرحله 9: در نهایت ، آزمایش

ما برای انتشار رویدادها از Applets تا Photon آزمایش خواهیم کرد. مطمئن شوید اپلت های شما روشن هستند.

ترلو

وقتی شخصی در Trello کارت جدیدی ایجاد می کند ، شما را در کارت تعیین (برچسب گذاری) می کند. IFTTT به آن گوش می دهد و شروع به انتشار رویدادی در Photon می کند. سپس فوتون برای هشدار به لامپ های هوشمند یک فرمان به پل فیلیپ هیو ارسال می کند.

جیمیل

وقتی ایمیل جدیدی در صندوق ورودی خود دریافت می کنید ، IFTTT به آن گوش می دهد و شروع به انتشار رویدادی در Photon می کند. سپس فوتون برای هشدار به لامپ های هوشمند یک فرمان به پل فیلیپ هیو ارسال می کند.

چالش ها

• هرگاه اعلان جدیدی از Trello و Gmail دریافت می کنیم ، تأخیر زیادی در ارسال رویداد از IFTTT و ارسال فرمان از Photon وجود دارد. هشدار به لامپ های هوشمند باید کمتر از 5 دقیقه طول بکشد.
• گاهی اوقات Glet Applet به خودی خود خاموش می شود زیرا برنامه باید دوباره متصل یا به روز شود.