HMI Design

WINCC
BASIC OVERVIEW OF FACEPLATE AND HMI UDT TECHNOLGIES
Faceplate Technology

 What is a faceplate?
 Why use a faceplate?

 A faceplate is a group of HMI objects arranged and combined into a single

object by the programmer.
 These faceplate objects can be tailor made to your specific needs.
 Faceplates are reusable from project to project.
 Faceplates, if setup with a UDT interface, only have to be tagged out once.
 Once this type of faceplate has been tagged out and debugged you never
have to do it again.
 Tremendous time savings during development, startup and life cycle.
Faceplate Technology

 The following are a few faceplates I have created. These faceplates

utilize an HMI UDT in their interface.
Typical PID
Typical HMI Screen
MY PID Faceplate

Adjustments made
easily. Press the PID
button.
My PID Faceplate

Up comes
the PID Overview
My PID Faceplate

Press PID Settings

My PID Faceplate

PID Settings
My PID Faceplate

Real Time
Monitoring
Press the show trend
button.
My PID Faceplate

Real Time
Monitoring
Trend view of PID
My VFD
Faceplate
My VFD
Faceplate
Typical HMI Screen

Adjustments made
easily. Touch the
pump.
Typical HMI Screen

Up comes
the VFD Overview.
My Analog Instrument
Faceplate
My Analog Instrument
Faceplate
Adapts dynamically
to instrument range
and alarm settings
Typical HMI Screen

Adjustments made
easily. Touch the
pressure sensor.
Typical HMI Screen

Up comes an
overview of the
instrument.
Typical HMI Screen

Instrument
Alarm Settings
Typical HMI Screen

Instrument
Alarm Settings

Dynamic warning
indicator
Typical HMI Screen

Instrument
Analog Settings
Typical HMI Screen

Gauge adapts to
range automatically
HMI UDT

 An HMI UDT is a data type created by the programmer

 In these examples, my UDT is structured exactly the same as my
instance data block in my controller
 You can then use this UDT to create faceplates with an interface
that matches a corresponding function block in your controller
 Why??? Because you only have to tag out the faceplate objects
once. From then on all you have to do is copy and paste the
faceplate and point it to its data block.
 Let’s get started…
HMI UDT - Creating the UDT
HMI UDT – Assign the UDT to a DB
Faceplate – Tag objects to UDT variables
Faceplate – Tag objects to UDT variables

UDT Expanded
Using the faceplate

 Create a tag, assign the data type, point it to correct data block
 Drag and drop the faceplate from the library onto an area of the
screen.
 Assign it to the tag.
 Done.
 One object with one tag…
HMI UDT – Assign the UDT to a DB
Faceplate - Using