การสร้าง dashboard บน NETPIE Freeboard เพื่อรับข้อมูลอุณหภูมิและความชื้น

สำหรับขั้นตอนการสร้าง Freeboard สามารถอ่านข้อมูลเพิ่มเติมได้จากบทความ การสร้าง dashboard เพื่อแสดงข้อมูล

• ในขั้นตอนให้เข้าไปที่เมนู RESOURCES>FREEBOARDS จากนั้นจะปรากฎหน้าจอ FREEBOARD ให้คลิกที่เครื่องหมายบวก +

• จากนั้นให้ตั้งชื่อของ FREEBOARD ในตัวอย่างกำหนดชื่อ RPiTempHumid จากนั้นให้กดที่ปุ่ม CREATE เพื่อสร้าง Freeboard เพื่อแสดงข้อมูล

• เมื่อกดที่ปุ่ม CREATE จากนั้นจะปรากฎหน้าจอดังตัวอย่างต่อไปนี้ จากนั้นสังเกตที่ DATASOURCES เพื่อเพิ่มแหล่งข้อมูล โดยการกดที่ ADD

• จากนั้นให้เลือกประเภท (TYPE) โดยเลือกเป็น NETPIE Microgear

• ในขั้นตอนนี้ให้เลือกตั้งชื่อ (NAME) ตามต้องการ แต่ในส่วนของ APP ID, KEY, SECRET ให้ป้อนให้ตรงกับที่ตั้งไว้ในส่วนของ APPLICATIONS สุดท้ายคลิกที่ปุ่ม SAVE

• เมื่อกดที่ปุ่ม SAVE จากนั้นในส่วนของ DATASOURCES จะปรากฎชื่อที่ได้ตั้งไว้ ในกรณีนี้ตั้งชื่อ RPiTemp
  

• ขั้นตอนต่อไปคือเพิ่มหน้าต่างแสดงข้อมูลโดยให้กดที่ปุ่ม +ADD PANE
  

• จากนั้นจะปรากฎหน้าต่างใหม่ขึ้นมา ให้กดที่เครื่องหมาย + และเพิ่ม Widget โดยเลือกประเภท (Type) เป็น Gauge และให้เพิ่มข้อมูลเช่น TITLE, VALUE, UNITS
  
  โดยในช่อง VALUE ให้พิมพ์แหล่งข้อมูลให้ถูกต้อง เช่น

datasources["RPiTemp"]["/test/gearname/dht11"].split(',')[0]

เนื่องจากข้อมูลที่ส่งมาจาก RPi จะเป็นชุดข้อมูลที่เป็นตัวอักษร (string) ดังนั้นเมื่อเรียกข้อมูลจาก datasources["RPiTemp"] จึงต้องนำข้อมูลแยก (split) เพื่อเลือกข้อมูลมาแสดงผลโดยที่ข้อความ ["/test/gearname/dht11"] ได้มาตอนที่สั่งให้โปรแกรม python ทำงาน dht11 คือ message ที่ใช้คุยกันระหว่าง RPi และ NETPIE สุดท้าย .split(',')[0] คือการแยกข้อมูลออกจาก string และเลือกเฉพาะข้อมูลชุดแรก จากนั้นให้คลิกที่ปุ่ม SAVE` เพื่อบันทึกข้อมูล

• เมื่อกำหนดค่าต่าง ๆ ถูกต้องโปรแกรมจะแสดง gauge และแสดงข้อมูลที่รับมาจาก Raspberry Pi หรือเครื่องคอมพิวเตอร์ Client

• จากนั้นให้เลือก WIDGET ใหม่โดยเลือกประเภทเป็น Sparkline และกำหนด VALUE ให้ถูกต้อง
  

• ผลลัพธ์ที่ได้หลังจากเพิ่ม gauge และ sparkline ลงไปในหน้าต่าง (PANE)

• สุดท้ายแล้วให้เพิ่ม PANE เพื่อรับข้อมูลอุณหภูมิ (Temperature) ผลลัพธ์แสดงดังตัวอย่างต่อไปนี้
  

วิดีโอแสดงการทำงาน