background image

 

TPD/VPD Series – Programming Guide v.1.0.6                       

                                 

Page 23

 

Copyright@ 2020 ICP DAS CO., LTD. All Rights Reserved.    E-mail: [email protected]

 

Step 4:    Create a “Timer” and a “Label”. 

a.

 

As  shown  in  the  picture  below,  click  the  “System  (Ctrl+3)”  heading  to  unfold  the 

“Toolbox” panel. 

b.

 

Select the “Timer” icon, then move your mouse to the Frame1 design area. You will 

notice that the cursor becomes a “+”. 

c.

 

Click in the design area to create a Timer icon. 

d.

 

In  the  same  manner  as  that  described  in  the  Step  3,  create  another  “Label”,  as 

illustrated in the picture below. 

 
 
 
 
 
 
 
 
 
 
 
 
 
 

Step 5:    Configure the properties for the “BitButton” component.   

a.

 

Select the “BitButton” component in the design area.   

b.

 

Click the “Text” field in the Properties Inspector panel and enter the string “Click Me”. 

c.

 

Click the “Font” field to change the font to a suitable style, size and color. 

 
 
 
 
 
 
 
 
 
 
 
 
 

a. 

b. 

c. 

a. 

b. 

c. 

d. 

Содержание TPD Series

Страница 1: ...O LTD All Rights Reserved E mail service icpdas com TouchPAD TPD VPD Series HMI Devices Programming Guide Version 1 0 6 June 2020 Usage information for TPD 2 8 inch series TPD 4 3 inch series TPD 7 0...

Страница 2: ...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...

Страница 3: ...ons are downloaded through RS 485 12 Applications are downloaded through Ethernet 14 Applications are downloaded through USB 17 Chapter 3 Demo Programs 21 Chapter 3 21 3 1 Using the standard C languag...

Страница 4: ...eries Programming Guide v 1 0 6 Page 4 Copyright 2020 ICP DAS CO LTD All Rights Reserved E mail service icpdas com Appendix A Downloading Information 74 Appendix B Creating Your Own GUI 75 Revision Hi...

Страница 5: ...ount outlet The TouchPAD series can also be seamlessly integrated with rich I O modules and provides a beautiful flexible and customized screen display In short the TouchPAD series is the best choice...

Страница 6: ...interested in learning more about the hardware specifications for the various TouchPAD models please refer to our website http www icpdas com en product guide Panel__Products TouchPAD TPD__Series TPD...

Страница 7: ...oftware on your PC To download the latest version visit the website at http www icpdas com en download show php num 944 nation US kind1 model kw HMIWORKS 2 1 Install the HMIWorks Software Step 1 Doubl...

Страница 8: ...ights Reserved E mail service icpdas com Default directory Step 3 Double click the execution file i e HMIWorks_STD_vXXX_Update_XX exe to update the HMIWorks software This manual uses V2 10 46 Step 4 F...

Страница 9: ...served E mail service icpdas com 2 2 Create a New Project Step 1 After the HMIWorks software has been successfully installed execute the software HMIWorks_Standard exe from the installed folder Defaul...

Страница 10: ...ct Select the HMI display orientation d Select the programming type e b c Step 3 Select the TouchPAD model name a enter a project name b and it s the location where the project should be saved c then...

Страница 11: ...11 Copyright 2020 ICP DAS CO LTD All Rights Reserved E mail service icpdas com 2 3 HMIWorks Working Environment Toolbox HMI Design area Function Menu Result section output errors Status bar Workspace...

Страница 12: ...nnect the TouchPAD model and the computer using the RS 485 converter For example The ICPDAS product I 7520 RS 232 RS 485 Converter or I 7561 USB RS 485 Converter RS 485 Data Data I 7561 USB RS 485 Con...

Страница 13: ...al Device dialog box Select the COM Port that connects the TouchPAD Step 4 In the HMIWorks application click the Run Render Compile Download F9 item from the Run menu or press F9 After completing the...

Страница 14: ...ill display the project Applications are downloaded through Ethernet Applicable Model TPD 283 U H TPD 283 U M1 M2 M3 TPD 433 H EU TPD 433F H TPD 433F M2 TPD 703 64 VPD 133 N H VPD 143 N H VPD 173N 64...

