Using Android Oreo (8.0) on SONY XPERIA XA1 Ultra

รูปภาพที่ 25 หน้าจอหลักของ XPERIA Home

เข้าไปที่ Play Store

รูปภาพที่ 26 หน้าแรกของ Google Play Store

เลือก Search ซึ่งอยู่บริเวณด้านบนของหน้าจอ

รูปภาพที่ 27 แสดงแถบการค้นหาใน Google Play Store ที่พิมพ์คำสำคัญในการค้นหา NETPIE

พิมพ์ในช่องค้นหาว่า NETPIE

รูปภาพที่ 28 แสดงรายการผลการค้นหา NETPIE ใน Play Store

เลือก NETPIE ซึ่งจะอยู่อันดับแรกของผลการค้นหา

รูปภาพที่ 29 แสดงหน้าภาพรวมของ NETPIE Application ใน Google Play Store

แตะที่ปุ่ม INSTALL หรือหากเครื่องใช้ภาษาไทยจะเป็นปุ่ม ติดตั้ง

รูปภาพที่ 30 แสดงหน้าจอความคืบหน้าในการติดตั้ง Application NETPIE ของ Google Play Store

รอจนกว่าการติดตั้งจะเสร็จสิ้น

รูปภาพที่ 31 แสดงหน้า Google Play Store ที่ติดตั้ง Application NETPIE เสร็จสิ้น

เลือก Open หรือหากเครื่องใช้เป็นภาษาไทยให้เลือก เปิด

รูปภาพที่ 32 แสดงหน้า XPERIA Home App Drawer ที่มี NETPIE

NETPIE Application สามารถหาเจอได้ที่ App Drawer ของ Android Smartphone ได้ในภายหลัง เช่นเดียวกันกับ Application อื่น ๆ

รูปภาพที่ 33 แสดงหน้าแรกเมื่อเข้า Application NETPIE ครั้งแรก (ตรงกลาง) หน้าลงชื่อเข้าใช้เมื่อแตะปุ่มที่ล้อมกรอบด้วยสีเหลือง (ด้านขวา) และหน้าสำหรับลงทะเบียนบัญชี NETPIE เมื่อแตะปุ่มที่ล้อมกรอบด้วยสีแดง (ด้านขวา)

ในหน้านี้ผู้ใช้สามารถเลือกทำรายการได้สองแบบ คือ

1. REGISTER เป็นการลงทะเบียนเพื่อเปิดบัญชี NETPIE หากเลือกแล้วจะได้หน้าจอทางด้านซ้าย

2. LOGIN เป็นการลงชื่อเข้าใช้งาน สำหรับผู้ที่มีบัญชี NETPIE อยู่แล้ว ให้เลือกที่นี่ จากนั้น กรอก Email และ Password แล้วแตะ Login ตามภาพที่แสดงอยู่ทางด้านขวา

รูปภาพที่ 34 แสดงหน้าหลักเมื่อเข้า Application NETPIE ซึ่งแสดงรายการ Freeboard ที่บันทึกในบัญชีนั้น

หน้าจอแรกที่จะพบคือ

1. รายชื่อของ Freeboard ที่ผู้ใช้ได้สร้างไว้ในเว็บไซต์ http://netpie.io/freeboard

รูปภาพที่ 35 แสดงหน้าเว็บที่ไว้สร้าง Freeboard ที่ http://netpie.io/freeboard

รูปภาพที่ 36 แสดงรายการตั้งค่าเพิ่มเติมหลังกดปุ่ม Hamburger Menu

1. ปุ่มเมนูแฮมเบอร์เกอร์ด้านซ้ายบนไว้แตะเพื่อเลือกทำรายการเพิ่มเติม

รูปภาพที่ 37 แสดงหน้าสำหรับตั้งรหัสบัญชี NETPIE ใหม่

• Change Password ในกรณีที่อยากเปลี่ยนให้รหัสโดยที่เจ้าของบัญชีจำรหัสเก่าได้

รูปภาพที่ 38 แสดงหน้า Contact Us สำหรับใช้ติดต่อทีมพัฒนา

• Contact Us ไว้ติดต่อทีมพัฒนา หากเจอปัญหาเพิ่มเติม

รูปภาพที่ 39 แสดงรายการ Notification Messages เมื่อกดที่ปุ่มระฆัง

3.ปุ่มระฆังสำหรับการเรียกดูรายการการแจ้งเตือน

รูปภาพที่ 40 แสดงหน้าแจกแจงรายละเอียดเพิ่มเติมเมื่อกดข้อความจากหน้า Notification Messages

1. หากแตะข้อความในหน้านี้ จะนำเข้าไปสู่รายการแจ้งโดยละเอียด อันประกอบด้วย

2. Message

3. Date
4. Time
5. Application ID
6. Alias
7. Key
8. Token
9. Channel

รูปภาพที่ 41 แสดงแถบค้นหารายการในหน้าแรกของ NETPIE Application

5.ปุ่มแว่นขยาย สำหรับค้นหา หากมี Freeboard เป็นจำนวนมาก

รูปภาพที่ 42 แสดงหน้า Freeboard ที่ปรับมุมมองสำหรับการใช้งานบนมือถือแล้ว

หากเลือกรายการ Freeboard จากหน้าแรก ตัว NETPIE Application จะทำการนำ Widget ที่อยู่ใน http://netpie.io/freeboard/yourfreeboardname

เข้ามาจัดเรียงใหม่ให้เหมาะสมกับขนาดหน้าจอโทรศัพท์

โปรดทราบว่า

• ในการแสดงผล Freeboard ผ่าน NETPIE APPLICATION นี้ผู้ใช้ ไม่สามารถแก้ไขค่าหรือเพิ่ม Widget ได้

