05 en Libraries&Faceplates

WinCC Unified – V18
Libraries & Faceplates
Unrestricted | © Siemens 2022 | DI FA S SUP HMI

Table of contents
Index / Agenda
Time Topic Presenter
1 Library & faceplate handling

2 Faceplate interface
3 Faceplate visualization
Page 2 Unrestricted | © Siemens 2022 | DI FA S SUP HMI

Copy Faceplate GoTo library version Script modules as type
interface Dynamic SVG as type
Minimal required
runtime version
Library & Faceplates

Handling functions
Style preview

Standardization-
Dynamic SVG as Library types
New option for

DynamicSVG Types. Default
coolfanfront image. Can be
replaced with other dynamic SVG
User can use DynamicSVG Types inside Faceplates as well as in Screens of the Project

Standardization –
Script Modules as library types
Script types can be imported

in scripts or selected in
function lists
User can use Script Types inside Scripts of Faceplates, other Script Types or the Project

Faceplate – Performance increase in screen editor
SIMATIC WinCC Unified
Faceplate containers will be rendered in engineering simplified to increase the performance during screen
engineering. This has no influence on Runtime!

Faceplates – copy Faceplate Interface
paste Interface
Copy Interface
It works with shortcuts ctrl+c & ctrl+v and via drag and drop too

Faceplate – handling
Selected version of type
New function go to library version

Faceplates – Minimal require runtime version
Duplicate to
change the
minimal target
device version
Overview of the
used version
Select the
minimum
version Select the new
minimal device
version
Handle faceplates with features which depend on a specific runtime version.

Faceplates only work in the Unified Runtime with an equal or higher version!

Faceplates – Preview for styles
Select a Style for

preview

Standardisation
Live Demo
LIVE DEMO
• Script Modules as library types

• Dynamic SVG in libary types

Table of contents
Index / Agenda


Property interface ‘Graphic’ &
Event Interface
Multilingual text
Connect HMI Tags Interface Supports Array of

with Date/Time tags Simple tags
to the interface tag of
data type DateTime
Structured UDTs on
Faceplates
Interface Interfaces
(Including Type Struct)
Internal Tags UDTs containing arrays of UDT
Local tag
editor

Faceplates – Tag interface – PLCUDT data type
V17
V18
Since V18 the PLCUDT is no longer called Struct in the faceplate Interface

Faceplates – Tag interface - Support of HMI data type
with V18 it is possible to use HMI data types in the faceplate tag interface

Faceplate – support HMI UDT
New data type
Browse your HMI-UDT
The faceplate tag interface additionally supports HMI-UDTs.

Support PLC datatype STRUCT
SIMATIC WinCC Unified V17 Update 1
Elements of a Struct / PLC System Datatypes

can be used as HMI Tag
• drag & drop of single struct element creates a single HMI
Struct in a UDT Tag
• drag & drop of the whole struct creates multiple but single
HMI Tags
In the PLC Struct can be used in:

- PLC UDTs
- other STRUCTS (struct in struct)
- Array of Struct
Struct in a Array of UDT
- Array of UDT, including a struct
- PLC system datatypes (e.g. IEC_Timer, IEC_***,
ErrorStruct, CREF, NREF, .. )

Faceplates – Tag interface – Support Array of UDT
UDT Structure
which
includes an
Array of UDT
Usage in the
Faceplate

Interface - Support of UDTs containing arrays of UDT defined with constants
Select PLCUDT as Data type
Define a UDT that contains an

array of UDT Select the appropriate user data
type and version
Connect your HMI tag to the

faceplate container interface tag
Users can use UDTs that contain arrays of UDT

Faceplates
Support Graphic via Interface
Static Graphics from the project graphics can

be pre-selected from outside of the interface
Versioned graphic types from the library can

be assigned to the interface
Hand over a multilingual graphic via the faceplate interface

Faceplates
Support Multilingual text via Interface
1. Add property ‘Multilingual text’

to interface
Multilingual text can be used in the interface
Connect a resource list with index to the

faceplate interface
2. Connect static text or a

resource list
Hand over a multilingual text via the faceplate interface

