เปิดโปรแกรม GraphWorX32 และเปิดไฟล์ gdf ที่ต้องการแปลงให้ใช้บนเว็บ

รูปที่ 1 เปิดไฟล์แสดงผลที่ต้องการ
หากมีการลิงค์ OPC tag เช่นใน ProcessPoint ให้ลิงค์ผ่านกิ่ง Internet แทน My Computer (เนื่องจากเวลาผู้ใช้ดูผ่านเว็บจะได้ดููค่าจาก Path ที่ถูกต้องมายังเครื่อง Server) ดังตัวอย่างรูปที่ 2
จากรูปที่ 1 เลือก Save As

รูปที่ 3
จากรูปที่ 3 ให้เลือก Save as Type เป็น GraphWorX32 Displays without VBA (*.gdf) แล้วเลือกที่เก็บไฟล์ไว้ที่ C:\Program Files\Common Files\ICONICS\WebHMI\Samples หรือ C:\Program Files (x86)\Common Files\ICONICS\WebHMI\Samples ในระบบปฏิบัติการ 64 บิต (ที่เก็บไว้ที่นี่เนื่องจากเป็น Virtual Directory ของ WebHMI ถ้าต้องการเปลี่ยนสามารถทำได้โดยเปลี่ยน Path ใน IIS ซึ่งจะได้กล่าวถึงในโอกาสต่อไป)
คลิ้ก Save
ต่อไปเราจะสร้างไฟล์ HTML ขึ้นมาเพื่อเป็นหน้าแสดงผลแก่ผู้ชม โดยคลิ้ก Publish to HTML
จะปรากฏหน้าต่าง WEB Publishing Wizard ขึ้นมา

รูปที่ 5 เลือก Export Local Copy ไปที่โฟลเดอร์ Samples ที่เก็บไฟล์ใน Virtual Directory ของ WebHMI
คลิ้ก OK
โปรแกรมจะสร้างไฟล์ Chiller.htm ไว้ใน C:\Program Files (x86)\Common Files\ICONICS\WebHMI\Samples หรือ C:\Program Files\Common Files\ICONICS\WebHMI\Samples
ให้ทำการแก้ไข Path ในไฟลฺ์ HTM ที่อ้างถึงไฟล์แสดงผล gdf ซึ่งยังเป็นพาธแบบ Windows ให้เป็นแบบ URL ดังนี้ (สองแห่ง)
เปิดไฟล์ Chiller.htm ด้วย Notepad

รูปที่ 6 เปิด HTM ด้วย Notepad
เปลี่ยนพาธจาวาตรงบรรทัดที่ 6 จาก
C:\\Program Files (x86)\\Common Files\\ICONICS\\Script\\WebHMI.js
เป็น
http://ชื่อเครื่อง/WebHMI/script/WebHMI.js
เช่น
http://TOSHIBA/WebHMI/script/WebHMI.js

รูปที่ 7 เปลี่ยนพาธวินโดวส์เป็นแบบ URL
พาธจุดที่สองที่ต้องเปลี่ยนจากพาธวินโดวส์เป็น URL คือบรรทัด
‘<PARAM NAME=”DisplayName” VALUE=”c:/program files (x86)/common files/iconics/webhmi/samples/chiller.gdf”>’;
เป็น
‘<PARAM NAME=”DisplayName” VALUE=”http://TOSHIBA/webhmi/Samples/chiller.gdf”>’;
จากนั้นทำการ Save

รูปที่ 8 หลังจากเปิดในเว็บ
จากรูปที่ 8 ถ้าเราเปิดเว็บที่เครื่อง Server เอง ค่า OPC tag เป็น ******* นั่นคือใน Server เราสามารถดูไฟล์แสดงผลผ่าน GENESIS32 ได้อยู่แล้ว เราต้องเปิดเว็บจากเครื่อง Client อื่นเข้ามา จึงจะเห็นค่า OPC tag ดังรูปที่ 9
การแสดงผลผ่านเว็บให้ PC อื่น ๆ ผ่านเน็ตเวิร์ค
ก่อนอื่นต้องทำการ Start GENBroker เสียก่อน เนื่องจากจะเป็นตัวจ่ายไลเซนส์และบริการข้อมูล OPC ผ่านเครือข่ายให้แก่ Client มี่ติดต่อผ่นเว็บเข้ามา การ Start GenBroker ให้เปิดไปที่ Start > Programs > ICONICS Tools > GEN32 Tray ให้คลิ้กขวาที่ไอคอน Gen tool Tray เลือก GenBroker > Start ทั้งนี้เราสามารถตั้งให้ GenBroker ทำงานอัตโนมัติพร้อมวินโดวส์ได้เช่นกันครับ

รูปที่ 9
จากรูปที่ 9 ถ้าคำว่า Start เป็นสีเทาแต่ Stop เป็นสีดำ นั่นหมายถึง GenBroker ได้ Start อยู่แล้วครับ ไม่ต้อง start อีก
จากนั้นเปิดเว็บเข้ามาจากเครื่องอื่นเพียงเครื่องเดียวเท่านั้น(ให้ปิดเว็บหน้านี้ในเครื่องServerเสียด้วย) เพราะในโหมดเดโมจะติดต่อได้เครื่องเดียวเท่านั้น มิเช่นนั้นจะฟ้อง License Fails และในขณะโหลดเว็บในครั้งแรกจะมีการดาวน์โหลดคอมโพเน็นท์และ ActiveX Control ต่าง ๆ ที่จำเป็น ให้เราตอบยินยอม และรอจนเสร็จสิ้น
ให้เปิดไปที่ URL คือ http://ชื่อเครื่องServer/webhmi/samples/Chiller.htm เช่น
http://toshiba/webhmi/samples/Chiller.htm

รูปที่ 10 หน้าเว็บเพจที่แสดงบน Client PC ที่ติดต่อเข้ามา
ข้อควรระวัง
- ถ้าเป็นโหมด Demo เราสามารถบริการข้อมูลให้ Client จากผู้ใช้ได้เพียง 1 แห่งเท่านั้น ดังนั้นหากมีการติดต่อเข้ามาผ่านเว็บจาก PC 2 เครื่อง โปรแกรมจะแสดง License Fails ที่หน้าเว็บ หากเกิดกรณีเช่นนี้และต้องการรีเซตให้ปิดเว็บไปก่อน จากนั้นที่เครื่อง Server ให้ Restart แล้วค่อยเปิดเว็บจากเครื่อง PC อื่นเข้ามาใหม่เพียงเครื่องเดียว