
ISaGRAF WinCE ViewPAC User Manual , V.1.6 , 1/2017 by ICP DAS
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 .........................................................................................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