หน้าแรกคู่มือHMIออกแบบหน้าจอ

ออกแบบหน้าจอ

รวมเทคนิคออกแบบหน้าจอ HMI ทั้ง Animation, Popup, Dropdown และ UI

รวมเทคนิคการออกแบบหน้าจอ HMI ให้สวยและใช้งานง่าย

ครอบคลุม Animation, ท่อน้ำ (Pipe), Flowchart, Flicker Effect, Flow Block, Image Display, Multi-State Text, Dropdown, Toggle Switch, Popup Window, Public Screen และอื่นๆ

บทความในหมวดนี้(18)

  1. สร้าง Animation ใน HMI

    เรียนรู้การสร้าง Animation ใน HMI ด้วยไฟล์ GIF จาก LottieFiles นำเข้าสู่ SKTool ตั้งค่า Memory Bit และทดสอบการทำงาน พร้อมเคล็ดลับเพิ่มประสิทธิภาพ

    1 นาที
  2. วิธีสร้าง Animation ข้อความบน HMI - Marquee Flicker Color

    เรียนรู้วิธีสร้าง Text Animation บน HMI แบบ Marquee (ข้อความเลื่อน) Flicker (กระพิบ) และ Color Replacement (สลับสี) พร้อมขั้นตอนละเอียดและเคล็ดลับการใช้งาน

    2 นาที
  3. วาดท่อน้ำและทำ Animation

    เรียนรู้การสร้าง Pipeline Animation บนระบบ HMI ด้วย SKTool พร้อมเทคนิคการตั้งค่า Flow Effect, Control Word และการควบคุมสีท่อด้วย Bit สำหรับโรงงานอุตสาหกรรม

    1 นาที
  4. วิธีสร้าง Flowchart แสดงการทำงานบน HMI ด้วย SKTool

    เรียนรู้วิธีสร้าง Flowchart แสดงการทำงานบน HMI ใช้ Static Picture และ Bit Lamp เชื่อมโยงกับ PLC Memory Address เพื่อติดตามสถานะระบบแบบ Real-time

    1 นาที
  5. วิธีตั้งค่า Flicker Effect หลอดไฟใน HMI แจ้งเตือนสถานะ

    เรียนรู้วิธีตั้งค่า Flicker Effect สำหรับหลอดไฟใน HMI ให้กระพิบแจ้งเตือนสถานะสำคัญ พร้อมขั้นตอนง่ายๆ ในการเปิดใช้งานผ่าน Appearance Properties

    1 นาที
  6. เปลี่ยนสี Flow Block ตามค่า

    เรียนรู้วิธีการเปลี่ยนสี Flow Block ใน HMI ตามค่าของ Variable ด้วยเทคนิค Dual Flowbox การตั้งค่า Visibility Logic Control และการแสดงสถานะระบบที่ชัดเจน

    1 นาที
  7. การควบคุมรูปภาพผ่านค่าตัวเลข HMI

    เรียนรู้วิธีการตั้งค่า Picture Display Control ใน HMI เพื่อแสดงสถานะระบบผ่านรูปภาพ พร้อมการผูกค่าตัวเลขจาก PLC และ Local Word สำหรับการควบคุมที่มีประสิทธิภาพ

    1 นาที
  8. การจัดการไฟล์รูปภาพใน HMI SKTool แก้ปัญหารูปภาพหาย

    วิธีแก้ปัญหารูปภาพหายใน HMI SKTool เมื่อส่งไฟล์ไปเครื่องอื่น การบันทึกเป็นไฟล์ SKR และเคล็ดลับการจัดการ Static Picture อย่างถูกต้อง

    1 นาที
  9. สร้างตัวหนังสือแสดงสถานะใน HMI ด้วย Multi-State Lamp

    เรียนรู้วิธีการสร้างตัวหนังสือแสดงสถานะ Running, Line Stop, Alarm ใน HMI ด้วย Multi-State Lamp พร้อมการเปลี่ยนสีพื้นหลัง และเคล็ดลับการแก้ปัญหา

    1 นาที
  10. สร้าง Dropdown และ Combo Box

    เรียนรู้การสร้าง Dropdown Selector และ Combo Box ใน HMI ด้วย Recipe Control ป้องกันการป้อนค่าผิด ประหยัดพื้นที่หน้าจอ พร้อมขั้นตอนและเคล็ดลับการแก้ปัญหา

    1 นาที
  11. การกำหนดช่วงเตือน Numeric Input บน HMI SKTool

    เรียนรู้การตั้งค่าช่วงการป้อนค่าและระบบเตือนใน Numeric Input บน HMI ด้วย Range Check และ Display Range Settings เพื่อป้องกันข้อมูลผิดพลาดและแจ้งเตือนผู้ใช้งาน

    2 นาที
  12. วิธีทำปุ่มยืนยัน Confirm Button บน HMI ป้องกันการกดผิดพลาด

    เรียนรู้วิธีสร้างปุ่มยืนยันการทำงาน (Confirm Button) บน HMI ด้วยการตั้งค่า Bit Switch แบบ Invert และ Require Operator Confirm เพื่อป้องกันการกดผิดพลาดในปุ่มสำคัญ

    1 นาที
  13. สร้างสวิตช์ Toggle บน HMI ด้วย PLC Memory Relay แบบกดค้าง

    เรียนรู้การสร้างสวิตช์แบบ Toggle บน HMI ใช้ Memory Relay กับ PLC ควบคุมอุปกรณ์แบบกดค้างจนกดปุ่มอื่น พร้อมตัวอย่างการตั้งค่าและแก้ปัญหา

    1 นาที
  14. วิธีกำหนดตำแหน่ง Pop-up Window ใน HMI ด้วย X&Y

    เรียนรู้การสร้างและควบคุม Pop-up Window ใน HMI แบบกำหนดตำแหน่งเอง ด้วยการตั้งค่า Display in X&Y และควบคุมด้วย PLC เพื่อความแม่นยำในการแสดงผล

    1 นาที
  15. วิธีตั้งค่า Pop-up Window เตือนสายแรงหลุด HMI-PLC

    เรียนรู้การตั้งค่า Pop-up Window แจ้งเตือนเมื่อสายแรงหลุดระหว่าง HMI กับ PLC ใช้ Flag LB60165 Discrete Alarm และ Screen Jump พร้อมเสียงเตือน

    2 นาที
  16. การใช้ Public Screen ใน HMI สร้าง Menu Bar แบบใช้ซ้ำได้

    เรียนรู้วิธีสร้างและใช้งาน Public Screen ใน HMI เพื่อออกแบบ Menu Bar ที่ใช้ซ้ำได้หลายหน้า ประหยัดเวลา ง่ายต่อการจัดการ พร้อมเทคนิคการแก้ปัญหา

    1 นาที
  17. การจำกัดปุ่ม HMI เฉพาะหน้าจอที่กำหนด Touch Availability

    เรียนรู้วิธีการตั้งค่า Touch Availability ใน HMI เพื่อจำกัดการกดปุ่มเฉพาะหน้าจอที่กำหนด ใช้ LW60010 และ Screen ID ป้องกันข้อผิดพลาดจากการกดปุ่มผิดหน้า

    2 นาที
  18. วิธีใช้งาน Mouse กับ HMI - ตั้งค่า USB Mouse Action

    เรียนรู้การใช้ Mouse กับ HMI แบบละเอียด ตั้งค่า Operation Mode เป็น USB Mouse Action เชื่อมต่อผ่าน USB Adapter ใช้ร่วมกับ Barcode Scanner

    1 นาที