• การเรียงของ Widget ที่เปิดดูผ่านทาง NETPIE APPLIACCTION จะทำโดยอัตโนมัติ ไม่สามารถจัดลำดับด้วยตนเองได้

การแสดงผลของ Freeboard ใน NETPIE Application จะไม่ทำให้เกิดความเปลี่ยนแปลงของการเรียง Widget ในหน้าเว็บไซต์

รูปภาพที่ 43 แสดง In-App Banner Notification ใน NETPIE Application

หากผู้ใช้อยู่ในหน้า NETPIE Application แล้วมีการแจ้งเตือน ตัว Application จะแสดง Banner Notification ด้านบนของ Application

รูปภาพที่ 44 แสดงหน้าแรกของ NETPIE Application และระฆังแจ้งเตือนข้อความที่ยังไม่ได้เปิดอ่าน

หากว่า การแจ้งเตือนที่ส่งมาจาก NETPIE ไม่ได้ถูกเปิดอ่านโดยผู้ใช้ ที่ไอคอน สัญลักษณ์รูประฆัง จะมีวงกลมสีแดงขึ้นที่มุมขวาบน

รูปภาพที่ 45 แสดงรายการข้อความแจ้งเตือน พร้อมทั้งข้อความไม่ได้เปิดอ่าน (ด้านบน) และข้อความที่เปิดอ่านแล้ว(ด้านล่าง)

ภายหลังการแตะสัญลักษณ์รูประฆังจากหน้าแรงของ Application หากการแจ้งเตือนใหม่ที่ยังไม่ได้เปิดอ่านโดยผู้ใช้ถูกเปิดขึ้นมาดูครั้งแรก ณ ที่ตำแหน่งของข้อความที่ถูดส่งเข้ามาใหม่ จะมีสัญลักษณ์ NEW เขียนตามหลัง เพื่อให้ผู้ใช้ทราบว่า นั่นคือข้อมูลใหม่ที่ยังไม่ได้เปิดดู

รูปภาพที่ 46 แสดงหน้า Pull Down Notification Screen ของระบบ Android ที่มีการแจ้งเตือนจาก NETPIE แสดงอยู่

หากผู้ใช้ได้ออกจากหน้า Application NETPIE และไปที่หน้าจออื่น ระบบ Push Notification จะทำการส่งข้อความแจ้งเตือนผ่านไปยัง Notification ของระบบปฏิบัติการ Android ดังภาพด้านบนนี้ แสดง Notification Area ที่ระบบ Android รับข้อมูลการแจ้งมาจาก NETPIE Application

รูปภาพที่ 47 แสดงหน้าจอล็อคของ XPERIA ที่มีการแจ้งเตือนจาก NETPIE ขั้นอยู่

หากหน้าจอโทรศัพท์มือถือถูกปิดไว้ การแจ้งเตือนต่าง ๆ จะถูกส่งมาที่ Lock Screen โดยข้อความจะเรียงตามเวลา จากด้านบนสุด หมายถึง ข้อความที่ใหม่ที่สุด ไปด้านล่างซึ่งเป็นข้อความที่เก่ากว่า

การทำให้แก้ไขโค้ดใน Arduino เพื่อให้อุปกรณ์ IoT สามารถส่ง Push Notification ได้

อุปกรณ์ที่ต้องใช้

1. NodeMCU

2. DHT-22

ในตัวอย่างต่อไปนี้จะเป็นการใช้อุปกรณ์ที่เราเอาค่าขึ้น NETPIE ได้แล้วนั้น มาทำการเพิ่มการ Publish เพื่อให้ข้อมูลถูกส่งมาเป็นการแจ้งเตือนแบบ Push Notification ใน NETPIE Application

Code : https://pastebin.com/aGPtrZPg

การดัดแปลงโค้ด Arduino

สำหรับการดัดแปลงโค้ดเพื่อให้ทำการรองรับการ Push Notify ไปยังมือถือของเรานั้น ทำได้ไม่ยาก ผ่านการใช้คำสั่ง microgear.publish เหมือนการส่งข้อมูลอื่น ๆขึ้นไปบน NETPIE แต่จะเปลี่ยนตรง Topic ให้เป็น “/@push/owner” แล้วตามหลังด้วยตัวแปรที่อยากให้ระบบส่งข้อมูลไป ดังจะเห็นได้ในบรรทัดที่ 78 ของภาพด้านล่างนี้

รูปภาพที่ 48 แสดงส่วนของโค้ดที่ใช้ในการ Publish ข้อมูลไปยัง NETPIE ทั้งแบบ Topic ทั่วไป (บรรทัดที่ 77) และ Publish เพื่อเป็นการแจ้งเตือนไปยังโทรศัพท์มือถือ (บรรทัดที่78)

ข้อสังเกตเพิ่มเติม

สำหรับในบทความสั้นๆเรื่องการแก้โค้ด Arduino ให้รองรับการส่ง Push Notification ได้นั้น เป็นการแสดงตัวอย่างว่าผู้โดยพื้นฐานแล้ว การส่งข้อความ Push Notification ก็เป็นเพียงการใช้ Method Publish ที่มีอยู่ เปลี่ยน Topic ให้เป็น“/@push/owner” เพียงเท่านี้ ตัวระบบก็จะส่งต่อข้อความไปยังมือถือที่ Login NETPIE Applicationไว้ได้แล้ว เว้นแต่ NETPIE Python Library ที่มีการเพิ่ม Method พิเศษในการส่งการแจ้งเตือน ดังที่เห็นในภาพด้านล่าง ซึ่งทำให้การเขียนโค้ดสะดวกมากขึ้น แต่ก็ยังสามารถใช้ Publish ได้เช่นกัน

รูปภาพที่ 49 แสดงหน้า GitHub microgear Python