TwinCAT 3 HMI

Leading Edge Automation Technology

Josef Papenfort

TwinCAT Product Management

Agenda

1. Motivation

2. Efficient Engineering for Configuration and Programming

3. Use Cases

4. Roadmap

5. Summary

Agenda

1. Motivation

2. Efficient Engineering for Configuration and Programming

3. Use Cases

4. Roadmap

5. Summary

Base technology HTML5

Platform-

independence

Future-proofed

Performance

Responsive

design

TwinCAT HMI Creator

WYSIWYG Editor

TwinCAT HMI Framework

Control library

TwinCAT HMI Server

Web server

TwinCAT HMI Client

Any HTML5 browser

Components

Agenda

1. Motivation

2. Efficient Engineering for Configuration and Programming

3. Use Cases

4. Roadmap

5. Summary

Visual Studio® Integration

TwinCAT Integration

WYSIWYG Editor

HTML5 Design

Source Code Control

Live Engineering

WYSIWYG-Editor

Graphical editor

HTML5 skills not necessary

Standard controls

Users controls

3th party controls

Pre-defined project templates

and page templates

Modern HTML5 design

Customizable for corporate

design

Templates

Extensibility

Controls

User controls

JavaScript

3rd party

Server extensions

C++

.NET

Themes

Product

Engineering

Architecture

Scenarios

Roadmap

Agenda

Client-Server

TwinCAT Runtimes

TwinCAT 3

System Manager Programming

TwinCAT HMI

TwinCAT HMI Creator TwinCAT HMI Framework

Visual Studio®

TwinCAT HMI Server

TwinCAT HMI Server Extension

Events User Management Custom Extension …

HTTP(S), WS(S)

ADS

TwinCAT HMI Server Extension

Events User

Management

Custom

Extension

…

WWW Root

TwinCAT HMI

Project

TwinCAT HMI

Framework

Deploy

HTML5 Browser

TwinCAT HMI Client

TwinCAT HMI Project

Content Custom

Logic

…

TwinCAT HMI Framework

Controls API Logic

Processing

…

HTTP(S)

TwinCAT HMI Server

WWW Root

TwinCAT HMI

Project

TwinCAT HMI

Framework

TwinCAT HMI Server Extension

Events User

Management

Custom

Extension

…

TwinCAT Runtimes

ADS

WS(S)

Protocols

TwinCAT Runtimes 3th Party Runtimes

Agenda

1. Motivation

2. Efficient Engineering for Configuration and Programming

3. Use Cases

4. Roadmap

5. Summary

Using same design on different devices

TwinCAT HMI automatically adapts to your needs

Flexible and secure

free choice of resolution, screen

size and orientation

support for all CPU

performance classes

secure authentication and user

management

Operating systems, browsers, devices: it’s your choice.

TwinCAT HMI automatically adapts to your needs.

Using same architecture with different scenarios

Local client

DVI/USB

PC

TwinCAT HMI Client

TwinCAT HMI Server

TwinCAT Runtime

Panel

Multi-client

Panel PC

TwinCAT HMI Client 1

TwinCAT HMI Server

TwinCAT Runtime

HTTP(S), WS(S)

TwinCAT HMI Client 2

Panel PC

TwinCAT HMI Client 3

Mobile Device

TwinCAT HMI Client 4

Mobile Device

Multi-runtime

PC

TwinCAT Runtime 1

TwinCAT HMI Server

PC

TwinCAT HMI Client 1

Panel PC

TwinCAT HMI Client 2

Mobile Device

ADS

HTTP(S), WS(S)

PC

TwinCAT Runtime n

PC

TwinCAT Runtime 2

PC

TwinCAT Runtime n

TwinCAT HMI Server n

TwinCAT HMI Client

Panel PC

HTTP(S), WS(S)

PC

TwinCAT Runtime 2

TwinCAT HMI Server 2

Multi-server

PC

TwinCAT Runtime 1

TwinCAT HMI Server 1

Multi-protocol

HTTP(S), WS(S)

Panel PC

TwinCAT HMI Client

TwinCAT HMI Server

TwinCAT HMI Server Extensions

PLCADS PLCOPC UA PLCBACnet PLC…

3rd Party

Panel PC

TwinCAT HMI Client

PLCIO C++ Functions

IOT / Analytics

DB / FTP / Mail

Telecontrol

TCPIP / Modbus

…

BACnet devices …

…

Agenda

1. Motivation

2. Efficient Engineering for Configuration and Programming

3. Use Cases

4. Roadmap

5. Summary

Pilot1

(Q1)

Release

Version 1.0

(Q3)

TwinCAT HMI Status

Presentation

(SPS IPC Drives)

Pilot2

(Q2)

2015 2016 2017

Release

Version 1.1

(Q2)

TwinCAT HMI

Creator

TwinCAT HMI

Framework

TwinCAT HMI

Server

Features V1.0

Visual Studio®

integration

TwinCAT integration

WYSIWYG editor

Source Code Control

Package Management

Project templates

Themes

Graphic library

Free scalable (SVG)

Branch specific

Controls

Standard

Charting, Events..

User Controls

Complex datatypes

Internationalisation

Language

Units, formats

Extensible with

HTML5

JavaScript

ADS

OPC UA

Scope

Security

User Management

Recipe Management

Eventlogger

Historical data

Extensible with

C++

.NET

Agenda

1. Motivation

2. Efficient Engineering for Configuration and Programming

3. Use Cases

4. Roadmap

5. Summary

Efficient engineering

HTML5, JavaScript

Platform independence

Web-based

Flexible architecture

Modular extensibility

Summary

TwinCAT HMI

Thank you!

21.06.2016 27