การจัดการ Screen และ Window

ทำไมต้องมีหลายหน้าจอ

เมื่อระบบซับซ้อนขึ้น พื้นที่ทำงานหน้าจอเดียวจะไม่พอ SKTool จึงให้ Add Screen สร้างหลายหน้าได้ นอกจากเพิ่มพื้นที่แล้วยังช่วยจัดหมวดหมู่ระบบ เช่น เครื่องจักรอาจมีหน้าเริ่มต้น หน้า Auto หน้า Manual หน้า Setting และหน้า Config แยกกัน แต่ละเรื่องอยู่ด้วยกัน ลดความสับสนในการทำงาน และเป็น User Experience ที่ดีกว่าสำหรับผู้ใช้งาน

1. สร้าง Screen ใหม่

1. ที่แผงซ้าย คลิกขวาที่ Screen → Add Screen
2. ตั้ง Screen Name เช่น Settings
3. ID ของแต่ละ Screen ต้องไม่ซ้ำกัน และสำคัญตอนสั่งเปิด Screen ตามเงื่อนไขการทำงาน ในคลิปปล่อยค่า Default ซึ่งโปรแกรมรันเลขให้เอง (ได้ ID 1)
4. Background Color เป็นสีขาวเหมือนเดิม แล้วกด OK

ใส่หัวข้อให้แต่ละหน้า

1. ใน Toolbox แท็บ Base elements เลือก Text
2. ที่หน้า Main พิมพ์ COMPLETE HMI ขนาดตัวอักษร 24 ตัวหนา (Bold)
3. เลือก Text นี้ กด Ctrl+C แล้วไป Ctrl+V ที่หน้า Settings ดับเบิลคลิกแก้เป็น SETTINGS

2. Screen Button — ปุ่มสลับหน้า

Screen Button คือปุ่มที่ใช้สลับการแสดงผลของ HMI

ปุ่มไปหน้า Settings

1. ใน Toolbox แท็บ Function elements เลือก Screen Button
2. Function ค่าเริ่มต้นคือ Open Screen (เปิด Screen นั้น)
3. เลือก Screen เป็น 1 (Settings)
4. ตั้งข้อความที่แท็บ Appearance แล้วกด OK วางปุ่มไว้ที่หน้า Main

ปุ่มย้อนกลับ

1. ที่หน้า Settings สร้าง Screen Button อีกตัว
2. ถ้ามั่นใจว่าหน้า Settings ต้องเข้ามาจากหน้าหลัก เลือก Function เป็น Open Previous Screen (เปิดหน้าล่าสุดที่แล้ว)
3. ตั้งข้อความว่า BACK

กด Offline Simulation ทดสอบ กดปุ่ม Settings จะ Navigate ไปหน้า Settings และกด Back จะกลับไปหน้าก่อนหน้า

3. Window — หน้าต่าง Pop-up

Window ต่างจาก Screen ตรงที่อยู่ใน Screen อีกทีหนึ่ง ส่วนมากมีขนาดเล็กกว่า และมักใช้เป็น Pop-up แจ้งเตือน เช่น Alarm, หน้า Settings, User Login, หน้า Help หรือหน้าแสดงเวอร์ชันของระบบ แต่ที่ใช้บ่อยที่สุดคืองาน Alarm

สร้าง Window Alarm

1. คลิกขวาที่ Window → Add Window
2. Window Name: Alarm
3. ID: เปลี่ยนจาก 2 เป็น 10 (ให้กระโดดไปหน่อย)
4. Width / Height: ห้ามใหญ่กว่าหน้าจอหลัก ในคลิปปล่อยค่าเริ่มต้น 240 × 180 ก่อน
5. ถ้าขนาดเล็กไป คลิกขวา → Property แก้ได้ ในคลิปเปลี่ยนเป็น 400 × 200 จะได้มีพื้นที่แสดงผล

ออกแบบหน้าต่าง

