หน้าแรกคู่มือ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

    วิธีทำภาพเคลื่อนไหวบนหน้าจอ HMI Samkoon ด้วยไฟล์ GIF หาไฟล์จาก LottieFiles นำเข้าผ่าน GIF Display ใน SKTool และสั่งให้เล่นเมื่อบิต LB0 ติดด้วย By Bit Control

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

    ทำ Animation ให้ Text ใน SKTool ได้ 3 แบบ ตัวอักษรวิ่งซ้าย/ขวาด้วย Marquee กระพริบด้วย Flicker แบบ Text display และสลับสีตัวอักษรกับพื้นหลังด้วย Flicker แบบ Color Replacement ควบคุมด้วย Bit

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

    วิธีวาดท่อด้วย Pipeline ใน SKTool และทำ Animation บนหน้าจอ HMI Samkoon เปลี่ยนสีท่อ ทำท่อกระพริบ และเอฟเฟกต์น้ำไหล ด้วยบิตของ Control Word ตัวเดียว

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

    วิธีทำหน้าจอแสดงขั้นตอนการทำงานของเครื่องบน HMI Samkoon ใส่รูปเครื่องจักรหรือไลน์ผลิตด้วย Static Picture แล้ววาง Bit Lamp ทับรูปผูกกับบิตขั้นตอน (Coil M หรือ S) จาก PLC

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

    วิธีทำรูปหลอดไฟกระพริบบนหน้าจอ HMI Samkoon เมื่อ Bit Lamp ติด โดยไม่ต้องเปลี่ยนค่าข้อมูลไปมา ตั้ง Flicker ในแท็บ Appearance ของสถานะ 1 จาก No เป็น Yes

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

    เทคนิคให้ Flow Block บนหน้าจอ HMI Samkoon เปลี่ยนสีตามค่าตัวเลข เช่น ค่า D จาก PLC โดยซ้อน Flow Block สองตัวต่างสี แล้วใช้ Logic control ในแท็บ Visibility เลือกว่าตัวไหนแสดง

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

    วิธีใช้ Picture Display ใน SKTool ให้รูปบนหน้าจอ HMI Samkoon เปลี่ยนไปตามค่าตัวเลขใน LW หรือ D ของ PLC ตั้งจำนวนสถานะ ผูก Address และเลือกรูปให้แต่ละสถานะ

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

    เปิดโปรเจค SKTool แล้วรูปหาย เพราะ Static Picture ลิงก์ไปที่ไฟล์รูปในเครื่องเดิม วิธีแก้คือ Pack โปรเจคเป็นไฟล์ .skr ผ่านเมนู Tools > Pack/Unpack ก่อนส่งให้คนอื่น รูปจะติดไปด้วย

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

    วิธีทำแถบสถานะตัวหนังสือ Running, Line Stop, Alarm ที่ทั้งข้อความและสีพื้นหลังเปลี่ยนตามค่า LW หรือ D บนหน้าจอ HMI Samkoon ด้วย MultiState Lamp แบบไม่ใช้รูป

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

    วิธีทำ Dropdown ให้ผู้ใช้เลือกค่าที่ fix ไว้บนหน้าจอ HMI Samkoon ด้วย Recipe แบบ Continuous กับ Recipe selector แบบ Down list และปุ่ม Write recipe to PLC ใน SKTool

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

    จำกัดช่วงค่าที่ป้อนได้ใน Numeric Input ด้วย Range Check และเปลี่ยนสีพื้นหลังแจ้งเตือนเมื่อค่าต่ำไปหรือสูงไปด้วย Display range ในแท็บ Advanced ของ SKTool

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

    ตั้งค่า Bit Switch ฟังก์ชัน Invert ใน SKTool ให้ติ๊ก Required the operator confirm และกำหนด Wait Time ผู้ใช้ต้องกด OK ยืนยันก่อนปุ่มจะเปลี่ยนสถานะ

    1 นาที
  13. ปุ่มแบบพัดลมบน HMI กดทีละปุ่มแล้วค้าง ด้วย Set/Reset ใน PLC

    วิธีทำปุ่มแบบสวิตช์พัดลมบนหน้าจอ HMI Samkoon กดได้ทีละปุ่มและค้างไว้จนกดปุ่มอื่น ใช้ปุ่ม Inching เขียน M0/M1 แล้วให้ PLC Samkoon Set/Reset M100/M101 และใช้ M100/M101 เป็น Monitor Address

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

    วิธีให้ Pop-up Window บนหน้าจอ HMI Samkoon เด้งขึ้นตรงตำแหน่งที่ต้องการ ตั้ง Display in พร้อมพิกัด X และ Y ใน Window property แล้วสั่งเปิดด้วยบิตผ่าน PLC Control แท็บ Screen jump

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

    วิธีให้หน้าจอ HMI Samkoon เด้งหน้าต่างเตือนเมื่อสาย LAN ระหว่าง HMI กับ PLC หลุด ใช้ Flag LB60165 สถานะการเชื่อมต่อ Ethernet ร่วมกับ Discrete Alarm, Screen jump และเสียงเตือนกับหน้าจอกระพริบ

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

    วิธีสร้าง Public Screen ใน SKTool เพื่อทำ Menu Bar ครั้งเดียวแล้วนำไปใช้ซ้ำทุกหน้าของโปรแกรม HMI ด้วยการตั้ง Public screen setting เป็น Use public

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

    วิธีให้ปุ่มที่แชร์อยู่หลายหน้าจอบน HMI Samkoon กดได้เฉพาะหน้าที่กำหนด เช่น หน้า Auto ใช้ Logic control ของ Touch Availability กับ LW60010 ซึ่งบอก Screen ID ของหน้าที่เปิดอยู่

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

    วิธีใช้เมาส์ USB กับหน้าจอ HMI Samkoon ตั้ง Touch method เป็น USB Mouse Action ใน HMI parameters settings ของ SKTool แล้วเสียบเมาส์ตรงหรือผ่าน USB Hub ใช้ร่วมกับปืนบาร์โค้ดได้

    1 นาที