ICP DAS USA TouchPAD TPD Series Operating instructions

TPD/VPD Series Getting Started v.1.0.1 I
Copyright@ 2011 ICP DAS CO., LTD. All Rights Reserved. E-mail: [e-mail]
.
TouchPAD
TPD/VPD Series HMI Devices
Programming Guide
Version: 1.0.5 April 2012
Usage information for
TPD-280
TPD-280U
TPD-283
TPD-430
TPD-430-EU
VPD-130
VPD-130N

TPD/VPD Series - Getting Started v.1.0.5 I
Copyright@ 2012 ICP DAS CO., LTD. All Rights Reserved. E-mail: [e-mail]
Warranty
All products manufactured by ICP DAS are under warranty
regarding defective materials for a period of one year, beginning
from the date of delivery to the original purchaser.
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 @ 2012 by ICP DAS CO., LTD. All rights are reserved.
Trademarks
Names used for identification only may be registered trademarks
of their respective companies.
Contact US
If you have any questions, please feel free to contact us.
We will give you a response within about two working days.
Email: [e-mail]
[email protected]

TPD/VPD Series - Getting Started v.1.0.5 II
Copyright@ 2012 ICP DAS CO., LTD. All Rights Reserved. E-mail: [e-mail]
Table of Contents
Chapter 1. Introduction ............................................................. 1
1.1 Hardware Specifications ......................................................................2
1.2 Hardware Overview.............................................................................3
Chapter 2. Software Installation................................................. 7
2.1 Install the HMIWorks Software............................................................7
2.2 Create a New Project ...........................................................................8
2.3 HMIWorks Working Environment ......................................................10
2.4 Downloading Methods for TouchPAD................................................11
Chapter 3. Demo Programs ...................................................... 14
3.1 Demo 0 (Beep & Count, using Ladder Designer).................................14
3.1.1 HMI Page Design................................................................................................. 15
3.1.2 Device Setup (TouchPAD)................................................................................... 24
3.1.3 Download a Project ............................................................................................ 25
3.2 Demo 1 (Beep, Timer, Counter)..........................................................26
3.2.1 HMI Page Design................................................................................................. 26
3.2.2 Device Setup (TouchPAD)................................................................................... 33
3.2.3 Download a Project ............................................................................................ 34
3.3 Demo 2 (Remote I/O: Light, Temperature, Communication Detector)35
3.3.1 HMI Frame Design .............................................................................................. 36
3.3.2 Editing an LD Program using “Ladder Designer” ................................................ 45
3.3.3 Device Setup (TouchPAD)................................................................................... 48
3.3.4 Download the Project......................................................................................... 48
3.4 Demo 3 (Multi HMI with ISaGRAF PAC: Light, Temperature,
Communication Detector) ....................................................50
3.4.1 HMI Frame Design .............................................................................................. 52
3.4.2 Using “Ladder Designer” to edit an LD Program ................................................ 57

TPD/VPD Series - Getting Started v.1.0.5 III
Copyright@ 2012 ICP DAS CO., LTD. All Rights Reserved. E-mail: [e-mail]
3.4.3 Device Setup (TouchPAD)................................................................................... 60
3.4.4 Download the Project......................................................................................... 62
3.5 Demo List...........................................................................................64
Appendix A. Downloading Information ..................................... 65
Appendix B. Configuring the I/O Module ................................... 66
Appendix C. Creating Your Own GUI.......................................... 71
Appendix D. Configuring and Programming the ISaGRAF PAC .... 72
Appendix E. Displaying the Decimal Point.................................. 75
Appendix F. Using USB to Download a Program......................... 77

TPD/VPD Series - Getting Started v.1.0.5 Page 1
Copyright@ 2012 ICP DAS CO., LTD. All Rights Reserved. E-mail: [e-mail]
Chapter 1. Introduction
The TPD-280/280U/283/430/430-EU and VPD-130/130N devices are part of the
TouchPAD series that includes a tiny touch HMI interface and are designed for building
and home automation. The TouchPAD series is equipped with a high resolution TFT color
touch screen and can be installed using a regular electrical wall-mount 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 when upgrading from the mechanical switches to intelligent control pads.
For PLC users, the HMIWorks utility includes Ladder Designer, and for IT users, a C
language environment is provided. It takes less than 30 minutes to learn how to create an
application for a TouchPAD device when using Ladder Designer. ICP DAS also provides
redundant solutions for TouchPAD HMI devices in our PoE version, TPD-283. With all the
features provided, TouchPAD touch HMI devices are possibly the most cost-effective HMI
device solution that has been created.
Note: The usage of the TPD-280U, TPD-430 and TPD-430-EU is the same.
TouchPAD ：
TPD Series
（2.8”Touch Screen）
TPD Series
（4.3”Touch Screen）
VPD Series
（3.5”Touch Screen）

