Home

20110922 Touch HMI Devices (EN) Vol. TouchPAD 1.0.01.indd

1. To add a new folder into the library window create a new folder in the following path HMIWorks_install_ path bin Lib where the HMIWorks_install_ path is the installation path of HMIWorks Supposed the installation path of HMIWorks is C ICPDAS HMI Works_ Standard And we want to add a new folder named Test into the library window Then all we have the do is creating a new folder named Test in the directory of C ICPDAS HMIWorks_Standard bin Lib And then reopen the library window you can see the new folder Test as below shows Of course there s no library item in it You should add items yourself 4 xf Inspector Libraries default TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 163 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 6 Make a Simple Project There are two programming types in HMIWorks In this chapter we introduce how to build your first project for each programming type 6 1 Your First Project Using Standard C 1 Create a new project Go to the menu File gt New and select the Model then specify the Project name the Location the Orientation and the Programming Type Here we choose programming type as 1 Standard C C Project name Test Location H HMIWorks_Standard Projects Hi Orientation Portrait C Portrait Filip C Landscape G Landscape Fl
2. ZA CheckBoswidget E 7 Double click on the CheckBox on the frame panel Write codes you want in the evoking code edited window for the OnChange event Here we use hmi_ Beep to sound a beep for example Note the property OnChange is supported only in programming type Standard C C TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 128 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com o H HMIWorks_Standard Projects Test __Frame2 h Ble Edit Cancel CheckBoxWidgetSOnChange void CheckBoxWidgetSOnChange tWidget pWidget unsigned long bSelected hmi_Beep 8 Save the file and then press OK in the code edited window Properties of CheckBox x Inspector Libraries tea CheckBoxWidget Box Size 16 Display T ype TopLett Fillolor OxFFFFFF Font Fort Height Ji ID E Left JG Name Check B oswidget Unlhange OutlineColor OxO00000 hell bject Selected False properties description BoxSize The size of the checking box BoxSize RefObject property represented by a three byte value in hexadecimal TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 129 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com form From the highest byte to the lowest it is the blue byte the green byte the red byte in sequence The font of the te
3. A BitButton Font Font Height AY ID f Left BS Mame BitButton OntClick Reference properties description The font of the text of the BitButton Vertical side length of the BitButton The serial number of tools x coordinate of the left top vertex of the BitButton TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 122 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Name The name of the BitButton OnClick The function name of the on click event of the BitButton Note the property is supported only in programming type Standard C C Reference The reference to a frame That is when pressing on the BitButton TouchPAD goes to the frame you specified in this property Note the priority of the property Reference is higher than that of OnClick The string on the BitButton Top y coordinate of the left top vertex of the BitButton Horizontal side length of the BitButton How to use Reference to another frame The Reference property is used as a go to specified frame event It has higher priority than other events such as OnClick event Thus specifying a value to the Reference property disables the OnClick event It s easy to specify a value to the Reference property Simply click on the Reference property in the inspector and then choose the frame for reference i xj F Inspector Librarie
4. Press F3 to register device Choose Device Series as PET 7000 choose Connection as TestMTCP which you created in the previous step and press Search Fo Devices Device mtomation Davics Senex Senex PET 700 Si I Eoc Device Name Model Name Net ID fi a Click the I O module you want and then press OK to add tags of the specified I O module Page 46 PI E mail service icpdas com Eg Modbus Scanning NG Devices Device moma Deve See FET 7000 Donpection TCP_10_1_121_100 502 10 1 0 199 10 1 128 188 7188E2 10 1 0 49 PDS 5105D MTCP eceeoesceocoescosecoeeeg Press OK and then you can see anew connection is added Assign the Device Name in the Workspace press OK and then you can i New Edit Connection ma see the I O module is added to wa e the Workspace TOPAP P a 121 108 ne ke Aa Test7018_AlS iS Te Test7016_Al6 mS Test7018_Al A Test7018_Al8 ZA Test7018_AIS 2 Text7018_000 E Te 7018_D01 Test7M6_007 WACO V ja Tano Doa Press OK to add tags of the tama specified 1 0 module ka Terme AAC Gn fo Devices Device monesi Device See FET 7000 zj Domection TCP_10_1_121_100_502 Devce Nare Mati Name JPET 70E Naio f eoececeocoeocoeeoeoeeg Assign the Device Name press OK and then you can see the I O module is added to the Workspace Tou
5. 5 2 5 Associate Tags with Tools In order to use Ladder Designer to build HMI of TouchPAD we should associate tags with tools Until now we can use Slider CheckBox and Label to associate themselves with tags TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 83 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com There are three methods to associate tools with tags Every change of the tag in the Ladder Designer is updated to the tool in the run time after association 1 2 The first method simply drag and drop the tags in the Workspace to the frame design space A CheckBox is created with the tag associated Note this feature is only supported for CheckBox 0 rama SISI File Arrange Run Window Help IS Workspace M Azi Inspector Libraries gt File 29 Test hwd default y Program BLight hwd 2 FA Test Idx BLighti hwd Connection WI TestMTCP i d Tags E Device ght 4 i Lighti hwd LittleLightOpenO hwd LittleLightO pen hwd v NewLight0 hwd Kia Smh iT Tasted E _7086_1_bo0 ka lubo DU 5 _7066_1_D02 A _7066_1_b03 A _7066_1_D0O4 A _7066_1_D05 KA _7086_1_D06 S _7066_1_R_ACTION 3 _7066_1_ W_ACTION d A Vitu WW a Gutput EF cc SI CC ce ce rage TPD 2800 Selected 0 The second method double click on the widget on the frame design sp
6. ai ee return system else eno 0 return TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 66 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com TOUCH BEEP OFF if en 1 hmi_TurnTouchBeep 0 eno 1 TOUCH_BEEP_OFF return else eno 0 return TOUCH BEEP STATE if en 1 if state 1 ON eno 1 else OFF OUCH_BEEP_STAT eno 0 return else eno 0 return 5 2 3 Operations of Ladder Designer 0 2 3 1 New Virtual Tags F2 To use Ladder Designer add variables for Ladder Designer first 1 Press F2 HMI gt New Virtual Tag to add virtual tags an Edit variable window shows 2 Define a new variable in the name field and optionally fill the other fields TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 67 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 3 Finally press OK button to take effect Mo Edit variable lolx Hame M Default Comment Here we add three variable v1 v2 and v3 for example in the next sections 5 2 3 2 Select Variables and Enter Constants Double click on the symbol of contact inputs coil outputs etc to evoke the Select variable window to select variables or enter constants as below WA Select variable NG Select variable Enter Constant Browse Variabl
7. TFT Resolution 240 x 320 x 16 defective pixels lt 3 Firmware updates only Backlight Life 20 000 hours Brightness 270 cd m2 LED Indicator D D Wn Wn Touch Panel Y Reset Button Yes Rubber Keypad 5 keys Programmable Power Input Range 12 48 Voc Power Consumption 2 W 83 mA 24 Voc Dimensions W x L x H 103 mm x103 mm x 53 mm Ingress Protection Front Panel 1P65 Installation DIN Rail Mounting and Panel Mounting Environmental 20 70 C Operating Temperature Storage Temperature 30 80 C ICP DAS CO LTD Professional Provider of High Quality Industrial Computer Products and Data Acquisition Systems Vol TouchPAD E 1 0 01 2011 SEP 22 Ambient Relative Humidity 10 90 RH non condensing NOETGdA OET ddA Touch HMI Devices Pin Assignments sa acl cel aca eee aie nu emda eile alas ama a a 1 9 bani F G 8 bai voc o 7 bani GND 3 6 bani GND lt 5 bai Data m 4 pi oan RS 485 3 pai TxD 2 bani RxD RS 232 1 bani GND Appearance ia Paana ian LED Indicators 3 5 TFT LCD with Touch Panel 3 5 TFT LCD with Touch Panel 2 VPD 130 VPD 130N _ TA at al HI Works Ki HMiWorks R S U W O am D WY VPD 130 VPD 130N Bottom VicW USB RS 232 RS 485 Rotary Switch lt U z UJ Q lt U U a W O Z Website http www icpdas com E mail service icpdas com Vol TouchPAD E 1 0 01 2011 SEP 22
8. Touch HMI Devices Dimensions Units mm O 1 0 5 lt 0 0 0 gt L 1 0 lt 90 iq D lt e e k N M WV Left View Front View Right View Rear View Bottom View Recommended Panel Cutout Left View Front View Right View Rear View Bottom View Recommended Panel Cutout S lH S ddA Ordering Information 3 5 Touch HMI device with RS 232 RS 485 USB RTC Rubber Keypad RoHS 3 5 Touch HMI device with RS 232 RS 485 USB RTC RoHS 3 5 Touch HMI device with RS 232 RS 485 USB RTC Rubber Keypad RoHS Includes Software CD x 1 CA USB10 x 1 3 5 Touch HMI device with RS 232 RS 485 USB RTC RoHS Includes Software CD x 1 CA USB10 x 1 Accessories USB to 5P Mini USB 28AWG 1 5 m 24 Voc 2 5A 60 W Power Supply with DIN Rail Mounting RoHS 24 Voc 1 04 A 25 W Power Supply with DIN Rail Mounting RoHS NOETAdA OET AdA ICP DAS CO LTD Professional Provider of High Quality Industrial Computer Products and Data Acquisition Systems Vol TouchPAD E 1 0 01 2011 SEP 22 TouchnPAD TPD VPD Series HMI Device User Manual Version 1 0 6 ICP DAS Co Ltd TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 1 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt
9. 3 5 TFT Resolution 240 x 320 x 16 bright pixels lt 3 Yes Touch Panel LED Indicator Reset Button Rubber Keypad 5 keys Programmable Power Input 12 48 VDC Consumption 2 W 83 mA 24 VDC 103 mm W x103 mm L x 53mm H Ingress Protection Front Panel 1P65 DIN Rail Mount and Panel Mount 20 70 C 30 80 C 10 90 RH non condensing TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 20 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 3 Hardware This chapter shows the overviews dimensions etc of TouchPAD 3 1 Hardware Overview TPD 280 TPD 283 TPD 280U TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 21 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Where is the reset button 3 2 Dimensions TPD 280 TPD 280U unit mm TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 22 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com ai 2 8 LCD Display Right Side View Rear View TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 23 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com TPD 283 unit mm 2 8 LCD Display Left Side View Front View Right Side View Rear View Bottom View To
10. All Rights Reserved gt lt E mail service icpdas com Move the cursor to the Assign function block and then press F6 And to make things clear set the newly inserted function block as NE not equal gt HMI Works Ladder Designer File Edit F2 3 F E Fi kae F5 0 1 3 Insert a new function block in the right of the cursor F7 Move the cursor to the NE function block and then press F7 Set the newly inserted function block as GE greater or equal 4 Insert a new function block which is parallel to the cursor F8 Move the cursor to the GE function block and then press F8 Set the newly inserted function block as LE less or equal Ele Edit pe p Hise emj FO 5 Delete a function block in the rung Move the cursor to the function block you want to delete Then press the delete key TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 77 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com For example we move the cursor to the Assign function block and then press the delete key S HMI Works Ladder Designer File Edit 6 Delete the rung Move the cursor to the starting point of the rung and then press Delete key 5 2 3 7 Jump to a Label To demonstrate how to jump to a label we first create three rungs and then explain how to skip the second rung and ju
11. step 1 Click on BitButton change Text Halle Lone eS void BitButton1 7OnClick tWidget pWidget eaa static char str Hello TouchPAD change Font Canvas TextSet amp LabelWidget18 str a WidgetPaint tWidget amp LabelWidget18 step 2 Click on BitButton change Font Hello TouchPAD void BitButton19OnClick tWidget pWidget change Text Ichange Font to size 20 change Font CanvasFontSet amp LabelWidget18 na ee amp g_sFontCm20 WidgetPaint tWidget amp LabelWidget18 TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 186 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com step 3 Click on BitButton change Color Hello TouchPAD void BitButton20OnClick tWidget pWidget change Text Ichange Text color to Red change Font Canvas TextColorSet amp LabelWidget18 change Color OxFF0000 WidgetPaint tWidget amp LabelWidget18 For more API functions of Label refer to canvas h in the following path C ICPDAS HMIWorks_ Standard include grlib where C ICPDAS HMIWorks_ Standard is the installation path In the same path there is a header file grlib h grlib h contains prototypes for the pre defined fonts such as g_sFontCm20 TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 187 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icp
12. 0 VAR_SET S AI4 Volt 1 VAR_SET AI5 Current 1 VAR_SET AI6 Power 1 VAR_SET AI7 PF 1 VAR_SET SAIB8 Volt 2 VAR SET AI9 Current 2 VAR_SET AI10 Power 2 VAR_SET AI11 PF 2 VAR_SET AI12 Volt 3 VAR_SET AI13 Current 3 VAR_SET AI14 Power 3 VAR_SET AI15 PF 3 END_FUNCTION_BLOCK a 3 recv 3 i 36 20 2 a 2 recv 3 i 36 20 3 a 1 recv 3 i 36 20 0 a 0 recv 3 i 36 20 1 VAR_SET 9AI1 Current 0 VAR SET SAI2 Power o The received value Set the received values back to the tags Handle what receives from the serial port to get the power factor value Third press F3 to Register Device Choose M 7000 series and then PM 2133 to add tags and then press OK button You can check the newly added tags in the Workspace Load the background picture place Label widgets or Sliders CheckBoxs on the frame and set the TagName property of the Label to the tag which is corresponding to the Al channel of PM 2133 TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 92 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 4 Framel pm 2133 hwd WA File Edit View HMI Layout Arange Run Window Help Inspector Libraries a C Program Jezi Labefwidget gt B Tags Device PM 2133 1 a s Power l Voltage V
13. 2011 Page 96 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 2 Here we use hmi_Beep to sound a beep for example Mo CAICPDAS HMI Works Standard Projects Test2 __Framel h Mi File Edit Frame120nCreate void Frame120nCreateg hmi_Beep H 3 Save the file and then press OK in the code edited window 5 3 2 Drawing a Rectangle This section shows how to draw a rectangle Rectangle How to draw a rectangle 1 Leftcclick on the Rectangle icon in the Drawing list of the Toolbox 2 Move the cursor over the frame panel 3 Leftcclick and not release on the point of the frame panel as the left top vertex of the rectangle to draw 4 Move the mouse to form a rectangle as you want and stop the TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 97 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com mouse while the cursor is at the point of the right bottom vertex of the rectangle to draw 5 Release the left button of the mouse and you have a rectangle you want PS What to do if want to draw a square Step 3 step 5 with the Ctrl key pressed at the same time Properties of Rectangle Inspector Libraries Box a DutlineColor 000000 if pe TN a Width 80 properties description BrushStyle What style to fill to a rectangle FillColor What color to fill in the rectangle The c
14. 7 1 1 FillC olor and Text of a TextPushButton This section shows how to change FillColor and Text properties of TextPushButton Simply follow the steps below 1 Drag and drop a TextPushButton on the frame panel 2 Double click on the TextPushButton to implement its OnClick event handler Save the file and press OK TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 180 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com P HAHMIWorks StandarAProjectsiTesh Frame2 h TextPushButton130nClick void TextPushButton130nClick tWidget pWidget static char str Hello Worldt PushButtonTextSet amp TextPushButton13 str PushButtonFillColorSet amp TextPushButton13 6x66FFO6 green WidgetPaint tWidget amp TextPushButton13 3 To make clear we copy the codes below void TextPushButton130OnClick tWidget pWidget static char str Hello World PushButtonTextSet amp lextPushButton13 str PushButtonFillColorSet amp TextPushButton13 OxOOFFOO WidgetPaint tWidget amp TextPushButton13 The effect of the OnClick function TextPushButton 3 For more API functions of TextPushButton refer to pushbutton h in the following path TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 181 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com C ICPDAS HMIWorks_ Standard
15. Because 8 bit color does not have enough color 256 only to represent the picture similar colors are represented by the same color and this results in not smooth gradient However preventing pictures from not smooth gradient costs TouchPAD bigger size of memory Take above picture for example setting HiColor to True uses memory of 189KB but setting HiColor to False costs only 69KB 9 3 6 Drawing a Line This section shows how to draw a line segment How to draw a line segment 1 Left click on the Line icon in the Drawing list of the Toolbox 2 Move the cursor over the frame panel 3 Leftcclick and not release on the point of the frame panel as the first end point of the line segment to draw 4 Move the mouse to decide the second end point of the line segment to draw 5 Release the left button of the mouse and you have a line segment you want TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 109 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Properties of Line xi Inspector Libraries lt gt Curve w properties description Vertical side length of the rectangle whose The serial number of tools including Drawings and Widgets which is used to identify them x coordinate of the left top vertex of the rectangle whose diagonal line is the line segment to draw y coordinate of the left top vertex of the rectangle whose diagonal li
16. Devices F3 to automatically generate auza and then drag and drop the tag on the frame Wa File Edit er HMI Taol nge Ruu Window Help Z5 1_7066_1_000 22 7066_1_D05 Z3 1706651006 A 170661 ACTION amp Virtual rm cannot Istat o0 No such file or directory wake exe clean Error 1 ignored rm c hnot Istat d No such file or directory make exe clean Error 1 ignored ce main HM IWorks does the followings to build the relationships between TouchPAD and I O modules TouchPAD Associated with the pictures by RefObject RefObject ObjectList5 amp bJChecked Unchecked Associated with the tag by TagName TagName 1 70661000 73 l 7066 BEGIN_FUNCTION_BLOCK BYTE v_do 0 10 hsf if VAR_VALUE W_ACTION if VAR_ VALUEBDOO v do 1 lt lt 0 if VAR_VALUE S v_do 1 lt lt 1 if VAR VALUE DO2 v do 1 lt lt 2 if VAR_VALUE DO3 v_do 1 lt lt 3 R_ACTION 1 if VAR_VALUE DO4 v_do 1 lt lt 4 W_ACTION 1 if VAR VALUE DO v_ do ja 1 lt lt 5 f DOG lt lt 6 dcon Write DO SDEVICE SNETID 7 V_do D00 aes DO0 mae END_FUNCTION_BLOCK TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 145 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Note the TagName property takes effect only
17. File Edit x coa BitButton50nClick a oid BitButtonS50nClick tWidget pWidget 4 Setup Device Refer to Setup Devices in the chapter 4 for details 5 Compile and Download to Run After connecting to TouchPAD press F9 to run or Run gt Run As the following figure shows pressing the button makes TouchPAD sound a beep TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 166 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 6 2 Your First Project Using Ladder Program 1 Create a new project Go to the menu File gt New and select the Model then specify the Project name the Location the Orientation and the Programming Type Here we choose programming type as 2 Ladder Program TPD 283 Project name gt Test Location H HMIWorks_Standard Projects Orientation Portrait C Miia tthe P Landscape bayer yi rd Default Programming Type C 1 Standard C C B 2 Ladder Program cancel 2 Design the Graphic User Interface For example place a CheckBox and a Label on the frame Here we plan to take the CheckBox as an input and the Label as an output TouchPAD User Manual version 1 0 6 Last Revised April 2011 Copyright 2011 ICP DAS Co Ltd All Rights Reserved Page 167 PI E mail service icpdas com WA File Edit Workspace Toolbox L Widget Cle2 ZI vi Te
18. Found New Hardware Wizard Welcome to the Found New Hardware Wizard Windows will search for current and updated software by looking on your computer on the hardware installation CD or on the Windows Update Web site with your permission Read our privacy policy Can Windows connect to Windows Update to search for software Yes this time only Yes now and every time connect a device Click Next to continue Next gt Cancel TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 40 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 3 Select Install from a list or specific location Advanced and press Next s Hardware Update Wizard This wizard helps vou install software for Floppy disk drive e If your hardware came with an installation CD lt or floppy disk insert it now What do you want the wizard to do a Install the software o Recommended Click Next to continue Select Include this location in the search Browse to the location of the driver files and press Next The default path for the driver is C ICPDAS HMIWorks_Standard Tools USB_windows_drivers where C ICPDAS HMIWorks_ Standard is the installation path Found New Hardware Wizard Please choose pour search and installation options C Search for the best drives in these locations Use the check boxes bel
19. ON trigger one shot A negative transition coil output when the state from ON to OFF trigger one shot nit The briefings of function blocks Description C codes Group TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 58 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com AND And if en 1 eno int amp in2 return else eno 0 return OR Or if en 1 eno in1 in2 return Else eno 0 return XOR Exclusive Or if en 1 1 eno ini in2 return else eno 0 return NE Not Equal if en 1 if in1 in2 eno 1 TouchPAD User Manual version 1 0 6 Last Revised April 2011 Copyright 2011 ICP DAS Co Ltd All Rights Reserved default default default default Page 59 lt E mail service icpdas com else eno 0 return else eno 0 return GE Greater or Equal if en 1 if in1 gt in2 eno 1 else eno 0 return default else eno 0 return LE Less or Equal if en 1 if in1 lt in2 eno 1 else eno 0 return else eno 0 return default default TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 60 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com return else eno 0 return Add Addition if en 1
20. Rights Reserved gt lt E mail service icpdas com ee Note the property is supported only in programming type Standard C C PressFillColor The color to fill in the TextPushButton when the TextPushButton on the TouchPAD is touched but not yet released Reference The reference to a frame That is when pressing on the TextPushButton TouchPAD goes to the frame you specified in this property Note the priority of the property Reference is higher than that of OnClick RefObject The reference to the object list An object list is a component that can be chosen in the Toolbox to maintain a list of the elements of the library Refer to Using an ObjectList section for details The string of the TextPushButton Top y coordinate of the left top vertex of the TextPushButton Horizontal side length of the TextPushButton How to change FillColor OutlineColor and PressFillColor Click on the FillColor in the inspector Then click on the button to open color window to select color The OutlineColor and PressFillColor use similar way Inspector Libraries A 88x 4 Basic colors 2 EEEE Left 38 EES Eee ee Name TextPushButton EERE Eo OnClick Custom colors DutlineColor 0x808040 TC EEEE PressFillColor Ox0000FF Hue 0 Red 255 RelObiet ee Be oe Text Hello DK Cancel Aidd to Custom Colors Top 215 Width 168 TouchPAD User Manual version 1 0 6 Last Revi
21. S o Current A f 1 Power Monitor QA TY TF Build the program and download into the TouchPAD Now TouchPAD can be used to control PM 2133 a Modbus RTU module 5 3 Frames and Tools This section introduces properties and usages of frames and tools In the Toolbox there are three kinds of tools Drawings Widgets and System componets Drawing EtA Drawing E ron 1 Rectangle draw a rectangle Ellipse draw ellipse 2 3 Text put string text on screen 4 Picture load an image file on a EE frame Pictute Line draw a line Es tne TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 93 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Widget TextPushButton create a button TextPushButton Slider show or decide the Slider percentage KUA BitButton create an image button HotSpot create a hot spot that can issue an OnClick event HotSpot Checkbox Label A ENEN sd au CheckBox provide an alternative Label provide a string that can be modified during run time System Timer Timer periodically execute codes PaintBox draw shapes in the run N Paintba time OblectList ObjectList maintain a list of library objects which can be used through property RefObject of TextPushButton and CheckBox 5 3 1 Properties of a Frame This section introduces the properties of a frame Pro
22. SS Assign c less or equal FunctionName Assign gt ESI assign function D DisplayName z r Caption assign function VarCount 4 Rows 2 a PinO en Pin1 out Pin2 eno eno Pin3 in 3 Double click on the Assign to use in the Ladder Designer Ladder Designer uses the logics defined in the file FB hsf in the sub directory Assign FB hsf uses C language Following figure explains what FB hsf of Assign does TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 81 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com if len return O if VAR_VALUE out VAR_VALUE in return 1 VAR_VALUE out VAR_VALUE in VAR_SET_DIRTY Sout return 1 If en is set to low eno is set to low and return If v1 is equal to v2 eno is set to high and return v2 is assigned with v1 Show the value of v2 to the associated widget on TouchPAD eno is set to high and return How to Add a User Defined Function Block 1 Create a new group if necessary Go to the installation path of HMIWorks In the sub directory of bin FunctionBlock create a new directory TestGroup for example and open the file Category ini to add a new item to represent the new group Note that the name of the new item in the Category ini must be exactly the same as the name of the newly created directory CAICPDAS HMIWorks_Standare vLiconyeri counter de
23. TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 50 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Assign the Device Name press OK and then you can see the module is added to the Workspace BB Devices TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 51 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 5 Development Software HMIWorks HMIWorks is the development tool for both TPD and VPD series It supports two programming types Standard C and Ladder Program Compared with traditional GUI development tools HMIWorks is easy to learn flexible to design GUls and takes less time to raise productivity Features of HMIWorks include FREE of charge for ICP DAS TouchPAD devices Two programming types ladder diagram and Standard C Plenty of widgets Plenty of demos shorten development time Advanced search for I O modules Detail error messages Easy downloading after building Automatic generated codes for user designed frames Multi frame design WYGIWYS What You Get Is What You See Abstract vector graphics as simple APIs Easy learning IDE to raise productivity in short time 5 1 The Construction of HMIWorks Before showing the construction of HMlWorks create a new project first TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 52 Copyright 2011 ICP DAS Co
24. U nes Add to library Cut Ctrl4 X Copy Ctrl C amp Paste Ctrl V X Delete Ctrl Del Ctrl D Duplicate TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 160 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Note you can preview the library in the library window Sl Inspector Libraries default flower hwa Group hd Groupe hrad Group hwa snow hwa table hvad test hvad How to use items from library For example as below 1 Click on the tab of Libraries to show library window 2 Pick the object you want You can preview the object in the preview box 3 Click and not released on the item in the preview box and then drag the preview item and drop it on the frame panel BG Frame3 Test hwd GA File Edit View HMI Layout Workspace Toolbox E Rectange FF Eise Text EN Picture Eee Line Framet AFrame2 Frame3 TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 161 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 162 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com How to add a new folder into library window By default we have the only folder default in the library window as the below shows
25. block of codes is executed Default is true Users can disable the flag in Ladder Designer if VAR_VALUE dcon_ReadDIO The API function for I 7K DIO module to read its DI and DO status VAR_SET Set the current value to the tag for example DOO VAR_SET DIO v di amp 1 lt lt 0 VAR_SET SDI1 v_di amp 1 lt lt 1 VAR_SET DI2 v di amp 1 lt lt 2 VAR_SET DI3 v_di amp 1 lt lt 3 VAR_SET DI4 v_di amp 1 lt lt 4 VAR SET D02 V Jo amp 1 lt lt 2 VAR_SET D03 v_do amp 1 lt lt 3 VAR_SET DO4 v_do amp 1 lt lt 4 ND FUNCTION BLOCKO End Create a User Defined I O Module TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 89 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com SO CAICPDAS IHM Works Standardkbin Modules E Category PET 7000 I 7000 M 7000 ModbusTCP rest Series They must be the SAME name est PS nest waasi Test Test_Module1 lih Test Series Protocol MTCP erb Select Modules ini Import Template 1 Inthe directory HMIWorks install path bin Modules create a new I O series directory whose name is Test Series and be sure to update Modules ini to notify HMIWorks that there is a new I O series called Test
26. cable into the TouchPAD You can find that the calibration programs are in the following directory HMIWorks_Install_ Path bin boot Device_ Name calibrate For example there are two calibration programs can be found at C ICPDAS HMIWorks_Standard bin boot TPD 280U calibrate if trying to calibrate TPD 280U One is for landscape when the screen is horizontal and the other is for portrait when the screen is upright And in the same directory of the file calibrate bin there s a batch file which is used to download the calibrate bin to the TPD 280U and it is called calibrate bat Follow the flow to calibrate TouchPAD 4 3 Connect to I O Modules We provide connection methods for three series of I O modules PET 7000 l 7000 and M 7000 and a general method for Modbus TCP I O modules All these I O modules have the same model for connections in general They need to 1 create a new connection first in the Workspace 2 import the tags for the specified I O module while registering device TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 44 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Below we introduce the Devices window which is called while registering device F3 Connector eme Device Hame TestMTCP1 Model Name PE oO feof ooo Search ons Item Description Device Series Specify the series which the I O module
27. include grlib where C ICPDAS HMIWorks_ Standard is the installation path 7 1 2 Percentage of a Slider Simply follow the steps to make the percentage of the Slider changing with its position 1 Drag and drop a Slider on the frame panel 2 Double click on the Slider to implement its OnSliderChange event handler Save the file and press OK Fo HAHMIWorks_Standard Projects Test _ Frame3 h File Edit SliderWidget150nSliderChange poid SliderWidget150nSliderChange tWidget pWidget long lValue static char strUalue 18 usnprintf strUalue sizeof strUalue d lValue SliderTextSet tSliderWidget pWidget strUalue WidgetPaint tWidget amp SliderWidget15 3 To make clear we copy the codes below void SliderWidget6OnSliderChange tWidget pWidget long Value static char strValue 10 usnprintf strValue sizeof strValue d Value SliderTextSet tSliderWidget pWidget strValue WidgetPaint tWidget amp SliderWidget15 The effect of the OnSliderChange function after selecting colors TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 182 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com a Inspector Libraries 73 Sliderwidget v For more API functions of Slider refer to slider h in the following path C ICPDAS HMIWorks_ Standard include grlib where C ICPDAS HMIWorks_ Standard is the
28. lt E mail service icpdas com Left x coordinate of the left top vertex of the rectangle that inscribes the ellipse to draw Name The name of the ellipse OutlineColor The outline color of the rectangle that inscribes the ellipse to draw Top y coordinate of the left top vertex of the rectangle that inscribes the ellipse to draw Horizontal side length of the rectangle that inscribes the ellipse to draw How to change the FillColor and OutlineColor Click on the FillColor in the inspector Then click on the button to open color window to select color The OutlineColor uses similar way 2x Color i m 7 Basic colors Inspector Libraries ma a a O Elipse v waa iai OxFFFFFF me Be yd i ie Left 85 Custom colors Name Elipse COren E OutlineColor ox000000 ETETETT aa aaa Top E ee a Width 106 OK Cancel Add to Custom Colors For example set FillColor to green and OutlineColor to red and then you may have the results as shown TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 102 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 5 3 4 Drawing a Text This section shows how to draw a Text ur How to draw a Text 1 _Left click on the Text icon in the Drawing list of the Toolbox 2 Move the cursor over the frame panel 3 Left click on the point of the frame panel as the left top vertex of t
29. make the size of the CheckBox large enough to cover the whole image of the library object 7 Go to the inspector for the RefObject property of the CheckBox Choose the ObjectList to make connections between the ObjectList and the CheckBox TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 143 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com i Inspector Libraries ted CheckBosWwidget Bow Size 16 Display T ype TopLett FillColor UxFFFFFF Font Font Height bg ID 10 Lett bf Name Check B orw idget UnLhange eee nated Sanaa hei bject ObjectListl1 Selected Objectlist 8 Build and download the project You can see two images of the library objects toggle and no more the TextPushButton and CheckBox Properties of ObjectList x Inspector Libraries E24 ObjectList properties description Vertical side length of the ObjectList Height The serial number of tools including Drawings and Widgets which is used to identify them Name The name ofthe ei II Objects The maintained library objects TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 144 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Width Horizontal side length of the ObjectList Relationships between TouchPAD and I O module Take 1 7066 for example Register
30. point of the right bottom vertex of the Slider rectangle 5 Release the left button of the mouse and you have a Slider you want 6 Double click on the Slider on the frame panel Write codes you TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 116 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com want in the evoking code edited window for the OnSliderChange event Here we use hmi_ Beep to sound a beep for example Note the property OnSliderChange is supported only in programming type Standard C C Re H HMIWorks_ Standard Proxcts Test __Frame2 h File Edit SliderWidget 60nSliderChange void SliderWidget 60nSliderChange tWidget pWidget long lValue hmi_Beep 7 Save the file and then press OK in the code edited window Properties of Slider x Inspector Libraries BackoroundFilllolor OsFFFFFF Background ext OxFFFFFF Filllolor DO ON aaa Fon Hegh oad J 1 a l ee EES Let 2 Mat a T00 Min De Name o adl siidervidget nSlider Change DutlineLolor Uk Postion Un TO en U Metical Fale width aad 196 TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 117 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com properties description BackgroundFillColor What color to fill in the background of the Slider The color is rep
31. q in1 in2 eno 1 return l math else eno 0 return Sub Subtraction if en 1 1 q in1 in2 eno 1 return else eno 0 Mul Multiplication if en l math q in1 in2 eno 1 return TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 61 math Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com math Div Division if en 1 1 q in1 in2 eno 1 return else eno 0 return Inc Increment if en 1 IN eno 1 return math else eno 0 return Dec decrement if en 1 in math eno 1 return TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 62 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Mod Modulo if en 1 q in1 Yo in2 eno 1 return else eno 0 math return CTU Count Up initial if Initialized 0 Count 0 Initialized 1 stop the count and restore if en 0 counter Count 0 eno 0 return count up to value if en 1 if Count gt value eno 1 TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 63 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Countt counting period depends on the number of rungs
32. return eno 0 return CTD Count Down initial if Initialized 0 Count value Initialized 1 stop the count and restore if en 0 Count value eno 0 return counter count down to zero if en 1 if Count lt 0 eno 1 Count counting period depends on the number of rungs return TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 64 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com TON Timer On initial if Initialized 0 T1 CT CT current_time Initialized 1 stop the timer if en 0 T1 CT wait until elapsed time value timer unit 1 ms if en 1 if CT T1 gt value eno 1 else eno 0 return TOF Timer Off initial if Initialized 0 1 T1 CT CT current_time Initialized 1 timer stop the timer if en 0 T1 CT TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 65 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com wait until elapsed time value unit 1 ms if en 1 if CT T1 gt value eno 0 else eno 1 return Beep if en 1 hmi_ Beep eno 1 return else eno 0 return system TOUCH BEEP ON Beep while a widget touched if en 1 hmi_TurnTouchBeep 1 eno 1 TOUCH_BEEP_ON
33. to connect belongs to For example PET 7000 I 7000 Modbus TCP etc Connection Specify the connection methods TCPIP or UART to connect to the I O module Device Name Specify the name of the I O module Users can assign a a a Modal Name Specify the modal of the I O module to connect Net ID The specified ID of the I O module in the network Possible range 0 255 note for PET 7000 series the possible range of Net ID is 1 255 Create the Connections and Import Tags PET 7000 series I O by PET 7000 series I O by Search Select Create a new connection Create the through protocol TCPIP l No Need l connections Here we set Connection Name as TestMTCP TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 45 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Import tags TouchPAD User Manual version 1 0 6 Last Revised April 2011 Copyright 2011 ICP DAS Co Ltd All Rights Reserved Press F3 to register device Choose Device Series as PET 7000 and press Search Da Devices Press Search Io x Fg Select PE Click the I O module you want and press Connect E Frame Test hwd WA File Edit View HMT Laya NG New Edit Connection Mi x Connection Name TesiMTCP _Asion name Protocol TCPIP bd i TOPAP IP fi0 1 0 100 leg 10 1 0 100 leg 502 Port 502
34. to register l 7066 Refer to section Connect to I O Modules in the chapter 4 for details Then pick up the picture which represents the tag Drag and drop the tag that is corresponding to the DOO of l 7066 On the frame design space the picture you just pick is now on the frame Fo z rame Test 1066 h W d GA File Edit View HMI Lay Workspace Toolbox range Run Window Help E Device TA 7066 ces ae EE 22 1_7068_1_000 f _7066_1_D05 E _7066_1_DO06 A _7066_1_R_ACTION fA _70686_1_W_ACTION tual TPD 289 Bernal COM Congratulation HMI Works of ICP DAS builds succesfully Setup Device Refer to Setup Devices in the chapter 4 for details Compile and Download to Run After connecting to TouchPAD press F9 to run or Run gt Run As the following figure shows pressing the button changes the output of channel 0 of the l 7066 TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 174 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 6 4 Integrate TPD 283 Series with I O modules In this example we use TPD 283 to control a PET 060 the 6 channel Power Relay Output and 6 channel Isolation Digital Input with PoE module of ICP DAS First put PET 7060 in the Ethernet network of TPD 283 and use browser to configure PET 7060 1 Configure PET 7066 Using a Browser Download MiniOS
35. use environment and powerful and intuitive programming with graphic D capabilities to let users create appealing graphical interface screens in minutes For PLC users HMIWorks provides Ladder Designer and C language D environment for IT users Especially it only takes no more than 30 minutes to learn how to create an application program when using Ladder Designer With all i the features provided VPD series touch HMI Devices must be the most cost effective HMI Device ever been in the market Applications L CS ee Ga j VPD 130 VPD 130N with DIN Rail Mounting gc VPD 130 lt U z H UJ Q lt VPD 130 VPD 130N Panel Mounting 5 U UJ O Z ICP DAS CO LTD Professional Provider of High Quality Industrial Computer Products and Data Acquisition Systems Vol TouchPAD E 1 0 01 2011 SEP 22 Touch HMI Devices SODIABC IWH YONOL VPD 120 3 Voltage V Current A Power W S9935 ddA Power Factor NOE TAdA OET ddA ya T N Website http www icpdas com E mail service icpdas com Vol TouchPAD E 1 0 01 2011 SEP 22 Touch HMI Devices Applications aa nnn nec SA l ERROR Ay 2 eh el Eile SODINOG INH UONoL Specifications CPU Module Memory Expansion 16 MB SDRAM 8 MB Flash Real Time Clock RTC Yes Buzzer Yes Communication nterface Serial Port X 1 RS 232 RS 485 including Self Tuner USB 1 1 Client MMI Main Machine Interface LCD 3 5
36. value multiplied by ten of the n th power where n is the value of DecimalDigits You can find out I O module s IO hsf file in the following locations THM IWorks_install_ path bin Modules For example lO hsf of I 7017Z is located in C ICPDAS HMIWorks_ Standard bin Modules I 7000 I 7017Z where C ICPDAS HMIWorks_Standard is the installation path of TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 192 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com HMIWorks And we modify the O hsf to make v_ai 6 v_ai 6 1000 Supposed we use channel 6 to read back Al value As the figure shows you can see that the tag SAI6 in Ladder Designer is 1000 times of the real value With DecimalDigits set to 3 the correct value 3 265 is displayed on TouchPAD BEGIN FUNCTION BLOCK float v_ai 10 nr ALETA ANTEN IO hsf dcon ReadAIAll DEVICE SNETID v ai VAR_SET AI1 v_ai l VAR_SET AI2 v_ai 2 VAR_SET AI3 v_ai 3 VAR_SET AI4 v_ai 4 VAR SET AI5 v ai 5 v ai 6 1000 VAR SET AI6 v_ai 6 VAR _ SET AI7 v_ai 7 VAR SET AI8 v_ai 8 VAR_SET SAIQ v_ail 9 Inspector Libraries F HMIWorks Ladder Designer Jaza Labelw idget Su Edit 3 F3 E Fis eam oO e oO 0x000000 LabelWidget9 A 6 How to remove the startup bee
37. 02 7066D Digital Output 0 0x00 LSB CH 0 MSB CH 6 Configuration Setting Command Response Delay Time Protocol DCON oa Delay Time 0 O 30ms Ziara Address 0o Ze Baudrate 115200 Power On Value ofDO Safe Value of DO Checksum Disable v 7 AA Set Value Panty Option None Parity N 3 1 Seiling Read Value eres Enable WDT First Host Watchdog Setting Timeout 25 55 10 1 25 5 sec Send Host OK 1 Enable WDT Setting Reset WDT 2 Create a new project Go to the menu File gt New and select the Model then specify the Project name the Location the Orientation and the Programming Type Here we choose programming type as 2 Ladder Program TPD 288 Project name Test 7066 Location H HMIWorks_Standard Prajects Orientation Portrait C Parkin aii Vly C Landscape Lai Default Programming Type C 1 Standard C C f gt 3 Design the Graphic User Interface We can skip this step Here we just demonstrate how to quickly complete a whole new project with I O modules of ICP DAS TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 173 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Design the Ladder Diagram Press F3 key or click on Register Devices in the HMI menu to evoke the Devices window
38. 2Dn Ch Forward One Ctrl PgUp Ra To back Shift PeDn Th To front Shift PoUp TP Group Ctrl G lf Ungroup Ctrl U To demonstrate functions of cascading and grouping first draw three shapes as followings Back One Make the selected object go down a level of the stacks For example select the blue ellipse and click Back One in the menu You can see that the blue ellipse goes down one level in the stack TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 148 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Forward One Make the selected object go up a level of the stack For example select the green circle and click Forward One in the menu You can see that the green circle goes up one level in the stack To back Make the selected object go down to the lowest level of the stack For example select the blue ellipse and click To back in the menu You can see that the blue ellipse goes down to the lowest level in the stack To front Make the selected object go up to the highest level of the stack For example select the red square and click To front in the menu You can see that the red square goes up to the highest level in the stack TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 149 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Group Put tools Drawing tools Wi
39. 7 Utility and its user manual on ftp ftp icodas com pub cd 8000cd napdos minios utility minios7_ utili ty Then use MiniOS 7 Utility to change the IP setting of PET 7060 Be sure to make PET 7060 and your PC in the same subnet Press F12 to scan the network After searching click on PET 7060 and then click on IP setting button to set IP TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 175 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com A AiniC S7 Scan a 4 ZEE ga Options Connect Dear IP setting Hep Ext ee IP Setting e lere EE ie E ooms TCP Broadcast 10 1 120 50 PETL 7050 Ethel 255 TCP BroadCast 10 1 121 109 7 PET 7067 ae IP f10 1 121 105 A TCP BroadCast 10 1 121 12 PET 7026 255 2 Mask 25525500 PITCP Broadcast 10 1 1211 PET 7060 255 2 F TCP BroadCast 10 1 112 14 7188E2 5552 Gateway 101121254 TOP BroadCast 10 1 0 117 ET 87PN 1 00 i ec S Search done f Disable Cc Ernage eee ae Finally use a browser to connect to the PET 7060 and configure it gt ET7000 Web page Windows Internet Explorer Go Je hitp 10 1 121 104 E mlel iE DAEMON Search Pi lt 2 ET7000 Web page ay Oly Jamey oe Vie ov Ge i a ICP DAS 4 m http www icpdas com wr _ MM a Main Menu a ett Pr Welcome to the PET 7000 W
40. 7065 in the I 7000 I O series for example as the following figure shows TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 88 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com ON Pe Devices J Pe a Comment a gt M Device inforiatiar 0 Deyieeseies 17000 i SA TAA O E Device Name 0 ModelName t S af 8 0 0 Select Assign device name JA ACTION FFittual 0 W _ACTION Ritual 0 a Select 11 70 Bi m X How O hsf Defines I O Behaviors Take l 7065 for example l 7000 series I O module Open the O hsf in the directory HMIWorks install path bin Modules I 7000 I 7065 The codes in lO hsf are of C language BEGIN_FUNCTION_BLOCK Initial DWORD v_do 0 DWORD v_ di 0 it VAR_VALUE D00 v_do 1 lt lt 0 if VAR_VALUE 15075 v do 1 lt lt 1 if VAR_VALUE DO2 v_do 1 lt lt 2 if VAR_VALUE DO3 v_do Wasi AVOR _VALUE DO4 v_do 1 lt lt 4 dcon WriteDO DEVICE NETID 5 V do amp OxFF VAR_VALUE Get the current value of the tag for example DOO dcon_WriteDO The API function for I 7K DO module to change its DO status W_ACTION write action A flag to control whether the block of codes is executed Default is true Users can disable the flag in Ladder Designer R_ACTION read action A flag to control whether the
41. DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 2 General Specifications reo bo x the size of touch screen the communication methods the color of the outer shell 28 2 8 inch 0 RS 232 RS 485 W white 0U RS 232 RS 485 USB 3 Ethernet 3U Ethernet USB Models of TouchPAD Run Time Model Memory Power Communication 1 1 Name Expansion Input Interface Client RS 485 16 MB SDRAM 10 30 VDC TPD 280U Self Tuner YA 8 MB Flash 2 8 TFT Resolution PoE 240 x 320 x 16 Ethernet TPD 283 IEEE 802 3af 10 100 Mbps Class 1 Modbus RTU Master and DCON Protocol Master for ICP DAS l 7000 series modules We provide API functions to open com port for sending receiving strings through RS 485 Modbus TCP Master We provide API functions to sending receiving strings through TCP P S USB is used for firmware update only TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 14 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 2 1 TPD 28x Series In contrast to the TPD 28xU series TPD 28x series devices are not USB clients Besides TPD 28x series does not have SDRAM Flash expansion Models TPD 280 TPD 283 CPU Low power 32 bit RISC CPU e a RJ 45 3 1 10 100 Base TX Serial Port RS 485 including Self Tuner MA LCD 2 8 TFT Resolution 240 x 320 x 16 bright pixels lt 3 TouchPAD Use
42. E mail service icpdas com Warning ICP DAS assumes no liability for any damage resulting from the use of this product ICP DAS reserves the right to change this manual at any time without notice The information furnished by ICP DAS is believed to be accurate and reliable However no responsibility is assumed by ICP DAS for its use nor for any infringements of patents or other rights of third parties resulting from its use Copyright Copyright 2011 by ICP DAS Co Ltd All rights are reserved Trademark The names used for identification only may be registered trademarks of their respective companies Support ICP DAS takes your problem as ours If you have any problem please feel free to contact us You can count on us for quick response Email service icpdas com Tel 886 3 5973336 Also the FTP site of ICP DAS has contents about TouchPAD which you may be interested in We believe that those contents may be helpful to your work FTP ftp ftp icodas com pub cd touchpad TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 2 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Preface Thank you for buying TPD VPD Series HMI Devices TouchPADs which are made by ICP DAS Co Ltd We suggest you read through this user manual before you set up these devices and develop their programs Purpose This manual shows how to use TouchPADs and develop programs This m
43. For example we associate v1 to out and v2 to in v1 v2 and v3 are the variables set by New Virtual Tags Refer to the New Virtual Tags section To associate v1 to out move the cursor just beside out but not in the function block HMI Works Ladder Designer File Edit TAIE ETE il E m a e Double click on just beside out to invoke Select variable window TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 75 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Po Select variable Browse Variables Enter Constant scope Global Clear Tag Double click on the variable in the list to set the variable to out For example we double click on the variable v1 and set to out of Assign function SHMI Works Ladder Designer File Edit 2 E E f BO o ANI EA 1 Set v2 to in of Assign function in the same way Finally set v3 to the coil output gt HMIW orks Ladder Designer File Edit This function assigns v2 to v1 if en is set to high The coil output v3 is purely defined by eno where eno en Insert a new function block in the left of the cursor F6 TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 76 Copyright 2011 ICP DAS Co Ltd
44. Ltd All Rights Reserved gt lt E mail service icpdas com File Li New Ctrl h tf Open Ctrl 0 Le Save Ctl s fs Close Close All Exit Alt F4 Click File menu then click on New Po New IA Project name Test Location C gt ICPDAS HMI Works _Standard Projects 3 Orientation Landscape landscape HLE C Portrait F Portrait Flip Default Programming 1 Standard C C C 2 Ladder Program Choose the target module Orientation and the Default Programming Type Press OK and HMIWorks integrated design environment shows as below There are several parts of HMIWorks Menu bar Workspace and Toolbox Frame Design space Inspector and Libraries Results window Output and Errors Status bar Sos Sy a TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 53 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com NG Frame1 Test hwa WO ojx Pirie Edi View HMI Layout Arrange Run Window Help AA Libras I E Program 21 Framiet a Blackgroundcolor OxFFFFFF El Tags oi Device ow Virtual Inspector and Libraries Workspace and Toolbox fe Output Errors ramel c framei c Results window Output and Errors dict cc e Ee Ea 7 C 2a00 Status bar Congratulation HMI Works of ICP DAS builds one 4 Below are the operations pop up menus that users have
45. NCTION_BLOCK static int uCount 0 uCount if uCount 3 break nsigned char str 8 str O slave address str 1 function str 2 3 start address str 4 5 length str 6 7 checksum 0x01 0x04 0x11 0x00 0x00 0x48 OxF5 0x00 Modbus RTU commands char recv 149 char a 4 float sng float Volt 4 float Current 4 float Power 4 float PF 4 int temp BOOL flag DEVICE str sizeof str recv 149 J WORD ret_cre CRC16 recv 147 i uart_BinSendCmd The API function send and receive binary data through serial ports if flag if memcmp recv str 2 0 if ret_crc unsigned short recv 147 for int i 0 i lt 4 i a 3 recv 3 i 36 2 z Handle what receives from the serial port to get the voltage value Handle what receives from the serial port to get the current value memcpy amp sng a 4 Current i sng 1000 TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 91 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com a 3 recv 3 i 36 8 2 a 2 recv 3 i 36 8 3 a 1 recv 3 i 36 8 0 a 0 recv 3 i 36 8 1 memcpy amp sng a 4 Handle what receives from the serial port to get the power value Power i sng 1000 memcpy amp sng a 4 PF i sng 1000 VAR_SETI VAR_SET AI3 PF
46. Series As the figure shows the series directory name and the name in the Modules ini must be the same 2 Inthe I O series directory Test Series we create a new I O module directory whose name is Test Module1 and be sure to create a I O modules configuration file Test_Series ini to depict the template of the newly created I O module Test Module As the figure shows the module directory name and the name in the Test_Series ini must be the same 3 Implement the O hsf which is created in I O module directory Test Module1 to describe the behaviors of the I O module Test Module Refer to other I O modules for example l 7065 as above Modbus RTU Device Take PM 2133 For Example PM 2133 is the power meter module of ICP DAS It is control by Modbus RTU protocol Here shows how to use HMIWorks to build a program for TouchPAD to integrate with Modbus RTU modules TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 90 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com First add item PM 2133 in the section Category and create a new section PM 2133 in the M 7000 ini file Create the PM 2133 directory under HMIWorks install path bin Modules M 7000 And in the directory PM 2133 create the 10 hsf file Second implement the IO hsf file In HMIWorks_Installation_ Path bin Modules M 7000 PM 2133 there is source code file IO hsf BEGIN_FU
47. This property is used to indicate that whether the size of the Picture can be changed or not Vertical side length of the rectangle that encloses the Picture to load HiColor True or False This property decides whether the loaded picture is stored as 16 bit color True or 8 bit color False Default is 8 bit color The serial number of tools including Drawings and Widgets which is used to identify them x coordinate of the left top vertex of the rectangle that encloses the Picture to load The name of the Picture The picture to be loaded Top y coordinate of the left top vertex of the rectangle that encloses the Picture to load Horizontal side length of the rectangle that encloses the Picture to load Trade off between firmware size and resolution ICP Industriai Computer Product Data Acquisition System SESS ata PRT y ee a HiColor True HiColor False on TouchPAD 189KB on TouchPAD 69KB Above is the comparison between HiColor True and HiColor False TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 108 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com The left picture is original one in HMIWorks The two right side pictures are real photos One is HiColor True and the other HiColor False As you can see setting HiColor to False makes the photo have a not smooth gradient part while setting HiColor to True does not
48. Touch HMI Devices Features E Excellent C P ratio cost performance E High resolution color touch screen VPD 130N MI RTC Real Time Clock E Supports 1 Serial Port RS 232 RS 485 Fa i including Self Tuner Dower Voltage Power E Rubber Keypad al Current A ah Cure E WYSIWYG What You See Is What You Get GUI design o 0 L D lt A D U E Free HMIWorks development tool E Supports the popular C programming language E Supports Ladder Designer E ESD Protection 4 kV E Operating temperature 20 70 C E Front Panel IP65 Waterproof VPD 130 VPD 130N Introduction VPD industrial touch HMI device series features 3 5 high resolution color touch screen LCD With touchscreen capability it is easy to deploy into all kinds of automation systems and make them more intuitive and efficient Either setup new system installations or complete system retrofits VPD series stands out for its wide variety of communication methods Its built in communication ports include RS 232 RS 485 and USB interface enable integration into the system allowing users to control monitor 1 O at the remote sides and update firmware directly from the central computer Besides the built in non volatile storage makes VPD series more reliable for rugged environments lt U F HMIWorks the free development software for VPD series provides an easy to
49. TouchPAD which is used for downloading only when downloading programs This IP information is not part of the program every time the downloading process starts HMIlWorks assigns this IP just for downloading M4 Setup Ethernet YA O Xx Search TouchPad NG Search TouchPad oO x r iN Disable UDP fiter eR amem 10 1 apie os L5 23 00 00 0 33 44 YS Device Runtime Information ee maza Device MAC address 90 00 0 82 00 0 IT Disable UDP fiter Disable UDP filter C Static DHCP Device IP address 10101 fe Downloading Information Device IP address 10 1 0 130 le v gt 4 item description Refresh Re search again to re make the list Disable UDP filter We have UDP filter enabled by default to search TouchPAD only Devices which are not TouchPAD are filtered out if this option is not checked Press Search TouchPAD button to search TPD 283 Note1 MAC address can be found in the back of TPD 283 HMIWorks uses MAC to search TouchPAD To see if TouchPAD is on the network check that if there is a device with the MAC in the list after searching Note2 Be sure to put TPD 283 and your PC in the same subnet TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 35 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com What to do if PC and TouchPAD are not in the same s
50. a Label and three BitButton on the frame panel as below TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 184 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Label vidget1 5 chnage Text chnage Font chnage Color 2 Double click on the BitButton to implement the OnClick event handlers of three Bitbuttons Save the file and press OK wes HAHMI Works _ Standard Projects Testt_ Frame4 h File Edit Cone BitButton170nClick void BitButton170nClick tWidget pWidget BitButton190nClick BitButton260nClick static char str Hello TouchPAaD CanvasTextSet amp LabelWidget18 str WidgetPaint tWidget amp LabelWidget18 void BitButton190nClick tWidget pWidget change Font to size 26 CanvasFontSet amp LabelWidget18 amp g_sFontCm286 WidgetPaint tWidget amp LabelWidget18 gt void BitButton260nClick tWidget pWidget 1 change Text color to Red CanvasTextColorSet amp LabelWidget18 OxFF 66686 WidgetPaint tWidget amp LabelWidget18 3 To make clear we copy the codes below with their corresponding results Codes of the event handler TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 185 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com step O the beginning snapshot N A Label vidget1 S change Text change Font change Color
51. ables Register Devices uses devices of ICP DAS on the networks Ladder Designer designs your ladder logics Users can manage their ladder design in the Workspace 5 2 1 Getting Started To use Ladder Designer run HMIWorks_Standard exe first Then create a new project TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 55 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com TPD 286 TPD 283 Project name Test Location H HHIWorks_Standard Projects Orientation Portrait Portrait Flip C Landscape H Landscape lap Default Programming Type C 1 Standard C C 2 Ladder Program New Virtual Tag and open Ladder Designer from HMI menu HMI New Virtual Tag Fe Revister Deyices FS Ladder Designer F4 New Virtual Tag adds variables used in Ladder Designer There are three ways to open the Edit variable window gt pressing F2 key gt choosing in HMI menu gt right click on the Virtual item and click on New Virtual Tag Workspace Toolbox Ei File Test hwa ee Program i EN Test lds Ei Connection ol Test TCP Su Tags So Device New Virtual Tag New Folder TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 56 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 5 2 2 Introduction to Ladder Designer A Ladder Designer is a to
52. ace to evoke the Select variable window Take a Slider for example NW Select variable Browse Variables Enter Constant Scope I 7066 1 Clear Tag Name Comment O O l Q _7066_1_p00 Mji 7066 1 D02 Ji 7066 1 DO3 Ji 7066 1 D04 Ji 7066 1 D05 Ji 7066 1 DOG Ji 7066 1 AR ACTION JI 7066 1 Ww ACTION Double click on the tag Name you wantto associate with the widget Then you can see the tag is associated with the widget that is the Slider for example by setting the property TagName to the name of the tag TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 84 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Jz Inspector Libraries 073 Sliderwidget v BackaroundFillColor OxFFFFFF BackgroundText OxFFFFFF FillColor 0000000 Font Font Height 3 ID 10 Left 38 Max 100 Min 0 Name SliderWidget OutlineColor 0x000000 3 The third method is click on the button of the TagName property in the inspector of the Widget to evoke the Select variable window Similar steps as above Special Note Refer to section Using an ObjectList Set RefObject property of a CheckBox to an ObjectList which contains images and then associate a tag of the Ladder Designer to the CheckBox Then every time the tag changes its value the CheckBox toggles the images This feature is especially useful when building sw
53. anced Features Excellent C P ratio cost performance Workable under tough environments operating temperature 20 C 70 C High Color resolution touch screen PoE Power over Ethernet TPD 283 RS 485 network TPD 280 VV VV V gt WYSIWYG ee You See Is What You Get GUI design gt Complete and powerful development tool easy integration with touch HMI devices quick design for a variety of applications TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 7 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com gt Supports the popular C programming language gt Ladder logic design 1 2 Applications of TouchPAD Interactions between human and machine are getting more and more important since automation control has emerged From systematic surveillance of equipments status monitoring of house appliances or even measurements of temperature and humidity HMI devices play an indispensable role in passing information In the early time HMI devices consist of lights meters 7 segment display For now LED and LCD are prevalently used and ICP DAS releases TouchPAD as a state of the art solution In addition to GUI and touch LCD the solution of ICP DAS provides development software package HMIWorks HMIWorks satisfies most of the requirements with the WYSIWYG What You See Is What You Get design environment Besides It has plenty of widgets and varietie
54. anual mainly contains the following parts E Introduction basic understandings of TouchPADs m Hardware specifications dimensions and installations E Software mainly how to build a project and HMIWorks introductions Personnel This manual is fit for following personnel End Users Engineers Technicians TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 3 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Table of Contents SI AA WA aa WAA Aa AA AA AA attads 3 yi MB ao Ya YA ea TA nsin AA AAA AA AAA AAA AAA AAA WAA 7 Tele Aavanced iia aa 7 1 2 Applications Ol UA AI 8 t3 AllKindsof Situation Scenerne 10 Ze General SP SCINCAU ONS asne a a tamara 14 24 US fl o ee I et 15 22x TRDO Ia 16 see IPDA US or ee me oe ee Pn En 18 ig ames A rl Dal Boy Gee so eer ne Ren re Ie Sana ee un eR 19 d Aa 21 Sele HardWare WE Tessan nnn a A 21 as PIMA aa 22 39 MsSlalation anad WING Aaa 25 DA External Wall BOX ii NA 27 4 Setup Devices and Connect to MA ii Wa 29 Bice IAA AA II toes E T A 29 42e SEUD DEVICES AA AA AAA 30 A721 OCW TPD 200 ii wei a ee 30 422 OCU WIP 20 II 32 4 2 3 Setup Other Devices in TouchPAD Series 39 4 3 Connect VO MA Ii Ia 44 5 Development Software HMIWOSKS ccccccccccccesssssssssececceceessssssseeeeeeeeeeens 52 5 1 The Construction of HMIWOFS mwemenannnnananem
55. ap Default Programming Type 1 Standard C C C 2 SoftPLe 2 Design the Graphic User Interface For example draw a rectangular and fill the color Of course you can draw more complex and beautiful figures Here we simply TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 164 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com demonstrate how to make a simple project We Framel t280 hwd E Edit View SoftPLC Layout Arrange Run Window Help wakaa Toabe Seon F Paue JE TEE EN Pictwe Ea bine And then select a Widget For example pick a BitButton 03 Framel t280 hwd ol x WA File Edit View SoffPLC Layout Arrange Run Window Help Workspace Toolbox f Py T TeytPushiuttor Siider BitButton Holgpot fe Chechens 5 Rodiotirau w Label Fi ote Jel 3 Modify Source Codes Double click on the BitButton to invoke the code editing window Use hmi_Beep to sound a beep for example then press OK Of course more codes can be written to fulfill the requirements Here we simply demonstrate how to make a simple project so we make the codes as simple as possible TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 165 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Ro HHMI Works Standard Proxcts Test __Frame2 h
56. are real photos One is HiColor True and the other HiColor False As you can see setting HiColor to False makes the photo fragmentized while setting HiColor to True does not Because 8 bit color does not have enough color 256 only to represent the picture similar colors are represented by the same color and this results in fragmentation However preventing pictures from fragmentation costs TouchPAD bigger size of memory Take above picture for example setting HiColor to True uses memory of 189KB but setting HiColor to False costs only 69KB TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 189 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com A 3 How does a TouchPAD control 1 0 From a touch to I O Take 1 7066 for example Register Devices F3 to automatically generate a and then drag and drop the tag on the frame Fo 5 x f File Edit View HMI Tayo nge Run Window Help Workspace Todos E J Fies EE Progam O Tag sS Device P tiny 5 1_7066_1_ 000 2170651005 23 170651 005 ZA 1_7066_1_ACTION a HMIWorks does the followings to build the relationships between TouchPAD and I O modules Associated with the pictures by RefObject TouchPAD RefObject Objectlisti5 7066 ijChecked Unchecked Associated with the tag by TagName TagName SS _7066_1_D00 BEGIN_FUNCTION_BLOCK BYTE v_d
57. ast Revised April 2011 Page 130 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com For example set FillColor to green and OutlineColor to red and then you may have the results as shown 5 3 12 Using a Label This section shows how to use a Label Va What is a Label A Label is a Text put on TouchPAD to give information that may change at run time How to use a Label 1 Left click on the Label icon in the widget list of the Toolbox 2 Move the cursor over the frame panel 3 Leftcclick and not release on the point of the frame panel as the left top vertex of the Label rectangle 4 Move the mouse to form a Label as you want and stop the mouse while the cursor is at the point of the right bottom vertex of the Label rectangle 5 Release the left button of the mouse and you have a Label you want TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 131 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 2 a a i LabelvVidget1 7 a 6 Click on the Text property in the inspector to change the string on the Label Here we change the Text to Hello Inspector Libraries 73 Labelwidget gt Properties of Label TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 132 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com n I
58. at encloses the Text to draw mD The serial number of tools including TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 104 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Drawings and Widgets which is used to identify them x coordinate of the left top vertex of the rectangle that encloses the Text to draw The name of the Text The string of the Text to show TextAsimage True or False Whether text is stored as an image or not If the text is treated as an image of course it takes more space to store and more time to download Top y coordinate of the left top vertex of the wa rectangle that encloses the Text to draw Horizontal side length of the rectangle that encloses the Text to draw How to change the font of Text Click on the font property in the inspector Then click on the button to open font window to change font Be sure to set TextAsImage True Otherwise changing font does not take effect xf Inspector Libraries T Tex v Alignment Eflects Sample 7 Strikeout F Unden AaBbYyZz Color ei ss Soi Westem gt This is an OpenType Font This same font yall be used on both your preter r TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 105 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 5 3 5 Loading a Picture Thi
59. bal X After setting the TagName properties users can check in the Inspector ixj xj Inspector Libraries Inspector Libraries 73 CheckBoxwidget af 7A Labelwidget x TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 171 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 4 Setup Device Refer to Setup Devices in the chapter 4 for details 5 Compile and Download to Run After connecting to TouchPAD press F9 to run or Run gt Run As the following figure shows pressing the button changes the value of the Label from 0 gt 1 or 1 gt 0 6 3 Integrate TPD 280 Series with I O modules In this example we use TPD 280 to control an l 7066 the 7 channel photo MOS relay output module of ICP DAS First put 1 7066 in the same RS 485 network of TPD 280 and configure l 7066 with DCON Utility baudrate data bit parity stop bit Net ID 1 Use DCON Utility to setup I 7066 Download DCON Utility to install and refer to the user manual ftp ftp icodas com pub cd 8000cd napdos driver dcon_utility Then use DCON Utility to setup l 7066 Mainly set the followings Address Net ID Baudrate Databit Parity Stopbit TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 172 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Ej Configuration for 7066D Module Version B1
60. chPAD User Manual version 1 0 6 Last Revised April 2011 Page 17 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Storage Temperature 30 80 C Ambient Relative Humidity 10 90 RH non condensing 2 3 TPD 43x Series We will provide 4 3 TouchPAD They have not been released yet Though they are close to the final version the spec may be changed Models TPD 430 TPD 430 EU C Low power 32 bit RISC CPU 4 3 TFT Resolution 480 X 272 X 16 bright pixels lt 3 TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 18 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Reset Button Yes Power Input 10 30 VDC Dimensions WxLxH 126mm W x 82mm L x 24mm H 126mm W x 92mm L x 29mm H Wall Mount Wall Mount Installation Suitable for the outlet box in Suitable for the European 86mm United States x 86mm outlet box Operating Temperature 20 70 C Storage Temperature 30 80 C 10 90 RH non condensing 2 4 VPD 13x Series VPD series devices are designed for industrial applications Models VPD 130 VPD 130N Serial Port One set of RS 232 RS 485 including Self Tuner TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 19 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com USB 1 1 Client Firmware updates only
61. chPAD User Manual version 1 0 6 Last Revised April 2011 Page 47 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com gt Teo l 7000 series I O by Select Create a new connection through protocol UART fa Frame Test hwd WA File Edit View HMI Layo Create the connections Stop Bef ca Press F3 to register device Choose Device Series as l 7000 choose Connection Import tags ae as TestUART which you created in the previous step and press Select TouchPAD User Manual version 1 0 6 Last Revised April 2011 Copyright 2011 ICP DAS Co Ltd All Rights Reserved M 7000 series I O by Select Create a new connection through protocol UART F3 New Edit Connection Efe Connection Name TetUART Am name UART BaxdRete 115200 ee Panty ONone sopi Press F3 to register device Choose Device Series as M 7000 choose Connection as TestUART which you created in the previous step and press Select Page 48 b lt E mail service icpdas com DeveceSeies M7000 Click the I O module you want Click the I O module you want and then press OK to add and then press OK to add tags of the specified I O tags of the specified 1 0 module module PB Devices NG Devices Y Device Sasse M7000 Connection Te
62. das com Appendix Appendix is listed below 1 FAQ Frequently Asked Questions A FAQ A 1 What to do if screen flashes Set the BrushStyle property of frames to Clear BrushStyle Solid or Clear If BrushStyle is set to Solid BackgroundColor is effective However this may make screen flash if background color is quite different from the loaded picture Setting BrushStyle Clear disables the property BackgroundColor and prevents from flashing Inspector Libraries 22 Frame a ae BrughS tile Clear Uo lt r Name o Frame o nCea e ee Oreste nhide rr Er WAA eee UA cee eee ere Programstyle standard TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 188 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com A 2 How to have higher resolution Picture Set the HiColor property of Picture to True HiColor True or False This property decides whether the loaded picture is stored as 16 bit color True or 8 bit color False Default is 8 bit color Trade off between firmware size and resolution ICP DAS Industrial Computer Product Data Acquisition System SANI HiColor True HiColor False on TouchPAD 189KB on TouchPAD 69KB Above is the comparison between HiColor True and HiColor False The left picture is original one in HMIW orks The two right side pictures
63. dget 19 7 Save the file and then press OK in the code edited window Properties of PaintBox x Inspector Libraries Ea Paintbow T properties description Height Vertical side length of the PaintBox TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 140 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com The serial number of tools including Drawings and eS Widgets which is used to identify them Name The name ofthe PaintBox The function name of the OnPaint event of the PaintBox Top y coordinate of the left top vertex of the PaintBox Width gt Horizontal side length of the PaintBox 5 3 15 Using an ObjectList This section shows how to use an ObjectList ObjectList What is an ObjectList An ObjectList is a component which is used to maintain a list of library objects usually two library objects An ObjectList can be used in both programming type Combined with RefObject properties of the widget TextPushButton and CheckBox users can easily toggle two images Note TextPushButton does not have the property TagName so it is not used in programming type Ladder Program How to use an ObjectList 1 Left click on the ObjectList icon in the System list of the Toolbox 2 Move the cursor over the frame panel 3 Left click on the frame panel Note that you should not worry about the size or the location of th
64. dgets and System components together as a set that is a group For example first circle the items together by a mouse and then click Group in the menu You can see that they are grouped together Ungroup Break a group into its original tools For example select the group and then click Ungroup in the menu 9 4 3 Rotating and Flipping Edit Menu TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 150 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Edit gt Undo Ctrl4 Z Redo Shift Ctrl Z Cut Ctrl4 X Copy Ctrl C amp Paste Ctrl V X Delete Ctrl Del Duplicate Ctrl D 42 Rotate CCW 2t Rotate CW 454 Flip horizontal gt Flip vertical To demonstrate functions of rotating and flipping first draw three shapes as followings Rotate CCW Rotate the selected item in the counter clockwise direction For example first put three items into one group select the group and then click on Rotate CCW in the menu You can see that this group of shapes is rotated counter clockwise TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 151 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Rotate CW Rotate the selected item in the clockwise direction For example first put three items into one group select the group and then click on Rotate CW in the menu You can s
65. e How to use a PaintBox 1 Left click on the PaintBox icon in the system list of the Toolbox 2 Move the cursor over the frame panel 3 Left click and not release on the point of the frame panel as the left top vertex of the PaintBox rectangle 4 Move the mouse to form a PaintBox as you want and stop the mouse while the cursor is at the point of the right bottom vertex of the PaintBox 5 Release the left button of the mouse and you have a PaintBox you want 6 Double click on the PaintBox on the frame panel Write codes you want in the evoking code edited window for the OnPaint event Here we draw a rectangle for example TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 139 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Note 1 the diagonal points used in the function of hmi_FillRect are in the same coordinate as the frame Note 2 the part of the rectangle which is outside the perimeter of the PaintBox is cut off Note 3 WidgetLeft pWidget and WidgetTop pWidget are the x y coordinates of the left top vertex of the PaintBox While WidgetRight pWidget and WidgetBottom pWidget are those of the right bottom oH HMIWorks_Standard Proects Test _Frame2 h PaintBox60nPaint void PaintBox60nPaint tWidget pWidget tContext pContext hmi_FillRect pContext WidgetLeft pWidget 10 WidgetTop pWidget 16 WidgetRight pWidget 18 WidgetBottom pWi
66. e DOO of PET 7060 to the frame design space On the frame design space the picture you just pick is now on the frame TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 177 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Pp Frar f YA File Edit View HMI Lay range Run Window Help ae rao DOO ZA PET_7060_ ZA PET_7080_011 Za PET_7060_D12 ZA PET_7080_D13 ZA PET_7060_Di4 ZA PET_7080_Di5 ZA PET_7060_R_ACTION ZA PET_7080_W_ACTION 3 Vatual A Output errors Ethernet P10 10 72 MAC00 0D E0 B2 01 05 Selected 0 5 Setup Device Refer to Setup Devices in the chapter 4 for details 6 Compile and Download to Run After connecting to TPD 283 press F9 to run or Run gt Run As the following figure shows pressing the button changes the output of channel 0 of the PET 7060 TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 178 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 7 Advanced Programming in C We have an API reference for TouchPAD However the API reference does not include API functions for handling widgets such as TextPushButton CheckBox etc Though you can refer to the generated codes to learn how to use these API functions all the API functions are defined in header files in the following path C ICPDAS HMIWorks_Standard include g
67. e ObjectList because the ObjectList is invisible wnen downloaded to the TouchPAD Also TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 141 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com it s not necessary to put the ObjectList on the frame panel 4 The ObjectList maintains a list of a library objects and is used in a TextPushButton or a CheckBox After downloading to the TouchPAD the images of the library objects replace the TextPushButton or the CheckBox When the state of the TextPushButton or the CheckBox changed users see only the images of the library objects toggles but do not see the original appearances of state exchanges of the TextPushButton or the CheckBox 5 Add two library objects in the ObjectList by double click on the ObjectList icon Then the window of ObjectList shows Double click on the list of the library objects adds the clicked library object to the right side region Note 1 you only need to add two library objects to the right side region because both TextPushButton and CheckBox have only two states Note 2 to delete the library objects in the ObjectList window double click on the objects in the right side block TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 142 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 6 Place a CheckBox on the frame for example Be sure to
68. eb configuration page ac EA EH Authentication Model Name PET 7060 CI Web HMI IMAC Address O d e0 64 9 70 e Module Information Pair Connection Firmware Version v11i3 May 13 2009 J More Information OS Version V229 May 12 2009 DI channels 6 DO channels 6 AT channels 0 lao channels lo ro ete Ee ee se 2 Create a New Project Go to the menu File gt New and select the Model then specify the Project name the Location the Orientation and the Programming Type Here we choose programming type as 2 Ladder Program TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 176 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Wid ek Project name Test Location H HMIWorks_Standard Projects Orientation Portrait C Portrait Flip C Landscape C Landscape Flip Default Programming Type 3 Design the Graphic User Interface We can skip this step Here we just demonstrate how to quickly complete a whole new project with I O modules of ICP DAS 4 Design the Ladder Diagram Press F3 key or click on Register Devices of the HMI menu to evoke the Devices window to register PET 7060 Refer to section Connect to I O Modules in the chapter 4 for details Then pick up the picture which represents the tag Drag and drop the tag that is corresponding to th
69. ed April 2011 Page 29 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 3 The snapshot of Finish g Setup HMI Works Standard Edition MSI LF Completing the HT Works Standard Edition Version 2 00 Setup Wizard Setup has finished installing HMw orks Standard Edition Version 2 00 on pour computer The application may be launched by selecting the installed icons Click Finish to exit Setup 4 2 Setup Devices There are several kinds of devices TouchPADs Before downloading programs to TouchPAD TouchPAD must be setup We describe how to setup each kind of devices in the following sections 4 2 1 Setup TPD 280 Configuration mode In the back of the TPD 280 configuration modes can be found Use the rotary switch to set the configuration mode No Mode Description oO Run Only This mode is used for running programs a Update Only This mode is used for updating programs In the Run menu of HMIWorks Click Setup Device TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 30 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Eun Run Fa Rendering and Build FS Rendering Only Ctrl F5 Download Only Ctrl F9 Setup Device Console FLO TPD 280 uses RS 485 as its communication method It is not able to connect through Ethernet Select the com port that connects to the TPD 280 Before do
70. ee that this group of shapes is rotated clockwise Flip horizontal Flip the selected item in the horizontal direction For example first put three items into one group select the group and then click on Flip horizontal in the menu You can see that this group of shapes Is flipped horizontally TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 152 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Flip vertical Flip the selected item in the vertical direction For example first put three items into one group select the group and then click on Flip vertical in the menu You can see that this group of shapes is flipped vertically 5 4 4 Gridding and Viewing View Menu View Show grid Snap to grid w Inspector Fl1l Library w Results Next Frame F6 TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 153 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Show grid Show grid on the frame Take the following snapshot for example and then you can see the dots on the frame Those dots represent the grid Snap to grid Snap vectors or widgets to the grid Inspector Display the inspector window or not Library Display the library window or not Results Display the Results window or not Next Frame Go to next frame TouchPAD User Manual version 1 0 6 Last Revised Apri
71. effect after successful downloading because the IP settings are parts of the program Fy Setup Device a A Search TouchPad Host Information Host IP Address UA Device Runtime Information Device Nickname JICPDAS Device MAC address JOU OD E0 B2 00 02 few 00 00 E0 11 22 33 f Static C DHCP Device IP address hi 0 1 0 210 fes 110 1 2 3 Downloading Informatio Device IP address 110 1 0 210 few 10 1 2 3 description Search TouchPAD Search TouchPADs on the network Make sure that TouchPADs and the local computer are in the same subnet Device Nickname The nickname used to identify the TouchPAD which is selected in the list of the Search TouchPAD window This nickname is part of the program and it takes effect after the new program runs downloading successful Device MAC address The MAC address of the TouchPAD which is selected in the Search TouchPAD window Every TouchPAD is shipped with its MAC information pasted on its back TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 34 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Device IP Address in The IP address of the TouchPAD which is used the runtime in the runtime of the program The IP address in the runtime is part of the program and it takes effect after the new program runs downloading successful Device IP Address The IP address of the
72. es 5 2 3 3 Insert Delete a Rung To insert a rung move the cursor to the empty place and then press F2 or TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 68 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com F3 F4 Or press F6 F7 F8 to insert a rung with a function block Eg HMIW orks Ladder Designer File Edit i H 1 IEn To delete a rung move the cursor the highlighted area to the starting point of the rung and then press Delete key Eg HMI Works Ladder Designer File Edit et E a oo r G a 0 2 3 4 Insert Delete a Contact Input in a Rung To demonstrate how to insert delete a contact input and other related issues we embed each function in the sequence of steps as followings 1 Associate a variable to a contact input Press F2 to insert a new rung with a contact input and a coil output TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 69 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Eg HMI Works Ladder Designer File Edit ee e E o o 7 j gt m hmo In the new rung double click on the contact input to invoke the Select variable window to select a variable tag and set it to the contact input By Select variable Browse Warables Enter Constant scope Global Clea
73. evice Eun Run Fa Rendering and Build FS Rendering Only Ctrl F5 Download Only Ctrl F3 Setup Device Console FLO TPD 283 uses Ethernet as its communication method It is not able to connect through RS 485 network since it doesn t have Before downloading programs to the TouchPAD TPD 283 be sure to setup the TouchPAD to connect TPD 283 s IP configuration is not stored directly in the memory of itself but is a part of the program which is compiled by HMIWorks Every time HMIWorks downloads a program to TPD 283 it also updates the IP settings of TPD 283 Default IP settings of TPD 283 Item Value ie Tn The IP settings of a TPD 283 are in one of the two types DHCP or Static Type description DHCP TPD 283 is assigned an IP from the DHCP server every time it powers on Static TPD 283 has a static unchanged IP Users can change the type of IP settings by downloading a new program into TPD 283 Run gt Setup Device and click the button Search TouchPad first Clicking on the searched TPD 283 shows the Setup Ethernet Device window Choose the IP type DHCP or Static for the new program and then press OK Run gt Run to download the new program TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 33 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com We introduce the details in the below Note that the new IP settings take
74. ext Note this property is enabled only when TextAsilmage True TextAsimage True or False Whether text is stored as an image or not If the text is treated as an image of course it takes more space to store and more time to download TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 191 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com _ _ _ ixj Inspector Libraries T Text v Alignment F Strikeout Under AaBbYyZz Color B Blach Script Westem This is an OpenType Font This same font wili be used on both your A 5 How to represent decimals for Ladder Designer The numbers in Ladder Desinger are all integers The decimals are not accepted in Ladder Designer However in some cases users may need to calculate or display decimals Here we provide a work around method to handle decimals Take l 7017Z for example Supposed that we use l 7017Z to read an analog value 3 265V back from a remote equipment and we want to utilize the powerful feature of HMIlWorks Ladder Designer However Ladder Designer supports only integers So we must handle this drawback to directly read back the Al value from 7017Z in Ladder Designer 1 Set the property DecimalDigits to the number of digits in the right of the decimal point For example we set DecimalDigits 3 2 Modify the I O module s lO hsf Let the read back Al
75. fault n math Category SYT default Brescia JE mat timer convert auser_define 5 counter Function Block E x Category in 6 timer del au _ FunctionName Display Name Capt f system gt al ara 3 J getine or or 9 xor exclusive or NE not equal FIGE gt greater or equ less of equal assign functio 2 Goto the directory TestGroup create a ini file of the exactly same name as that of the group that is TestGroup Create a sub directory of the TestGroup and we may call the sub directory TestFunction TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 82 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Finally define newly defined function TestFunction in the file TestGroup int D CAICPDAS HMIWorks_Standard bin FunctionBlock convert counter Dotai aa aa gt math gt IJI 1 Function Block Guser_define 2 TestFunction lt BG Function Block 3 MWA i aj FunctionName TestFunction DisplayName T F Caption this is for test VarCount 6 Rows 3 PinO en Pin1 p1 Pin2 p2 Pin3 eno Pin4 p4 PinS p5 _ Note that VarCount pin counts Below shows what does the Row mean and the order of the pins Pin Order Ka a 3 Inthe directory TestFunction create a new file FB hsf to implement the user defined function
76. gram A Test lds e i Connection H A Tags H O Device Virtual Press F4 key or click on Ladder Designer in the HMI menu to open the Ladder Designer In the Ladder Designer press F2 to TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 169 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com create a new rung J HMI Works Ladder Designer File Edit ma e Eja eo eo 7 OB gt e O _ Double click on the contact input of the first rung in the Ladder Designer Then a Select variable shows Choose the variable to associate with the contact input Wo Select variable Browse Varables Enter Constant scope Global Here we select variable v1 to associate the contact input And then we associate v2 with the coil output in the similar way TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 170 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com PS HMIWorks Ladder Designer File Edit Fe SE F3 E Fa Lael F5 4 IH FP fs bor Fs gt i Aa O ie Then we associate the CheckBox with v1 and the Label with v2 by TagName properties of themselves xf B Cal ya voice Inspector Libraries select variable Browse Vanables Enter Constant Jezi CheckBoxWidget v Soope Nicto
77. he rectangle that encloses the Text to draw 4 Change the Text property in the inspector to Hello for example 5 Or you can just copy an text from the clipboard and paste on HMIWorks HMIWorks create a Text and then load the string from clipboard automatically Properties of Text TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 103 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com oF Inspector Libraries E Text Alignment LefttJustify AutoScaleFontsize False 0 Autos o Me BrushStele Glean a Font a Font Height LA eee cee ID ed ie escent aie a E O Name Text Text k e TestAsimage l False o JOB T ea eset width 21 properties description Alignment This property decides which position of the string locates Left right or center LeftJustify RightJustify or Center Note this property is enabled only when AutoSize True AutoScaleFontSize Automatically scale the font size to fit the rectangle which encloses the Text Note this property is enabled only when AutoSize True AutoSize True or False This property is used to indicate that whether the size of the rectangle which encloses Text can be automatically changed to cover the whole string BrushStyle What style to fill to the rectangle that m a The font of the Text Note this property is enabled only when TextAslmage True Vertical side length of the rectangle th
78. hes ccccsssscccsesssssseeeesesssneseees 188 A 2 How to have higher resolution Picture 189 A 3 How does a TouchPAD control 1 0 lt 190 TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 5 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com A 4 How to change Font of TeKt wmmmwmnananemmnananaa 191 A 5 How to represent decimals for Ladder Designer 192 A 6 How to remove the startup beep of TPD 283 193 TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 6 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 1 Introduction Our solution for HMI Human Machine Interface is composed of GUI Graphical User Interface based touch screens and an integrated software development package ICP DAS listens to our customers and is dedicated to providing a series of solutions particularly for intelligent building equipment monitoring factory automation and automatic controls Its development software HMIWorks provides plenty of widgets and a variety of templates Combined with the TouchPAD series High Color resolution a GUI can be realized with your own unique fashion and style Development is no longer difficult and project accomplishment is within reach 1 1 Adv
79. ights Reserved gt lt E mail service icpdas com Except TPD 280 and TPD 283 all other devices in the TouchPAD series have an OS on them In cases that users may need to update OS we introduce the flow to do that Before updating OS Operating System to the TouchPAD be sure to install the HMIWorks TouchPAD DFU Device Firmware Update Driver first Then remember to plug the USB cable into the TouchPAD You can find that an OS image file is in the following directory HMIWorks_Install_ Path bin boot Device_Name MiniOS8 bin For example an OS image file MiniOS8 bin can be found at C ICPDAS HMIWorks_Standard bin boot TPD 280U if trying to find out TPD 280U s OS image file And in the same directory there s a batch file which is used to update OS and it is called osupdate bat Follow the flow to update OS to TouchPAD Set rotary switch to 9 and then reset to check the result Do Calibrations Usually users need not to calibrate the touch screens we calibrate the TouchPADs before shipping However in cases users may need to do calibrations we introduce the flow here Before downloading the calibration program to the TouchPAD be sure to install the HMIWorks TouchPAD DFU Device Firmware Update Driver first Then TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 43 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com remember to plug the USB
80. in Workspace File E Test hwd New C Ec Delete E S New Header file h Rename E S L Program Ce Test ldx PET 70182 1 AI5 New Ladder Program ldx Delete Program Rename Program PET 70182 1 Al6 3 PET_70182_1_Al7 3 PET_7018Z_1_Al8 ur Connection i TestMTCP 3 PET 70182 1_AI9 EdC z PET_70182_1_D00 New Connection 5 1t Connection 3 PET 701621 D01 elete Connection PET 701821 002 PET 70182 1 DO3 PET_70182_1_D04 sermen O Device d PET 7018Z_1 23 PET_7018Z_1_Al0 9 Folder 1 Edit Device Edit IO Channel B2 Delete IO Channel vi Delete Device Fal YI O Folder 1 am vi New Virtual Tag Rename Folder Edit Virtual Channel Delete Folder Delete Virtual Channel New Folder Next sections show the functions of these parts TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 54 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 5 2 Ladder Designer One of the most important features of HMIWorks is Ladder Designer The ladder logic is defined by the followings 1 A Ladder Diagram consists of many rungs 2 Each rung resembles a circuit which is formed by relays 3 All of the rungs are executed serially in a loop Click HMI menu to use this feature HMI New Virtual Tag Fe Revister Deyices FS Ladder Designer F4 New Virtual Tag defines your own vari
81. in the programming type Ladder Program It s easier in programming type C C Control the I O by using API function dcon_WriteDO in the event handler of the CheckBox 5 4 Menus All the menus can be accessed from menu bar or the popup menu The menu bar WA File Edit View HMI Layout Arrange Eun Window Help Right click on the frame design space popup menu shows The frame design space Framel fFrame2 Note The items in the HMI menu are introduced in the section 4 3 Ladder Designer TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 146 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 5 4 1 Starting Design File Menu File O New Ctrl4N fj Open Ctrl4 0 el Save Crrl4 i Close Close All Exit Alt F4 New Create a new project Specify project name its location the orientation the programming type and select the module model Then press OK Project name Test Location H HMIWorks Standard Projects Orientation Portrait Portrait Flip C Landscape Landscape Fiip Default Programming Type 1 Standard C C 2 SoftPLe Open Open a HMIWorks project hxp TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 147 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 5 4 2 Cascading and Grouping Arrange Menu Arrange C4 Back One Ctrl P
82. inannnnanne 52 D2 II SU AA 55 a ed Prgms Geng UA ii 55 9 2 2 Introduction to Ladder Designer weeeww 57 5 2 3 Operations of Ladder Designer ww mme 67 5 2 4 User Defined Function BIOCK mwmmemeo 80 5 2 5 Associate Tags with fools sssicacccspinctotienivedtenaniaess 83 5 2 6 User Defined I O Modules cc ccsssssceccceeessssssseeeeeeeeesens 85 Doe APVAMES AIG TOO asenna renee is 93 5 3 1 Properties AUA 94 59 2 DBDrawng a Rectangle sinnir e E 97 TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 4 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 3 39 95 Drawing aN EDSO ia 100 sds Drawing AU ssh sacar cele te ctoeaee leeace tah oranda nate ase dda 103 O 3 02 Loading a PICIUING ii cad sarecetnali aac anttan ea 106 oro yn o emmy Drawing AENG ee ener ee cree eerie re eee 109 5 3 USING a TextPuUSNBUMON ia 111 DI WIGS Sde aua a 116 399 WINGI UM OM za 120 2910 USN al HONDO l resnsmun enne 124 Sae UNE iii 127 99127 VUNGA Labe ia 131 S919 AGA HME cesets cc cacceaic ase heel ETN 136 Dal WSING GAIN OX serenrr nna 138 9219 MUSING alk Aa 141 es IA AA AA ee 146 5 4 1 Starting Design File Menu emmmmmanennmmnwanwa 147 5 4 2 Cascading and Grouping Arrange Menu lt 148 5 4 3 Ro
83. installation path 7 1 3 Selected of a CheckBox Take the following steps for example to change the Selected property of the CheckBox in the run time 1 Drag and drop a CheckBox and a BitButton on the frame panel 2 Double click on the BitButton to implement the OnClick event handler of the BitButton Save the file and press OK PeH HMIWorks_Standard Projects Test __Frame5 h IS File Edit Cancel BitButton230nClick void BitButton230nClick tWidget xpWidget ffmake CheckBox status selected checked CheckBoxSelectedSet amp CheckBoxWidget22 1 WidgetPaint tWidget amp CheckBoxWidget22 gt TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 183 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 3 To make clear we copy the codes below void BitButton23OnClick tWidget pWidget make CheckBox status selected checked CheckBoxSelectedSet amp CheckBoxWidget22 1 WidgetPaint tWidget amp CheckBoxWidget22 The effect of the OnClick function CheckBoxvvidaet22 x checkBoxvvidaget22 For more API functions of CheckBox refer to checkbox h in the following path C ICPDAS HMIWorks_ Standard include grlib where C ICPDAS HMIWorks_ Standard is the installation path 7 1 4 Font Text and TextColor of a Label Take the following steps for example to update properties of the Label in the run time 1 Drag and drop
84. irectory there is only one file O hsf O hsf is the file of C language to define the behaviors of the I O module O module directories in the same series are grouped together in the I O series directory For example l 7011 l 7067 are directories represent I O modules and they are all put to the series directory l 7000 What Module ini describes TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 86 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com category HS US aS ee eee Great ett PET 000 gt Device information I 7000 DeviceSenes O O O l iene Fetreclan PET 700 smn 502 ModbusTCP Device Name M 7000 im ModbusTCP Model Name PET 7000 TE o Protocol MTCP samen Verb Search sta 4 Import Template F Select 1 70 MEIE I 7000 mn Protocol UART far Verb Select en te Import Template ZAO Modules ini e i M 7000 Protocol UART erb Select ModbusTCP Protocol MTCP erb Edit Assign device name Import Manual Pa Devices Device information Device Series aaa Connection Device Name Model Name NetID JA In details we have the following table Description This section keeps the list of the device series which HMIWorks supports When registering device Can F3 the Devices window gets the information of device series from this Category section P
85. itable mounting solution for concrete brick wood or other solid surfaces where in wall mounting is not possible The EWB Txx plays an endpoint for wirings and conceals cable runs Now they are available in white but more color in the future Model EWB T28 EWB T43 Description External Wall Box for External Wall Box for TPD 280 U TPD 283 U TPD 430 TPD 433 TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 27 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Appearance Appearance with TouchPAD TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 28 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 4 Setup Devices and Connect to I O This chapter is divided into two parts One is setup TouchPAD and the other is connecting TouchPAD to I O modules 4 1 Preparation First of all you should install HMIWorks in your PC HMIWorks is the development tools for TouchPAD programs Follow the steps below to install the HMIWorks 1 Double click the icon to install Welcome to the HMIWorks Standard Edition Version 27 00 Setup Wizard This will install HAI Works Standard Edition Version 2 00 on your computer Ih is recommended that you close all other applications before continuing Click Nest to continue or Cancel to exit Setup Cancel TouchPAD User Manual version 1 0 6 Last Revis
86. itches 5 2 6 User Defined 1 0 Modules To know how to add a user defined I O module we first explain how HMIWorks uses these I O modules There are several kinds of 1 0 modules DCON I O modules l 7000 series I O modules by ICP DAS http www icpdas com products Remote_ 1IO i 7000 i 7000 introduction htm Modbus TCP I O modules ICP DAS provides ET PET 7000 series http www icpdas com products Remote_ O et 7000 et 7000 introduction htm Modbus RTU I O modules M 7000 series I O modules by ICP DAS http www icodas com products Remote_ lO m 7000 m 7000_introduction htm TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 85 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Where HMIWorks Put I O Module Information HMIWorks puts I O module information in the following locations CAICPDAS HM Works_Standardabin Modules l 7000 l 7011 n M 7000 vicina lO hsf l 7067 Modules ini l 7000 ini Some explanations for above figure C ICPDAS HMIWorks_Standard is the default installation path Users may have different installation paths Modules ini is the I O series configuration file 7000 ini is the I O modules configuration file for 7000 series M 7000 ini and PET 000 ini are I O modules configuration file for M 7000 and PET 000 series respectively Each I O module has a matching name directory and in that d
87. l 2011 Page 154 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 9 4 5 Frame Managing and Aligning Layout Menu Layout New Frame Ctrl4M X Delete Frame Rename Frame 2 Align left Align horizontal center S Align night i Align top Align vertical center W Align bottom Align center 0 Frame Management New Frame Create a new frame select the programming type Programming Type Sclect Programming Type 1 Standard C C C 2 SotPLE Delete Frame Delete the current frame Rename Frame Rename a frame Alignment To demonstrate the functions of alignment draw three shapes as followings TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 155 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Note all alignment functions refer to the last shape you draw In above example all alignment functions refer to the square Align left Align the leftmost edge of all the selected items to that of last drawn item For example select all the items and then click Align left in the menu Align horizontal center Align the horizontal center of all the selected items to that of last drawn item For example select all the items and then click Align horizontal center in the menu TouchPAD User Manual version 1 0 6 Last Revised A
88. le Edit E 5 Set the type of a contact input Move the cursor to a contact input and then press the space bar to change the type of the contact input For example we move the cursor to the v3 contact input Press the space bar twice to set the type of the contact input to pulse contact input E HMI Works Ladder Designer File Edit Koj any eo 6 Delete a contact input in the rung Move the cursor to the contact input you want to delete Then press the delete key For example we move the cursor to the v3 contact input and then press the delete key TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 72 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Eg HMIWorks Ladder Designer File Edit roa e E rigs O DO O F a To E O od 7 Delete the rung Move the cursor to the starting point of the rung and then press Delete key 5 2 3 5 Insert Delete a Coil Output in a Rung To demonstrate how to insert delete a coil output and other related issues we embed each function in the sequence of steps as followings Po HMI Works Ladd r Designer File Edit HE F3 E F4iget Fo lt b FOO JA TE FE TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 73 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 9 2 3 6 Insert De
89. lete a Function Block in a Rung To demonstrate how to insert delete a function block and other related issues we embed each function in the sequence of steps as followings 1 Set a function type to a function block Insert a new rung Press F6 to insert a new rung with a function block and a coil output f HMIWorks Ladder Designer Ele Edit F2 3 e F toes de 0 er O w o gt Choose function type In the new rung double click on the function block to invoke the Function Block window Function Block FunctionName Display Name Caption E and or exclusive or user define not equal greater or equal less or equal assign function Double click on the Function Name in the list to set the type of the function For example we double click on the Function Assign in the default group and set to the function block TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 74 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com HMI Works Ladder Designer File Edit gt 1 en eno l out Set the variables of the function Now we should set the variable to the function Assign As you can see there are four variables en eno out in Both en and eno cannot associate variables by users We can associate out and in with the variables we define by New Virtual Tags
90. ll Rights Reserved D lt E mail service icpdas com The string of the Label y coordinate of the left top vertex of the Label Horizontal side length of the Label How to change FillColor and OutlineColor Click on the FillColor in the inspector Then click on the button to open color window to select color The OutlineColor uses similar way F Inspector Libraries ony F Basic cokes z LabelWidget AA kada ua AI ieee En ioe fee gE ieee EE FF EERE iN Custom colors TT EERE ERE EE Eee Hue lo nh Sat 240 Green f0 Co tum 120 Blue O Add to Custom Colors OK coma For example set FillColor to green and OutlineColor to red and then you may have the results as shown How to represent decimals for Ladder Designer The numbers in Ladder Desinger are all integers The decimals are not accepted in Ladder Designer However in some cases users may need to calculate or display decimals Here we provide a work around method to handle decimals Take I 7017Z for example Supposed that we use I 701 7Z to read an TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 134 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com analog value 3 265V back from a remote equipment and we want to utilize the powerful feature of HMlWorks Ladder Designer However Ladder Designer supports only i
91. mp to the third 1 Press F2 three times to create three rungs for example Eg HMI Works Ladder Designer File Edit E es E f ojn e GB Fe re m1 Ya Sa 10 2 4 OJ 2 Move the cursor to the coil output of the first rung and then press F9 to add a Jump TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 78 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Pe HMI Works Ladder Designer File Edit et e Hie so eo 7 OG P gt 3 Double click on the starting point of the third rung to add a label Test Label to it Fo HMI Works Ladde Designer lolx Fil Edit F2 JE Fs E Feige de OO e O eto gt fee OE 4 Double click on the Jump of the first rung to associate with the label of the third rung E Choice Labe TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 79 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Eo HMI Works Ladder Designer File Edit TEn q Test Label p 5 When running the ladder logic set the coil output of the first rung to high skip the second rung and jump to the third rung if the contact input of the first rung is closed 5 2 4 User Defined Function Block Why should we use function block There may be cases that using only ladders is too complex At that time functio
92. n block may be a good choice To know how to add a user defined function block we first explain how HMIWorks uses these function blocks Take function block Assign in the group default for example How HMIWorks Uses Function Blocks 1 Go to the installation path of HMI Works In the sub directory of bin FunctionBlock open the file Category ini to load the groups TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 80 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com CAICPDAS HMIWorks_Standard bin FunctionBlock i MAONI MA counter default math system E Function Block timer default F nctionName Caption user_define FJAND and alegory ini or exclusive or not equal greater or equal less of equal assign function 1 Category default math convert counter timer system user define O aaa amp Wh j 2 If we choose group default HMIWorks open and load from the ini file in the sub directory both of the same name default That is the default ini in the sub directory default GADD Assign OGE all LE system a timer BOR juser_define Rak OXOR DCategory ini FiF Display Name Caption 3 and E conver Tjano counter or timer system e user_define E aa greater or equal
93. ne is the line segment to draw Horizontal side length of the rectangle whose diagonal line is the line segment to draw TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 110 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 5 3 7 Using a TextPushButton This section shows how to use a TextPushButton What is a TextPushButton A TextPushButton is a button with a Text on it When a TextPushButton is pressed and not released the status is changed But the status is restored back to the original after you release it How to use a TextPushButton 1 Leftcclick on the TextPushButton icon in the widget list of the Toolbox 2 Move the cursor over the frame panel 3 Left click and not release on the point of the frame panel as the left top vertex of the TextPushButton rectangle 4 Move the mouse to form a TextPushButton as you want and stop the mouse while the cursor is at the point of the right bottom vertex of the TextPushButton rectangle 5 Release the left button of the mouse and you have a TextPushButton you want z 5 a TextPushButton1 7 a TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 111 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 6 Click on the Text property in the inspector to change the string on the TextPushButton Here we change the Text to Hello 23 TextPu
94. nly one application on a TouchPAD Update OS This mode is used to update operating system of TouchPAD Update AP This mode is used to download applications to TouchPAD There is only one application on a TouchPAD All devices in the TouchPAD series have USB ports except TPD 280 and TPD 283 HMIWorks can download programs through that USB port Unlike TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 39 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com TPD 280 and TPD 283 Users need not Setup Device in the Run menu but users must install USB driver in their PC first instead Note Other means of downloading are not provided for TouchPAD with USB on itself Install TouchPAD USB Driver This section describes how to install HMI Works TouchPAD DFU Device Firmware Update Driver To install DFU driver allows user to download programs to TouchPAD via USB port Follow these steps to install the driver These steps are written for TouchPAD which have USB ports such as TPD 280U TPD 283U TPD 430 TPD 433 etc 1 Using USB cable to connect to the TouchPAD Device Rotary Switch set to 9 and you can see the screen of update mode f PNE C d m MiniOS8 Version 1 00 MiniOSS is running Waiting for connection MAC FF FF FF FF FF FF 2 The Found New Hardware Wizard pops up thereafter and select No not this time and press Next
95. nspector Libraries EZA Labelw idget Alignment Decimalbigits ee Filllolor UxFFFFRF Fort i Font Height ooa WA AA ID l ee Let BE O O Name o Labefwidget OutlineColor ODODO BU EU WA Jest a Labefwidgete ee UA eee Width wa properties description Alignment This property decides which position of the string locates Left right or center LeftJustify RightJustify or Center DecimalDigits The power to which ten must be raised to produce the value say divisor Which is used to divide the value of the associated tag of this Label The value of the tag must be divided by the divisor to show on the screen to represent decimal digits Note the property is supported only in programming type Ladder Program FillColor What color to fill in the Label The color is represented by a three byte value in hexadecimal form From the highest byte to the lowest it is the blue byte the green byte the red byte in sequence The font of the text Font Height Vertical side length ofthe Labe m The serial number of tools including Drawings and Widgets which is used to identify them Name The name of the Label OutlineColor The outline color of the Label TagName Associate a variable tag in Ladder Designer Note the property is supported only in programming type Ladder Program TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 133 Copyright 2011 ICP DAS Co Ltd A
96. ntal side length of the Slider How to change FillColor and OutlineColor Click on the FillColor in the inspector Then click on the button to open color window to select color The OutlineColor BackgroundFillColor and BackgroundTextColor use similar way mapato Libres 73 Shderwidget z 2x Basic colors Tm OO000FF ima Tet el Background ext OxFFFFFF wa aa Pmi ieee 8 Wa En Font Font ts yan Ts TTT ID 4 ALE Left 21 Eunn E Max 100 Min 0 Custom colors Name Slides Widget Tir rere Sails ate OnSikderChange a ial Er me Sat 240 Green f0 DutineColor 0000000 ae ee ee ae oe Top 164 OK Cancel Add to Custom Colors Vertical False Width 196 For example set FillColor to green and OutlineColor to red and then you may have the results as shown TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 119 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 5 3 9 Using a BitButton This section shows how to use a BitButton BitButton What is a BitButton A BitButton is a button with 3D appearance and releasing the pressed button does not change the status When you press it you can see that the BitButton is pressed down This 3D like appearance is achieved by two images so that it takes more spaces to store and more time to download than a Text PushButton How to use a BitButton 1 Leftcclick on the Bi
97. ntegers So we must handle this drawback to directly read back the Al value from I 7017Z in Ladder Designer 1 Set the property DecimalDigits to the number of digits in the right of the decimal point For example we set DecimalDigits 3 2 Modify the I O module s lO hsf Let the read back Al value multiplied by ten of the n th power where n is the value of DecimalDigits You can find out I O module s O hsf file in the following locations HMIWorks_install_ path bin Modules For example lO hsf of I 7017Z is located in C ICPDAS HMIWorks_Standard bin Modules I 7000 I 701 72 where C ICPDAS HMIWorks_ Standard is the installation path of HMIWorks And we modify the O hsf to make v_ai 6 v_ai 6 1000 Supposed we use channel 6 to read back Al value As the figure shows you can see that the tag SAI6 in Ladder Designer is 1000 times of the real value With DecimalDigits set to 3 the correct value 3 265 is displayed on TouchPAD BEGIN FUNCTION BLOCK float v_ai 10 AR ATI R A ON lO hsf dcon ReadAIA11 SDEVICE SNETID v ai VAR_SET AI1 v_ai 1 VAR SET AI2 v_ai 2 VAR SET AI3 v ai 3 VAR _ SET AI4 v_ai 4 VAR SET SAI5 v ai 5 v ai 6 v ai 6 1000 VAR SET AI6 v_ai 6 VAR_SET AI7 v_ai 7 VAR SET AI8 v_ai 8 VAR SET AI9 v_ai 9 xl Inspector Libraries F HMIWorks Ladde
98. o 0 10 hsf if VAR_VALUE W_ACTION IVAR_VALUEBDOOY v_do 1 lt lt 0 if VAR_VALUE SDOT v_do 1 lt lt 1 if VAR_VALUE DO2 v_do 1 lt lt 2 if VAR_VALUE D03 v_do 1 lt lt 3 if VAR_VALUE D04 v_do 1 lt lt 4 IVAR _VALUE D08 v_ do 1 lt lt 6 5 LOG VA dcon WriteDO SDEVICE SHETID ya v do DO0 END FUNCTION BLOCKO TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 190 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Note the TagName property takes effect only in the programming type Ladder Program It s easier in programming type C C Control the I O by using API function dcon_WriteDO in the event handler of the CheckBox A 4 How to change Font of Text Be sure to set TextAsImage True Otherwise changing font does not take effect Note that because of not being able to set their Text as image the Font of TextPushButton and Label cannot change their Font and Font Style but Size can properties description AutoScaleFontSize Automatically scale the font size to fit the rectangle which encloses the Text Note this property is enabled only when AutoSize True AutoSize True or False This property is used to indicate that whether the size of the rectangle which encloses Text can be automatically changed to cover the whole string The font of the T
99. ol to implement the ladder logic according to users design Press F4 to open Ladder Designer MB H MI Works Ladder Designer New Rung Insert Before Ctr ji A M Duplicate Ctrl D 7 PEEN ANTARA Mainly a Ladder Designer consists of three parts the menu bar the function bar and the edit space The highlighted rectangle area is the cursor The briefings of the function bar Description TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 57 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Fe Insert a function block in the left of the cursor F7 Insert a function block in the right of the cursor F Insert a function block which is parallel to the cursor Insert a Jump which is parallel to the cursor The briefings of the contact input type J Description A normally open contact input A normally closed contact input A positive transition contact input when the state from OFF to ON trigger one shot A negative transition contact input tft ft fF Lo TA TI Ti T when the state from ON to OFF trigger one shot The briefings of the coil output type Description A normally open coil output A normally closed coil output A Set coil output once triggered the coil remains ON until a reset A Reset coil output once triggered the coil remains OFF until a set A positive transition coil output when the state from OFF to
100. olor is represented by a three byte value in TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 98 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com hexadecimal form From the highest byte to the lowest it is the blue byte the green byte the red byte in sequence The serial number of tools including Drawings and Widgets which is used to identify them x coordinate of the left top vertex of the rectangle The name of the rectangle OutlineColor The outline color of the rectangle Top y coordinate of the left top vertex of the rectangle Horizontal side length of the rectangle How to change the FillColor and OutlineColor Click on the FillColor in the inspector Then click on the button to open color window to select color The OutlineColor uses similar way Ennan EE aS 4 Custom colors e a H Hue lo Red 255 TeuTTOT TT hall 2 fro eA OK Cancel Add to Custom Colors For example set FillColor to green and OutlineColor to red and then you may have the results as shown TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 99 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com isi 5 3 3 Drawing an Ellipse This section shows how to draw an ellipse How to draw an ellipse 1 Left click on the Ellipse icon in the Drawing list of the Toolbox 2 Move the cu
101. ow to linet of expand the default search which includes local paths and removable media The best driver found will be installed C Search removable media Hoppy CD ROM F Include this location in the seach CAICPDAS HMI Works Standand ToolsUSB windowes C Don t search will choose the driver to install Choose this option to select the device diver hom a lisL Windows does not guarantee that the driver pou choose vall be the best match for pour handware Back Peak gt Cancel Finally the Device Firmware Upgrade driver is installed successfully TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 41 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Found New Hardware Wizard Completing the Found New Hardware Wizard The wizard has finished installing the software for Device Firmware Upgrade Click Finish to close the wizard Download programs through USB Before downloading programs to the TouchPAD be sure to install the HMIWorks TouchPAD DFU Device Firmware Update Driver first Then remember to plug the USB cable into the TouchPAD Follow the flow to download a program to TouchPAD MAC FF FF FF FF FF FF Rendering Only Ctrl F5 Download Only Ctrl F9 Setup Device Console Update OS through USB TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 42 Copyright 2011 ICP DAS Co Ltd All R
102. p of TPD 2837 TPD 283 sounds a beep when startup There s no such function to disable the beep when a program starts Before adding this feature to the HMIWorks we provide a workaround method to do that 1 After finishing designing the project press F5 build instead of F9 run to generate codes 2 In the directory of the project open the file _frame0O c TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 193 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 3 Add one empty function which is named hmi_ Beep and comment out two hmi_Beep as the followings then save the file void hmi_Beep newly added empty function void _frameO tContext sContext nmi_Beep nmi_Beep RegisterNullWidgetMsgProc default_timer_proc 4 Press F10 in the HMIWorks and cmd exe window shows Key in make to re make the project 5 Run gt Download Only Ctrl F9 Then the program starts with no beep anymore TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 194 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com
103. pei 201 ICP DAS New Produ Leading Through Inn The Hit of Computex si 26 je gt 2010 6 30 1 3 All Kinds of Situations TouchPAD can be applied in all kinds of situations you even have imagined In these situations TouchPAD is used as a window for signal transmissions and arranges incoming messages TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 10 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com In the ranch on the milking machines In the casino on the gaming machines On the airplane embedded in the back of the chairs awe ae even ot A eee In the apartment building beside the door Management Office for the Building TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 11 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com In the exhibition hall beside the In the school in the classroom exhibits Information Center In the classroom on the desks In the farm in the front door of the greenhouse Information Center J TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 12 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com In the restaurant embedded in the table And more TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 13 Copyright 2011 ICP
104. perties of a Frame Click on the frame and properties of the frame are shown in the inspector TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 94 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com l Inspector Libraries 2 Frame BackgroundColor UxFFFFFF Brushstyle sold Default o False o IDo h Am Name Framed aa Ontreste o j Onbestoy o j he Oaa Upra a a ASA yaaa Programs tyle Standard properties description BackgroundColor The color of the background of the frame The color is represented by a three byte value in hexadecimal form From the highest byte to the lowest it is the blue byte the green byte the red byte in sequence BrushStyle Solid or Clear If BrushStyle is set to Solid BackgroundColor is effective However this may make screen flash if background color is quite different from the loaded picture Setting BrushStyle Clear disables the property BackgroundColor and prevents from flashing Whether this frame is default frame or not The default frame shows first after power on The serial number of tools or frames which is used to identify them The name of the frame OnCreate The function name of the OnCreate event of the m frame Use OnCreate to perform some operations when the frame is created OnDestroy The function name of the OnDestroy event of the ome frame Use OnDestroy to perform some operations
105. pril 2011 Page 156 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Align right Align the rightmost edge of all the selected items to that of last drawn item For example select all the items and then click Align right in the menu Align top Align the topmost edge of all the selected items to that of last drawn item For example select all the items and then click Align top in the menu TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 157 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Align vertical center Align the vertical center of all the selected items to that of last drawn item For example select all the items and then click Align vertical center in the menu Align bottom Align the bottommost edge of all the selected items to that of last drawn item For example select all the items and then click Align bottom in the menu Align center Align the center point of all the selected items to that of last drawn item For example select all the items and then click Align center in the menu TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 158 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 5 4 6 Build and Download to Run Run Menu Eun Run Fa Rendering and Build FS Rendering Only Ct
106. r Designer 73 LabelWidget Ei File Edit LabelWidget ox000000 TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 135 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 5 3 13 Using a Timer This section shows how to use a Timer Q WA Note this tool is supported only in programming type Standard C C What is a Timer A Timer is a component that executes the OnExecute event handler every specified interval How to use a Timer 1 Leftcclick on the Timer icon in the system list of the Toolbox 2 Move the cursor over the frame panel 3 Left click on the frame panel Note that you should not worry about the size or the location of the Timer because the Timer is invisible when downloaded to the TouchPAD Also it s not necessary to put the Timer on the frame panel TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 136 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 4 Click on the Interval property in the inspector to change the repeating period of the Timer Here we set the Interval to 1000 ms And then change the property Enabled to True TS xj Inspector Libraries A Timer 5 Double click on the Timer on the frame panel Write codes you want in the evoking code edited window for the OnExecute event Here we use hmi_ Beep to sound a beep fo
107. r Manual version 1 0 6 Last Revised April 2011 Page 15 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Backlight Life 20 000 hours Brightness 160 cd m2 Touch Panel Yes Reset Button Yes Power Input 10 30 VDC PoE Power over Ethernet Consumption 1 2 W 50 mA 24 VDC IEEE 802 3af Class 1 Dimensions WxLxH 76mm W x 119mm L x 31mm H Wall Mount 20 70 C 30 80 C 10 90 RH non condensing In contrast to the TPD 28x series the TPD 28xU series devices are USB clients for the purpose of firmware update This is the meaning of the U in the TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 16 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com TPD 28xU series Moreover the TPD 28xU series has SDRAM Flash expansion Models TPD 280U mage CPU Low power 32 bit RISC CPU Memory Expansion 16 MB SDRAM 8 MB Flash Real Time Clock RTC Yes Buzzer Yes Rotary Switch 0 9 Yes Serial Port RS 485 including Self Tuner Firmware updates only USB 1 1 Client LCD 2 8 TFT Resolution 240 x 320 x 16 bright pixels lt 3 Backlight Life 20 000 hours Brightness 160 cd m2 Touch Panel Yes Reset Button Yes Power Input 10 30 VDC Dimensions WxLxH 76mm W x 119mm L x 31mm H Installation Wall Mount 20 70 C Operating Temperature Tou
108. r Tag For example we double click on the variable v1 and set to the contact input v1 v2 and v3 are the variables set by New Virtual Tags Refer to the New Virtual Tags section Eg HMIW orks Ladder Designer File Edit 2 e E e oj OD e Eele n o 1 2 Insert a new contact input in the left of the cursor F2 Move the cursor to the v1 contact input and then press F2 TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 70 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com And to make things clear associate variable v2 to the newly inserted contact input Eg HMI Works Ladder Designer File Edit F E a oen e G eje 1 3 Insert a new contact input in the right of the cursor F3 Move the cursor to the v2 contact input and then press F3 Associate variable v3 to the newly inserted contact input E HMI Works Ladder Designer File Edit F2 3E F3 JE Fa toe ps 4m FOO JA O w gt TEE 4 Insert a new contact input which is parallel to the cursor F4 Move the cursor to the v3 contact input and then press F4 TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 71 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Re HMI Works Ladder Designer Fi
109. r example Mo H HMTWorks_Standard PropctsiTest _ Frame2 h File Edit Cancel TimerSOnExecute void TimerSOnExecute tWidget plidget hmi_Beep 6 Save the file and then press OK in the code edited window Properties of Timer TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 137 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com OO xj Inspector Libraries C23 Timer properties description Enabled Whether the Timer is enabled or not Vertical side length of the Timer This property cannot be changed by users a The serial number of tools including Drawings Widgets System component which is used to identify them events x coordinate of the left top vertex of the Timer The name of the Timer The function name of the OnExecute event of the Timer y coordinate of the left top vertex of the Timer Horizontal side length of the Timer cannot be changed by users 5 3 14 Using a PaintBox This section shows how to use a PaintBox TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 138 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com PaintBox Note this tool is supported only in programming type Standard C C What is a PaintBox A PaintBox is a component which is used to paint shapes such as rectangles ellipses etc in the runtim
110. resented by a three byte value in hexadecimal form From the highest byte to the lowest it is the blue byte the green byte the red byte in sequence BackgroundTextColor What s color of the text in the background of the Slider The color is represented by a three byte value in hexadecimal form From the highest byte to the lowest it is the blue byte the green byte the red byte in sequence FillColor What color to fill in the Slider The color is represented by a three byte value in hexadecimal form From the highest byte to the lowest it is the blue byte the green byte the red byte in sequence Left x coordinate of the left top vertex of the Slider The maximum value of the Position Min The minimum value of the Position The name of the Slider OnSliderChange The function name of the on slider change event of the Slider Note the property is supported only in programming type Standard C C TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 118 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com OutlineColor The outline color of the Slider The value where the slider locate between Max and Min TagName Associate a variable tag in Ladder Designer Note the property is supported only in programming type Ladder Program Top y coordinate of the left top vertex of the Slider The direction of the Slider Width Horizo
111. rl F5 Download Only Ctrl F9 Setup Device Console FLO Refer to the chapter Setup Devices and Connect to I O for Setup Device Other Items in the Run Menu Run F9 gt Rendering Build Download Rendering and build F5 gt Rendering Build Compile and Link Rendering Only Ctrl F5 Generate source codes for frames tools ladders etc Download Only Ctrl F9 Download building bin file to TouchPAD TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 159 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Console F10 Evoke console window cmd exe with environment variables for HMIWorks Users can modify the generated codes and then re make the codes Use make exe 5 4 7 Library Management Popup Menu la Back One Ctrl P2Dn Lh Forward One Ctrl4 PsUp 3 To back Shitt PeDn Th To front Shift Pe Up Group Ctrl4 G i Ungroup Ctrl U it Add to library Cut Cirl4 xX Copy Ctrl C Paste Cirl4 x Delete Cirl4 Del Duplicate Ctrl D How to add items to library For example as below 1 Group the selected items 2 Right click on the frame panel to evoke the popup menu 3 Click on Add to library 4 Specify the library name and save the library G Back One Ctrl PgDn Ch Forward One Ctrl PgUp To back Shift PgDn F Save group object to libra fel EG t4 To front Shift PgUp MASSOR Cts 1 Ungroup Ctrl
112. rlib and C ICPDAS HMI Works_Standard include where C ICPDAS HMIWorks_ Standard is the installation path We give some examples in this chapter 7 1 Add a New File to Project Before introducing the details first we show how to add a new file c or h to the project 1 Goto Workspace 2 Right click on the item File and a pop up menu shows 3 On that pop up menu choose the type of the file you want to add As the following figure shows BB Frame1 Test hwd _ Fa File Edit View HMI Layo Workspace Toolbox a jinan iol Yew C Program c Device TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 179 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 7 2 Update Properties in Run Time It is a bit more complicated to change the properties of widgets in the run time In this section we demonstrate some commonly used cases including 1 FillColor and Text of a TextPushButton 2 Percentage of a Slider 3 Selected of a CheckBox 4 Font Text and TextColor of a Label Updating properties is implemented in the event handlers of widgets Note that the naming convention of the event handler of the widget here the widget is TextPushButton is as followings 4 Teaneck Libraries Jaza TextPushButton v Ok00FFO0 Font Widget Identifier C Te ae VY a Wa macarons
113. rotocol MTCP in the Module ini is corresponding to Protocol TCPIP in the New Edit Connection window in the Workspace Protocol UART in the Module ini is corresponding to Protocol UART in Protocol the New Edit Connection window in the Workspace HMIWorks scans through the network to find out I O modules Until now PET 000 is the only series which support this Search function Search TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 87 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com HMIWorks pops up a list of I O modules to let users select one The Select list of I O modules is loaded from the file whose name Is Device_Series Name ini HMIWorks evokes the Import window to let users decide the 1 0 points for the I O module HMIWorks imports the tags of the I O module from the I O module configuration file For example HMIWorks imports tags of l 7011 from the template in the file of 7000 ini HMIWorks imports the tags of the I O Manual module by the manually decided I O points Template How Register Devices F3 Generates Tags Press F3 to evoke the Devices window to register I O devices The I O modules configuration file has templates for all the I O modules in the I O series For example I 7000 ini is the I O modules configuration file for the l 7000 I O series Take 1
114. rsor over the frame panel 3 Left click and not release on the point of the frame panel as the left top vertex of the rectangle that inscribes the ellipse to draw 4 Move the mouse to form the ellipse you want and stop the mouse while the cursor is at the point of the right bottom vertex of the rectangle that inscribes the ellipse to draw 5 Release the left button of the mouse and you have an ellipse you want TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 100 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com PS What to do if want to draw a circle Step 3 step 5 with the Ctrl key pressed at the same time Properties of Ellipse n Inspector Libraries o Ellipse Y BrushStyle Clear Fill olor UxFFFFFF oo Height oa BE O O OE AUWA bette s Name oa Elipse o DutlineLolor UDA iL aaa i MAA MA width 37 properties description FillColor What color to fill in the ellipse The color is represented by a three byte value in hexadecimal form From the highest byte to the lowest it is the blue byte the green byte the red byte in sequence Vertical side length of the rectangle that Pen aa a The serial number of tools including Drawings PS and Widgets which is used to identify them TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 101 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt
115. s co BitBulton Inspector Libranes BilButton Frame Hefo 2 T23 TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 123 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 5 3 10 Using a HotSpot This section shows how to use a HotSpot What is a HotSpot HotSpot decides an area which is capable of responding to on click events Usually putting a HotSpot on the Drawing components that is Rectangle Ellipse Text Picture and Line makes them to respond to on click events After downloading to TouchPAD a HotSpot is invisible How to use a HotSpot Left click on the HotSpot icon in the widget list of the Toolbox Move the cursor over the frame panel Left click and not release on the point of the frame panel as the left top vertex of the HotSpot rectangle 4 Move the mouse to form a HotSpot as you want and stop the mouse while the cursor is at the point of the right bottom vertex of the HotSpot rectangle 5 Release the left button of the mouse and you have a HotSpot you want TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 124 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 6 Double click on the HotSpot on the frame panel Write codes you want in the evoking code edited window for the On Click event Here we use hmi_ Beep to sound a beep for example Note
116. s of templates and so it s easy to present customers with professional interface with modern styles Moreover HMIWorks supports C language It makes easy timing control and logic design and in turns makes TouchPAD more powerful Through standard communication protocols and SCADA Supervisory Control and Data Acquisition software it is directly inoculated with background software and attains the best effect of completely integration Below are figures of the application fields of TouchPAD intelligent building and classroom automation In these examples TouchPADs are used to control lights curtains air conditioners stereos projectors projector screens and to monitor temperature humidity and weather conditions TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 8 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Building Aw tam gt a E b S TouchPAD ine MO a plomation va Remote Monitones Intelligent Building Example Classroom Automation Example Single way Two way Multi way Switches Example E SL NZ TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 9 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Multi Display TouchPAD Anywhere Es Fe F BBB BEEE a Lu TPD 280 W TPD 283 W Sa Computex Tai
117. s section shows how to load a Picture How to load a Picture 1 Leftcclick on the Picture icon in the Drawing list of the Toolbox 2 Move the cursor over the frame panel 3 Left click and not release on the point of the frame panel as the left top vertex of the rectangle that encloses the picture to load 4 Move the mouse to cover the area where you want to put the picture while the cursor is at the point of the right bottom vertex of the rectangle that encloses the picture 5 Release the left button of the mouse and you have an area for the picture 6 Click on the picture property in the inspector Then click on the button to open Select picture window to load a picture TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 106 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 5 Inspector Libraries Save BS Picture x 7 The frame with the loaded picture 8 Or you can just copy an image from the clipboard and paste on HMIWorks HMIWorks create a Picture and then load the image from clipboard automatically Properties of Picture Inspector Libraries BS Picture T AutoSize Framelndex TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 107 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com properties description True or False
118. sed April 2011 Page 114 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com For example set FillColor to green and OutlineColor to red and then you may have the results as shown How to use Reference to another frame The Reference property is used as a go to specified frame event It has higher priority than other events such as OnClick event Thus specifying a value to the Reference property disables the OnClick event It s easy to specify a value to the Reference property Simply click on the Reference property in the inspector and then choose the frame for reference A l IMM a Inspector Lieanes Inspector Libravies ET TextPushButton 7 Fabi Hels 215 ka TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 115 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 5 3 8 Using a Slider This section shows how to use a Slider What is a Slider A Slider is a control element used to set levels Usually a Slider is used in volume control How to use a Slider 1 Left click on the Slider icon in the widget list of the Toolbox 2 Move the cursor over the frame panel 3 Left click and not release on the point of the frame panel as the left top vertex of the Slider rectangle 4 Move the mouse to form a Slider as you want and stop the mouse while the cursor is at the
119. shButton 7 Double click on the TextPushButton on the frame panel Write codes you want in the evoking code edited window for the On Click event Here we use hmi_ Beep to sound a beep for example Note the property OnClick is supported only in programming type Standard C C Sa H HMTWorks_Standard Projects Test __Frame2 h File Edit Cancel TextPushButtonS0nClick void TextPushButtonS0n lick tWidget pWidget hmi_Beep TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 112 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 8 Save the file and then press OK in the code edited window Properties of Text PushButton Inspector Libraries EZA TextPushButton FillColor properties description FillColor What color to fill in the TextPushButton The color is represented by a three byte value in hexadecimal form From the highest byte to the lowest it is the blue byte the green byte the red byte in sequence and size are effective Height Vertical side length of the TextPushButton The serial number of tools including Drawings and Widgets which is used to identify them x coordinate of the left top vertex of the TextPushButton OnClick The function name of the on click event of the TextPushButton TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 113 Copyright 2011 ICP DAS Co Ltd All
120. suant gt Dovya Name Model Nane M 70182 Net iD ji Assign the Device Name Assign the Device Name press OK and then you can press OK and then you can see the module is added to the see the module is added to the Workspace Workspace WA Devices Ya 7018 1 fA 7018 YA fr oa gt _7018_1_Ala gt ITAR CIRAN gt _7018_1_A7 7018_1_F_ACTION BIW ACTI Create the Connections and Import Tags continued Modbus TCP I O by Edit Create the Create a new connection connections through protocol TCPIP TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 49 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Frame Test hwd WA File Edit View HMI Layc NG New Edit Connection In Connection Name gt TesiMTCP Astign name TOPAP IP 10 1 0 100 leg 10 1 0 100 leg 502 Port 502 Press F3 to register device Choose Device Series as ModbusTCP choose Connection as TestMTCP which you created in the previous step and press Edit Fo Devices Devic fi GDS onnection TestMTCP Device Name NetID fi cee eres Import tags In the Import window choose the addressing mode set the numbers of I O points and then press OK to add the tags of the Modbus TCP I O module o Devices
121. tButton icon in the widget list of the Toolbox 2 Move the cursor over the frame panel 3 Left click and not release on the point of the frame panel as the left top vertex of the BitButton 4 Move the mouse to form a BitButton as you want and stop the mouse while the cursor is at the point of the right bottom vertex of the BitButton TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 120 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 5 6 Release the left button of the mouse and you have a BitButton you want a fal BitButton Click on the Text property in the inspector to change the string on the BitButton Here we change the Text to Hello Double click on the BitButton on the frame panel Write codes you want in the evoking code edited window for the On Click event Here we use hmi_ Beep to sound a beep for example Note the property OnClick is supported only in programming type Standard C C TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 121 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Po HHMI Works Standard Projects Test _ Frame2 h File Edit Cancel BitButtonSonClick boid BitButtonS0nClick tWidget epWidget hmi_Beep F 8 Save the file and then press OK in the code edited window Properties of BitButton Inspector Libraries
122. tPushBult Sidet on Babiaton Pil Hatspoi fr Checkios PEJ Mic Label Drag an ObjectList and drop in the frame design space Double click on the ObjectList icon to evoke the ObjectList window In the ObjectList window double click on the pictures you want Users need to double click on two pictures one is for the checked state of the CheckBox and the other is for the unchecked state Press OK to finish this step Bo Framel Test hwd WA File Edit View HMI Layout Arange Run Window Help laj xj Workspace Toolbox ET obec z BI Timer E PamtBax Fi ObjectList Make the CheckBox refer to the ObjectList by setting the property RefObject to the ObjectList Now toggling the states of the CheckBox becomes the exchanges of the pictures in the ObjectList TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 168 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Inspector Libraries 73 CheckBoxWidget 3 Design the Ladder Diagram First add virtual tags variables for the ladder diagram Press F2 key or click on New Virtual Tag in the HMI menu Here we add two tags v1 and v2 for example NG Edit variable _ lolx Hame Mi Default D Comment After adding the tags users can check in the Workspace Workspace Toolbox 2 9 File F Test hwd SEE Pro
123. tating and Flipping Edit Menu wwmemw 150 5 4 4 Gridding and Viewing View MeN ccccscceesessseeeeeees 153 5 4 5 Frame Managing and Aligning Layout Menu lt 155 5 4 6 Build and Download to Run Run Menu w v 159 5 4 7 Library Management Popup Menu smememenaa 160 Oz Makea Simple AAH 164 6 1 Your First Project Using Standard C swmmmoowa 164 6 2 Your First Project Using Ladder Program cccssssccceeeeeesssssees 167 6 3 Integrate TPD 280 Series with I O modulesi 172 6 4 Integrate TPD 283 Series with I O modulesi 175 7 Advanced Programming in C ccccssssssccceesssssseeceessssseseeeesssssasseeesssssaaseees 179 7 1 Adda New File to Project eessssssscceeeesesssssensseeeeseesssssseeees 179 7 2 Update Properties in Run TIMe swmmmmmememen 180 7 1 1 FillColor and Text of a TertPushButton lt 180 P22 Percentage OF a Sider ii aa 182 7 1 3 Selected of a CHECKBOX cccccsssssccesssssstseceeesssssseeeesessaes 183 7 1 4 Font Text and TextColor of a Label 184 FAN 9 2 AA See er ee eee en eee eee 188 Pc PRO AA AI ae encores 188 A 1 What to do if screen flas
124. ted with download the new TouchPAD program The same step as the case of disconnected DHCP server and both PC and TouchPAD are in the same subnet Note that the new IP settings take effect after successful downloading because the IP settings are parts of the program In short we draw the flow chart of setup TPD 283 TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 37 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com ooeec e feo ED sec g Jex WOD EQT 2233 Device IP addess prs WAA Rend ering 2 4 JE S Rendering Only Ctrl F5 Download Only Ctrl F9 Setup Dena Console FLO What to do if download process hangs Anytime download process hangs users can follow the flow below to finish the download process Note that below is not just for the case after setup device TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 38 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 4 2 3 Setup Other Devices in TouchPAD Series Configuration mode Except TPD 280 and TPD 283 users can find out the same information of configuration modes on their shells of other devices in the TouchPAD series We use the rotary switch to set the configuration mode Take TPD 280U for example as below No Mode Description Run This mode is used to run the application There is o
125. the property OnClick is supported only in programming type Standard C C So HHMI Works Standard Progcts Test _ Frame2 h File Edit Cancel HotSpotWidgetSOnClick void HotSpotWidgetSOnClick tWidget pWidget q hmi_Beep 7 Save the file and then press OK in the code edited window Properties of HotSpot TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 125 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Inspector Libraries tea HotSpot idget properties description Vertical side length of the HotSpot The serial number of tools including Drawings and Widgets which is used to identify them x coordinate of the left top vertex of the HotSpot Name The name of the HotSpot OnClick The function name of the on click event of the HotSpot Note the property is supported only in programming type Standard C C Reference The reference to a frame That is when pressing on the HotSpot TouchPAD goes to the frame you specified in this property Note the priority of the property Reference is higher than that of OnClick y coordinate of the left top vertex of the HotSpot Width Horizontal side length of the HotSpot How to use Reference to another frame The Reference property is used as a go to specified frame event It has higher priority than other events such as OnClick event Thus specifying a
126. ubnet gt For the cases of not knowing TouchPAD s IP Normally we set rotary switch of TouchPAD to zero TouchPAD and PC are in the same subnet TouchPAD and PC are in the different subnet TouchPAD User Manual version 1 0 6 Last Revised April 2011 Copyright 2011 ICP DAS Co Ltd All Rights Reserved The IP settings of type is currently on TouchPAD DHCP server is connected with TouchPAD Search TouchPad and downloading are both successful DHCP server is not connected with TouchPAD Specially set rotary switch of the TouchPAD to 1 Search TouchPad click on the searched TouchPAD and finally specify an IP in the same subnet as PC in the field of Device IP address in the Setup Ethernet Device window Run gt Run to download the new program with the rotary switch still set to 1 DHCP server is connected with TouchPAD The same step as the case of disconnected DHCP server and both PC and TouchPAD are in the same subnet The IP settings of type is currently on TouchPAD Search TouchPad and downloading are both successful Search TouchPad is successful click on the searched TouchPAD and finally specify an IP in the same subnet as PC in the field of Device IP address in the Setup Ethernet Device Page 36 b lt E mail service icpdas com DHCP server is not window Run gt Run to connec
127. uchPAD User Manual version 1 0 6 Last Revised April 2011 Page 24 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 3 3 Installation and Wiring Mount the hardware As the figure shows Connect to power and network W A n W TPD 280 TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 25 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Ground VDC 10 30 VDC Frame Ground Data RS 485 r Data RS 485 l 7561 USB RS 485 0 Run Only 1 Update Only Rotary Switch TPD 283 Power Supply PoE Switch PET 7000 series Note either Ethernet or PoE uses the same general Ethernet cable PoE power over Ethernet means that the Ethernet cable conveys not only data but also power TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 26 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com TPD 280U Data RS 485 Ground r Data RS 485 VDC 10 30 VDC l 7561 Frame Ground USB RS 485 Converter ior 7 e USB DES Rotary Switch 3 4 External Wall Box For users convenience ICP DAS provides External Wall Box as optional accessories The External Wall Box is a firm mounting solution designed to easily mount a TouchPAD to a wall The EWB Txx is the most su
128. value to the Reference property disables the OnClick event It s easy to specify a value to the Reference property Simply click on the Reference property in the inspector and then choose the frame for reference TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 126 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com wl es Se bog HotSpotwidget 9 3 11 Frame Ta 131 Using a CheckBox This section shows how to use a CheckBox CheckBox What is a CheckBox A CheckBox is a control element that provides a yes no choice How to use a CheckBox 1 Leftcclick on the CheckBox icon in the widget list of the Toolbox 2 Move the cursor over the frame panel 3 Left click and not release on the point of the frame panel as the left top vertex of the CheckBox rectangle 4 Move the mouse to form a CheckBox as you want and stop the mouse while the cursor is at the point of the right bottom vertex of the CheckBox rectangle 5 Release the left button of the mouse and you have a CheckBox you want TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 127 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com m CheckBoxvvidgett7 m 6 Click on the Text property in the inspector to change the string on the CheckBox Here we change the Text to Hello SS j Inspector Libraries
129. when the frame is destroyed ee The function name of the OnHide event of the frame Use OnHide to perform some operations when the frame is hidden aaa frame Use OnPaint to perform some operations TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 95 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com co when the frame is redrawn The function name of the OnShow event of the frame Use OnShow to perform some operations when the frame is shown ProgramStyle Standard C C or Ladder Program How to change the BackgroundColor of a frame Click on the BackgroundColor in the inspector Then click on the button to open color window to select color xj Inspector Libraries Basic colors iis Geese BackgroundColor OxFFFFFF E Backa LOxF FEFFF 7S EEE ee E E E E E E ee 8 oO Ennu E Custom colors p Bed 255 eee E E E f p Aa aki mn 120 Be 0 OK Cancel Add to Custom Colors How to implement event handlers of a frame There are 5 event handlers of a frame OnCreate OnDestroy OnHide OnPaint and OnShow Take OnCreate event handler for example 1 Click on the OnCreate in the inspector Then click on the button code edited window for the OnCreate m to i a Libraries E Frame v OnShow ProgramS tyle Standard TouchPAD User Manual version 1 0 6 Last Revised April
130. wnloading programs to the TouchPAD be sure to setup the TouchPAD TPD 280 to connect first WS Setup Serial Device M m Select Com Port Cancel Download programs to TPD 280 Downloading programs to TPD 283 is easy Just click on Run or Download Only However downloading programs to TPD 280 is a little complicated As the following figure shows set rotary switch to 1 when downloading the program and set rotary switch to 0 to let the program run TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 31 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Run F9 Rendering and Build F5 Rendering Only Ctrl F5 Download Only Ctrl F9 Setup Device f Console F10 4 2 2 Setup TPD 283 Configuration mode In the back of the TPD 283 configuration modes can be found Use the rotary switch to set the configuration mode Description This is a special run mode which is used in the development phase TouchPAD can be updated by remote side PC through Ethernet While program run on the TouchPAD seriously crashes use this mode to update program to TouchPAD Simply run TouchPAD cannot be updated in this mode TouchPAD User Manual version 1 0 6 Last Revised April 2011 Page 32 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com oo dow AA In the Run menu of HMIWorks Click Setup D
131. xt of the CheckBox Vertical side length of the CheckBox The serial number of tools including Drawings and Widgets which is used to identify them x coordinate of the left top vertex of the CheckBox The name of the CheckBox OnChange The function name of the OnChange event of the CheckBox OutlineColor The outline color of the CheckBox RefObject The reference to the object list An object list is a component that can be chosen in the Toolbox to maintain a list of the elements of the library Refer to section Using an ObjectList for details Selected True or false Whether the CheckBox is checked or not TagName Associate a variable tag in Ladder Designer Note the property is supported only in programming type Ladder Program The string of the CheckBox y coordinate of the left top vertex of the CheckBox Horizontal side length of the CheckBox How to change FillColor and OutlineColor Click on the FillColor in the inspector Then click on the button to open color window to select color The OutlineColor uses similar way 2x Inspector Libraties IZ CheckBoxwidget v Colo l Basic colors 2 Jma m ole i TA Ann E E eee SREB tt os E Name CheckBoxWidget Custom colors OnChange kunua AA DutlineColor 0x000000 ESS eee ie a eet ee ee Selected False Text Hello OK Cancel Add to Custom Colors Top 182 Width 176 TouchPAD User Manual version 1 0 6 L

20110922 Touch HMI Devices (EN) Vol. TouchPAD 1.0.01.indd

Contents

Download Pdf Manuals

Related Search

Related Contents