1. WinCC OA Web UI Presentation at FWWG, 27th of May 2014
Axel Voitier
EN/ICE

2. WinCC OA Web UI, Axel Voitier, EN/ICE
Agenda
The future is on the Web
Requirements and Challenges
Past, present and explored solutions
Demo
Future works
Plans for security
Conclusion
FWWG, 27/05/2014
WinCC OA Web UI, Axel Voitier, EN/ICE

3. WinCC OA Web UI, Axel Voitier, EN/ICE
The future is on the Web
A new user interface for WinCC OA
For runtime panels (Vision) or web-pages
And also for the engineering tool (Gedi)
Using standard and modern web technologies
Accessible seamlessly
No installation
No hop onto restricted networks
FWWG, 27/05/2014
WinCC OA Web UI, Axel Voitier, EN/ICE

4. WinCC OA Web UI, Axel Voitier, EN/ICE
Scenarios
Full interaction with the panel
Each user viewing its own panel
Like broadcasting a panel
Interactions limited to navigation and trends
Many users viewing one panel
Gedi on the Web
Users editing panels and scripts
Get, set and connect to datapoints
Execute CTRL libs functions
Web pages connected to WinCC OA systems
FWWG, 27/05/2014
WinCC OA Web UI, Axel Voitier, EN/ICE

5. WinCC OA Web UI, Axel Voitier, EN/ICE
Base requirements
Up to a thousand simultaneous clients
Minimise load on the Data Server
Scalability
Support for existing panels and CTRL scripts
Legacy
Access control
Web security standards
Security
Run in existing enterprise infrastructure
Platform independent
Integration
FWWG, 27/05/2014
WinCC OA Web UI, Axel Voitier, EN/ICE

6. Collaboration with ETM
Past
Previous solutions: HTTP server, Java UI, Web plugin
2010
Ultra Light Client (ULC)  Current solution supported by ETM
2013
Full Web Application
2014
Qt plugin: HTML5 Renderer
Qt plugin: VNC-based solution
FWWG, 27/05/2014
WinCC OA Web UI, Axel Voitier, EN/ICE

7. High level architecture
FWWG, 27/05/2014
WinCC OA Web UI, Axel Voitier, EN/ICE

8. WinCC OA Web UI, Axel Voitier, EN/ICE
Full Web Application
FWWG, 27/05/2014
WinCC OA Web UI, Axel Voitier, EN/ICE

9. Full Web Application: screenshot
FWWG, 27/05/2014
WinCC OA Web UI, Axel Voitier, EN/ICE

10. WinCC OA Web UI, Axel Voitier, EN/ICE
Qt plugins
FWWG, 27/05/2014
WinCC OA Web UI, Axel Voitier, EN/ICE

11. Demo of the Qt plugin solutions
HTML5 Renderer
VNC-based
FWWG, 27/05/2014
WinCC OA Web UI, Axel Voitier, EN/ICE

12. WinCC OA Web UI, Axel Voitier, EN/ICE
Future works
In-place Javascript widgets substitution
Replace trends, navigation buttons, 3D views, etc.
Progressive migration of panels to standard web-pages
Intermediate application server for:
Scalability, Caching and Broadcasting of panels
Access Control and Security
A web gateway to get/set/connect to DPs
Avoid going through the UI process
For substituted trend widgets and standard web-pages
FWWG, 27/05/2014
WinCC OA Web UI, Axel Voitier, EN/ICE

13. WinCC OA Web UI, Axel Voitier, EN/ICE
Plans for security
Two Factors Authentication
One Time Password, Certificate, Yubi key or CERN card
Single Sign-On
Use CERN IT service, Shibboleth
Penetration tests by CERN Security team
FWWG, 27/05/2014
WinCC OA Web UI, Axel Voitier, EN/ICE

14. WinCC OA Web UI, Axel Voitier, EN/ICE
Conclusion
Achieving legacy support and seamless no-installation setup
Release of the VNC-based Qt plugin in WinCC OA 3.13 (current plan)
Working on extending the solution towards scalability and security
FWWG, 27/05/2014
WinCC OA Web UI, Axel Voitier, EN/ICE

15. WinCC OA Web UI, Axel Voitier, EN/ICE
People involved
CMS
Frank Glege
Mindaugas Janulis
Michael Merk
EN/ICE
Manuel Gonzalez Berges
Piotr Golonka
Stefan Petrovski
Axel Voitier
ETM
Martin Koller
Christopher Stoegerer
Magnus Wolf
FWWG, 27/05/2014
WinCC OA Web UI, Axel Voitier, EN/ICE

17. WinCC OA Web UI, Axel Voitier, EN/ICE
Backup: Security
FWWG, 27/05/2014
WinCC OA Web UI, Axel Voitier, EN/ICE

18. Backup: Full Web Solution
FWWG, 27/05/2014
WinCC OA Web UI, Axel Voitier, EN/ICE