TwinCAT integriert das Human Machine Interface direkt in die gewohnte Engineering-Umgebung von Visual Studio. Die Programmierung entfällt; die Konfiguration erfolgt bequem über den grafischen Editor. So einfach die Konfiguration, so anpassungsfähig das Handling: Unabhängig von Betriebssystem, Browser und Device agiert diese webbasierte Lösung \’responsive\‘ – basierend auf HTML5 und Java Script. Die leistungsfähige Basisarchitektur ermöglicht zahlreiche Anwendungsszenarien: von der lokalen Panel-Lösung bis zu Multi-Client-, Multi-Server- und Multi-Runtime-Konzepten. Individuelle Erweiterungen sind über definierte Schnittstellen schnell realisierbar; der Mix aus Standardgrafik-Controls und eigenen Designelementen erleichtert die Individualisierung.
Einfachheit
Ein HMI muss einfach sein. Das beginnt beim Engineering-Prozess. Mit der Integration des TwinCAT HMI in Visual Studio ist dies gelungen: Der grafische What-you-see-is-what-you-get (WYSIWYG)-Editor ermöglicht es, einfache Controls aus einer Toolbox auf der Oberfläche anzuordnen und mit Echtzeitvariablen zu verbinden. Außerdem lassen sich User Controls aus den einfachen Controls zusammenbauen und parametrieren, sodass der Baukasten von Controls einfach erweiterbar ist. Zur Erzeugung aufwendiger ergonomischer Seiten können auch fertige HTML5-Vorlagen – z.B. von Designspezialisten – eingebunden werden. Die Logik des HMI kann, je nach Erfahrung und Anwendung, entweder clientseitig in JavaScript oder als sogenannte Server Extension implementiert werden. Die Server-Extension bietet die Möglichkeit, Erweiterungen in C++ oder .NET zu schreiben. Damit kann ein maximaler Know-how-Schutz erreicht werden. Abhängig von der jeweiligen Auflösung und Orientierung passt sich das HMI automatisch an. Damit kann eine Seite für verschiedene Display-Größen, Seitenverhältnisse und Orientierungen verwendet werden. Da die Browser auf unterschiedlichen Hardware-Plattformen und Betriebssystemen verfügbar sind, kann das TwinCAT HMI ohne neue Compilierung oder Anpassung auf allen Plattformen – von ARM- über Core-i-Prozessoren bis hin zum Many-Core-Rechner – ausgeführt werden.
Integration
Die Gestaltung des HMI mit verschiedenen Seiten findet im Visual Studio statt. Ein grafischer Editor bietet die Möglichkeit, Controls auf der Oberfläche zu platzieren und zu parametrieren. Neben den optischen Parametern wie Größe und Farbe muss natürlich auch die Verbindung zu den Variablen, z. B. aus der SPS oder aus einem C++-Modul, erstellt werden. Hier helfen die verschiedenen Wizards. Um schon beim Design eines HMI die Anzeige von Onlinewerten sehen zu können, lässt sich die konstruierte HMI-Seite mit den Variablen direkt animieren. Natürlich sind auch in diesem Live-Modus Modifikationen möglich. Auch die Anbindung aller Daten in einer Sourcecode-Datenbank wie dem Team Foundation Server oder der Subversion ist möglich, sodass Teamarbeit auch im Bereich des HMI einfacher und besser nachvollziehbar wird.
Design in HTML5
Weltweit steht mit HTML5 eine Technologie zum Design von Webseiten zur Verfügung, die sowohl einfach als auch performant ist und erfolgreich von allen großen Betreibern von Websites eingesetzt und vorangetrieben wird, sodass \’lebende\‘ Websites kein Problem mehr darstellen. Nun kommt HTML5 auch in TwinCAT HMI zum Einsatz – mit dem Ergebnis, dass viele tausend Designer für moderne und ergonomische HMI-Seiten zur Verfügung stehen und zahlreiche Browser Engines zur Darstellung dieser Websites genutzt werden können.
