netpie
FREEBOARD

Updated 8 months ago

FREEBOARD

Freeboard เป็น Web Application ที่สามารถสร้าง Dashboard เพื่อแสดงผลสำหรับ IoT แอปพลิเคชั่นโดยสามารถใช้เป็นกระดานส่วนตัว สามารถวางปุ่มกดสวิตช์ไว้ใช้สำหรับควบคุมอุปกรณ์ หรือ วางหน้าปัดเพื่อแสดงผลข้อมูลต่าง ๆ ที่ได้จากอุปกรณ์ เช่น เซนเซอร์ในระบบ IoT นอกจากนี้ยังสามารถแสดงผลเป็นกราฟได้ ส่วนหน้ากระดานหรือ Dashboard นั้น สามารถปรับแต่งได้โดยง่าย เพียงแค่ป้อน ข้อมูลเข้าหรือกำหนดคำสั่งก็สามารถทำงานได้แล้ว โดยที่ผู้ใช้ไม่จำเป็นต้องเขียน HTML Web Page เอง และที่สำคัญคือข้อมูลนั้นมีการอัพเดทแบบ Real - time ความเสถียรและเชื่อถือได้ และเป็น Open - Source ซึ่งทำให้นักพัฒนาสามารถต่อยอดให้ดียิ่งขึ้นได้อีกด้วย
NETPIE Freeboard คือ Freeboard สำหรับการควบคุมและการแสดงผล (Visualization) ข้อมูลที่ ดึงมาจากอุปกรณ์ที่ต่อกับ NETPIE ทีมงานได้พัฒนา Widget Plugins ขึ้นมาให้ผู้ใช้งานสามารถทำตามความต้องการได้หลากหลาย เช่น สามารถสร้างปุ่มควบคุมและใส่คำสั่ง Javascript สำหรับ Action ต่าง ๆ ได้ การใช้งาน NETPIE Freeboard นั้นสามารถใช้ Browser เปิดไฟล์ index.html ที่ได้จากการติดตั้ง NETPIE Freeboard หรือสามารถใช้ Freeboard ผ่านทางหน้าเว็บของ NETPIE

การใช้งาน FREEBOARD

การใช้งาน Freeboard มี 2 แบบ

  1. การใช้ NETPIE Freeboard ที่ติดตั้งในเครื่องแบบ Local

    1.1. ดาวน์โหลดและติดตั้ง NETPIE Freeboard จาก Github (https://github.com/netpieio/netpiefreeboard\ กดที่ปุ่ม Clone or download เพื่อเริ่มทำการดาวน์โหลดไฟล์แบบ Download ZIP

    1.2. แตกไฟล์ใน ZIP Folder แล้วใช้ Browser เปิดไฟล์ที่ชื่อ index.html จะปรากฏหน้าสำหรับให้ใส่ข้อมูล

    1.3. ปรับแต่งค่าใน NETPIE Freeboard ตามรายละเอียดที่จะอธิบายในล าดับถัดไป

  2. การใช้NETPIE Freeboard ผ่านทางหน้าเว็บ NETPIE

    2.1. เข้าสู่ระบบ NETPIE Account แล้วไปที่เมนู RESOURCES → FREEBOARDS

    2.2.คลิกเครื่องหมาย เพื่อสร้าง Freeboard ขึ้นมาใหม่

    2.3. ตั้งชื่อ Freeboard แล้วกดปุ่ม

    2.4. ปรับแต่งค่าใน NETPIE Freeboard ตามรายละเอียดที่อธิบายในลำดับถัดไป

โดยจะมีปุ่ม ไว้สำหรับเปิด/ปิด edit mode

โครงสร้าง Freeboard

เมนูการใช้งาน

Main Menu

● IMPORT เป็นเมนูสำหรับอัพโหลดไฟล์ Configuration ของหน้า Freeboard ที่บันทึกเก็บไว้

● EXPORT เป็นเมนูสำหรับนำไฟล์ Configuration ออก (Export)

● RESET เป็นเมนูสำหรับล้าง Datasource และ Widget ที่สร้างไว้

● ADD PANE เป็นเมนูสำหรับเพิ่ม Panel ในการจัดวาง Widget