Faceplates
Events over the Interface – Workflow
Faceplate editor Faceplate instance
Define events with Add system function or

Raise event via
parameters in event Scripting code at the
Scripting Snippet faceplate interface
interface

Faceplates
Events over the Interface
2. Raise the event by

1. Create an event using the snippet
in event interface within the faceplate 3. Hand over the script
(with optional or system function on
parameters) the faceplate instance
Hand over an event into a faceplate via the faceplate interface

Faceplates
Events over the Interface – Advantage of event driven interaction from V18
<= V17 as from V18
No need of additional Interface

Properties to provide function parameters
and event trigger
No need of cyclic running

scripts to check the interface
changes to trigger functions at the
faceplate instance
to Access:
- HMI Runtime
- Screens and
- Screen Items
- or using function which
are not suitable within
Faceplates
Interface driven interaction with HMI screens Event driven interaction with HMI screens
and functions and functions
Faceplates
Live Demo
LIVE DEMO
• Events over the Interface

• Snippet for Raise a custom Faceplate event

Hands On: Faceplates
H A N D S O N in 10 min
• Events over the Interface
• Snippet for Raise a custom Faceplate event

Table of contents
Index / Agenda


System functions in
Trend control
faceplate
Nested faceplates
(Faceplate in faceplate
Faceplates
Visualization
Alarm control

Faceplates – Preview for styles
Select a Style for

preview

Faceplates
Faceplate in Faceplate
Main faceplate ‘Tank’
Subordinated
faceplate ‘Valve’
Subordinated
faceplate ‘Flow’
Build your nested faceplate with the feature ‘Faceplate in Faceplate’

and connect your sub-UDT to the subordinated faceplate

Faceplates
Faceplate in Faceplate – Engineering
2. Connect your interface

1. Add faceplate to your tags or local faceplate tags
faceplate by Drag & Drop or to the interface of the
faceplate container subordinated faceplate
Build your nested faceplate with the feature ‘Faceplate in Faceplate’

and connect your sub-UDT to the subordinated faceplate

Faceplates
Live Demo
LIVE DEMO
• Create a Faceplate in Faceplate

• HMIUDT
• Local Tag
• Graphic for Property interface

Faceplates
Live Demo
• Create a Faceplate in Faceplate

• HMIUDT
• Local Tag
• Graphic for Property interface

• Create a Faceplate in Faceplate with fp_Tank
updated version V18 and as subordinate faceplate
the fp_valve_2

Faceplates
Trend Control in faceplate
Add the trend control

to your faceplate
Use interface tags or

local tags as data source
Configure the trend control in a faceplate

Faceplates
Trend Control: Logging tags assignment via Property Interface
FP type FP instance
Logging Tag <HMI Tag Name> : <Logging Tag Name>

can be assigned indirect via Faceplate Property
interface e.g. HMI_intTag1:loggingTag_Faceplate
Configuration string and Scripts
Faceplates
Alarm control in faceplate
1.Add the alarm control

to your faceplate
2.Use a configuration string in 3.Hand over the alarm

the property interface to hand filter as a string on the
over the filter via the interface faceplate instance
Configure the alarm control in a faceplate and hand over the alarm filter via the faceplate interface

Faceplates
Live Demo
LIVE DEMO
• Trend Control in faceplate

(Liquid_Value,
Interface_Heater_Sensor_UDT.Temperature_Value,
Interface_Temperature_Sensor_UDT.Temperature_
Value)
• Alarm control in faceplate

• Trend Control in faceplate
(Liquid_Value,
Interface_Heater_Sensor_UDT.Temperature_Value,
Interface_Temperature_Sensor_UDT.Temperature_
Value)
• Alarm control in faceplate

Open Source Software License Information
The products shown in this presentation include:

• Software developed by the University of California, Berkeley and its contributors.
• Software developed by the OpenSSL Project for use in the OpenSSL Toolkit. (http://www.openssl.org/)
• Cryptographic software written by Eric Young (eay@cryptsoft.com)
• Portions were derived from the RSA Data Security, Inc. MD5 Message-Digest Algorithm

Disclaimer
© Siemens 2022
Subject to changes and errors. The information given in this document

only contains general descriptions and/or performance features which
may not always specifically reflect those described, or which may
undergo modification in the course of further development of the
products. The requested performance features are binding only when
they are expressly agreed upon in the concluded contract.
All product designations may be trademarks or other rights of

Siemens AG, its affiliated companies or other companies whose use by
third parties for their own purposes could violate the rights of the
respective owner.

Thank you for your attention!
Siemens AG
DI FA S SUP HMI
Gleiwitzer Str. 555
90475 Nuremberg, Germany
Unrestricted | © Siemens 2022 | DI FA S SUP HMI

05 en Libraries&amp;Faceplates

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

05 en Libraries&amp;Faceplates

Uploaded by

Copyright:

Available Formats

WinCC Unified – V18

Libraries & Faceplates

Unrestricted | © Siemens 2022 | DI FA S SUP HMI

Time Topic Presenter

1 Library & faceplate handling

Page 2 Unrestricted | © Siemens 2022 | DI FA S SUP HMI

Library & Faceplates

Page 3 Unrestricted | © Siemens 2022 | DI FA S SUP HMI

New option for

Page 4 Unrestricted | © Siemens 2022 | DI FA S SUP HMI

Script types can be imported

Page 5 Unrestricted | © Siemens 2022 | DI FA S SUP HMI

Page 6 Unrestricted | © Siemens 2022 | DI FA S SUP HMI

Page 7 Unrestricted | © Siemens 2022 | DI FA S SUP HMI

Selected version of type

New function go to library version

Page 8 Unrestricted | © Siemens 2022 | DI FA S SUP HMI

Handle faceplates with features which depend on a specific runtime version.

Page 9 Unrestricted | © Siemens 2022 | DI FA S SUP HMI

Select a Style for

Page 13 Unrestricted | © Siemens 2022 | DI FA S SUP HMI

• Script Modules as library types

Page 14 Unrestricted | © Siemens 2022 | DI FA S SUP HMI

Time Topic Presenter

1 Library & faceplate handling

Page 15 Unrestricted | © Siemens 2022 | DI FA S SUP HMI

Connect HMI Tags Interface Supports Array of

Page 16 Unrestricted | © Siemens 2022 | DI FA S SUP HMI

Page 17 Unrestricted | © Siemens 2022 | DI FA S SUP HMI

Page 18 Unrestricted | © Siemens 2022 | DI FA S SUP HMI

New data type

Browse your HMI-UDT

The faceplate tag interface additionally supports HMI-UDTs.

Page 19 Unrestricted | © Siemens 2022 | DI FA S SUP HMI

Elements of a Struct / PLC System Datatypes

In the PLC Struct can be used in:

Page 21 Unrestricted | © Siemens 2022 | DI FA S SUP HMI

Page 25 Unrestricted | © Siemens 2022 | DI FA S SUP HMI

Define a UDT that contains an

Connect your HMI tag to the

Users can use UDTs that contain arrays of UDT

Page 28 Unrestricted | © Siemens 2022 | DI FA S SUP HMI

Static Graphics from the project graphics can

Versioned graphic types from the library can

Hand over a multilingual graphic via the faceplate interface

Page 33 Unrestricted | © Siemens 2022 | DI FA S SUP HMI

1. Add property ‘Multilingual text’

Connect a resource list with index to the

2. Connect static text or a

Hand over a multilingual text via the faceplate interface

Page 34 Unrestricted | © Siemens 2022 | DI FA S SUP HMI

Faceplate editor Faceplate instance

Define events with Add system function or

Page 35 Unrestricted | © Siemens 2022 | DI FA S SUP HMI

2. Raise the event by

Hand over an event into a faceplate via the faceplate interface

Page 36 Unrestricted | © Siemens 2022 | DI FA S SUP HMI

<= V17 as from V18

No need of additional Interface

No need of cyclic running

• Events over the Interface

Page 39 Unrestricted | © Siemens 2022 | DI FA S SUP HMI

Page 40 Unrestricted | © Siemens 2022 | DI FA S SUP HMI

05 en Libraries&Faceplates

05 en Libraries&Faceplates