Страница 15: ...ate mode and then reboot the TouchPAD model Step 3 Select the Set up Device TouchPAD item from the Run menu to open the Setup Ethernet Device dialog box Select the DHCP and Ethernet options and then c...

Страница 16: ...orrect MAC address and then click the OK button NOTE If the TouchPAD can t be found please power off the TouchPAD model first then adjust the Rotary Switch to 1 Ethernet Force Update mode and try to s...

Страница 17: ...7 Wait until the Build and Download are completed 100 the screen of the TouchPAD will display the project NOTE If you use the 1 Ethernet Force Update mode to download please adjust the Rotary Switch...

Страница 18: ...om VDC 10 30 VDC And Ground PC Frame Ground Earth Power supply DP 665 24V TPD 280U H USB Step 1 Connect the TouchPAD model to the Host PC using a CA USB10 cable Step 2 Adjust the Rotary Switch to 9 US...

Страница 19: ...TouchPAD item from the Run menu to open the Setup Ethernet Device dialog box Select the DHCP and USB options and then click the OK button to confirm setting NOTE If your network doesn t have access t...

Страница 20: ...HMIWorks application click the Run Render Compile Download F9 item from the Run menu or press F9 The program will now be compiled Step 5 Wait until the Build and Download are completed 100 Adjust the...

Страница 21: ...gn the demo 3 1 Using the standard C language 3 1 1 Demo 1 Beep Timer Counter Demo 1 is programmed using the C language and implements a single button that will beep when clicked on and will increase...

Страница 22: ...fold the Toolbox panel c Select the BitButton icon then move your mouse to the design area You will notice that the cursor becomes a d In the design area click and drag the mouse to draw a rectangle S...

Страница 23: ...e1 design area You will notice that the cursor becomes a c Click in the design area to create a Timer icon d In the same manner as that described in the Step 3 create another Label as illustrated in t...

Страница 24: ...de from the picture below In this demo each click of the button will add 1 to the counter and beep once until it reaches 100 and will then reset to 0 before beginning to accumulate again c When finish...

Страница 25: ...e Label component Font Sets the font for the text in the display box Height Sets the height of the display box ID A unique ID number to identify different entities of the same type in the design Left...

Страница 26: ...as com Step 8 Configure the properties of the Timer component a Select the Timer6 component in the design area as shown in the picture below b Set the Interval property in the Properties Inspector are...

Страница 27: ...by 1 each time the button is clicked until it reaches 100 and will then reset to 0 before beginning to accumulate again c When finished click OK to store Step 10 Build and Download the demo to the Tou...

Страница 28: ...e This demo combine the CheckBox and ObjectList to implement the effect of image changes and the CheckBox will be change by the value of the Slider Step 1 Create a new TPD 703 64 project based on the...

Страница 29: ...con and then move your mouse to the design area You will notice that the cursor becomes a d In the design area click and drag the mouse to draw a rectangle Step 3 Create an ObjectList Object List a Sw...

Страница 30: ...k in the drop down menu c Double click the Digit0 hwd to Digit9 hwd in order the list will be created on right block d Click OK button to complete the list of pictures Step 5 Connect the ObjectList an...

Страница 31: ...anel c Select the Slider icon and then move your mouse to the design area You will notice that the cursor becomes a d In the design area click and drag the mouse to draw a rectangle Step 7 Adjust the...

Страница 32: ...e of Slider6 Both the text in the Slider6 and the corresponding picture will be changed at the same time c When finished click OK to store Step 9 Build and Download the demo to the TouchPAD model Plea...

Страница 33: ...n RTC And this demo shows how to add the background which is designed by user Step 1 Create a new TPD 703 64 project based on the C language refer to Section 2 2 for more details NOTE Demo 3 use the b...

Страница 34: ...en the dialog box b Click the Select Files button and choice the picture i e the background c After choosing the picture the dialog box will show the path of related file and that means the importatio...

Страница 35: ...e picture below b Click the Widget Ctrl 2 heading to unfold the Toolbox panel c Select the Label icon then move your mouse to the design area You will notice that the cursor becomes a d In the design...

