Home

User Manual - ICP DAS USA`s I

1. i Cancel Rename Frame Rename a frame Alignment To demonstrate the functions of alignment draw three shapes as followings TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 149 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D 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 4 Last Revised February 2011 Page 150 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 4 Last Revised February 2011 Page 151 Copyright 2011 ICP DAS
2. TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 156 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 6 Make a Simple Project There are two programming types in HMIlWorks In this chapter we introduce how to build your first project for each programming type 6 1 Your First Project Using Standard C 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 Flap 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 4 Last Revised February 2011 Page 157 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com demonstrate how to make a simple project Ng Framel t280 hwd GA File Edit View SoftPLC Layout Arrange Run Window Help Workspace Toolbox Drawing Ctrl 1 Da Arrow E Rectanale Ellipse Text RI Picture Eee Line lt lt
3. BG Setup Ethe Wo Search TouchPad a wa lolx Seere Rhe op TouchP ein TE vewe uor ne oT Device Nickname CPDAS222 Disable UDP filter Device MAC address 90 00 0 82 00 0 Static DHCP Device IP address 1101013 le Information Device IP address 10 1 0 130 le 4 gt Lox ca uu 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 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 What to do if PC and TouchPAD are not in the same subnet gt For the cases of not knowing TouchPAD s IP Normally we set rotary switch of TouchPAD to zero The IP settings of type The IP settings of type is currently on is currently on TouchPAD TouchPAD TouchPAD and DHCP server is Search TouchPad PC are in the connected with and downloading are same subnet TouchPAD both successful Search TouchPad and downloading are both successful DHCP server is not TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 32 Copyright 2011 ICP DAS Co Ltd All Righ
4. TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 171 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D 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 HMI Works_ Standard include grlib 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 Tile 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 Ma Frame Test hwd WA File Edit View HMI Layo Workspace Toolbox z Yew C Program f c lll Test ART Device TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 172 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 7 2 Update Properties in Run Time lt is a bit more complicated to change the properties of widgets in the run time
5. to open color window to select color The OutlineColor uses similar way 3xj Color J 2 x r r Basic colors Inspector Libraries Jma ee e O Elipse v Jua Wa ETHE FF ioe 4 bee EF FF ff E O Custom colors kunua Hue f0 Red 255 MALLT Sy Coke Lun f120 Befo 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 4 Last Revised February 2011 Page 96 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 5 3 4 Drawing a Text This section shows how to draw a Text 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 the rectangle that encloses the Text to draw 4 Change the Text property in the inspector to Hello for example TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 97 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 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 x Inspector Libraries T Text Alignment LettJustify AutoscaleFontsize False Autos o Me BrushStele AA a Font
6. TouchPAD TPD Series HMI Device User Manual Version 1 0 4 ICP DAS Co Ltd TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 1 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt 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 2010 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 fto fto icodas com pub cd touchpad TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 2 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Preface Thank you for buying TPD Series HMI Devices TouchPADs
7. else eno 0 return TOUCH BEEP OFF Wel 11 TOUCH_BEEP_OFF l A e hmi_Turn TouchBeep 0 system eno 1 return TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 63 TOUCH_BEEP_ON en ena Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com else eno 0 return TOUCH BEEP STATE if en 1 if state 1 ON eno 1 else OFF DUCH BEEP STAT eno 0 system en SHA return 1 else eno 0 return 5 2 3 Operations of Ladder Designer 5 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 3 Finally press OK button to take effect TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 64 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com NG Edit variable olx Mame vi Default 0 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 contacts coils etc to evoke the Select variable window to select variables or enter constants as below WA Select variable Browse Variables 9 Enter Constant bg Scope
8. 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 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 Run Run F9 Rendering and Build F5 Rendering Only Ctrl F5 Download Only Ctrl F9 Setup Device Console F10 4 2 2 Setup TPD 283 Configuration mode TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 28 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com a i i In the back of the TPD 283 configuration modes can be found Use the rotary switch to set the configuration mode Mode Description Edit This is a special run mode which is used in the development phase TouchPAD can be updated by remote side PC through Ethernet use this mode to update program to TouchPAD In the Run menu of HMIWorks Click Setup Device Eun Run Fu 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 Tou
9. 5 Release the left button of the mouse and you have an ellipse you want 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 2 Inspector Libraries g Ellipse BrushStyle Clear FA UxFFFFFF oo Height oa BE O O ID Botte bette WA s Name a Elipse o DutlineLolor Uk TO ee D a width 87 properties description BrushStyle What style to fill to an ellipse 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 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 95 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com the lowest it is the blue byte the green byte KA AVAA ai Vertical side length of the rectangle that 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 inscribes the ellipse to draw The name of the ellipse The outline color of the rectangle that inscribes the ellipse to draw 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
10. e E ra ro 7 OG e gt m mamao Double click on the contact of the first rung in the Ladder Designer Then a Select variable shows Choose the variable to associate with the contact Fy Select variable Browse Yarnables Enter Constant scope Global Here we select variable v1 to associate the contact And then we associate v2 with the coil in the similar way TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 163 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Then we associate the CheckBox with v1 and the Label with v2 by TagName properties of themselves er Me Select variable After setting the TagName properties users can check in the Inspector TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 164 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 W to control an l 7066 the 7 channel photo MOS relay output module of ICP DAS First put l 7066 in the same RS 48
11. 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 m Widgets which is used to identify them Name The name ofthe Objectlist AI Objects The maintained library objects A TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 138 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 l 7066 for example Register Devices F3 to automatically generate tags and then drag and drop the tag on the frame Frame Test7066 hwd WA File Edit View HMI Layou Workspace Toolbox a nge Run Window Help 23 1_7066_1_000 _7066_1_D05 Za _7066_1_D06 22 170661 ACTION A Virtual i rm cannot lstat o No such file or directory make exe clean Error 1 ignored rm cannot lstat d No such file or directory make exe clean Error 1 ignored me main HM IWorks does the followings to bu
12. Global Clear Tag NG Select variable Enter Constant Value fi 24 Browse Variables Cno 5 2 3 3 Insert Delete a Rung To insert a rung move the cursor to the empty place and then press F2 or F3 F4 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 65 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Or press F6 F7 F8 to insert a rung with a function block MBH MI Works Ladder Designer Eile Edit F2 JE F3 F4 tae Fs Or FeO Je O F8 t a m mo To delete a rung move the cursor the highlighted area to the starting point of the rung and then press Delete key E HMIWorks Ladder Designer File Edit BE o o 5 2 3 4 Insert Delete a Contact in a Rung To demonstrate how to insert delete a contact and other related issues we embed each function in the sequence of steps as followings 1 Associate a variable to a contact Press F2 to insert a new rung with a contact and a coil TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 66 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Eg HMIWorks Ladder Designer File Edit et e E raaj BO oO e a r gt i m mo In the new rung double click on the contact to invoke the Select variable window to select a variable tag and
13. ModbusTCP Protocol MTCP erb Edit Assign device name Import Manual NG Devices Device information Device Series i Brunt Connection Device Name Model Name NetID Ji In details we have the following table Description This section keeps the list of the device series which HMIWorks supports When registering device F3 the Devices window gets the information of device series from this Category section Protocol 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 the New Edit Connection window in the Workspace HM IWorks scans through the network to find out I O modules Until now PET 7000 is the only series which support this Search function Category Protocol Search TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 84 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com HM IWorks 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 I O points for the I O module HM Works imports the tags of the I O module from the I O module configuration file For example HMIWo
14. TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 14 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 10 30 VDC PoE IEEE 802 3af Class 1 1 2 W 50 mA 24 VDC 76mm W X 119mm L X 31mm H 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 configuration This is the meaning of the U in the TPD 28xU series Moreover the TPD 28xU series has SDRAM Flash expansion Models TPD 280U TPD 283U TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 15 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Products Coming soon Coming soon CPU Lower Power 32 bit RISC CPU Memory Expansion SDRAM 16 MB Flash 8 MB Real Time Clock RTC Yes Buzzer Yes Rotary Switch 0 9 Yes Ethernet RJ 45 x 1 10 100 Base TX Serial Port RS 485 including Self Tuner USB Client 1 1 Yes LCD 2 8 TFT Resolution 240 x 320 x 16 Touch Panel Yes Reset Button Yes Power 10 30 VDC PoE IEEE 802 3af Class 1 Consumption 1 2 W 50 mA 24 VDC N A 76mm W X 119mm L X 31mm H Dimension W X L X H Wall Mount Yes Operating Temperature 20 70 C Storage Temperature 30 80 C Ambient Relative Humidity 10 90 RH non condensing TouchPAD User M
15. st wea 0 Category PET 7000 I 7000 M 7000 ModbusTCP Test Series They must be the SAME name They must be the SAME name Test Modulel l Test Series Protocol MTCP erb Select Modules ini Import Template ACTION 1 ACTION 1 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 HMlWorks that there is a new I O series called Test 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_Module1 As the figure shows the module directory name and the name in the Test_Series ini must be the same 3 Implement the IO hsf which is created in I O module directory Test Module1 to describe the behaviors of the I O module Test Modulet Refer to other I O modules for example l 7065 as above 5 3 Frames and Tools This section introduces properties and usages of frames and tools TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 87 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas
16. w 73 HotSpotwidget Height k TET 108 T gt i et he OnClick Reference Top width 5 3 11 HotSpot idget Reference Frame Frameld Top 73 af dit 131 Using a CheckBox This section shows how to use a CheckBox v CheckBox What is a CheckBox A CheckBox is a control element that provides a yes no choice How to use a CheckBox 1 2 3 Left click on the CheckBox 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 CheckBox rectangle 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 Release the left button of the mouse and you have a CheckBox you want TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 121 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com m CheckBoxvvidgett7 m W Ei 6 Click on the Text property in the inspector to change the string on the CheckBox Here we change the Text to Hello xj Inspector Libraries Z3 CheckBoxWidget v 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 sup
17. Device_Name MiniOS8 bin For example an OS image file MiniOS8 bin can be found at C ICPDAS HMI Works_ 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 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 39 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 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 remember to plug the USB cable into the TouchPAD You can find that the calibration programs are in the following directory THM IWorks_ Install Path bin boot Device_Name calibrate For example there are two calibration programs can be found at C ICPDAS HMI Works_ 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
18. 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 gt aed 4 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 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 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 4 Last Revised February 2011 Page 182 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 l 7066 for example Register Devices F3 to automatically generate tags and then drag and drop the tag on the frame ver Framel Test7066 hwd
19. 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 Inspector Libraries 2 TextPushButton v Widget Identifier oe 7 1 1 FillColor and Text of a TextPushButton This section shows how to change FillColor and Text properties of TextPushBuitton 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 4 Last Revised February 2011 Page 173 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D 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 PushButto
20. TJ IGRAS TPD 280 W Xa o I D or el D 0 i r ETLE 1 cr TPD 283 Series P i i Ua T TPD 283 W ce Sa mn 4 RE 0 O e EY 3 l ea gt U a f TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 19 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D 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 4 Last Revised February 2011 Page 20 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 2 8 LCD Right Side View Rear View TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 21 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com TPD 283 TPD 283U unit mm 2 8 LCD Display Left Side View Front View Right Side View Rear View Bottom View TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 22 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt 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 Series TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 23 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Rotary Switch Frame Gro
21. TPD 280 W TPD 283 W Computex Taipei 201 ICP DAS New Produ Leading Through Inn The Hit of Computex 0 26 Q 8 50 AM 2010 6 30 IO 31 Ol 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 In the ranch on the milking machines In the casino on the gaming machines TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 9 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com On the airplane embedded in the back of the chairs o oT all ya In the apartment building beside the door Management Office for the Building In the exhibition hall beside the In the school in the classroom exhibits TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 10 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Information Center ee In the classroom on the desks In the farm in the front door of the greenhouse Information Center s Ethernet TOLELLO A LLL ELL A en fN YA ji L In the restaurant embedded in the And more table TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 11 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com
22. USING BUBU a sates hese ca see Seca ed wos clase gee cea 114 5310 USNO A MOIO aa 118 STe USN CHECKBOX icr a teenie 121 S312 Usg a Label IA 125 SSA USNJA IA 130 9314 USNI a RAINBO AA 132 S3145 SING an BE asie 135 9A MENUS ura T 140 5 4 1 Starting Design File Menu wwmummmnnwanamanwna 141 5 4 2 Cascading and Grouping Arrange Menu lt v 142 5 4 3 Rotating and Flipping Edit Menu ssssseesesesseessersserrsse 144 5 4 4 Gridding and Viewing View MeNU ccscccessecsssseeeesnees 147 5 4 5 Frame Managing and Aligning Layout Menu 149 5 4 6 Build and Download to Run Run Menu l 153 5 4 7 Library Management Popup MeNnu wsememenmmmannea 154 Makea Simple Proje ai 157 6 1 Your First Project Using Standard C C 4 wwssmewannmwana 157 6 2 Your First Project Using Ladder Program w wmewa 160 6 3 Integrate TPD 280 Series with I O modules v 165 6 4 Integrate TPD 283 Series with I O modules v 168 Advanced Programming IN C ccccssccsssssccssssecessseeeessseeeesssesecessseeesssseeseeas 172 7 1 Add a New File to Project w wmnnmemannmmanammanaminna 172 7 2 Update Properties in Run Time ccceccsssccssssceesssseessseesssseeeess 173 7 1 1 FillColor and Text
23. WidgetPaint tWidget amp LabelWidget18 For more API functions of Label refer to canvas h in the following path C ICPDAS HMI Works_ 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 4 Last Revised February 2011 Page 180 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Appendix Appendix ts 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 lf 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 a ae ee BrughS tile Clear 4 Name Frame OnCreate OnDestroy UnHide On aint OnShow Programs tyle Standard TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 181 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
24. Width 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 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 99 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Be sure to set TextAsIimage True Otherwise changing font does not take effect x Inspector Libraries Font Font stgle o T Text v fana Bold E Regula Alignment LeftJustify Italic AutoScaleFontSize False Bold Italic O Bookman Old Style za 1s f Boazi St Ty Bookshelf Symbol2 ZI Fort Eff Sample Hes 14 ects ee 7 Strikeout AaBbYyzz E bt Underine AaBbYyZz Text Pa HB Block Sept Westem This is an OpenType font This same font wili be used on both your printer and your screen 5 3 5 Loading a Picture This section shows how to load a Picture How to load a Picture 1 Left click 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 pict
25. _7066_1_DO5 _7066_1_DO6 _7066_1_R_ACTION _7066_1_W_ACTION P Fr argue 5 x Arrange Run Window Help x Inspector Libraries default v BLightO hwd BLighti hwd Light1 hwd LittleLightO penO hwd LittleLightO pen hwd NewLight0 hwd v j Sal maai TPD 2800 Selected 0 YW The second method double click on the widget on the frame design space to evoke the Select variable window Take a Slider for example BG Select variable Browse Variables Enter Constant Scope 7066 1 v Clear Tag P Name Comment AWA Q _7066_1_p00 Ji 7066 1 DO2 Ji 7066 1 D03 Ji 7066 1 DO4 Ji 7066 1 D05 Ji 7066 1 DOG Mji 7066 1 RA ACTION UJI 7066 1 Ww ACTION Double click on the tag Name you want to 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 4 Last Revised February 2011 Page 81 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com id Inspector Libraries YA Sliderwidget v BackgroundFillColor OxFFFFFF BackgroundT ext OxFFFFFF FillColor 0x000000 Font Font Height 35 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
26. a Font Height o LA eee cue UO Ba an nunca PE aa s EA Name Text Text ak e JestAsimage JJ Fale aa a a AEE width 21 properties description 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 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 98 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com rectangle which encloses the Text Note this property is enabled only when AutoSize True 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 encloses the Text The font of the Text Note this property is enabled only when TextAsimage True Vertical side length of the rectangle that encloses the Text to draw ee The serial number of tools including Drawings and Widgets which is used to identify them x coordinate of the left top vertex of the 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 rectangle that encloses the Text to draw
27. 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 286 TPD 283 Project name Test Location H HMIWorks_Standard Projects Bi Orientation Portrait C Portrait Flip Landscape C Landscape Flip Default Programming Type C 1 Standard C C 2 Ladder Program 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 4 Last Revised February 2011 Page 160 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Ez Framel Test hwd GA File Edit View HMI Layout Arange Run Window Help Inspector Libraries hi Y TextPushButt mes Side BitButton HotSpot m Checkbox RadioGroup t 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 finis
28. 26 Ai Ne GEUN MIDs 20 AA 26 422 Sel FD 220 ranana arent A sete secon ee ant 28 4 2 3 Setup Other Devices in TOUCHPAD Series 35 4 amp 3 GC nnectto NO Modules seoir a E T 41 5 Development Software HMIWOFKS swwnnmmanemannmmanemanamanemanaman 49 5 1 The Construction of HMIWOSKS ccccccccesseceessseceessseeeesteeeeesseeeens 49 32 Ladder DESIGNET wa 52 521 Getting IA ia 52 9 2 2 Introduction to Ladder Designer ssesssssssessesrrserrserrssrrsserese 54 5 2 3 Operations of Ladder Designer sesssessessesrrseesssrrrsressrrese 64 5 2 4 User Defined Function BIOCK cc ccessccestecsssecseseeeeeneees 77 5 2 5 Associate Tags WIth Tools seseina a 80 5 2 6 User Defined I O Modules cccccccsscessseeessseesesseesssseessseeens 82 eae RAMES ANI HOON S tresses cece tate ceteaeeh N cage 87 539 1 IPFODEMIES OF a Frassi neeinteniwiemiities memes 88 539 2 Drawno a ni MI Na 91 99 3 Drawing AME MDS C x sscenscarsentacestsessacn 94 SIWA TOM sreccennessiacrsunctanedutec E EN EN 97 99 9 LOGGING a PICUNG dirge E A 100 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 4 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 50 0 Drawing a LNE eeemerre eet eee etre er emer te een en ene nr ron ere 103 D321 SING ta TEXIPUSNB UN OM neria ieee atti ete 105 9 65 USING SA a 110 5 39
29. A 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 mO peee 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 Top 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 4 Last Revised February 2011 Page 132 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D 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 runtime How to use a PaintBox 1 2 3 Left click on the PaintBox icon in the system 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 PaintBox rectangle 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 Release the left button of the mouse and you have a Pa
30. All Rights Reserved gt lt E mail service icpdas com 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 lo CAICPDAS HMIWorks_Standardpbin FunctionBlock v convert counter default Smath Category er default gt TestGroup math timer convert user_define 5 counter BG Function Block W Category ini 6 timer aaa 8 ne WO xor exclusive or gt not equal gt greater or equ lt less or 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 Finally define newly defined function TestFunction in the file TestGroup int lS C ICPDAS HMIWorks_Standard bin FunctionBlock v Dconvert TestFunction on 4m counter default math i SI TI 1 Function Block juser_define 2 TestFunction lt BG Function Block j 5 4 FunctionName TestFunction DisplayName T F Caption this is for test VarCount 6 Rows 3 PinO en Pini p1 Pin2 p2 Pin3 eno Pin4 p4 Pin5 p5 Note th
31. BLOCK float v_ai 10 i AR ALU R OA ON IO hsf dcon ReadAIA11 S 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 IA v_ai 6 v ai 6 1000 VAR_SET AI6 v_ail6 VAR_SET AI7 v_ail 7 VAR_SET AI8 v_ai 8 VAR_SET S AI9 v_ai 9 Pg HMIWorks Ladder Designer File Edit F3 F4 tet F5 O F6 4 F7 g F8 wi fiends ATT Fl bE ALOT RT 1 i LabelWidget 0x000000 LabelWidget9 187 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 186 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com
32. 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 I O module module fo Devices fa Devices 0 0 0 0 0 0 0 1 NG ocd den Mimi x 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 NG Devices o Devices 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 4 Last Revised February 2011 Page 46 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com a Frame Test hwd WA File Edit View HMI Layo NG New Edit Connection 0 X Connection Name TestMTCP _bsignname Protocot TCPIP X M TOPAP IP fio 0 100 leg 10 1 0 100 leg 502 Port 1502 Press F3 to register device Choose Device Series as ModbusTCP choose Connection as TestMTCP which you created in the previous step and press Edit P Devices Device Senes onnection TestMTCP ad Device Name New ff cee Pere Import tags In the Import window choose the addressing mode
33. DAS Co Ltd All Rights Reserved D lt E mail service icpdas com C ICPDAS HMIWorks_Standard bin FunctionBlock v convert SI counter ee Inthe directory default gt S eyste OLE system ONE timer SOR user_define FRR Tox AXOR Function Name Display Name Caption z default ini SCategory ini J our convert counter timer n O system m gt ZK user_define not equa GE gt greater or equal SS Assign Pje lt a lees or equal FunctionName Assign D Assign assign function D DisplayName Caption assign function VarCount 4 Rows 2 PinO en Pin1 out Pin2 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 if len return 0 if VAR_VALUE out VAR_VALUE in return 1 VAR_VALUE out VAR_VALUE in VAR_SET_DIRTY out 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 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 78 Copyright 2011 ICP DAS Co Ltd
34. Last Revised February 2011 Page 113 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Basic colors Ei eG See i eles ee foie EHE gh E EEEE oon ee Oe EERE EBE Custom colors kuua Wa ee pee fe ff ry i ColorS old Lum 120 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 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 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 114 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 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 6 Inspector Libraries 23 BitButton Left 65 Left click on the BitButton 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 BitButton 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
35. 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 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 Text Note this property is enabled only when TextAsImage 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 4 Last Revised February 2011 Page 184 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Inspector Libraries T Text v Alignment LeftJustify AutoScaleFontSize Tr Bookshelf Symbol 1 T Bookshelf Symbol YI Effects Sample F Strikeout ee AaBbYyZz Color BE Block Script wetem This is an OpenType font This same font wili be used on both your printer and your screen 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 decim
36. com In the Toolbox there are three kinds of tools Drawings Widgets and System componets ANg Y ae 1 Rectangle draw a rectangle 2 Ellipse draw ellipse 3 Text put string text on screen 4 Picture load an image file ona frame Line draw a line Widget sici TextPushButton create a button TextPushButtan Slider show or decide the Slider percentage Bi Button BitButton create an image button HotSpot create a hot spot that can issue an OnClick event Hos P cl Checkbox sate CheckBox provide an alternative Label provide a string that can be modified during run time Pa Timer periodically execute codes PaintBox draw shapes in the run 5 PaintB os time ObjectList 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 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 88 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Properties of a Frame Click on the frame and properties of the frame are shown in the inspector l Inspector Libraries 2 Frame BackgroundColor UxFFFFFF Brushstyle Sold Default False MA ee aera tient Name o Framed Ontreste o j Onbestoy o j Se oO n an o yj ASA o yjaaaaa Programs
37. i Below are the operations pop up menus that users have in Workspace Workspace Tootoo l r File faa Test hwd New C tc Delete Eoo New Header file h Rename Eoo Program FA Testldx 3 PET 70M1 New Ladder Program ldx Delete Program a age oa N Rename Program 2 PET_7018Z_1_AI5 23 PET_7018Z_1_Al6 PET_70182_1_Al a i gt Connection Wa TestMTCP 23 PET_70182_1_Al9 PET_701az_1_D00 New Connection Edit Connection ka PET_7018Z_1_D01 Delete Connection 73 PET 701821 D02 723 PET_7018Z_1_D03 23 PET 701821 D04 23 PET_7018Z_1_D05 5 3 PET_70182_1_R_ACTION Device on PET 70182_1 G PET_7018 amp 2_1_Al0 Folder_1 T Edit Device Edit IO Channel B v2 Delete IO Channel da vi Delete Device di v3 O Folder_1 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 4 Last Revised February 2011 Page 51 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D 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 ofthe rungs are executed serially in a loop Click HMI menu
38. 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 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 Properties of Line ai el Inspector Libraries Curve v properties description Vertical side length of the rectangle whose diagonal line is the line segment to draw IDO The serial number of tools including Drawings TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 104 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Ce and Widgets which is used to identify them isso signed S x coordinate of the left top vertex of the rectangle whose diagonal line is the line segment to draw Name its The name of the line segment y coordinate of the left top vertex of the rectangle whose diagonal line is the line segment to draw Width Horizontal side length of the rectangle whose diagonal line is the line segment to draw 5 3 Using a TextPushButton This section shows how to use a TextPushButton 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 i
39. including Drawings and 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 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 the ObjectList because the ObjectList is invisible when downloaded to the TouchPAD Also TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 135 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D 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
40. 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 4 Last Revised February 2011 Page 147 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D 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 4 Last Revised February 2011 Page 148 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 5 4 5 Frame Managing and Aligning Layout Menu Layout j New Frame Ctrl M x Delete Frame Rename Frame Align left Align horizontal center S Align right m 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 Eg Select Programming Type 1 Standard C C C 2 SoftPLC Delete Frame Delete the current frame
41. 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 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 118 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com of the HotSpot rectangle 5 Release the left button of the mouse and you have a HotSpot you want 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 the property OnClick is supported only in programming type Standard C C a HAHMTWorks_Standard Propects Test __Frame2 h File Edit Cancel HotSpotWidgetSOnClick void HotSpotWidgetSOnClick tWidget xpWidget 4 hmi_Beep H 7 Save the file and then press OK in the code edited window TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 119 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com P
42. 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 Text Top y coordinate of the left top vertex of the TextPushButton Width Horizontal side length of the TextPushButton TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 108 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 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 TES Basic colors OxO080FF Ei eel eee Font ie fae 63 Aua f ion YA ID 9 ioe AAA AA 4 Left 38 E SBS Name TestPushButton a CLOE nak 40 Custom colors PressFillColor Ox0000FF ae i Red 255 Reference Sat 240 Green f0 RefObject ee ai ka Text Hello OK Cancel Add to Custom Colors Top 215 Width 168 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 ev
43. 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 xi Inspector Libraries Basic cokes 2x 4 Hug fo Red 255 Sat 240 Green 0 aki tum 120 Befo Add to Custom Colors How to implement event handlers of a frame There are 5 event handlers of a frame OnCreate OnDesitroy OnHide OnPaint and OnShow Take OnCreate event handler for example 1 Click on the OnCreate in the inspector Then click on the button to code edited window for the OnCreate TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 90 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com xf Inspector Libraries Frame v 2 Here we use hmi_Beep to sound a beep for example Mo CAICPDAS HMI Works Standard Projects Test2 __Framel h Msl File Edit Frame120nCreate void Frame120nCreate 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 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 91 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Rectangle How to draw a rectangle 1 Left cli
44. 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 TextPushBuitton 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 you only need to add two library objects to the right side region because both TextPushButton and CheckBox have only two states TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 136 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com ObjectList 6 Place a CheckBox on the frame for example Be sure to make the size of the CheckBox large enough to cover the whole image of the library object 7 Goto 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 4 Last Revised February 2011 Page 137 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com i Inspector Libraries ted CheckBosWwidget Bow Size 16 Display T ype TopLett FillColor UxFFFFFF
45. to use this feature HMI New Virtual Tag Fe Revister Deyices FS Ladder Designer F4 New Virtual Tag defines your own variables 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 4 Last Revised February 2011 Page 52 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt 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 EHO File 2 lf Test hd EMS Program Fy Test Id oi Connection lf Test TCP AS Device Yew Virtual Tag New Folder TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 53 Copyright 2011 ICP
46. vertex of the BitButton Release the left button of the mouse and you have a BitButton you want a a a BitButton Click on the Text property in the inspector to change the string on the BitButton Here we change the Text to Hello 59 if BitButton TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 115 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 7 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 Po HHMI Works Standard Projects Test _ Frame2 h File Edit Cancel BitButtonSonClick woid BitButtonS0nClick tWidget spWidget hmi_Beep hi 8 Save the file and then press OK in the code edited window Properties of BitButton x Inspector Libraries Ee BitButton Font Font Height BY ID f Left BS Hame BitButton OntClick Reference properties description Font The font of the text of the BitButton TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 116 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Vertical side length of the BitButton The serial number of tools x coordinate of the left to
47. 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 return eno 0 return TON Timer On initial if Initialized 0 timer T1 CT CT current_time Initialized 1 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 61 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com stop the timer if en 0 ieee hive wait until elapsed time value unit 1 ms if en 1 if CT T1 gt value eno 1 else eno Q return eno 0 return TOF Timer Off initial if Initialized 0 T1 CT CT current_time Initialized 1 stop the timer if en 0 timer T1 CT wait until elapsed time value unit 1 ms if en 1 if CT T1 gt value eno 0 else eno 1 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 62 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com return eno 0 return Ni 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 return system
48. 1 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com TPD 283 HMIWorks can download programs through that USB port Unlike 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 HMIWorks 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 ViewPAD 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 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 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 36 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 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 o
49. 5 network of TPD 280 W and configure l 7066 with DCON Utility baudrate data bit parity stop bit Net ID 1 Use DCON Utility to setup l 7066 Download DCON Utility to install and refer to the user manual ftp ttp 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 4 Last Revised February 2011 Page 165 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Ej Configuration for 7066D Module Version B102 7066D Digital Output 0 0x00 LSB CH 0 MSB CH 6 Configuration Setting Command Response Delay Time Protocol DCON Delay Time 0 t o 30 ms Ziara Address 0o Ze Baudrate 115200 Power On Value of DO Safe Value of DO0 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 5 10 1 25 5 sec Send Host OK 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 286 TPD 283 Project name Test 7066 Location
50. 7000 Device Name Model Name Net ID fi ee ee v Click the I O module you want and then press OK to add tags of the specified I O module Page 43 PI E mail service icpdas com NG Devices Device informaton Device Series PET 7000 Connection TcP_10_1_121_108_s02 X Device Name i ModeiNeme PET 701 Tye IP Pot__ Name NA CP BroadCast 10 1 120 66 PETL 7060 10 1 121 108 PET 701 1 0 PET 706 10 1 0 199 PET 7051 10 1 128 188 718882 10 1 0 49 PDS 5105D MTCP Press OK and then you can see anew connection is added Assign the Device Name in the Workspace press OK and then you can E New Ecit Connections RA see the I O module is added to ea D oe the Workspace IP fiar 121 108 r TOPAP leg 10 1 0 100 Port 502 leg 502 NG Devices Device Series PE T 7000 Taa A Test7018_Al6 A Test7018_Al7 2 Test7018_Als A Test7018_AIS A Test7018_000 A Test7018_001 Press OK to add tags of the i ee specified I O module fo Devices Device information Device Series PET 7000 X Model Name ET neo Assign the Device Name press OK and then you can see the I O module is added to the Workspace TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 44 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Create the Conn
51. All Rights Reserved gt lt E mail service icpdas com Console F10 Evoke console window cmd exe 5 4 7 Library Management Popup Menu lm Back One Ctrl P2Dn Ch Forward One Ctrl4 PsUp fh To back Shitt PeDn th To front Shiltt PesUp Troup Ctrl4 G i Ungroup Ctrl U it Add to library Cut Cirl4 xX Copy Ctrl C Paste Cirl4 x Delete Cirl4 Del 5 Duplicate Ctrl D How to add items to library For example as below Group the selected items Right click on the frame panel to evoke the popup menu Click on Add to library Specify the library name and save the library 1 2 3 4 Back One Ctrl4 PgDn Ch Forward One Ctrl PgUp 24 To back Shift PgDn t To front Shift PgUp Ra Group Ctrl G tt Ungroup Ctrl U ad Add to library NG Save group object to libra Bi Ed Cut Ctrl4 X Copy Ctrl C amp Paste Ctrl V X Delete Ctrl Del 5 Duplicate Ctrl D Note you can preview the library in the library window TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 154 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com FF Inspector Libraries default Hower hwa faroup had Groupe hrad Group hwa snow hwa table hvad test Awd 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 wa
52. BoxWidget22 1 WidgetPaint tWidget amp CheckBoxWidget22 The effect of the OnClick function CheckBoxwidget22 x checkBoxwidget22 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 a Label and three BitButton on the frame panel as below TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 177 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D 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 P HAHMIWorks_Standard Projects iTest__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_sFontCm26 WidgetPaint tWidget amp LabelWidget18 gt void BitButton260nClick tWidget pWidget 1 change Text co
53. Cast 10 1 121 1 PET 7060 255 2 TCP Broadcast 10 1 112 14 71882 255 2 Gateway 10 1 121 254 T TCP BroadCast 10 1 0 117 ET 87PN 1 00 255 2 Alas m j Search done fe Disable Enable L Finally use a browser to connect to the PET 7060 and configure it gt ET7000 Web page Windows Internet Explorer fe hitp 10 1 121 104 Pall s DAE w E ET7000 Web page ICP DAS http www icpdas com P Search MON ivy Hy Gimv gt v Viv ow v Main Menu E aa Welcome to the PET 7000 Web configuration page pe i J Authentication Model mame kem MAC Address lo e0 64 9 70 4 hee es f Module Information J Pair Connection Firmware Version V113 May 13 2009 DO More Information OS Version V229 May 12 2009 DI channels 6 DOchannels ities ai 0 lao channels lo Bro IPC PC See E col som 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 4 Last Revised February 2011 Page 169 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Wid ek Project name Test Location H HMIWorks_Standard Projects Orientation Portrait C Portrait Flip C Lan
54. 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 4 Last Revised February 2011 Page 152 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D 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 Ctrl 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 gt Download building bin file to TouchPAD TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 153 Copyright 2011 ICP DAS Co Ltd
55. DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 5 2 2 Introduction to Ladder Designer A Ladder Designer is a tool to implement the ladder logic according to users design Press F4 to open Ladder Designer P HMIWorks Ladder Designer F2 JE IE F F4 lae rs FeO IE D Fe i Fa eeN EA J o New Rung Insert Before Ctrl I I A HVI Duplicate Ctrl D Ese ENa 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 4 Last Revised February 2011 Page 54 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com F 4 3 The briefings of the contact type Description A normally open contact 44h A normally closed contact A positive transition contact gt when the state from OFF to ON trigger one shot A negative transition contact when the state from ON to OFF trigger one shot Ka 8 ha gt LA f L L CAE LZ L The briefings of the coil type Description A normally open coil normally closed coil A A Set coil once triggered the coil remains ON until a reset A Reset coil gt Once triggered the coil remains OFF until a set A positive transition coil gt when the state from OFF to ON trigger one shot A negative tra
56. GA File Edit View HMI Layou nge Run Window Help Workspace Toolbox ZA 1_7066_1_000 ZA 1_7066_1_ACTION tual Q Ya HMIWorks does the followings to build the relationships between TouchPAD and I O modules TouchPAD RefObj ObjectList15 iy Lees es or FF TagName 1_7066_1_D00 WA heckb gt vy joe l 7066 Associated with the tag by TagName TagName 1_7066_1_D00 BEGIN_FUNCTION_BLOCK BYTE v_do 0 L 10 hsf if VAR_VALUE W_ACTION if VAR_VALUE DO0 v_do 1 lt lt 0 if VAR_VALUE DOT 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 3 if VAR_VALUE DO4 v_do 1 lt lt 4 W_ACTION 1 3 R VALUE DO5 v_do 1 lt lt 5 r P R A SVOG do x DO0 0 gt END_FUNCTION_ BLOCK TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 183 mimmi na 17000 ini Ai DO0 1 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D 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
57. H HMIWorks_Standard Projects zi Orientation Portrait C Portrait Flip Landscape C Landscape Flip Default Programming Type C 1 Standard C C fe 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 4 Last Revised February 2011 Page 166 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 4 Design the Ladder Diagram Press F3 key or click on Register Devices in the HMI menu to evoke the Devices window 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 3Framel Test7066 hwd A File Edit View HMI Layd Arrange Run Window Help Device pi 1 7066 N ees ee 4 Z 1_7066_1_000 25 _7066_1_D05 ZA _7066_1_D06 Z3 _7066_1_R_ACTION A _7066_1_ W_ACTION tual av TPD 280 Serial COM4 Congratulation HMI Works of ICP DAS builds successfully 5 Setup Device Refer to Setup Devices in the chapter 4 for details 6 Compile and Download to Run After connecting to TouchPAD press F9 to run or Run gt Run As the following figure s
58. Standard Procts Test __Frame2 h o x Eile Eeee TextPushButtonS0nClick void TextPushButtonS50nClick tWidget pWidget hmi_Beep 8 Save the file and then press OK in the code edited window Properties of Text PushButton z tea TextPushButton OxFFFFFF a properties description FillColor What color to fill in the TextPushButton The color TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 107 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 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 Note that the only font style and size are effective Vertical side length of the TextPushButton The serial number of tools including Drawings and Widgets which is used to identify them Left x coordinate of the left top vertex of the TextPushButton OnClick The function name of the on click event of the TextPushButton Note the property is supported only in programming type Standard C C OutlineColor 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
59. The name of the rectangle OutlineColor The outline color of the rectangle 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 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 93 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Basic colors ML ti xi 4 EE EEE E Custom colors i H Hue o Bed 255 ColotSobd Lumi Bye 0 For example set FillColor to green and OutlineColor to red and then you may have the results as shown 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 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 inscribes the ellipse to TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 94 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 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
60. Then click on the button to open color window to select color The OutlineColor uses similar way x Inspector Libraries 73 LabelWidget ma Basic cokes Hue fo Sat 240 Green fo ColoiSatd Lumfi20 Bf Add to Custom Colors 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 7017Z to read an TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 128 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D 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 integers 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 Modify the I O module s IO 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 modu
61. TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 12 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 2 General Specifications reo Do 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 USB Memory Communication Client Expansion Method 1 1 SDRAM 16 MB 10 30 VDC TPD 280U Self Tuner Yes Flash 8 MB 2 8 TFT Resolution TPD 283 240 x 320 x 16 Ethernet SDRAM 16 MB IEEE 802 3af TPD 283U 10 100 Mbps Flash 8 MB Modbus RTU Master and DCON Protocol Master for ICP DAS 1 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 Class 1 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 13 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 C lower Power 32 bit RISC CPL theme R84 1 10 100 BaseT Serial Port RS 485 including Self Tuner LCD 2 8 TFT Resolution 240 x 320 x 16
62. als Here we provide a work around method to handle decimals Take I 7017Z for example Supposed that we use I 7017Z to read an 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 integers So we must handle this drawback to directly read back the Al value from I 7017Z in Ladder Designer 1 Setthe 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 IO hsf file in the following locations IHMIWorks install path bin Modules For example O hsf of I 7017Z is located in TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 185 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com C ICPDAS HMI Works_Standard bin Modules I 7000 I 70172 where C ICPDAS HMIWorks_ Standard is the installation path of HMIWorks And we modify the IO 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 AI6 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
63. anual version 1 0 4 Last Revised February 2011 Page 16 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 2 3 PD 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 433 Products CPU Lower Power 32 bit RISC CPU Memory Expansion SDRAM 16 MB Flash 8 MB Real Time Clock RTC Yes Speaker Yes Rotary Switch 0 9 Yes Ethernet RJ 45 x 1 10 100 Base TX Serial Port RS 485 including Self Tuner USB Client 1 1 Yes LCD 4 3 TFT Resolution 480 X 272 X 16 Touch Panel Yes Audio Earphone Out Reset Button Yes 10 30 VDC and PoE IEEE 802 3af Class 1 Power 10 30 VDC i Consumption A TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 17 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Dimension W X L X H 124mm W X 80mm L X 24mm H Wall Mount Yes Operating Temperature 20 70 C Storage Temperature 30 80 C Ambient Relative Humidity 10 90 RH non condensing TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 18 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 Series
64. ard 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 7000 ini are I O modules configuration file for M 7000 and PET 7000 series respectively Each I O module has a matching name directory and in that directory there is only one file l O hsf IO 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 1 7067 are directories represent O modules and they are all put to the series directory l 7000 What Module ini describes TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 83 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com KELES PET 7000 I 7000 M 7000 ModbusTCP Device information DeviceSees iw PET 000 1 7000 M 7000 ModbusT CP TCPIP SS es P eg 10 1 0 100 Port 502 leg 502 Connection Device Name Model Name PET 7000 Net ID fi Protocol MT CP Assign device name Verb Search Import Template PG Select I 70 _ O x DCAC OK Cancel Modules ini I 7000 Protocol UART Verb Select Import Template M 7000 Protocol UART erb Select
65. at VarCount pin counts Below shows what does the Row mean and the order of the pins TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 79 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Pin Order 3 Inthe directory TestFunction create a new file FB hsf to implement the user defined function 5 2 9 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 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 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 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 80 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 2 YA File Workspace 2 9 File E Test hwd Program E Test ldx i Connection Wa TestMTCP Tags BS Device m LANAN aama amp Virtual a Output Erro CC a cc CC cc Pil at A UB 1 UU _7066_1_DO2 _7066_1_DO03 _7066_1_DO4
66. 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 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 40 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 4 3 Connect to I O Modules We provide connection methods for three series of 1 0 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 Below we introduce the Devices window which is called while registering device F3 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 41 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Device information Device Seres PET 7000 YA Connection TestMTCP sw Device Marne TestMTCP1 000 Model Marne PET 701 oe NetID 1 Search Assign device name Item Description Device Series Specify the series which the I O module to connect belongs to For example PET 7000 l 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 name they want M
67. chPAD to connect TPD 283 s IP configuration is not stored TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 29 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 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 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 We introduce the details in the below Note that the new IP settings take effect after successful downloading because the IP settings are parts of the program Ye Setup Device ox Search TouchPad Host Informatio Host IP Address UA Device Runtime Informatio Device Nickname JICPDAS Device MAC address JOU OD E0 B2 00 02 few 00 00 E0 11 22 33 f Static DHCP Device IP address 10 1 0 210 les 10 1 2 3 Downloading I
68. ciate out and in with the variables we define by New Virtual Tags 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 Eile Edit Le a ET a o e Double click on just beside out to invoke Select variable window Fy Select variable Browse Yarables 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 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 72 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com E HMIWorks Ladder Designer File Edit EE EE E ll EE Set v2 to in of Assign function in the same way Finally set v3 to the coil EHI AIWorks Ladder Designer File Edit MEAE This function assigns v2 to v1 if en is set to high The coil v3 is purely defined by eno where eno en 2 Insert a new function block in the left of the cursor F6 Move the cursor to the Assign function block and then press F6 And to make th
69. ck on the Rectangle icon in the Drawing 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 rectangle to draw Move the mouse to form a rectangle as you want and stop the mouse while the cursor is at the point of the right bottom vertex of the rectangle to draw 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 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 92 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Inspector Libraries O Box v BrushStyle FMC OI ORFRFERRS s de n l sahaa t AS E BOs eonenni inn i e wa amana mwa maan N E LB wai DOR aa PORE aa wa JB aa waa DutlineColor OxOD0000 Ee EIT FAS A width 90 properties description BrushStyle What style to fill to a rectangle FillColor What color to fill in the rectangle 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 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 Name
70. d style Development is no longer difficult and project accomplishment is within reach 1 1 Advanced 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 WV TITT j 73 T i 29 gt WYSIWYG What 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 4 Last Revised February 2011 Page 6 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 requireme
71. dscape 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 the 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 4 Last Revised February 2011 Page 170 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com test283 2 hwd HMI Lay ange Run Window Help Tags ek ry 73 PET 7060 DOOR me pEr 23 PeT_7060 01 t y ight d _ ZA PET_7060_W_ACTION amp Vatual 7 Z PET 7060 RA ACTION Framed Ethernet IP 10 1 0 72 MAC 00 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 W 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
72. e 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 Width 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 x Inspector Libraries T Basic colors Gl ee eee E m Wa ETHE EE ioe E E Epp 4 E Poe 8 Oe BEER E Name CheckBoxWidget Custom colors OnChange kuan AA DutlineColor 0000000 See eee ee a Si sn Reject ee wa aa betes ee OK Cancel Add to Custom Colors Top 182 Width 176 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 124 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D 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
73. ections and Import Tags continued l 7000 series I O by Select Create a new connection through protocol UART NG Framei Test hwd WA File Edit View HMI Layo Create the connections NG New Edit Connection ojx Connection Name TestUART Assign name Protocol UART X UART Baud Rate 115200 z Data Bi f8 X Parity O None Xe Stop Bili ok Cancel Press F3 to register device Choose Device Series as l 7000 choose Connection as TestUART which you created in the previous step and press Select Import tags TouchPAD User Manual version 1 0 4 Last Revised February 2011 Copyright 2011 ICP DAS Co Ltd All Rights Reserved M 7000 series I O by Select Create a new connection through protocol UART 3Frame1 Test hwd WAY File Edit View HMI Layo NG New Edit Connection mfe x Connection Name TestUART Assign name Protocot UART X UART BaudRate 115200 Daab Party ONone Stopet x ea 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 45 b lt E mail service icpdas com Ps fi Devices Device Series 1 7000 o zL Device Name Device Name Model Name Model Name Neto 1 Neti ft a ser sre v
74. ent 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 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 109 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com reference Inspector Libraries E TetPuchbuttor 5 3 8 Using a Slider This section shows how to use a Slider oF 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 point of the right bottom vertex of the Slider rectangle TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 110 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 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 want in the evoking code edited window for the OnSliderChange event Here we use hmi_Beep to sound a beep
75. entify them x coordinate of the left top vertex of the y coordinate of the left top vertex of the Horizontal side length of the rectangle that encloses the Picture to load TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 102 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Trade off between firmware size and resolution ICP DAS Industrial Computer Product Data Acquisition System Above is the comparison between HiColor True and HiColor False 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 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 5 3 6 Drawing a Line This section shows how to draw a line segment zs TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 103 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com How to draw a line segment 1 Leftcclick on the Line
76. er Manual version 1 0 4 Last Revised February 2011 Page 68 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 5 Set the type of a contact Move the cursor to a contact and then press the space bar to change the contact type For example we move the cursor to the v3 contact Press the space bar twice to set the contact type to pulse contact E HMI Works Ladder Designer Eile Edit F2 3E F3 FA tael Fs Os FeO JA O F8 ton Fs gt v2 vi a 1 K 6 Delete a contact in the rung Move the cursor to the contact you want to delete Then press the delete key For example we move the cursor to the v3 contact and then press the delete key E HMI Works Ladder Designer File Edit F2 JE F3 JE Feige de OD Je O F8 t Fo gt a E y2 i vl l R Be o o 7 Delete the rung Move the cursor to the starting point of the rung and then press Delete key TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 69 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 5 2 3 9 Insert Delete a Coil in a Rung To demonstrate how to insert delete a coil and other related issues we embed each function in the sequence of steps as followings Ey HMI Works Ladder Designer File Edit JE F3 x F4 Lae FS Ah F F7 aj F yi 5 2 3 6 I
77. etup 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 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 26 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com In the back of the TPD 280 configuration modes can be found Use the rotary switch to set the configuration mode No Mode Description o Edt This mode is used for running programs Update This mode is used for updating programs 2 RUN Reserved for users os Debug Reserved for users In the Run menu of HMIWorks Click Setup Device 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 downloading programs to the TouchPAD be sure to setup the TouchPAD TPD 280 to connect first Mo Setup Serial Device iim Cancel TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 27 Copyright
78. for example Note the property OnSliderChange is supported only in programming type Standard C C Re H HMIWorks_ Standard Progcts 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 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 111 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com oo FI Inspector Libraries Eza Sliderwidget BackgroundFilllolor OsFFFFEFF BackgroundT ext OxFFFFFF Filllolor DO Font a Fon Height oad WA W b re Let adl Ve Mat a T00 Min Ue Name o al siidervidget nSlider hange DutlineLolor Dk Postion o Wa JOB IA AA Metical False o width 196 properties description BackgroundFillColor What color to fill 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 BackgroundTextColor Whats 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 rep
79. g Move the cursor to the starting point of the rung and then press Delete key 5 2 3 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 jump to the third 1 Press F2 three times to create three rungs for example HMI Works Ladder Designer F Fle Edi F2 JE F3 JE F4 taea Oe OD e7 O Fe to gt 1 K J 4 KX _O 2 K 4 KO T _ KO 2 Move the cursor to the coil of the first rung and then press F9 to adda Jump E HMIWorks Ladder Designer ojx Ele Edit F2 JE F3 F4 tye F5 Oa FeO e7 Fs to a 3 Double click on the starting point of the third rung to add a label Test Label to it TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 75 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 4 5 HM Works Ladder Designer f lo x File Edit PE e E ie sojo e r aol goan O Input Label ffetlael i _tstst CSs s ox f Cancel Double click on the Jump of the first rung to associate with the label of the third rung Me Choice Labe HMI Works Ladder Designer Ele Edit pa r sol eo 7 oO et o gt 1 m 2 c WA Test Label la When running the ladder logic set the coil of the first rung to high skip t
80. h 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 Height Vertical side length of the Label gt The serial number of tools including Drawings and Widgets which is used to identify them Left x coordinate of the left top vertex of the Label Name o 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 4 Last Revised February 2011 Page 127 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Text The string of the Label y coordinate of the left top vertex of the Label Width Horizontal side length of the Label How to change FillColor and OutlineColor Click on the FillColor in the inspector
81. h this step BE Camel T tramel Test hwd File Edit View HMI Layout Arrange Run Window Help lal x re Workspace Toolbox ao lt ra 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 4 Last Revised February 2011 Page 161 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com xi Inspector Libraries YA CheckBoxWwidget v 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 Edit variable olx Name Jul Default 0 Comment After adding the tags users can check in the Workspace Workspace Toolbox 2 0 File F Test hwd H E Program A Testldx E Connection Ky Tags Device lt gt 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 4 Last Revised February 2011 Page 162 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com create a new rung Eg HMI Works Ladder Designer File Edit P
82. hange its DO status if VAR VALUESDO1 v ot 1 lt lt 1 if VAR_VALUE D02 v_do 1 lt lt 2 if VAR_VALUE D03 v_do 1 lt lt 3 VAR pVALUE DO4 v_ do Ie iaa o 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 DI1 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 gt DOU U AR_ S V_do amp 1 lt lt 1 VAR_SET DO2 v_do amp 1 lt lt 2 VAR_SET DO3 v_do amp 1 lt lt 3 VAR_SET D04 v_do amp 1 lt lt 4 ND_FUNCTION_BLOCK Create a User Defined I O Module 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 block of codes is executed Default is true Users can disable the flag in Ladder Designer TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 86 Copyright 2011 ICP DAS Co Ltd All Rights Reserved PI E mail service icpdas com A flag to control whether the la CAICPDASIHMTWorks Standard bin Modules bin Modules Cd Test_Module a 3 IO hsf Test Series ini
83. he second rung and jump to the third rung if the contact of the first rung Is closed TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 76 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com 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 function block may be a good choice To know how to add a user defined function block we first explain how HM IWorks 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 HMIWorks In the sub directory of bin FunctionBlock open the file Category ini to load the groups CAICPDAS HMIWorks_Standard counter default math system Function Block timer user define math 7 and convert alegory ini counter timer exclusive or system user define not egua greater or equal less or equal Category default math convert counter timer system user define assign function O NOCNA ON N 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 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 77 Copyright 2011 ICP
84. hows pressing the button changes the output of channel 0 of the l 7066 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 167 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 6 4 Integrate TPD 283 Series with I O modules In this example we use TPD 283 W to control a PET 7060 the 6 channel Power Relay Output and 6 channel Isolation Digital Inout with PoE module of ICP DAS First put PET 7060 in the Ethernet network of TPD 283 W and use browser to configure PET 7060 1 Configure PET 7066 Using a Browser Download MiniOS7 Utility and its user manual on ftp ftp icodas com pub cd 8000cd napdos minios 7 utility minios7 utili ty Then use MiniOS7 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 4 Last Revised February 2011 Page 168 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com YA Mi TONY Scan a 4 2 S o Search Options 228 2 Exit es e me Alias Mat Recommend Settings TCPBroadCast 10 1 120 50 PETL 7050 EthelO 255 TCPBroadCast 10 1 121 1097 PET 7067 IP f10 1 121 105 E TCP BroadCast 10 1 121 14 PET 7026 255 2 Mask 25525500 b TCP Broad
85. idget amp SliderWidget15 The effect of the OnSliderChange function after selecting colors TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 175 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com xl Inspector Libraries YA Sliderwidget 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 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 E HAHMIWorks_Standard Projects Test __Frame5 h Bimi Ed Eile Edit Cancel BitButton230nClick void BitButton230nClick tWidget pWidget f fmake CheckBox status selected checked CheckBoxSelectedSet amp CheckBoxWidget22 1 WidgetPaint tWidget amp CheckBoxWidget22 gt TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 176 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 3 To make clear we copy the codes below void BitButton230nClick tWidget pWidget make CheckBox status selected checked CheckBoxSelectedSet amp Check
86. ild the relationships between TouchPAD and I O modules TouchPAD l 7066 rA Oboes Si 5 ai lt 7ST DOO ex i heckboxrwidoet ib BEGIN_FUNCTION_BLOCK BYTE v_do 0 10 hsf if VAR_VALUE W_ACTION if VAR VALUERDOO v _ do 1 lt lt 0 if VAR_VALUE 3 v_do 1 lt lt 1 000 3 170661 if VAR VALUE D02 v do 1 lt lt 2 17 ini DO6 aL if VAR_VALUE D03 v_do 1 lt lt 3 R_ACTION 1 _7066_1_R_ACTION if VAR_VALUE DO4 v_do 1 lt lt 4 W_ACTION 1 7066 1_W_ACTION aan eee Y or sr DO0 END_FUNCTION_BLOCKQ DO0 1 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 139 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 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 4 Last Revised February 2011 Page 140 Copy
87. 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 switches 5 2 6 User Defined I O Modules To know how to add a user defined I O module we first explain how HMI Works uses these I O modules There are several kinds of I O modules DCON I O modules l 7000 series I O modules by ICP DAS http Awww icpdas com products Remote_ 1IO i 7000 i 7000 introduction htm Modbus TCP I O modules ICP DAS provides ET PET 7000 series http Awww 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 icopdas com products Remote_ lO m 7000 m 7000_introduction htm TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 82 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Where HMIWorks Put I O Module Information HM Works puts I O module information in the following locations CAICPDAS HM Works Standardabin Modules l 7000 Modules ini P 7000 ini Some explanations for above figure Cc ICPDAS HMIWorks_Stand
88. ings clear set the newly inserted function block as NE not equal E HMI Works Ladder Designer Ele Edit PE A E fae es o r G je gt TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 73 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 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 E HMI Works Ladder Designer Eile Edit pt e Ejea sO oO e ojej e gt en enol ini in2 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 File Edit R o E rigs oe oO r ojej gt gt en enol ini in2 5 Delete a function block in the rung Move the cursor to the function block you want to delete Then press the delete key For example we move the cursor to the Assign function block and then press the delete key o HMIW orks Ladder Designer File Edit pt E rigs oO oO e G eo gt lt gt TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 74 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 6 Delete the run
89. intBox you want 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 4 Last Revised February 2011 Page 133 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D 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 Eg HHMI Works_Standard Procts Test __Frame2 h File Edit PaintBox60nPaint void PaintBox60nPaint tWidget pWidget tContext pContext hmi_FillRect pContext WidgetLeft pWidget 19 WidgetTop pWidget 10 WidgetRight pWidget 18 WidgetBottonm pWidget 186 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 4 Last Revised February 2011 Page 134 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com The serial number of tools
90. irst TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 49 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com File Li New Ctrl h tf Open Ctrl 0 HG Save Ctl s fe Close Close All Exit Alt F4 Click File menu then click on New Pa New Project name UPD 136 Test Location C ICPDAS HMI Works Standard Projects a Orientation C Portrait Portrait Flap C Landscape Landscape Flip Default Programming Type f 1 Standard 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 WA ae IS TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 50 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com BG Frame1 Test hwd ox WiFile Edit View HMI Layout Arrange Run Window Help Menu bar Inspector Libraries oolbox ci E Program ja Frame r ae DP Connection BackgroundColor OxFFFFFF 7 Tags BrushStyle Solid Inspector and Libraries Workspace and Toolbox _framed c tramet c Results window Output and Errors _dict c Temelle n a 4
91. l4 Z Cut Ctrl4 X Copy Ctrl C Paste Ctrl V X Delete Ctrl Del s Duplicate Ctrl D 42 Rotate CCW 24 Rotate CW dt 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 4 Last Revised February 2011 Page 145 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D 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 see 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 4 Last Revised February 2011 Page 146 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Flip vertical Flip the selected item in the vertical direction For example first put three items
92. le s IO 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 l 7000 I 701 72 where C ICPDAS HMIWorks_ Standard is the installation path of HMIWorks And we modify the lO 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 AI6 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 L VAR_SET AI1 v ail1 VAR SET AI2 v_ai 2 VAR_SET SAI3 v ai 3 VAR O v _ai 4 R Vv 3 V ai 6 v ai 6 1000 VAR SET SAI6 v_ail 6 VAR_SET SAI7 v_ai 7 VAR SET AI8 v_ai 8 VAR_SET S AIQ v_ail 9 i Inspector Libraries a HMI Works Ladder Designer a eeo Bl Bile i F3 F4 lae F5 Os FeO JA FB Lgl Fg m k o Labelwidget 0000000 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 129 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 5 3 13 Using a Timer This section shows how to use a Timer Q Note this tool is supported only in programming type Standard C C What is a Timer A Timer is a component that executes
93. lor 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 4 Last Revised February 2011 Page 178 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Label vidget1 S change Text change Font change Color Hello Touch PAC change Text change Font change Color Hello TouchPAD change Text change Font change Calor step 0 the beginning snapshot N A step 1 Click on BitButton change Text void BitButton1 7OnClick tWidget pWidget Static char str Hello TouchPAD Canvas TextSet amp LabelWidget18 str WidgetPaint tWidget amp LabelWidget18 step 2 Click on BitButton change Font void BitButton19OnClick tWidget pWidget change Font to size 20 CanvasFontSet amp LabelWidget18 amp g_sFontCm20 WidgetPaint tWidget amp LabelWidget18 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 179 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com step 3 Click on BitButton change Color Hello TouchPAD void BitButton20OnClick tWidget pWidget Sua Ichange Text color to Red change Font Canvas TextColorSet amp LabelWidget18 change Color OxFFO000
94. nTextSet amp lextPushButton13 str PushButtonFillColorSet amp TextPushButton13 OxOOFFOO WidgetPaint tWidget amp TextPushBuitton13 The effect of the OnClick function TextPushButton1 3 For more API functions of TextPushButton refer to pushbutton h in the following path TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 174 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com C ICPDAS HMIWorks_ Standard 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 1 0 usnprintf strValue sizeof strValue d Value SliderTextSet tSliderWidget pWidget strValue WidgetPaint tW
95. name CPOAS Device MAC address 00 00 E0 8201 33 ex 00 00 E0 11 22 33 Static DHCP Device IP address Joooo ex 10 1 23 Downloading Informatic Device IP address 0 0 0 0 x o Rendering Only Ctrl F5 Download Only Ctrl F9 Setup Device Console F10 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 4 Last Revised February 2011 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Download in progress 4 2 3 Setup Other Devices in TouchPAD Series Configuration mode Except TPD 280 and TPD 2838 users can find out the 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 only 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 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 35 Copyright 201
96. nformatio Device IP address 110 1 0 210 ew 10 1 2 3 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 30 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com description Search TouchPAD Search TouchPADs on the network Make sure that TouchPADs and the local computer are in the same subnet Host IP Address 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 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 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 HMI Works assigns this IP just for downloading TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 31 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com
97. nsert Delete 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 Seta function type to a function block I Insert a new rung Press F6 to insert a new rung with a function block and a coll TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 70 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 3 HMI Works Ladder Designer File Edit R r F sojo e Orj d O J Choose function type In the new rung double click on the function block to invoke the Function Block window Pe Function Block Caption and or exclusive or not equal greater or equal less or equal 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 E HMIWorks Ladder Designer Eile Edit ee ee ee E TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 71 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 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 asso
98. nsition coil when the state from ON to OFF trigger one shot ni The briefings of function blocks Description C codes Group TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 55 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com AND And if en 1 eno in1 amp in2 return else eno 0 return OR Or if en 1 eno ini in2 return Else eno 0 return XOR Exclusive Or if en 1 eno int in2 return else eno 0 return NE Not Equal if en 1 if in1 in2 eno 1 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Copyright 2011 ICP DAS Co Ltd All Rights Reserved default default default default Page 56 PI E mail service icpdas com else eno 0 return else eno 0 return GE Greater or Equal if en 1 if int gt in2 eno 1 else eno 0 ee default else eno 0 return LE Less or Equal if en 1 if int lt in2 eno 1 else eno 0 return else eno 0 return default default TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 57 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 q in1 in2 eno 1 ret
99. nt 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 Ez Frame3 Test hwd GA File Edit View HMI Layout Arrange Run Window Help Workspace Toolbox Inspector Libraries Di ri defaut v Yi Rectangle TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 155 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D 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 x Inspector Libraries default Group2 hwd 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 HMIlWorks is C ICPDAS HMIWorks_ 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 ixj ixj Inspector Libraries Inspector Libraries default v Test
100. nts with the WYSIWYG What You See Is What You Get design environment Besides It has plenty of widgets and varieties 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 4 Last Revised February 2011 Page 7 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com B lilding Aut T WA S S Touch PAD cin Q 0 ya pul Remote Monitor Classroom Automation Example single way Two way Multi way switches Example Multi Display TouchPAD Anywhere TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 8 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com ji BGe ERRE i i 1 Sa
101. odal 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 No Need connections Here we set Connection Name as TestMT CP TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 42 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Import tags TouchPAD User Manual version 1 0 4 Last Revised February 2011 Copyright 2011 ICP DAS Co Ltd All Rights Reserved Press F3 to register device Choose Device Series as PET 7000 and press Search fa Devices Device Series PE T 7000 O B Lonnectio vv Press Search Click the I O module you want and press Connect Frame Test hwd WA File Edit View HMI Layo ID Connection Name TesMTCP Asipname Protocol TCPIP X Fa New Edit Connection TCPAP IP fio 0 100 eg 10 1 0 100 eg 502 Port 1502 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 NG Devices Device Seres PET
102. of a TektiPushButton 173 7 1 2 Percentage of a SIIOP cc eccsssccsssteeeesseeesssesesssseeeesssaees 175 7 1 3 Selected AE Ba 176 7 1 4 Font Text and TextColor of a Label v 177 FANG 611 ii AA e et ne ean ee emer 181 Pe NO II 181 A 1 What to do if screen flashes cc ecesscssstecsssscsessecsenneeeees 181 A 2 How to have higher resolution Picture lt v 182 A 3 How does a TouchPAD control 1 0 v o 183 A 4 How to change Font of Text cc eccccsssccesssseessssseesssseeeesees 184 A 5 How to represent decimals for Ladder Designer 185 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 5 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 HMlWorks 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 an
103. p vertex 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 Width 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 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 117 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Inspector Libraries Inspector Libraries 23 BitButton Font 7 65 BitButton 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
104. ported only in programming type Standard C C TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 122 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Re 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 4 Last Revised February 2011 Page 123 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 text 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 nam
105. 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 Font 222 The font of the text on the Slider TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 112 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Vertical side length of the Slider The serial number of tools including Drawings and Widgets which is used to identify them x coordinate of the left top vertex of the Slider The maximum value of the Position 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 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 Horizontal 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 TouchPAD User Manual version 1 0 4
106. right 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 4 Last Revised February 2011 Page 141 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 G4 Back One Ctrl P2Dn Ch Forward One Ctrl PgUp By To back Shift P2 Dn T3 To front Shift Pg Up Group Ctrl G I 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 4 Last Revised February 2011 PI E mail service icpdas com Page 142 Copyright 2011 ICP DAS Co Ltd All Rights Reser
107. rks imports tags of l 7011 from the template in the file of I 7000 ini HM Works 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 l 7065 in the l 7000 I O series for example as the following figure shows TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 85 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com P Devices Device information Device Series ha YN Connection TetUART as Device Name O Model Name O O NetID ft Select Assign device name PG Select 11 70 Piim xX oo oc co co co co co CoO NJ w_ACTION How I0 hsf Defines I O Behaviors uu Ip Data Yake Comment gt ON 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 O hsf are of C language BEGIN_FUNCTION_BLOCK DWORD v_do 0 DWORD v_di 0 VAR_VALUE Get the current value of the tag for example DOO dcon_WriteDO The API function for I 7K DO module to c
108. roperties of HotSpot 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 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 wnen 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 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 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 120 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com reference Inspector Libraries s ibrar z i nspector Libraries daai i aa
109. s restored back to the original after you release it How to use a TextPushButton 1 Left click 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 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 105 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 5 Release the left button of the mouse and you have a TextPushButton you want b E G TextPushButton 7 a 6 Click on the Text property in the inspector to change the string on the TextPushButton Here we change the Text to Hello Inspector Libraries 73 TextPushButton __ TextPushButton __ 0x000000 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 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 106 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 8g HAHMTWorks_
110. set it to the contact By Select variable Browse Warables Enter Constant scope Global Clear Tag For example we double click on the variable v1 and set to the contact v1 v2 and v3 are the variables set by New Virtual Tags Refer to the New Virtual Tags section E HMIWorks Ladder Designer Eile Edit F2 3E F3 F4 toe Fs O FO Je O F8 to F9 gt C J 1 2 Insert a new contact in the left of the cursor F2 Move the cursor to the v1 contact and then press F2 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 67 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com And to make things clear associate variable v2 to the newly inserted contact BG HMIWorks Ladder Designer File Edit F2 3E F3 FE Fs toe pees 7 Fe Lot F3 gt gt 1 3 Insert a new contact in the right of the cursor F3 Move the cursor to the v2 contact and then press F3 Associate variable v3 to the newly inserted contact E HMI Works Ladder Designer File Edit P r E ra sO oO OB eto gt m iim _o I 4 Insert a new contact which is parallel to the cursor F4 Move the cursor to the v3 contact and then press F4 3 HMI Works Ladder Designer File Edit 2s p Sig 6 00 0 PB tet gt TouchPAD Us
111. set the numbers of I O points and then press OK to add the tags of the Modbus TCP I O module fa Devices TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 47 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Assign the Device Name press OK and then you can see the module is added to the Workspace NG Devices TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 48 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 5 Development Software HMIWorks HM IWorks is the development tool for both TPD and VPD series It supports two programming types Standard C 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 Two programming types ladder diagram and Standard C 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 HMIlWorks Before showing the construction of HMlWorks create a new project f
112. the OnExecute event handler every specified interval How to use a Timer 1 _Left click 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 4 Last Revised February 2011 Page 130 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 for example By 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 4 Last Revised February 2011 Page 131 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com OO xj Inspector Libraries
113. ts Reserved gt lt E mail service icpdas com TouchPAD and PC are in the different subnet 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 DHCP server is not connected with TouchPAD The same step as the case of disconnected DHCP server and both PC and TouchPAD are in the same subnet 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 window Run gt Run to download the new program 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 4 Last Revised February 2011 Copyright 2011 ICP DAS Co Ltd All Rights Reserved Page 33 PI E mail service icpdas com Setup Ethernet Device ost Info Host IP Address 10 1 0 16 Device Nick
114. 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 OnCreate The function name of the OnCreate event of the frame Use OnCreate to perform some operations when the frame is created OnDestroy The function name of the OnDestroy event of the frame Use OnDestroy to perform some operations when the frame is destroyed me a een frame Use OnHide to perform some operations TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 89 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com rr when the frame is hidden The function name of the OnPaint event of the frame Use OnPaint to perform some operations 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
115. und VDC 10 30 VDC Ground TPD 283 Series Power Supply PoE Switch TPD 283 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 4 Last Revised February 2011 Page 24 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D 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 HMM orks Standard Edition Version 2 00 on your computer Ibis 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 4 Last Revised February 2011 Page 25 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 3 The snapshot of Finish g Setup HMI Works Standard Edition MSI Completing the HT Works Standard Edition Version 2 00 Setup Wizard S
116. ur 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 3 Select Install from a list or specific location Advanced and press Next Hardware Update Wizard This wizard helps vou install software for Floppy disk drive ne e If your hardware came with an installation CD lt or floppy disk insert it now What do you want the wizard to do O Install the software automatically Recommended Click Next to continue 4 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 HMI Works_ Standard is the installation path TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 37 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Found New Hardware Wizard Please choose your search and mstallaton options Search for the best driver in these locations Use the check boxes below to limit or expand the default search which includes local paths and removable media The best diver found will be installed C Search removable media floppy CD ROM Include this location in the search CAICPDAS HMI Works Standand ToolsSB windows Don t search
117. ure 5 Release the left button of the mouse and you have an area for the picture TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 100 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 6 Click on the picture property in the inspector Then click on the button to open Select picture window to load a picture dili Inspector Libraries RI Picture v 7 8 Or you can just copy an image from the clipboard and paste on TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 101 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com HMIWorks HMIWorks create a Picture and then load the image from clipboard automatically Properties of Picture N Inspector Libraries BS Picture T AuboS ize Framelndex HiColor False IA S A Ia T Name o Pt o Picture al Picture TOP el Dli Width 240 properties description AutoSize True or False 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 id
118. urn l math else eno 0 return Sub Subtraction if en 1 q in1 in2 eno 1 return else eno 0 return Mul Multiplication if en 1 l math q in1 in2 eno 1 return TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 58 math Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com else eno 0 return Div Division if en 1 q in 1 in2 eno 1 return math else eno 0 return Inc Increment if en 1 IN i eno 1 return math else eno 0 return Dec decrement if en 1 IN math eno 1 return TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 59 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com else eno 0 return Mod Modular if en 1 q ini Yo in2 eno 1 return else eno 0 return math 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 Count TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 60 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com return eno
119. use a Label 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 2 3 Left click on the Label 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 Label rectangle 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 Release the left button of the mouse and you have a Label you want TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 125 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com 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 ZA Labelwidget Properties of Label TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 126 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com n Inspector 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 This property decides whic
120. ved 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 4 Last Revised February 2011 Page 143 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Group Put tools Drawing tools Widgets 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 5 4 3 Rotating and Flipping Edit Menu TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 144 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Edit gt Undo Ctrl Z Redo Shift Ctr
121. vi Output Errors Wo Framel t280 hwd A File Edit View SoftPLC Layout Arrange Run Window Help Workspace Toolbox Inspector Libraries fz itBute Widget Ctrl 2 2 BitButton v Na TI TextPushButton es Slider om BitButton HotSpot Gl CheckBox o RadioGroup t Label System Ctrl 3 _ UA w Output Errors J Selected 1 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 4 Last Revised February 2011 Page 158 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Re H WHMIWorks Standard Proxcts Test __Frame2 h Eile Edit Cancel BitButton50nClick Woid BitButton50nClick tWidget pWidget a 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 Bebutton TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 159 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt
122. 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 manual mainly contains the following parts E Introduction basic understandings of TouchPADs E 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 4 Last Revised February 2011 Page 3 Copyright 2011 ICP DAS Co Ltd All Rights Reserved gt lt E mail service icpdas com Table of Contents FMS AG ste AA seen AA AWA eh AWA SA 3 Ta MUO CU aa cach wise AA et aaa senaecstetu ae 6 lls AINA AS cise conic iatecst sci tet teat Ale enti ia ee e 6 t2 APpieallOns OKOA PA Dia 7 Teds AS WAS nesre E 9 2 enera opece qh aeeremee eee eee e nen N p tern ree mere teenee ere 13 Cale TRDO OCOS crar a dsictadiamn eacate eboenancuauneastecenass 14 Bie WPD22SXU SENES ii cid ogine ans wee 15 BSk MPRDA oe lle AI 17 Sa AON KA ai ne Oe eT E eee nn me rere 19 Sule HAWAONI ai 19 Se DIMENSIONS ii aaa 20 3 5 MISTANATOMN and WIMA asn E 23 4 Setup Devices and Connect to W O wou ccesccssseecssseessseesssseessseeessseeessaees 25 dle WAFS AL AOU sisecs cassis sccce as tens ieh orm apne AA 25 A DSeWIDIDEVIGES iee N eae
123. will choose the diver to install Choose this option to select the device diner from a list Windows does not guarantee that the diver you choose wali be the best match for your hardware 5 Finally the Device Firmware Upgrade driver is installed successfully 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 TouchPAD User Manual version 1 0 4 Last Revised February 2011 Page 38 Copyright 2011 ICP DAS Co Ltd All Rights Reserved D lt E mail service icpdas com Rendering Only Ctrl F5 Download Only Ctrl F9 Setup Device Console F10 Update OS through USB 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

User Manual - ICP DAS USA`s I

Contents

Download Pdf Manuals

Related Search

Related Contents