TPD/VPD Series - Getting Started v.1.0.5 Page 2
Copyright@ 2012 ICP DAS CO., LTD. All Rights Reserved. E-mail: [e-mail]
1.1 Hardware Specifications
If you are interested in learning more about the hardware specifications for the various
TouchPAD models, please refer to our website:
www.icpdas.com.tw > Product > Solutions > HMI & Touch Monitor > TouchPAD
or
http://www.icpdas.com.tw/product/solutions/hmi_touch_monitor/touchpad/touchpad_
selection.html

TPD/VPD Series - Getting Started v.1.0.5 Page 3
Copyright@ 2012 ICP DAS CO., LTD. All Rights Reserved. E-mail: [e-mail]
1.2 Hardware Overview
TPD Series
TPD-280:
TPD-280U:
Rotary Switch (0 ~ 9)
0: Run Only
1: Update Only
Power/GND/RS-485
2.8”TFT LCD with Touch Panel
USB
0: Run
1: Update OS
9: Update AP

TPD/VPD Series - Getting Started v.1.0.5 Page 4
Copyright@ 2012 ICP DAS CO., LTD. All Rights Reserved. E-mail: [e-mail]
TPD-283:
Reset TouchPAD Button
Open the Top Cover
Reset Button
Ethernet (PoE)
Rotary Switch (0 ~ 9)
0: Run and Update
1: Force Update (When the program is damaged)
2: Run Only

TPD/VPD Series - Getting Started v.1.0.5 Page 5
Copyright@ 2012 ICP DAS CO., LTD. All Rights Reserved. E-mail: [e-mail]
TPD-430; TPD-430-EU:
The difference between the TPD-430 and the TPD-430-EU is the size of the appearance,
which is divided into U.S. gauge and European gauge.
TPD-430:
TPD-430-EU:
4.3”TFT LCD with Touch Panel
Speaker
Programmable LED Indicator
Reset Button (Left hand Side)
USB
Rotary Switch (0 ~ 9) 0: Run
1: Update OS 2: Update AP
USB
Power/GND/RS-485

TPD/VPD Series - Getting Started v.1.0.5 Page 6
Copyright@ 2012 ICP DAS CO., LTD. All Rights Reserved. E-mail: [e-mail]
VPD Series
VPD-130: VPD-130N:
3.5”TFT LCD with Touch Panel
LED Indicator
Rubber Keypad
USB
Power/GND
RS-485
Data- Data+
RS-232
TxD RxD GND
Rotary Switch (0 ~ 9)
0: Run
1: Update OS
9: Update Program
Reset Button

