V18 WinCC Unified Basics WS Day1
V18 WinCC Unified Basics WS Day1
V18 WinCC Unified Basics WS Day1
Basics Workshop
Day 1
1 Agenda - Day 1
2 WinCC Unified V18 - Unified Overview
3 Unified Comfort Panels
4 View of Things
5 Unified Tools
6 Device Handling
7 Screen Engineering
1 Agenda - Day 1
Technical Basics
Device Handling
Screen Engineering
Screen Navigation
Agenda
Unified
Comfort Panel
Low maintenance efforts with Work in parallel with Data protection based on
Zero installation Web-Clients simultaneous remote access proven web standards
Get access to the runtime with Completely independent from the The confidentiality, integrity and
every HTML5 Browser. Independent operation on-site or other web-clients. authenticity of production data is
from the operating system – there is Closing a client session has no affect ensured by the consequent use of
no need for apps or plugins. on the server availability. https, SSL and user authentication.
GraphQL
Server sided web-interface to exchange data with
WinCC 3rd party applications1
Open Pipe
Server sided data interface to connect
software tools to WinCC Unified
Performance Insight
Get production insights based on individual KPI calculation,
now enables modification and recalculation of KPIs
Sequence
Planning and adaptation of sequences to control and monitor
recipe-controlled processes
Line Coordination
Orchestration of recipe and batch-controlled processes based
on WinCC Unified
Consistent usability
for engineers and operators
WinCC Unified uses the same controls
across all platforms to ensure the best
possible user experience
Soon
Platforms
PC,
Unified Comfort Panels,
Unified Comfort Panels PRO1,
Unified Comfort Panels Hygienic1
Common engineering
Software
SIMATIC WinCC Unified
(TIA Portal) V18
WinCC Unified
Functionality
Application size
Version
V16/V17 V17/18
MTP 700 MTP 1000 MTP 1200 MTP 1500 MTP 1900 MTP 2200
800 x 480 1,280 x 800 1,280 x 800 1,366 x 768 1,920 x 1,080 1,920 x 1,080
7.0" 10.1" 12.1" 15.6" 18.5" 21.5"
PLC-Connections 8 16
1 Port Ethernet
1 IP address 100 Mbit/1 Gbit
Serial
(422, 485) to support 3rd party PLCs1
4x USB 3.0
Support of USB Hardware e.g., printer,
2x SD-Card
Data card for files, logs and customer data
System card for automatic backup
Reset Button
Set device to reset mode
▪ New look for the Control Panel - optimized for touch devices
▪ User has only access to control panel UI – not operating system UI
Optional1 functionality:
Remote
control
1 as of V17
Applications e.g.,
EDGE mgmt.
EDGE App
EDGE App
EDGE App
VLC, Chrome
EDGE RT Device Model HMI RT
Operation System
Hardware
4 View of Things
4.1 VoT - Overview
4.2 VoT - Engineering
4.3 VoT - Runtime Access
4 View of Things
4.1 VoT - Overview
4.2 VoT - Engineering
4.3 VoT - Runtime Access
Consistency
Unified Comfort Panel
and WinCC Unified PC
• No runtime on device – VoT as full “web
application”
Unified
• Supported elements are identical to Panel and
View of
PC system
Things
9
90°
0
°
90° 90°
90° 90°
Creating web screens easily for PLC (S7-1500 & ET200SP) with SIMATIC WinCC Unified View of Things.
Situation:
Max (Engineer) delivers a machine to his end customer.
90° 25 For maintenance and service he wants to have an own web
screen connected to the integrated Webserver on the PLC.
Preconditions Licensing
• Software: • WinCC Engineering License is required
TIA Portal V18: STEP 7 Professional
• WinCC Unified ES
(contains VoT Features)
(minimal WinCC Unified Comfort ES)
• PLCs: • Runtime License: planned for further enhancements
All SIMATIC S7-1500 standard systems
(incl. ET200SP CPU, Failsafe, T-CPU)
PLCSim Advanced V4.0 is also supported Performance
• Firmware: Min. FW 2.9
• Performance and quantity structure is
depending on PLC and client device resources
Basis / • Basic objects” (Line, circle, ...) • Runtime functionality (Alarming, Logging, …)
Screen • “Elements” (I/O field, button, gauge, ...) • Faceplates
Elements
• “Graphics”/“Dyn. widgets” (pictures, icons, svg, …) • “Controls” (Alarm-, TrendControl, ...)
• Using screen windows • “My controls” (e.g. Custom web control)
• Maximum number of 10 screens • Resource lists (Text & graphic lists), symbolic I/O field
• Maximum number of 100 tags • WinCC Unified options (PaCo, Audit, …)
Users • User management of PLC web server • Screen item access rights
• Local or central user management for WinCC Unified
5 Unified Tools
5.1 Unified Configuration
5.2 Runtime Manager
5.3 RTIL Trace Viewer
5.4 Certificate Manager
5 Unified Tools
5.1 Unified Configuration
5.2 Runtime Manager
5.3 RTIL Trace Viewer
5.4 Certificate Manager
• Web UI certificate
• User Administration
• Storage location of log databases
• Password-protected download
• Storage location of Reports
5 Unified Tools
5.1 Unified Configuration
5.2 Runtime Manager
5.3 RTIL Trace Viewer
5.4 Certificate Manager
Several WinCC Unified projects can be downloaded to one PC station via TIA Portal.
Just one project at a time can be running.
Page 88 Unrestricted | © Siemens 2022 | DI FA S SUP HMI
Unified tools – Runtime Manager
SIMATIC WinCC Unified
Project details
Settings
Project list
Restore/remove
database segments
Delete project
Start with
options
• Logging tags
• Log alarms
• Logged context values
autoscaling
behavior
language
Automatic
login
autoscaling
deactivated
autoscaling
activated
Security Settings
Start of external
processes via RT
Read only
Select RT project
Activate/Deactivate
script debugger
Enable/Disable
telemetry
fulldownload
Project path
5 Unified Tools
5.1 Unified Configuration
5.2 Runtime Manager
5.3 RTIL Trace Viewer
5.4 Certificate Manager
For better reading of the Trace Messages you can activate the filter:
Filter > Subsystem > ScriptFW
Page 107 Unrestricted | © Siemens 2022 | DI FA S SUP HMI
Unified tools – RTIL Trace viewer
SIMATIC WinCC Unified
5 Unified Tools
5.1 Unified Configuration
5.2 Runtime Manager
5.3 RTIL Trace Viewer
5.4 Certificate Manager
Supported Certificates:
Use the WinCC Unified Certificate Manager to create and install certificates
Location: C:\Program Files\Siemens\Automation\WinCCUnified\bin
Page 112 Unrestricted | © Siemens 2022 | DI FA S SUP HMI
Unified tools – Certificate Manager
SIMATIC WinCC Unified
Check if all projects are stopped on the runtime Server before you change certificates.
Create new
certificate authority
Choose a specific
name for certificate
authority
Add all attributes for your certificate authority e.g. Name, Organziation, Locality, etc.
Up to 10 years
Installation of certificates:
To install certificates for the local device, select either the local device with the right mouse
button or a single certificate of the device and select "Install…" in the menu.
Page 118 Unrestricted | © Siemens 2022 | DI FA S SUP HMI
Unified tools – Certificate Manager
SIMATIC WinCC Unified
Assign a password
Double click on
“Open configuration”
Installation of certificates:
Plug the USB stick in your Unified Comfort Panel and install the certificate on your device.
LIVE DEMO
• Unified Configuration
• RT Manager
• RTIL Trace Viewer
• Certificate Manager
6 Device Handling
6.1 Device Handling - First steps
6.2 Device Handling - Change Device
6.3 Device Handling - Offline Transfer
6.4 Device Handling - Screen Navigation
6 Device Handling
6.1 Device Handling - First steps
6.2 Device Handling - Change Device
6.3 Device Handling - Offline Transfer
6.4 Device Handling - Screen Navigation
The first time a download is performed, the “extended download to device” window is opened to set the
connection parameters. This data is stored for subsequent downloads.
LIVE DEMO
• Add devices.
H A N D S O N in 7 min
6 Device Handling
6.1 Device Handling - First steps
6.2 Device Handling - Change Device
6.3 Device Handling - Offline Transfer
6.4 Device Handling - Screen Navigation
The screen size, the objects and fonts used are scaled in one step in all selected screens.
LIVE DEMO
• Resize screen
H A N D S O N in 7 min
6 Device Handling
6.1 Device Handling - First steps
6.2 Device Handling - Change Device
6.3 Device Handling - Offline Transfer
6.4 Device Handling - Screen Navigation
Only one runtime project at a time with the same project identification
can be saved in the target directory.
Procedure:
Offline transfer:
PC Procedure:
PC Procedure:
UCP Procedure:
1. Go to control panel.
2. Select Runtime Properties > Load project from
storage.
3. Select the storage media and the project.
4. Confirm with "Add project".
UCP Procedure:
H A N D S O N in 7 min
6 Device Handling
6.1 Device Handling - First steps
6.2 Device Handling - Change Device
6.3 Device Handling - Offline Transfer
6.4 Device Handling - Screen Navigation
To create the screen layout screen windows are used in WinCC Unified.
HMI Template suite Wizard offers you templates for screen navigation.
r Prefix Description
e
References the higher-level screen window (parent) in the
l ".."
a
context of the current screen window.
• Relative and absolute items paths are distinguished
References the own screen window (self).
t "." by the prefix of the item path.
i A screen item of the current screen window is referenced
v
"" without prefix.
a
• The absolute item path is specified starting from
b Prefix Description
s the "RootScreenWindow".
o References a screen window on the highest level, whose
"/" name must follow.
l
u References the screen window on the highest level in the
"~" own screen hierarchy.
t
e
Button Screen_3
Button Screen_5
Screen_3, … , Screen_n
Content Button Screen_6
Screen_window_2
Screen_2
Footer
Content
• The screen windows header, content, footer and
navigation are adjacent screen windows, that’s why
the relative item path looks this way:
Footer
( „../Screen_window_2“)
Navigation
Screen_1 navigation
Header window Screen_window_4
Close the navigation window :
>
Screen_window_3
Button Screen_3
Screen_3, … , Screen_n
Content Button Screen_4
Button Screen_5
Button Screen_6
Show the Screen_3 in the Content window:
Screen_window_2
Screen_2
Footer
Screen_1 navigation
>
Header window
Button Screen_5
Screen_3, … , Screen_n
Content Screen_window_5 Button Screen_6
Screen_4, … , Screen_n
Screen_window_2
Screen_2
Footer
The content of a screen window needs to be displayed via button on the higher-level screen window.
(“../Screen_window_2/Screen_window_5“)
Navigation
LIVE DEMO
• Create a Navigation.
− Screen_Layout 1920*1080
− Header 1920*120
− Content 1920*890
− Footer 1920*70
H A N D S O N in 10 min
Screen_Layout
Screen_window_Header • Create the following screens:
Screen_Header
− Screen_Layout 1920*1080
− Header 1920*120
Screen_window_Content
− Content 1920*890
Screen_content1 or Screen content2
− Footer 1920*70
• On the main screen add 3 screen windows:
Screen_window_Footer as shown on the left picture and define the screen
Screen_Footer for each screen window.
• Define clear names for the screen windows.
H A N D S O N in 10 min
Screen_Header
Button_1 Button_2
• Open the screen “Header”.
Display Display
Content 1 Content 2
• Add two buttons as shown on the left picture.
• Use the buttons for the content change of the
screen window “Content”.
• Use the system function “ChangeScreen”.
• Save, compile and start simulation.
• Check if your configuration works in runtime.
H A N D S O N in 10 min
• Add a new screen window for Navigation on the
Show the Main screen
navigation
window • On the screen “Header” place a new button to make
the navigation screen visible
• Use the system function “SetPropertyValue“ to
change the “Visible” property of the screen window
• Add a new screen “Navigation” 300*890
• Connect the screen “Navigation” to the screen
window “Navigation”
H A N D S O N in 10 min
Hide the • Place in the buttons for screen navigation
navigation
window • Use the button 1 to hide the navigation screen via
system function “SetPropertyValue”.
• Use the Additional Buttons for the “content change”
• Save, compile and start simulation
• Check the main screen
7 Screen Engineering
7.1 Screen Engineering - Usability
7.2 Screen Engineering - Object properties
7.3 Screen Engineering - Basic screen objects
7.4 Screen Engineering - Output formats
7.5 Screen Engineering - Media and Browser control
7 Screen Engineering
7.1 Screen Engineering - Usability
7.2 Screen Engineering - Object properties
7.3 Screen Engineering - Basic screen objects
7.4 Screen Engineering - Output formats
7.5 Screen Engineering - Media and Browser control
The screen editor of WinCC Unified offers the same handling functions for VoT, Unified Comfort Panel and
Unified PC. The difference is only in terms of supported screen objects.
Page 173 Unrestricted | © Siemens 2022 | DI FA S SUP HMI
Screen engineering – Switch toolbox display
SIMATIC WinCC Unified
Switch look
• to existing Buttons
Drag & Drop of Screen creates a new button with Drag & Drop of Screen to an existing button adds
Screen Change event the Screen Change event
Process values and text/ graphic list can be dragged to suitable objects e.g. Gauge, Radio button, ...
Drag & Drop tags to a trend control link the tags with the data source property.
Logging tags are not supported.
Page 184 Unrestricted | © Siemens 2022 | DI FA S SUP HMI
Screen engineering – Drag & Drop
SIMATIC WinCC Unified
Snap lines by
Snap lines and
resizing objects
preview by copying via
CTRL + drag & drop
Transfer Format
Object handling
• set selected objects to the same height and/or
width
• Distribute objects vertically/horizontally
Layer handling
Move objects one layer up or down
7 Screen Engineering
7.1 Screen Engineering - Usability
7.2 Screen Engineering - Object properties
7.3 Screen Engineering - Basic screen objects
7.4 Screen Engineering - Output formats
7.5 Screen Engineering - Media and Browser control
• Search Filter:
Filter for − Search for all properties by characters
Highlight dynamized dynamization type
properties − Overview of used dynamizations
− Filter of different dynamizations
On the left, configurable property list for the user with important used properties.
On the right, Overview of the configured favorite properties
Secondary property
Change objects
color of the screen
Change quickly the color of multiple screen objects by ‘Change object color’ dialogue
Dynamization types:
Dynamization types depend
on the selected object
• Tag – Defines the property value depending on the
tag value
• Script – Defines the property value depending on
the return value
• Resource list – Defines the property value
depending on an entry from a text/graphic list
• Flashing – Defines that the property flashes in
configurable colors
Dynamics are used to change the properties of screen objects and screens
in runtime depending on another value.
Script trigger
Column for static Column for
values dynamization
Dynamic parameter
can be chosen
Script trigger
Select dynamization
settings
Static value is
used if more
bits are true
Use “Multiple bits” to assign a property value to each bit of a tag for dynamization.
Copy & Paste conditions of animation dialog for further screen objects.
Compiler message
show warning
LIVE DEMO
H A N D S O N in 10 min
• Add a circle or a rectangle in a screen
• Open the property list
• Change between the two views of the properties
• Sorting by properties & alphabetic sorting
• Try other objects to see how the properties changes
depending on the object
• Check the screen information and cross reference
• Try to change properties with a multi selection of
objects.
Use wildcards.
* → for any number of characters
? → to leave out a single character
Tip: use the „Texts“ tab to edit texts of objects instead of using the property list
can save time as you do not need to search for the property
Page 225 Unrestricted | © Siemens 2022 | DI FA S SUP HMI
Screen engineering – Texts
SIMATIC WinCC Unified
Fonts configured in the engineering (TTF) are converted into web fonts and
both TrueType fonts and web fonts are downloaded to the runtime machine.
Page 229 Unrestricted | © Siemens 2022 | DI FA S SUP HMI
Screen engineering – Custom fonts
SIMATIC WinCC Unified
Now it is possible to use delta compile and download for data type and name changes of simple HMI tags
7 Screen Engineering
7.1 Screen Engineering - Usability
7.2 Screen Engineering - Object properties
7.3 Screen Engineering - Basic screen objects
LIVE DEMO
H A N D S O N in 7 min
• Add a new tags to display the storage level of the
ingredients.
• Connect the tags to a slider, bar and a gauge
control
• Download the Runtime
• Control the tag with the slider
H A N D S O N in 10 min
Decimal value Binary value {B} Add elements to select the items to be stored.
1 1 1 • Place a Checkbox to select the type of bread
2 2 10
• Place a Radiobox to select the ingredients
3 4 100
• Connect a tag e.g. an Int.
4 8 1000
• Configure graphics to the Checkbox
H A N D S O N in 5 min
• Add a bread graphic.
• Create a tag for the rotation and connect it to a
slider control
• Use the tag to configure the rotation of the bread
• Download the runtime
• Rotate the objects
Additional: Try also some other objects
LIVE DEMO
H A N D S O N in 10 min
• Create a new text list
• Place a textbox on a screen and configure the text
list, use the internal tag “Bakery_Process”
• Place an IO-field on a screen an connect the tag
• Download the Runtime
• Control the tag value and check the text list entries
H A N D S O N in 10 min
• Create a new graphic list
• Add a graphic view to a screen and connect the
graphic list, use the internal tag “Bakery_Process”
• Download the Runtime
• Control the tag value and check the graphic list
entries
Select property
Select button
Define at screen properties which button will enable the explicit unlock.
LIVE DEMO
H A N D S O N in 5 min
• Add a button to your screen
• Go to screen properties -> security
• Under “Enable explicit unlock” select the button
created on step 1
• Add a slider to the screen
• Under security enable the check box “Require
explicit unlock”
• Test your configuration in RT
LIVE DEMO
ADDITIONAL H A N D S O N in 10 min
• Add a Touch Area in your Screen
• Try to increase a tag by swiping
− You can set bread production using the simulation
tag: “Simulation_Tags_instBread_UDT.BreadSet”
7 Screen Engineering
7.1 Screen Engineering - Usability
7.2 Screen Engineering - Object properties
7.3 Screen Engineering - Basic screen objects
7.4 Screen Engineering - Output formats
7.5 Screen Engineering - Media and Browser control
Insert
parameter field Insert text list as field info into text list entry
LIVE DEMO
H A N D S O N in 7 min
• Try the output format at different places in the
project
− I/O field, Bar, Gauge….
• Combine different output formats
− {D, long} {T}
− My tanks has {I} liters
Change the output format for the IO Field “set
bread production” to include the unit “pieces”
7 Screen Engineering
7.1 Screen Engineering - Usability
7.2 Screen Engineering - Object properties
7.3 Screen Engineering - Basic screen objects
7.4 Screen Engineering - Output formats
7.5 Screen Engineering - Media and Browser control
https://ComputerName/Mydata/Yourfile
LIVE DEMO
H A N D S O N in 10 min
• Place the data you want to share in Runtime
− By the project folder
− use the virtual directory from the IIS
• Add a Browser control to your project
• Connect the path to the control
• Load the Runtime and check it
Additional: Change the path dynamically to
switch between different files
© Siemens 2022