กิจกรรมที่ 7 — สร้างหน้าจอติดตามและควบคุมฟาร์ม (Dashboard)
35 นาที วางแผน 5 นาที · สร้าง 25 นาที · ทดสอบ 5 นาที
อุปกรณ์ที่ใช้ ระบบทั้งหมด และโทรศัพท์ 1 เครื่อง
เราจะสร้างแดชบอร์ดเพื่อให้ผู้ใช้ดูข้อมูลและสั่งงานอุปกรณ์ในฟาร์มได้สะดวกขึ้น แดชบอร์ดที่ดีควรช่วยให้ผู้ใช้เข้าใจสถานะของระบบและหาปุ่มที่ต้องการได้ง่าย
ใบงาน
คลิกหัวข้อเพื่อดูวิธีทำ ทำเสร็จแล้วทำเครื่องหมายและตอบคำถาม
- 7.1 ใครจะใช้งานแดชบอร์ด ใครจะใช้แดชบอร์ดนี้ (ระบุบทบาท ไม่ต้องใส่ชื่อบุคคล)
- 7.2 เลือกข้อมูลที่จะแสดงและควบคุม เขียนชื่อข้อมูลหรือสถานะ 3 อย่าง และคำสั่งที่ต้องการให้มีบนจอ 2 อย่าง ไม่ต้องกรอกค่าที่วัดได้
- ชื่อข้อมูลหรือสถานะที่จะแสดง
- ชื่อข้อมูลหรือสถานะที่จะแสดง
- ชื่อข้อมูลหรือสถานะที่จะแสดง
- คำสั่งที่ผู้ใช้ต้องกดได้
- คำสั่งที่ผู้ใช้ต้องกดได้
- 7.3 สร้างแดชบอร์ด เพิ่ม Gauge ความชื้นอากาศ · Tile ลูกลอย · Tile สั่งปั๊ม · Tile โหมดรดน้ำอัตโนมัติ (Auto / Manual)
- 7.4 ให้ผู้อื่นทดลองใช้แดชบอร์ด สังเกตว่าเขาเข้าใจข้อมูลและปุ่มบนแดชบอร์ดหรือไม่
- คำถามท้ายกิจกรรม หากจะนำแดชบอร์ดนี้ไปใช้งานจริง และมีเวลาปรับปรุงเพิ่มเติม เราควรปรับส่วนใดบ้างให้เหมาะกับผู้ใช้
7.1ใครจะใช้งานแดชบอร์ด
ระบุผู้ใช้
- ระบุว่ามีใครบ้างที่จะใช้แดชบอร์ด เช่น เจ้าของฟาร์ม คนงานหน้าแปลง หรือผู้จัดการหลายแปลง
ผู้ที่จะใช้แดชบอร์ด (ระบุบทบาท เช่น เจ้าของฟาร์ม หรือคนดูแลแปลง)
7.2เลือกข้อมูลที่จะแสดงและควบคุม
เลือกค่าที่จะแสดงและสิ่งที่จะควบคุม
- กรอกค่าที่จะแสดง 3 อย่างและสิ่งที่จะควบคุม 2 อย่างในตาราง ใช้คำที่ผู้ใช้เข้าใจง่าย เช่น “ความชื้นอากาศ” “น้ำถึงระดับลูกลอยหรือไม่” “เปิดปั๊ม” “สลับโหมด Auto / Manual”
| ลำดับ | ชื่อข้อมูลหรือสถานะที่จะให้ผู้ใช้เห็น (ไม่ใช่ค่าที่วัดได้) |
|---|---|
| 1 | |
| 2 | |
| 3 |
| ลำดับ | คำสั่งที่ผู้ใช้ต้องกดได้ เช่น เปิด–ปิดปั๊ม |
|---|---|
| 1 | |
| 2 |
จัดลำดับความสำคัญ
- วางข้อมูลสำคัญและปุ่มที่ใช้บ่อยไว้ด้านบน ใช้ชื่อที่ผู้ใช้เข้าใจตรงกัน
7.3สร้างแดชบอร์ด
สร้างแดชบอร์ด
- เปิด Settings → Dashboards → + Add dashboard → New dashboard from scratch ตั้งชื่อ เช่น
แปลง 1และเปิด Add to sidebar ไว้
ในช่วงที่ 2 เราใช้ Farm Dashboard ที่ Home Assistant จัดการ์ดให้อัตโนมัติ กิจกรรมนี้เราจะสร้างแดชบอร์ดเปล่าขึ้นใหม่ เพื่อฝึกเลือกข้อมูล ตั้งชื่อ และจัดวางการ์ดให้เหมาะกับผู้ใช้
เพิ่มการ์ด
- เปิดแดชบอร์ดใหม่ กดไอคอนดินสอ แล้วเพิ่มการ์ดตามตาราง
| การ์ดที่ต้องมี | เลือกข้อมูล | ชื่อที่ใช้บนจอ |
|---|---|---|
| Gauge | ความชื้นอากาศ (humidity) | ความชื้นอากาศ (%) |
| Tile | สวิตช์ลูกลอย (float switch) | ระดับน้ำที่ลูกลอย |
| Tile | รีเลย์ (relay) | สั่งปั๊ม |
| Tile | Pump Auto Mode (จากช่วงที่ 2) |
โหมดรดน้ำอัตโนมัติ |
การ์ดโหมดแสดงได้เพียง On / Off ตั้งชื่อให้อ่านแล้วรู้ทันทีว่า On คือ Auto และ Off คือ Manual
เมื่อตั้งเป็น Manual ผู้ใช้สั่งเริ่มปั๊มเองได้ แต่กฎปิดปั๊มตามความชื้นและกฎป้องกันยังทำงานอยู่ เหมือนที่ทดลองในข้อ 4.8
จัดหน้าจอ
- จัดการ์ดสำคัญไว้ด้านบน แล้วกด Done
(ไม่บังคับทำ) เพิ่มการ์ดอื่น
- ลองเพิ่มการ์ดอื่น ๆ ที่น่าสนใจ เช่น เพิ่ม History graph ตั้ง Hours to show: 24 หรือปรับสี Gauge เป็นต้น
7.4ให้ผู้อื่นทดลองใช้แดชบอร์ด
ให้ผู้อื่นลองใช้
- เปิดแดชบอร์ดบนโทรศัพท์ที่ต่อ WiFi ของโซนเราและใช้ที่อยู่เดียวกับกิจกรรมที่ 3 (ถ้าโทรศัพท์เปิดไม่ได้ ให้ทดลองบนแล็ปท็อปแทน) ให้คนจากกลุ่มข้าง ๆ หรือคนที่ไม่ได้ช่วยสร้างทดลองดู โดยยังไม่อธิบาย
- ให้เขาอธิบายทีละการ์ดว่าแสดงอะไรหรือสั่งอะไร แล้วลองถามเพื่อทดสอบความเข้าใจ: ความชื้นเท่าไร · น้ำถึงระดับลูกลอยหรือไม่ · ปุ่มสั่งปั๊มอยู่ไหน · ตอนนี้เป็นโหมด Auto หรือ Manual
ปรับปรุงและทดสอบซ้ำ
- หากให้ผู้ใช้ลองแล้วตอบไม่ได้หรือเข้าใจผิด ให้ปรับการออกแบบ แล้วให้ลองใหม่
คำถามท้ายกิจกรรม หากจะนำแดชบอร์ดนี้ไปใช้งานจริง และมีเวลาปรับปรุงเพิ่มเติม เราควรปรับส่วนใดบ้างให้เหมาะกับผู้ใช้
ตอนนี้เราดูแดชบอร์ดได้เมื่อเชื่อมต่อ WiFi ของโซนเราเท่านั้น ในกิจกรรมที่ 8 กลุ่มจะได้พิจารณาว่าจำเป็นต้องดูข้อมูลจากนอกฟาร์มหรือไม่ และจะใช้วิธีใด