TPD/VPD Series - Getting Started v.1.0.5 Page 7
Copyright@ 2012 ICP DAS CO., LTD. All Rights Reserved. E-mail: [e-mail]
Chapter 2. Software Installation
First, install the HMIWorks development software on your PC. To download the latest
version, visit the website at: http://ftp.icpdas.com/pub/cd/touchpad/setup/
2.1 Install the HMIWorks Software
Step 1: Double click the execution file to install the HMIWorks software.
(This manual uses V2.01 beta5）
Step 2: Follow the instructions in the setup wizard and click “Finish” to complete
the installation.
Default directory

TPD/VPD Series - Getting Started v.1.0.5 Page 8
Copyright@ 2012 ICP DAS CO., LTD. All Rights Reserved. E-mail: [e-mail]
2.2 Create a New Project
Step 1: After the HMIWorks software has been successfully installed, select [ Start ]
> [ All Programs ] > [ ICPDAS ] > [ HMIWorks_Standard ] > [ HMIWorks
Standard Edition ] to execute the software.
(Note: If the Windows Security Warning dialog appears in Windows 7, please click
“Unlock”.)
Step 2: Select the “New Project” icon to create a new project.

TPD/VPD Series - Getting Started v.1.0.5 Page 9
Copyright@ 2012 ICP DAS CO., LTD. All Rights Reserved. E-mail: [e-mail]
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 select the display
orientation (d) and the default programming type (e), and click “OK”.
NOTE: If the TouchPAD model selected is incorrect, it will cause
errors in the program and will mean that the project cannot
be downloaded.
Select the TouchPAD
model name
a.
Enter a project name
Enter the location for
saving the project
c.
Select the HMI display
orientation
d.
Select the
programming type
e.
b.

TPD/VPD Series - Getting Started v.1.0.5 Page 10
Copyright@ 2012 ICP DAS CO., LTD. All Rights Reserved. E-mail: [e-mail]
2.3 HMIWorks Working Environment
Toolbox:
HMI Design area
Workspace /
Toolbox
Function Menu
Result section (output/errors)
Status bar
Properties Inspector
/ Picture libraries

TPD/VPD Series - Getting Started v.1.0.5 Page 11
Copyright@ 2012 ICP DAS CO., LTD. All Rights Reserved. E-mail: [e-mail]
2.4 Downloading Methods for TouchPAD
TPD-280 (Applications are downloaded through RS-485.)
RS-485
(Data+, Data-)
I-7561,
USB/RS-485 Converter
VDC (+10 ~+30 VDC)
Ground
USB
PC
Frame Ground Earth
Power supply,
DP-665, 24V
TPD-280
TPD-283 (Applications are downloaded through Ethernet.)
Power
PoE Switch
NS-205PSE
TPD-283ET-7000/PET-7000
Power supply
KA-52F-48
PC
Internet Ethernet
** Note: Either “Ethernet” or “PoE” uses the same common Ethernet cable.
** PoE, power over Ethernet, means that the Ethernet cable conveys not only data but
also power.

TPD/VPD Series - Getting Started v.1.0.5 Page 12
Copyright@ 2012 ICP DAS CO., LTD. All Rights Reserved. E-mail: [e-mail]
TPD-280U (Applications are downloaded through USB only.)
RS-485
(Data+, Data-)
I-7561,
USB/RS-485 Converter
VDC (+10 ~+30 VDC)
and Ground
USB
PC
Frame Ground Earth
Power supply,
DP-665, 24V
TPD-280U
USB
TPD-430/TPD-430-EU (Applications are downloaded through USB only.)
RS-485
(Data+, Data-)
I-7561,
USB/RS-485 Converter
VDC (+10 ~+30 VDC)
and Ground
USB
PC
Frame Ground
Earth
Power supply,
DP-665, 24V
TPD-430/TPD-430-EU
USB

TPD/VPD Series - Getting Started v.1.0.5 Page 13
Copyright@ 2012 ICP DAS CO., LTD. All Rights Reserved. E-mail: [e-mail]
VPD-130/VPD-130N (Applications are downloaded through USB only.)
RS-485
(Data+, Data-)
I-7561,
USB/RS-485 Converter
VDC (+10 ~+30 VDC)
and Ground
USB
PC
Frame Ground Earth
Power supply,
DP-665, 24V
VPD-130/VPD-130N
USB

TPD/VPD Series - Getting Started v.1.0.5 Page 14
Copyright@ 2012 ICP DAS CO., LTD. All Rights Reserved. E-mail: [e-mail]
Chapter 3. Demo Programs
In this chapter, you will be detailed instructions in how to write simple demo programs in
either the C or LD language. Before beginning programming, please ensure that both the
hardware and the software are installed (Chapter 2).
3.1 Demo 0 (Beep & Count, using Ladder Designer)
Demo 0 is programmed using the Ladder Designer 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.
Hardware Devices
TPD-280 is used for demo 0
More information about downloading the driver for the I-7561 module, together with the
hardware configuration for I/O modules, please refer to Appendix A and Appendix B.
Power Supply (DP-665, 24V)
Frame Ground
Power (+10~30 VDC)
GND
TPD-280
USB/RS-485
Converter (I-7561)
USB
RS-485 (Data+)
RS-485 (Data-)

TPD/VPD Series - Getting Started v.1.0.5 Page 15
Copyright@ 2012 ICP DAS CO., LTD. All Rights Reserved. E-mail: [e-mail]
3.1.1 HMI Page Design
Step 1: Create a new TPD-280 project based on the Ladder Designer (refer to Section
2.2 for more details).
Step 2: Create a “BitButton”(picture button).
a. Switch to the “Toolbox”tab, as shown in the picture below.
b. Click the “Widget (Ctrl+2)”heading to unfold 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.
Select the device
a.
Enter a project name
Enter the default directory
for saving the project
c.
Select the HMI display
orientation
d.
Select the
programming type
e.
b.

TPD/VPD Series - Getting Started v.1.0.5 Page 16
Copyright@ 2012 ICP DAS CO., LTD. All Rights Reserved. E-mail: [e-mail]
Step 3: In the same manner as the previous step, click on the “Label”icon and create
a “Label”(text display) in the design area.
Step 4: Create 2 tags, “beep_tag”and “count”.
a. As shown 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
a.
b.
c.
d.
“Label”, a Widget component, can
be used for either text or control
functions. However, the “Text”
component can only be used for
text display.