ออกแบบหน้าจอ
รวมเทคนิคออกแบบหน้าจอ 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)
- 2 นาที
สร้าง Animation ใน HMI
วิธีทำภาพเคลื่อนไหวบนหน้าจอ HMI Samkoon ด้วยไฟล์ GIF หาไฟล์จาก LottieFiles นำเข้าผ่าน GIF Display ใน SKTool และสั่งให้เล่นเมื่อบิต LB0 ติดด้วย By Bit Control
- 2 นาที
วิธีสร้าง Animation ข้อความบน HMI - Marquee Flicker Color
ทำ Animation ให้ Text ใน SKTool ได้ 3 แบบ ตัวอักษรวิ่งซ้าย/ขวาด้วย Marquee กระพริบด้วย Flicker แบบ Text display และสลับสีตัวอักษรกับพื้นหลังด้วย Flicker แบบ Color Replacement ควบคุมด้วย Bit
- 1 นาที
วาดท่อน้ำและทำ Animation
วิธีวาดท่อด้วย Pipeline ใน SKTool และทำ Animation บนหน้าจอ HMI Samkoon เปลี่ยนสีท่อ ทำท่อกระพริบ และเอฟเฟกต์น้ำไหล ด้วยบิตของ Control Word ตัวเดียว
- 1 นาที
วิธีสร้าง Flowchart แสดงการทำงานบน HMI ด้วย SKTool
วิธีทำหน้าจอแสดงขั้นตอนการทำงานของเครื่องบน HMI Samkoon ใส่รูปเครื่องจักรหรือไลน์ผลิตด้วย Static Picture แล้ววาง Bit Lamp ทับรูปผูกกับบิตขั้นตอน (Coil M หรือ S) จาก PLC
- 1 นาที
วิธีตั้งค่า Flicker Effect หลอดไฟใน HMI แจ้งเตือนสถานะ
วิธีทำรูปหลอดไฟกระพริบบนหน้าจอ HMI Samkoon เมื่อ Bit Lamp ติด โดยไม่ต้องเปลี่ยนค่าข้อมูลไปมา ตั้ง Flicker ในแท็บ Appearance ของสถานะ 1 จาก No เป็น Yes
- 1 นาที
เปลี่ยนสี Flow Block ตามค่า
เทคนิคให้ Flow Block บนหน้าจอ HMI Samkoon เปลี่ยนสีตามค่าตัวเลข เช่น ค่า D จาก PLC โดยซ้อน Flow Block สองตัวต่างสี แล้วใช้ Logic control ในแท็บ Visibility เลือกว่าตัวไหนแสดง
- 1 นาที
การควบคุมรูปภาพผ่านค่าตัวเลข HMI
วิธีใช้ Picture Display ใน SKTool ให้รูปบนหน้าจอ HMI Samkoon เปลี่ยนไปตามค่าตัวเลขใน LW หรือ D ของ PLC ตั้งจำนวนสถานะ ผูก Address และเลือกรูปให้แต่ละสถานะ
- 2 นาที
การจัดการไฟล์รูปภาพใน HMI SKTool แก้ปัญหารูปภาพหาย
เปิดโปรเจค SKTool แล้วรูปหาย เพราะ Static Picture ลิงก์ไปที่ไฟล์รูปในเครื่องเดิม วิธีแก้คือ Pack โปรเจคเป็นไฟล์ .skr ผ่านเมนู Tools > Pack/Unpack ก่อนส่งให้คนอื่น รูปจะติดไปด้วย
- 2 นาที
สร้างตัวหนังสือแสดงสถานะใน HMI ด้วย Multi-State Lamp
วิธีทำแถบสถานะตัวหนังสือ Running, Line Stop, Alarm ที่ทั้งข้อความและสีพื้นหลังเปลี่ยนตามค่า LW หรือ D บนหน้าจอ HMI Samkoon ด้วย MultiState Lamp แบบไม่ใช้รูป
- 1 นาที
สร้าง Dropdown และ Combo Box
วิธีทำ Dropdown ให้ผู้ใช้เลือกค่าที่ fix ไว้บนหน้าจอ HMI Samkoon ด้วย Recipe แบบ Continuous กับ Recipe selector แบบ Down list และปุ่ม Write recipe to PLC ใน SKTool
- 2 นาที
การกำหนดช่วงเตือน Numeric Input บน HMI SKTool
จำกัดช่วงค่าที่ป้อนได้ใน Numeric Input ด้วย Range Check และเปลี่ยนสีพื้นหลังแจ้งเตือนเมื่อค่าต่ำไปหรือสูงไปด้วย Display range ในแท็บ Advanced ของ SKTool
- 1 นาที
วิธีทำปุ่มยืนยัน Confirm Button บน HMI ป้องกันการกดผิดพลาด
ตั้งค่า Bit Switch ฟังก์ชัน Invert ใน SKTool ให้ติ๊ก Required the operator confirm และกำหนด Wait Time ผู้ใช้ต้องกด OK ยืนยันก่อนปุ่มจะเปลี่ยนสถานะ
- 2 นาที
ปุ่มแบบพัดลมบน HMI กดทีละปุ่มแล้วค้าง ด้วย Set/Reset ใน PLC
วิธีทำปุ่มแบบสวิตช์พัดลมบนหน้าจอ HMI Samkoon กดได้ทีละปุ่มและค้างไว้จนกดปุ่มอื่น ใช้ปุ่ม Inching เขียน M0/M1 แล้วให้ PLC Samkoon Set/Reset M100/M101 และใช้ M100/M101 เป็น Monitor Address
- 2 นาที
วิธีกำหนดตำแหน่ง Pop-up Window ใน HMI ด้วย X&Y
วิธีให้ Pop-up Window บนหน้าจอ HMI Samkoon เด้งขึ้นตรงตำแหน่งที่ต้องการ ตั้ง Display in พร้อมพิกัด X และ Y ใน Window property แล้วสั่งเปิดด้วยบิตผ่าน PLC Control แท็บ Screen jump
- 2 นาที
วิธีตั้งค่า Pop-up Window เตือนสาย LAN หลุด HMI-PLC
วิธีให้หน้าจอ HMI Samkoon เด้งหน้าต่างเตือนเมื่อสาย LAN ระหว่าง HMI กับ PLC หลุด ใช้ Flag LB60165 สถานะการเชื่อมต่อ Ethernet ร่วมกับ Discrete Alarm, Screen jump และเสียงเตือนกับหน้าจอกระพริบ
- 2 นาที
การใช้ Public Screen ใน HMI สร้าง Menu Bar แบบใช้ซ้ำได้
วิธีสร้าง Public Screen ใน SKTool เพื่อทำ Menu Bar ครั้งเดียวแล้วนำไปใช้ซ้ำทุกหน้าของโปรแกรม HMI ด้วยการตั้ง Public screen setting เป็น Use public
- 2 นาที
การจำกัดปุ่ม HMI เฉพาะหน้าจอที่กำหนด Touch Availability
วิธีให้ปุ่มที่แชร์อยู่หลายหน้าจอบน HMI Samkoon กดได้เฉพาะหน้าที่กำหนด เช่น หน้า Auto ใช้ Logic control ของ Touch Availability กับ LW60010 ซึ่งบอก Screen ID ของหน้าที่เปิดอยู่
- 1 นาที
วิธีใช้งาน Mouse กับ HMI - ตั้งค่า USB Mouse Action
วิธีใช้เมาส์ USB กับหน้าจอ HMI Samkoon ตั้ง Touch method เป็น USB Mouse Action ใน HMI parameters settings ของ SKTool แล้วเสียบเมาส์ตรงหรือผ่าน USB Hub ใช้ร่วมกับปืนบาร์โค้ดได้
มีคำถาม? ติดต่อทีมงาน