Skip to content

สร้าง Freeboards สำหรับแสดงผลแบบ dashboard

olarik surinta edited this page Aug 18, 2018 · 3 revisions

สร้าง Freeboards

การสร้าง dashboard ใน NETPIE จะเรียกว่า Freeboards

  • การสร้าง dashboard สามารถทำได้โดยคลิกที่เมนู RESOURCES>FREEBOARDS
    freeboard-01

  • เมื่อคลิกที่ FREEBOARDS จะปราฏหน้าจอดังต่อไปนี้ หากยังไม่เคยสร้าง Freeboards จะไม่ปรากฎรายชื่อใด ๆ แต่ในกรณีนี้ได้เคยสรา้ง Freeboards ไว้แล้วจึงปรากฎชื่อ SmartMushroomFarm จากนั้นให้คลิกที่เครื่องหมาย บวก เพื่อสร้าง Freeboard (create freeboard)
    freeboard-02

  • เมื่อคลิกที่เครื่องหมาย บวก จะปรากฎหน้าต่าง pop up ขึ้นมาเพื่อให้กรอกชื่อของ Freeboards ในตัวอย่างได้สร้างชื่อ SMFBoard จากนั้นให้คลิกที่ปุ่ม CREATE เพื่อสร้าง Freeboards freeboard-03

  • รายชื่อ SMFBoard ที่สร้างขึ้นจะปรากฎในส่วนของ FREEBOARD
    freeboard-04

  • จากนั้นให้คลิกที่ Freeboard ที่ต้องการทำงาน ในกรณีนี้เลือกที่ SMFBoard จะปรากฎหน้าจอการทำงานของ NETPIE Freeboard
    freeboard-05

เพิ่ม Datasources

เมื่อสร้าง Freeboard เสร็จเรียบร้อยขั้นตอนต่อไปคือการเพิ่ม Datasources

  • ในการสร้าง datasources ทำได้โดยคลิกที่ปุ่ม ADD
    datasource-01

  • เมื่อคลิกที่ ADD จะปรากฎหน้าต่าง pop up ให้เลือก type ของ datasource ในกรณีนี้ให้เลือกที่ NETPIE Microgear
    datasource-02

  • เมื่อเลือกประเภทเป็น NETPIE Microgear จะปรากฎหน้าต่างดังต่อไปนี้ เพื่อให้เพิ่มข้อมูลสำคัญลงไป datasource-03 ข้อมูลที่สำคัญ ประกอบด้วย

  • NAME กำหนดชื่อของ datasource

  • APPID กำหนด APPID ที่จะใช้งาน

  • KEY กำหนด KEY ที่จะใช้งาน

  • SECRET กำหนด secret ที่จะใช้งาน ซึ่งทั้ง appid, key, secret เป็นรหัสที่จะต้องตรงกันกับในโปรแกรมฝั่ง Client หรือที่อยู่ในอุปกรณ์ IoT เพื่อใช้สำหรับการเชื่อมต่อและรับส่งข้อมูลระหว่าง Client และ Server หากไม่ตรงกันจะไม่สามารถรับข้อมูลได้

  • โดยรหัส APPID สามารถเรียกดูได้จาก https://netpie.io/app/SFM ดังนั้นในกรณีนี้ APPID คือ SFM
    datasource-04

  • ในส่วนของ key และ secret ได้มาจาก APPLICATION KEY ที่สร้างขึ้น ดังต่อไปนี้
    datasource-05

  • เมื่อทราบ APPID, key และ SECRET ให้นำมากรอกลงไปในฟอร์ม และให้กดที่ปุ่ม SAVE เพื่อบันทึกข้อมูล
    datasource-06

  • รายชื่อของ datasource ที่สร้างขึ้นจะปรากฎดังต่อไปนี้ ในตัวอย่างแสดงชื่อ SMFDevice
    datasource-07

Clone this wiki locally