TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System...

26
TwinCAT 3 HMI Leading Edge Automation Technology Josef Papenfort TwinCAT Product Management

Transcript of TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System...

Page 1: TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System Manager Programming TwinCAT HMI TwinCAT HMI Creator TwinCAT HMI Framework Visual Studio®

TwinCAT 3 HMI

Leading Edge Automation Technology

Josef Papenfort

TwinCAT Product Management

Page 2: TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System Manager Programming TwinCAT HMI TwinCAT HMI Creator TwinCAT HMI Framework Visual Studio®

Agenda

1. Motivation

2. Efficient Engineering for Configuration and Programming

3. Use Cases

4. Roadmap

5. Summary

Page 3: TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System Manager Programming TwinCAT HMI TwinCAT HMI Creator TwinCAT HMI Framework Visual Studio®

Agenda

1. Motivation

2. Efficient Engineering for Configuration and Programming

3. Use Cases

4. Roadmap

5. Summary

Page 4: TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System Manager Programming TwinCAT HMI TwinCAT HMI Creator TwinCAT HMI Framework Visual Studio®

Base technology HTML5

Platform-

independence

Future-proofed

Performance

Responsive

design

Page 5: TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System Manager Programming TwinCAT HMI TwinCAT HMI Creator TwinCAT HMI Framework Visual Studio®

TwinCAT HMI Creator

WYSIWYG Editor

TwinCAT HMI Framework

Control library

TwinCAT HMI Server

Web server

TwinCAT HMI Client

Any HTML5 browser

Components

Page 6: TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System Manager Programming TwinCAT HMI TwinCAT HMI Creator TwinCAT HMI Framework Visual Studio®

Agenda

1. Motivation

2. Efficient Engineering for Configuration and Programming

3. Use Cases

4. Roadmap

5. Summary

Page 7: TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System Manager Programming TwinCAT HMI TwinCAT HMI Creator TwinCAT HMI Framework Visual Studio®

Visual Studio® Integration

TwinCAT Integration

WYSIWYG Editor

HTML5 Design

Source Code Control

Live Engineering

Page 8: TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System Manager Programming TwinCAT HMI TwinCAT HMI Creator TwinCAT HMI Framework Visual Studio®

WYSIWYG-Editor

Graphical editor

HTML5 skills not necessary

Standard controls

Users controls

3th party controls

Page 9: TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System Manager Programming TwinCAT HMI TwinCAT HMI Creator TwinCAT HMI Framework Visual Studio®

Pre-defined project templates

and page templates

Modern HTML5 design

Customizable for corporate

design

Templates

Page 10: TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System Manager Programming TwinCAT HMI TwinCAT HMI Creator TwinCAT HMI Framework Visual Studio®

Extensibility

Controls

User controls

JavaScript

3rd party

Server extensions

C++

.NET

Themes

Page 11: TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System Manager Programming TwinCAT HMI TwinCAT HMI Creator TwinCAT HMI Framework Visual Studio®

Product

Engineering

Architecture

Scenarios

Roadmap

Agenda

Page 12: TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System Manager Programming TwinCAT HMI TwinCAT HMI Creator TwinCAT HMI Framework Visual Studio®

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

Page 13: TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System Manager Programming TwinCAT HMI TwinCAT HMI Creator TwinCAT HMI Framework Visual Studio®

Agenda

1. Motivation

2. Efficient Engineering for Configuration and Programming

3. Use Cases

4. Roadmap

5. Summary

Page 14: TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System Manager Programming TwinCAT HMI TwinCAT HMI Creator TwinCAT HMI Framework Visual Studio®

Using same design on different devices

TwinCAT HMI automatically adapts to your needs

Page 15: TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System Manager Programming TwinCAT HMI TwinCAT HMI Creator TwinCAT HMI Framework Visual Studio®

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.

Page 16: TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System Manager Programming TwinCAT HMI TwinCAT HMI Creator TwinCAT HMI Framework Visual Studio®

Using same architecture with different scenarios

Local client

DVI/USB

PC

TwinCAT HMI Client

TwinCAT HMI Server

TwinCAT Runtime

Panel

Page 17: TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System Manager Programming TwinCAT HMI TwinCAT HMI Creator TwinCAT HMI Framework Visual Studio®

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

Page 18: TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System Manager Programming TwinCAT HMI TwinCAT HMI Creator TwinCAT HMI Framework Visual Studio®

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

Page 19: TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System Manager Programming TwinCAT HMI TwinCAT HMI Creator TwinCAT HMI Framework Visual Studio®

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

Page 20: TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System Manager Programming TwinCAT HMI TwinCAT HMI Creator TwinCAT HMI Framework Visual Studio®

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 …

Page 21: TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System Manager Programming TwinCAT HMI TwinCAT HMI Creator TwinCAT HMI Framework Visual Studio®

Agenda

1. Motivation

2. Efficient Engineering for Configuration and Programming

3. Use Cases

4. Roadmap

5. Summary

Page 22: TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System Manager Programming TwinCAT HMI TwinCAT HMI Creator TwinCAT HMI Framework Visual Studio®

Pilot1

(Q1)

Release

Version 1.0

(Q3)

TwinCAT HMI Status

Presentation

(SPS IPC Drives)

Pilot2

(Q2)

2015 2016 2017

Release

Version 1.1

(Q2)

Page 23: TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System Manager Programming TwinCAT HMI TwinCAT HMI Creator TwinCAT HMI Framework Visual Studio®

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

Page 24: TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System Manager Programming TwinCAT HMI TwinCAT HMI Creator TwinCAT HMI Framework Visual Studio®

Agenda

1. Motivation

2. Efficient Engineering for Configuration and Programming

3. Use Cases

4. Roadmap

5. Summary

Page 25: TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System Manager Programming TwinCAT HMI TwinCAT HMI Creator TwinCAT HMI Framework Visual Studio®

Efficient engineering

HTML5, JavaScript

Platform independence

Web-based

Flexible architecture

Modular extensibility

Summary

TwinCAT HMI

Page 26: TwinCAT HMI Engineering - slac.stanford.edu · Client-Server TwinCAT Runtimes TwinCAT 3 System Manager Programming TwinCAT HMI TwinCAT HMI Creator TwinCAT HMI Framework Visual Studio®

Thank you!

21.06.2016 27