INTERFACE PROGRAMMING • VISOPROG 5.0 • iPro Genius • HMI

Interface Programming — VISOPROG 5.0 เครื่องมือสร้าง HMI สำหรับ Visotouch/Visograph — ดึงตัวแปรจาก ISaGRAF + สร้างหน้าจอพื้นฐานอัตโนมัติ

VISOPROG 5.0 คือซอฟต์แวร์ของ Dixell สำหรับ “ออกแบบ/โปรแกรมหน้าจอ” ให้กับ Visotouch และ Visograph บนแพลตฟอร์ม iPro Genius โดยอ่านโปรเจกต์ ISaGRAF จาก iPro เพื่อ import variables และสร้าง basic interface อัตโนมัติ จากนั้นผู้พัฒนาค่อยเติมฟังก์ชันด้วย objects, ใส่รูป/ไอคอน, ทำหลายภาษา และสามารถ debug แบบ real-time ได้

Home Products Programmable Controllers Interface Programming — VISOPROG 5.0

ภาพรวมเครื่องมือ

VISOPROG 5.0 interface overview (replace with real image from PDF)
Quick highlight: Program Visotouch / Visograph • Read ISaGRAF project from iPro • Auto-create basic interface • Extend via objects • Import images + multi-language dictionaries • Real-time debug

Feature Highlights

Program Visotouch & Visograph

เครื่องมือหลักสำหรับสร้าง/แก้ไขหน้าจอ HMI และมุมมองข้อมูลให้กับ Visotouch/Visograph บน iPro Genius

HMI
Read ISaGRAF project from iPro

อ่านโปรเจกต์ ISaGRAF จาก iPro และ import ตัวแปรเพื่อใช้งานบนหน้าจอได้เป็นระบบ

ISaGRAF
Auto-create basic interface

สร้างหน้าจอพื้นฐานอัตโนมัติจากตัวแปรที่ import ลดเวลาการเริ่มต้นและลดความผิดพลาดจากงานมือ

Speed
Extend via objects

เติมฟังก์ชันด้วย objects เช่น ปุ่ม, สคริปต์, กราฟ, แถบสถานะ, และองค์ประกอบควบคุมต่าง ๆ

Objects
Import images & assets

รองรับนำเข้ารูป/ไอคอน/พื้นหลัง ทำ UI ให้ตรงแบรนด์หรือสไตล์ไซต์งาน

Assets
Multi-language dictionaries

ทำหลายภาษาได้ด้วย dictionary เหมาะกับงาน export, โรงงานหลายประเทศ หรือไซต์ที่ต้องสลับภาษา

Multi-language
Real-time debugging

ดีบักโปรเจกต์ในขณะทำงานจริง ช่วยลดเวลา test/commissioning และตรวจ flow ของ UI ได้เร็ว

Debug
iPro Webserver (Control Panel)

เข้าหน้าเว็บของ iPro ด้วย IP เพื่อตรวจ release, สถานะ ISaGRAF, IP address, RTC และข้อมูลวิเคราะห์เบื้องต้น

Webserver
Custom Web Pages (HTML/JS/CSS)

ทำหน้าเว็บเฉพาะงานบน iPro (พื้นที่ 4MB) เช่น กราฟ real-time, ตั้งค่า/อ่านตัวแปร และ dashboard แบบกำหนดเอง

Custom Pages

System Requirements & Compatibility

Compatibility

  • Target: ใช้กับแพลตฟอร์ม iPro Genius สำหรับงาน HMI/Interface
  • HMI devices: Visotouch และ Visograph
  • Data source: อ่าน ISaGRAF project จาก iPro เพื่อ import variables
  • Use case: OEM / System Integrator / ทีมโรงงานที่ต้องทำ UI เฉพาะไซต์

Installation & IT Considerations

  • PC/OS: โดยทั่วไปทำงานบน Windows (แนะนำให้ยืนยันเวอร์ชันกับทีมก่อนติดตั้ง)
  • Network: ต้องเข้าถึง iPro ผ่าน LAN/เครือข่าย (มี IP ที่เข้าถึงได้)
  • Credentials: บางกรณีต้องใช้ user/password เพื่อเข้าถึง unit หรือ webserver
  • Policy: องค์กรอาจต้องอนุมัติสิทธิ์ติดตั้ง/Firewall/Policy ก่อนใช้งาน
Tip: ถ้าต้องทำ Custom Web Pages (HTML/JS/CSS) แนะนำเตรียม “รายการตัวแปรที่ต้องอ่าน/เขียน + โครงหน้าจอ/กราฟที่ต้องการ + สิทธิ์ผู้ใช้” เพื่อให้ทีมช่วยออกแบบ structure และ workflow ได้เร็ว

เหมาะกับใคร / ใช้เมื่อไหร่?

ต้องทำ HMI ให้ Visotouch/Visograph แบบ “เร็ว + เป็นระบบ”

อยากเริ่มจากการ import ตัวแปรจาก ISaGRAF แล้วให้ระบบสร้าง basic interface จากนั้นค่อยเติมรายละเอียดหน้างาน

Fast Start
ต้องการ UI/ฟังก์ชันเฉพาะงาน (Objects)

ต้องมีหน้าตั้งค่า/หน้าควบคุม/กราฟ/สถานะ ที่แตกต่างตามเครื่องหรือไซต์ และอยากต่อยอดได้ง่าย

Custom UI
ไซต์ต้องการหลายภาษา

ต้องให้ผู้ใช้งานสลับภาษาได้ หรือใช้คำศัพท์เฉพาะลูกค้า/โรงงาน พร้อม import dictionary