Страница 36: ...to create others Label Step 5 Create a Timer a As shown in the picture below click the System Ctrl 3 heading to unfold the Toolbox panel b Select the Timer icon then move your mouse to the Frame1 desi...

Страница 37: ...the value of the RTC and display them in corresponding Label c When finished click OK to store int yy mm dd hh nn ss static char str1 5 str2 5 str3 5 str4 5 str5 5 str6 5 void Timer12OnExecute tWidget...

Страница 38: ...rogramming Guide v 1 0 6 Page 38 Copyright 2020 ICP DAS CO LTD All Rights Reserved E mail service icpdas com Step 7 Build and Download the demo to the TouchPAD model Please refer 2 4 Downloading Metho...

Страница 39: ...the DO of the M 7055 model and the TPD also update the DI status of the M 7055 model at any time on its screen Please connect the DI0 pin and the DO0 pin of the M 7055 model Please refer the manual of...

Страница 40: ...the CheckBox icon and then move your mouse to the design area You will notice that the cursor becomes a d In the design area click and drag the mouse to draw a rectangle Step 3 Create an ObjectList O...

Страница 41: ...he Light M in the drop down menu c Double click the LMB0 hwd and then double click the LMB1 hwd the list will be created on right block d Click OK button to complete the list of pictures Step 5 Connec...

Страница 42: ...2 to Step 5 to create a button which designed to control the DO0 Step 7 Create a Timer a As shown in the picture below click the System Ctrl 3 heading to unfold the Toolbox panel b Select the Timer i...

Страница 43: ...Click the button at OnCreate field to open the programming window c Edit the code in the programming window using the C language Users can copy the code from the picture below d When finished click OK...

Страница 44: ...n at OnDestroy field to open the programming window f Edit the code in the programming window using the C language Users can copy the code from the picture below g When finished click OK to store HAND...

Страница 45: ...n copy the code from the picture below c When finished click OK to store HANDLE h char ReadDI_value 8 int NetID 1 int addr 0 int ch_count 8 void Frame12OnCreate h uart_Open COM1 9600 N 8 1 void Frame1...

Страница 46: ...he TouchPAD model Please refer 2 4 Downloading Methods for TouchPAD HANDLE h char ReadDI_value 1 int NetID 1 int addr 0 int ch_count 8 char DO_value 1 void Frame12OnCreate h uart_Open COM1 9600 N 8 1...

Страница 47: ...r and implements a single button that will beep when clicked on and will increase the counter by one The counter will reset to zero when it reaches to ten Step 1 Create a new TPD 703 64 project based...

Страница 48: ...fold the Toolbox panel c Select the BitButton icon then move your mouse to the design area You will notice that the cursor becomes a d In the design area click and drag the mouse to draw a rectangle S...

Страница 49: ...own in the picture below right click the Virtual in the Workspace to create the tags b Enter the name of the tag in the Edit variable window Here we use beep_tag for the first tag and count for the se...

Страница 50: ...in the design area b Click the Text field in the Properties Inspector panel and enter the string Click Me c Click the Font field to change the font to a suitable style size and color d Click on the T...

Страница 51: ...or the text in the display box Height Sets the height of the display box ID A unique ID number to identify different entities of the same type in the design Left Sets the X coordinate of the top left...

Страница 52: ...utton or F2 key on the keyboard to create a new rung c Move the cursor the highlighted rectangle to the first contact symbol and then press F7 to add a new function block to the right of it d Double c...

Страница 53: ...it the function Beep of the category system g Double click on the contact symbol to select variable beep_tag h Similarly double click on the neighborhood of the input parameter in as below figure to s...

Страница 54: ...one c Double click on the first function block to set its function to GE greater than or equal to of the category default d Double click on the second function block to set its function to Assign of...

Страница 55: ...dder scan That is TouchPAD executes each rung of the ladder serially from the first rung to the last and after finishing the last rung it waits until the scan time interval is up the scan time interva...

Страница 56: ...e result using the DecimalDigits in the Property Inspector The detail is below Suppose we want to calculate the result of 50 divided by 7 and the precision requires the third decimal place the fourth...