1. ใส่ Text ว่า เกิดข้อผิดพลาด และเลือก Font ที่รองรับภาษาไทย เช่น BrowalliaUPC ขนาด 30 ตัวหนา
2. ใส่รูปเครื่องหมายตกใจ: Function elements → Static Picture แล้วเลือกรูปจาก Library ของ SKTool

ปุ่มเปิด Window

ที่หน้า Main Copy ปุ่ม Settings (Ctrl+C / Ctrl+V) ดับเบิลคลิกแล้วเลือก Screen เป็น ID 10 (Alarm) และเปลี่ยน Appearance เป็น ALARM

ทดสอบด้วย Offline Simulation กดปุ่ม Alarm จะเห็นหน้าต่างที่มี Title ว่า Alarm มีปุ่ม Close และสิ่งที่ออกแบบไว้ กดปิดได้

4. เปิด Screen / Window ตามเงื่อนไข (Screen jump)

ในงานจริงเรามักอยากให้หน้าจอหรือหน้าต่างแสดงขึ้นมาเองตามเงื่อนไขการทำงาน ไม่ใช่รอคนกดปุ่ม ทำได้ที่ System Setting → PLC Control (ดับเบิลคลิก) แล้วไปแท็บ Screen jump ซึ่งมี 2 แบบ คือผ่าน Word Address และผ่าน Bit Address

ผ่าน Word Address

1. ติ๊ก Screen jump through Word Addr แล้วดับเบิลคลิกในกล่องเพื่อเพิ่มรายการ
2. Word address: LW1 (ต้องเป็น LW เพราะเป็น Word)
3. Type: เลือกว่าจะใช้คุม Screen, Window หรือทั้งคู่ ในคลิปเลือก Screen/Window
4. สร้าง Numeric Input ที่ LW1 ไว้ทดสอบ

ผลทดสอบใน Offline Simulation:

LW1 = 1   → สลับไปหน้า Settings (ID 1)
LW1 = 10  → หน้าต่าง Alarm แสดงขึ้นมา (ID 10)

ค่าที่ใส่ใน LW1 คือ ID ของ Screen หรือ Window ที่ต้องการแสดง

ผ่าน Bit Address

1. ที่แท็บ Screen jump ติ๊ก Screen jump through Bit Addr แล้วดับเบิลคลิกเพิ่มรายการ
2. Bit Address: LB1, Condition: 1 (เมื่อบิตติด), Screen: Alarm
3. Copy ปุ่ม Bit Switch ที่เคยสร้างไว้ (LB0, Invert) มาวางข้างกัน แล้วเปลี่ยน Address เป็น LB1

ทดสอบด้วย Offline Simulation กดปุ่มนี้ให้ LB1 ติด หน้าต่าง Alarm ก็แสดงขึ้นมา

ในงานจริงกำหนดเงื่อนไขเป็นบิตจาก PLC ได้ เช่น เมื่อ M ตัวหนึ่งติดก็ให้แสดงหน้าต่างที่ออกแบบไว้

5. ทดสอบบนหน้าจอจริง

Download โปรแกรมลง HMI ผ่าน USB แล้วทดสอบ:

• กด Settings เพื่อไปหน้า Settings และกด Back กลับ
• กด Alarm หน้าต่างแสดงขึ้นมา กดปิดได้
• ใส่ค่าใน LW1 หรือกดให้ LB1 ติด หน้าจอก็ Navigate หรือแสดงหน้าต่างได้เช่นกัน

สรุป

• Screen = หน้าจอหลักแต่ละหน้า (Add Screen) ID ต้องไม่ซ้ำ
• Screen Button = Open Screen ไปหน้าที่เลือก, Open Previous Screen ย้อนกลับ
• Window = Pop-up ซ้อนบน Screen ขนาดต้องไม่เกินหน้าจอหลัก
• PLC Control → Screen jump = เปิด Screen / Window ตามค่าใน Word Address (ค่าคือ ID) หรือเมื่อ Bit Address ติด

ตอนต่อไปจะเป็นเรื่อง Intermediate Controls