Multi-language
อยากทำ Web Dashboard บน iPro

ต้องการ Control Panel / Custom Web Pages บน iPro เพื่อดูข้อมูล/สร้างกราฟ/ตั้งค่าแบบ web (HTML/JS/CSS)

Webserver

Key Capabilities

หัวข้อ VISOPROG 5.0 / iPro Webserver ประโยชน์หน้างาน
HMI Creation (Visotouch / Visograph)
Programming target สร้าง/โปรแกรม HMI ให้ Visotouch และ Visograph ทำหน้าใช้งาน/มอนิเตอร์/ควบคุม ให้ผู้ปฏิบัติการเข้าใจง่าย
Import variables อ่าน ISaGRAF project จาก iPro และ import ตัวแปร ลดงานผูกตัวแปรเอง ทำให้โครงสร้างเป็นระบบและลดผิดพลาด
Auto basic interface สร้าง basic interface อัตโนมัติจากตัวแปร เริ่มโปรเจกต์ไว เหมาะกับงานที่ต้องส่งมอบเร็ว/หลายโปรเจกต์
Objects & functions เติมฟังก์ชัน/องค์ประกอบด้วย objects ทำ UI ให้ตรง workflow หน้างาน (ปุ่ม/กราฟ/หน้าตั้งค่า/สถานะ)
Images & Multi-language import รูป + พจนานุกรมหลายภาษา ทำแบรนด์/สัญลักษณ์/ภาษา ให้เหมาะกับผู้ใช้งานแต่ละไซต์
Real-time debug ดีบักโปรเจกต์แบบ real-time ลดเวลา test/commissioning และไล่ปัญหาได้เร็วขึ้น
iPro Webserver (Control Panel + Custom Web Pages)
Control Panel เข้าหน้า iPro ด้วย IP เพื่อตรวจสอบ BIOS release / application release / ISaGRAF status / IP address / RTC ทีม service/IT ตรวจสถานะและข้อมูลพื้นฐานได้เร็ว ไม่ต้องต่อเครื่องมือเฉพาะทันที
Custom Web Pages พื้นที่เว็บ 4MB รองรับ HTML/JavaScript/CSS ทำ Real-time graphs / set variables / read variables ทำ dashboard/หน้าเว็บเฉพาะลูกค้า เพิ่มประสบการณ์ใช้งานแบบเว็บ

หมายเหตุ: ตารางนี้สรุป “ความสามารถหลัก” เพื่อช่วยตัดสินใจเลือก workflow (HMI + Webserver) ให้เหมาะกับรูปแบบไซต์งาน

FAQ (คำถามที่พบบ่อย)

VISOPROG 5.0 คือซอฟต์แวร์สำหรับสร้าง/โปรแกรมหน้าจอ HMI ให้กับ Visotouch และ Visograph บน iPro Genius โดยสามารถอ่านโปรเจกต์ ISaGRAF จาก iPro เพื่อ import ตัวแปร แล้วสร้าง basic interface อัตโนมัติ ก่อนเติมรายละเอียดด้วย objects
เมื่อดึงตัวแปรจากโปรเจกต์ ISaGRAF เข้ามา VISOPROG สามารถสร้างหน้าจอพื้นฐานให้ก่อน (ตามโครงสร้างเริ่มต้น) เพื่อให้ทีมเริ่มงานไวขึ้น แล้วค่อยปรับ/ตกแต่ง/เพิ่มฟังก์ชันเฉพาะงานในขั้นถัดไป
เตรียมรายการข้อความ/คำศัพท์หลัก (labels, alarms, units) และภาษาที่ต้องใช้ จากนั้นทำเป็น dictionary เพื่อ import เข้าระบบ — จะช่วยให้ทีมคุมคำศัพท์เหมือนกันทั้งโปรเจกต์และแก้ไขง่ายในอนาคต
Control Panel ใช้เข้าเว็บ iPro ด้วย IP เพื่อดูข้อมูลพื้นฐาน เช่น BIOS release, application release, ISaGRAF status, IP address, RTC ส่วน Custom Web Pages มีพื้นที่ 4MB รองรับ HTML/JavaScript/CSS เพื่อทำหน้าเว็บเฉพาะงาน เช่น กราฟ real-time หรือหน้าตั้งค่า/อ่านตัวแปร
ส่ง รุ่น iPro, อุปกรณ์ปลายทาง (Visotouch/Visograph), รายการ ตัวแปรหลัก ที่ต้องแสดง/ตั้งค่า, โครงหน้า HMI คร่าว ๆ (หน้า status / setpoint / alarms / trend) และภาษาที่ต้องรองรับ เพื่อให้ทีมช่วยแนะนำ workflow + template ได้เร็ว

Request Quote / Contact

ปรึกษา Workflow / UI Template / Multi-language

ส่งข้อมูล “รุ่น iPro + อุปกรณ์ HMI (Visotouch/Visograph) + รายการตัวแปรหลัก + โครงหน้า HMI + ภาษาที่ต้องรองรับ” เพื่อให้ทีมช่วยแนะนำ template, โครงสร้างโปรเจกต์ และแนวทางทำงานให้เร็วที่สุด

ขอใบเสนอราคา / ขอสิทธิ์ดาวน์โหลด Tools

หากต้องการซอฟต์แวร์/สิทธิ์ใช้งาน/แพ็กเกจสนับสนุน แจ้งจำนวนผู้ใช้, จำนวนโปรเจกต์, และรูปแบบไซต์งาน เพื่อให้ทีมประเมินแพ็กเกจที่เหมาะสม (รวมถึงกรณีต้องทำ Custom Web Pages)