Each topic or feature is described separately with hands on example, we have a plan to develop YouTube Video and those will be posted later. 

Installation, IDE, Architecture and First Example (Linear Gauge)

The HTML5 based HMI provided by Beckhoff is the most intuitive solution in the market today. TwinCAT now integrates the Human Machine Interface directly into the familiar environment of Microsoft Visual Studio®. Programming is unnecessary as the configuration is handled with ease using the TwinCAT HMI graphical editor. Follow these steps to install and and test a linear gauge example.

TwinCAT HMI Symbol Data

In TwinCAT a variable is called symbol. This symbol can be mapped or linked to PLC variable. Some symbols can be local to HMI server. That means it is not read from PLC. This page will describe how do we make the link between HMI and the PLC. This also explain the event system. So click here to continue.

TwinCAT HMI User Control, View, Region

There are various concept in TwinCAT HMI. User control are reusable block that can be created and used with different parameters. Views are used to show different views of the application. All these are described with tips and tricks. Please follow this link.

TwinCAT HMI CheckBox and ComboBox

Typically we use ComboBox for selecting from a list of items. CheckBox is used to indicate if some variables are true or false in the HMI. Some tips and tricks are described here. It may be easy if you know but if you don’t know then it can take lots of time to find. Please follow this link.

ADS and OPC UA Server

TwinCAT HMI can read data from the PLC, it can read from the custom library (extension) or from the OPC UA Server. The data from the OPC UA server can be treated in the same way as we do for ADS. HMI does not make any difference between from where the data is coming  continue reading with this link.

Historize Data

Coming soon….

Localization

Coming soon….

User Management

Alarms and Events

Recipes

Recipe types and recipes. A recipe type is a general description of a set of symbols, based on these we can create different type of recipes. These are comparable to class (recipe type) in object oriented programming from where we can make instances of class (recipes) with different attributes. Learn more with example.

JavaScript, function and Code Behind

JavaScript is the programming language of HTML and the Web. JavaScript is easy to learn. TwinCAT HMI has a framework that uses JavaScript. In this tutorial, we go through these, follow this.

How to develop TwinCAT HMI Extension

Java script is used heavily in TwinCAT HMI development. What will happen if something can’t be implemented by java script or if we want to isolate our business logic in remote servers and there  it is not possible to implement by java script. TwinCAT HMI provides a way to implement the functionalities and use it as it has been a built in type.  This page will describe how to build extension module for the TwinCAT HMI.

Getting data from PLC JS framework VS extension

We can read or write to PLC variables by different ways, in this article we shall explain how can write data to PLC by JavaScript framework. We can do the same by using direct ADS connection over the network by using ADS library. The sample application read data from the PLC by using 2 ways simultaneously and displays to the UI. Continue reading.

How to develop Communication module between PLC and PC

We can connect a PLC from a laptop by using ADS communication. This interface can be used by different programming language. In this chapter we shall use C# (see our C# tutorial). Continue with this link.

How to publish to HMI Server

When we are satisfied with our development then we need to publish the SCADA /HMI to a remote server so our operator can access it and use it. We need to install HMI Server (not HMI Engineering to the machine). Click on the image below to see how to publish HMI to serves.