Страница 57: ...All Rights Reserved E mail service icpdas com Step 2 Create a Label and adjust its DecimalDigits property to 3 Step 3 Create two Virtual Tags i e A and B which have the default value 50 and 7 respect...

Страница 58: ...S CO LTD All Rights Reserved E mail service icpdas com Step 4 Use the Ladder Designer to program the logic Step 5 Let the TagName of Label to select the Divide tag Step 6 Build and Download the demo t...

Страница 59: ...n RTC And this demo shows how to add the background which is designed by user Step 1 Create a new TPD 703 64 project based on the Ladder Designer refer to Section 2 2 for more details NOTE Demo 3 use...

Страница 60: ...en the dialog box b Click the Select Files button and choice the picture i e the background c After choosing the picture the dialog box will show the path of related file and that means the importatio...

Страница 61: ...e picture below b Click the Widget Ctrl 2 heading to unfold the Toolbox panel c Select the Label icon then move your mouse to the design area You will notice that the cursor becomes a d In the design...

Страница 62: ...the Virtual in the Workspace to create the tags b Enter the name of the tag in the Edit variable window Here we use Hour c Finally we can see that the tag created in the Workspace d Click the Label6 a...

Страница 63: ...erved E mail service icpdas com Step 5 Repeat the step 3 and step 4 to create others Label and the corresponding Virtual Tag Step 6 Use the Ladder Designer to program the logic a Click the menu HMI La...

Страница 64: ...to set the function to it Here we set it the function Get_Date_Time of the category system d Double click on the neighborhood of the input parameter year as below figure e Select variable Year to stor...

Страница 65: ...v 1 0 6 Page 65 Copyright 2020 ICP DAS CO LTD All Rights Reserved E mail service icpdas com Step 7 Save and Close the Ladder Step 8 Build and Download the demo to the TouchPAD model Please refer 2 4...

Страница 66: ...e TPD also update the DI status of the M 7055 model at any time on its screen Please connect the DI pin and the DO pin of the M 7055 model i e DI0 connects to DO0 DI1 connects to DO1 DI2 connects to D...

Страница 67: ...e Workspace tab and select the New Connection option to set up the connection b For this demo Select the COM1 interface and set the Baud Rate the Data Bit the Parity and the Stop Bit to be the same as...

Страница 68: ...bus RTU Master from the TouchPAD is dropdown menu c Select M 7000 from the Device Series dropdown menu and then select the created SER_1 from the Connection dropdown menu d Click the Select button to...

Страница 69: ...c GUI you want to use b Select and drag the corresponding I O tag from the left hand side into the frame c Repeat the steps above to drag DI0 7 and DO0 7 into the HMI frame Step 5 Set up the communica...

Страница 70: ...ld the Toolbox panel c Select the Label icon then move your mouse to the design area You will notice that the cursor becomes a d In the design area click and drag the mouse to draw a rectangle Step 7...

Страница 71: ...TagName property in the Inspector and there shows a little button Click on the button e Select the tag you want Here we select the tag DI_total f Finally we can see the tag we just choose Step 8 Use...

Страница 72: ...the function to it Here we set it the function Pack of the category user_define d Double click on the neighborhood of the input parameters bits_1 to bits_16 and adding the corresponding Device Tag as...

Страница 73: ...tags Modbus This demo makes TouchPAD as a Modbus TCP RTU Master Slave device in the C programming language Other The more project example PassWord Create a virtual password button the user needs to e...

Страница 74: ...load software development_tool hmiworks document manual HMIWorks_Software_User_Manual_en pdf Products Website Datasheets http www icpdas com en product guide Panel__Products TouchPAD TPD__Series FAQ h...

Страница 75: ...he toolbox to select the entire image or press Ctrl A on the keyboard and then choose the copy option from the Edit menu or press Ctrl C on the keyboard to copy the picture b Select the Paste option f...

Страница 76: ...ision Date Description 1 0 5 Apr 2012 Initial issue 1 0 6 Jun 2020 Update the screenshot of HMIWorks v2 10 46 Modify the content to the universal version Divide the demos of the C language and Ladder...

Отзывы: