การตั้งค่า Dashboard ในชุดการทดลองที่ 2
1.ให้โยงบล็อกในลักษณะดังภาพ
2.ตั้งค่าในบล็อก MQTT
โดยเริ่มจากการ ตั้งค่า Server ให้เป็น test.mosquitto.org และ Port ให้เป็น 1883
จากนั้นให้ตั้งค่า Properties โดยให้กรอกค่า Topic ให้ตรงกับที่กำหนดไว้ในโปรแกรม Arduino และตั้งค่า QOS ในที่นี้เราได้ตั้งค่าเท่ากับ 1
3.ตั้งค่า code ใน บล็อก Function ในหน้า On Message ให้เป็นดังภาพ
var m = msg.payload.split(',');
var H = { payload: parseFloat(m[0]) };
var T = { payload: parseFloat(m[1]) };
return [H, T];โดย code นี้มีหน้าที่ในการแยกข้อมูลและกำหนดค่าของข้อมูลที่ถูกส่งเข้า node red ที่จะเข้ามาเป็นข้อมูลชุดเดียวโดยจะเป็นความชื้นและอุณหภูมิตามลำดับ ดังภาพ
และตั้งค่า Outputs เท่ากับ 2 ในหน้าต่าง Setup
4.การสร้าง Dashboard
ขั้นตอนแรกให้ทำการสร้าง Tab ซึ่งเป็นพื้นที่ๆครอบคลุมทุกอย่างในเว็บไซต์
ให้สร้างกลุ่มของข้อมูลด้วยการเพิ่ม Group ซึ่งจะเป็นช่องลงข้อมูล
สุดท้ายให้ไปที่บล็อก Gauge และเพิ่มเข้ากลุ่มที่ได้สร้างไป
เมื่อเรากลับไปดูที่ Group จะพบว่า Gauge ได้ถูกเพิ่มเข้ามาเรียบร้อยแล้ว และทำเช่นนี้จนครอบบล็อกที่เป็น dashboard ทั้งหมด
4.สั่งเริ่มทำงานเว็บต์โดยกดปุ่ม Deploy
และเมื่อกดปุ่มที่มีรูปทรงสี่เหลี่ยมและลูกศรเราจะเข้าไปสู่หน้าเว็บ
จากนั้นก็ถือเป็นอันเสร็จชุดการเรียนรู้ที่ 2