ICP DAS USA ISaGRAF WinCE ViewPAC User Manual page 4

2.1.5 Important Notice for Windows 7 (64-bit) Users .................................................................... 2-7
2.1.6 Important Setting for Using Variable Arrays .......................................................................... 2-7
2.2 Step 2 - Installing The ICP DAS Utilities For ISaGRAF .............................................................. 2-8
2.3 Step 3 - Installing The Web Page Editor ................................................................................. 2-9
2.4 Working eLogger HMI with ISaGRAF SoftLogic ...................................................................... 2-9
2.5 Working Soft-GRAF HMI with ISaGRAF SoftLogic ................................................................. 2-10
Chapter 3 Setting Up A Web HMI Demo ........................................................................................... 3-1
3.1 Web Demo List ....................................................................................................................... 3-1
3.2 Steps To Set Up A Web HMI Demo ........................................................................................ 3-2
3.2.1 Step 1 - Set up The Hardware ................................................................................................ 3-2
3.2.2 Step 2 - Setting The Web Options .......................................................................................... 3-2
3.2.3 Step 3 - Download ISaGRAF Project ....................................................................................... 3-3
3.2.4 Step 4 - Download Web Pages To The ViewPAC .................................................................... 3-6
3.2.5 Step 5 - Show Time ................................................................................................................. 3-6
Chapter 4 Programming A Web HMI Example .................................................................................. 4-1
4.1 Writing A Simple ISaGRAF Program ........................................................................................ 4-2
4.1.1 Open ISaGRAF-Project Management ..................................................................................... 4-3
4.1.2 Creating An ISaGRAF User's Group......................................................................................... 4-3
4.1.3 Creating A New ISaGRAF Project ............................................................................................ 4-4
4.1.4 Declaring The ISaGRAF Project Variables ............................................................................... 4-5
4.1.5 Assign Modbus Network Address No to Variables ................................................................. 4-8
4.1.6 Create The LD - "LD1" Program ............................................................................................ 4-10
4.1.7 Edit The "LD1" Program ........................................................................................................ 4-11
4.1.8 Connecting The I/O ............................................................................................................... 4-14
4.2 Compiling & Simulating The Example Project ...................................................................... 4-16
4.3 Download & Debug The Example Project ............................................................................ 4-20
4.4 Design The Web Page ........................................................................................................... 4-24
4.4.1 Step 1 - Copy The Sample Web HMI pages ......................................................................... 4-24
4.4.2 Step 2 - Building The Main.htm ........................................................................................... 4-25
4.4.3 Step 3 - Adding Control Code To The Main.htm .................................................................. 4-30
4.4.4 Step 4 - Download Web HMI Pages To The Controller ........................................................ 4-37
Chapter 5 Web HMI Basics ............................................................................................................... 5-1
5.1 Basic Files For The Web HMI .................................................................................................. 5-1
5.2 Login.htm ................................................................................................................................ 5-2
5.3 menu.htm ............................................................................................................................... 5-4
5.4 main.htm ................................................................................................................................ 5-6
5.4.1 A Simple Main.htm Example .................................................................................................. 5-6
5.4.2 More About The refresh_data( ) Function And Dynamic Data .............................................. 5-8
5.4.3 Post Data To The Controller ................................................................................................. 5-13
5.5 Multi-Pages ........................................................................................................................... 5-17
5.5.1 Level 2 And Level 3 Page ...................................................................................................... 5-17
5.5.2 Switch One Page To One Another Page ............................................................................... 5-18
5.6 Web Security ........................................................................................................................ 5-19
Chapter 6 VB.NET 2008 Program Access To ISaGRAF Variables ........................................................ 6-1
6.1 Create a New Project .............................................................................................................. 6-1
6.2 Add Project Reference for an Application .............................................................................. 6-3
6.3 Compiling an Application Program ......................................................................................... 6-5
6.4 QuickerNET.DLL ...................................................................................................................... 6-6
6.4.1 Digital R/W Functions ............................................................................................................. 6-6
4
ISaGRAF WinCE ViewPAC User Manual , V.1.6 , 1/2017 by ICP DAS