Learn WINCC with Real Code Examples
Updated Nov 27, 2025
Architecture
Engineering via TIA Portal
Runtime on Unified Panels or PC Runtime
HTML5 visualization delivered to browser
Communication layer based on OPC UA / S7 Protocol
JavaScript runtime for client-side logic
Rendering Model
HTML5 runtime engine
Web server on Panel/PC runtime
JS-based UI interactions
OPC UA/S7 for tags
Asynchronous updates to browser
Architectural Patterns
Component-based Faceplates
Tag-driven reactivity
Event-based JavaScript scripting
Separated engineering/runtime
Distributed SCADA model
Real World Architectures
Single machine HMIs
Line-level SCADA with Unified PCs
Plant-wide centralized SCADA
Distributed OPC UA field systems
Energy/water utility control rooms
Design Principles
Seamless PLC integration
Modern HTML5 UI
Consistent engineering in TIA
Scalable HMI -> SCADA
High reliability for industry
Scalability Guide
Use Faceplates extensively
Modularize screens
Limit JS in single screen
Use SCADA server for large plants
Use OPC UA for distributed nodes
Migration Guide
Export old WinCC Classic screens
Rebuild in Unified’s HTML5 engine
Convert scripts to JS
Migrate tag tables
Test on Unified Runtime