IoT ไปกับ Senses Platform ตอนที่ 3 Chart feat.KidBright

สารบัญ

Widget Chart

Widget Chart
Widget Chart

Chart คือ Widget ใช้สำหรับแสดงข้อมูลตัวเลขออกมาเป็นแผนภูมิ โดย Widget จะรับค่าตัวเลข 1 ค่ามาบันทึกแล้วจะแสดงผลเรียงตามเวลา 15 นาทีล่าสุด

Chart ต่างจาก Guage ตรงที่ Chart สามารถแสดงผลข้อมูลเป็นชุดตามเวลาได้ (15 นาทีล่าสุด) แต่ Guage แสดงข้อมูลเพียงค่าปัจจุบันเท่านั้น

ประยุกต์ Senses Platform กับ KidBright ภาค 2

การประยุกต์ครั้งนี้จะเป็นการนำ KidBright ส่งข้อมูลการกดปุ่มที่ติดมากับ KidBright (ปุ่ม B1 และ B2)

Dashboard

ถ้ายังไม่ได้ลงทะเบียนอุปกรณ์ ให้ลงทะเบียนอุปกรณ์ผ่านหน้า IoT Gauge โดยกำหนดชื่ออุปกรณ์ เป็น KidBright และชื่อรุ่นเป็น ESP32 แล้วคลิกปุ่ม Register Device เพื่อลงทะเบียนอุปกรณ์

IoT Garage
IoT Garage

จากนั้นไปที่หน้า Dashboard เลือก Dashboard ที่ต้องการจากปุ่ม Dashboard Manager คลิกปุ่ม Edit Dashboard เพื่อแก้ไข Dashboard

เพิ่ม Chart โดยการคลิกปุ่ม Chart ตรงแถบด้านล่างของ Dashboard โดย Widget Chart นี้สามารถคลิกลากเพื่อปรับตำแหน่งได้

การใช้งาน Chart Widget
การใช้งาน Widget Chart

ในที่นี้ให้สร้าง 2 Chart เพื่อแสดงค่าการกดปุ่ม B1 และ B2 แยกจากกัน

ที่บน Widget Chart คลิกปุ่ม SETTING เพื่อตั้งค่า โดยมีค่าที่ต้องกำหนดที่สำคัญดังนี้

  • Chart title (ชื่อ Chart)
  • Y axis label (ชื่อแกน Y)
  • Y min / Y max (ค่าสูงสุด/ต่ำสุดบนแกน Y)
  • Chart type (ประเภทแผนภูมิ) มี 2 แบบคือ line (เส้น) และ bar (แท่ง)
  • Chart line color (สีเส้นแผนภูมิ)
  • Show data from device (อุปกรณ์ที่ลงทะเบียน)
  • Slot data (ช่องข้อมูลที่จะนำมาแสดงผล)

โดย Chart ทั้งสอง กำหนดค่าดังรูปนี้

Setting Chart อันแรก
Setting Chart อันแรก
Setting Chart อันที่สอง
Setting Chart อันที่สอง

เมื่อกำหนดแล้ว ให้คลิกปุ่ม Save edit Dashboard เพื่อบันทึกข้อมูล และอย่าลืม Refresh เพื่อให้ Graph แสดงผลที่ถูกต้อง

Dashborad ที่มี Widget Chart
Dashborad ที่มี Widget Chart

Library ที่จำเป็น

เปิดโปรแกรม Arduino IDE แล้วตรวจสอบให้ดีว่า ได้ติดตั้ง Library เหล่านี้หรือไม่ ถ้าไม่มี ให้ติดตั้งก่อน Upload

  • Senses_wifi_esp32 สำหรับเชื่อมต่ออุปกรณ์กับ Senses Platform บนอุปกรณ์ esp32 (พิมพ์ที่ช่องค้นหาว่า senses)
  • Adafruit LED Backpack Library สำหรับแสดงผลบน LED Dot Matrix บน KidBright (พิมพ์ที่ช่องค้นหาว่า backpack)
Library Senses_wifi_esp32
Library Senses_wifi_esp32
Library Adafruit LED Backpack Library
Library Adafruit LED Backpack Library

อัพโหลด Source Code

ดาวน์โหลด Source Code ของผู้เขียนได้ที่
https://github.com/chan1sook/Senses-Platform-with-KidBright-2

Source Code นี้จะส่งจำนวนการกดปุ่ม B1 และ B2 ทุก ๆ 10 วินาที โดยค่าจะเพิ่มขึ้นเรื่อยๆ จนกว่า KidBright จะโดน Reset หรือปิดลง

หลังจากเปิด Source Code ขึ้นมาแล้ว ก่อนที่จะอัพโหลดเข้าบอร์ดแก้ไขค่าต่อไปนี้จาก Source Code ก่อน ได้แก่

  • ssid (ชื่อ Wifi ที่ต้องการเชื่อม Wifi)
  • passw (รหัสผ่าน Wifi)
  • userid (User ID ของ Senses Platform)
  • key (Key อุปกรณ์จาก KidBright จาก IoT Gauge)
Edit value in Arduino IDE
แก้ไขค่าตรงที่วงไว้

หลังจากที่กำหนดค่าแล้ว ให้บันทึก Source Code แล้วทำการ Verify และ Upload โปรแกรมเข้าบอร์ด KidBright โดยต้องเลือก Board เป็น Node32s และเสียบบอร์ดเข้ากับ PC ก่อน (เหมือนกับบอร์ดอื่นๆ) แล้วกำหนด Port COM ให้ถูกต้องก่อน แล้วค่อยกดปุ่ม Upload แล้วรอให้อัพโหลดให้สำเร็จ

ถ้าอัพโหลดสำเร็จ เมื่อกดปุ่ม B1 หรือ B2 IoT จะบันทึกการกดปุ่มนั้นๆ แล้วส่งข้อมูลบน Senses Platform (อย่าลืมเชื่อมต่อ Internet)

KidBright Clicker?
KidBright Clicker?
Dashboard Results
ถ้า Auto Y Scale ได้จะดีมาก

เด็ดดอกไม้ สะเทือนถึงดวงดาว

ตอนที่ 4 มาแล้ว

--

--

ณัฐวัฒน์ จันทร์สุข

สนใจในเทคโนโลยี และเกม ชอบเขียนบทความสไตล์เกรียนๆ