Blog - Web IQ Web HMI by Smart HMI

ctrlX CORE mit WebIQ – Detailliertes Tutorial

Geschrieben von smarthmi | April 5, 2023

Wie wäre es mit einer detaillierten Schritt-für-Schritt-Anleitung für WebIQ auf ctrlX, die alle Schritte von einer leeren HMI bis hin zu einer vollständigen HMI mit Trend-Display, Gauges, Buttons und Verbindung zu einem OPC-UA-Server zeigt?

Software-Entwickler, Influencer und Anbieter von Online-Schulungen Rajvir Singh – Gründer von Code & Compile – hat eine zweiteilige Videoserie erstellt, die genau dies zeigt.

Nachdem er zuerst eine Einleitung in WebIQ gegeben hat und zeigt, wie WebIQ heruntergeladen und installiert werden kann, geht es danach direkt an die Erstellung eines neuen Projektes zusammen mit ihm. In diesem Projekt wird eine HMI erstellt, welche einen Header, einen Footer und einen Inhaltsbereich enthält und die außerdem komplett responsiv ist, da sie alle WebIQ-Funktionen für responsives Design anwendet.

Außerdem wird gezeigt, wie man ein Panel – in diesem Fall ein Swipe-Panel – verwendet, um die HMI in einzelne Bereiche zu unterteilen und wie die HMI mit einer OPC-UA-Datenquelle verbunden wird. Weiterhin werden einfach Items aus einem OPC-UA-Server in WebIQ importiert und ein Recorder erstellt und im Anschluss in diesem aufgezeichnete Daten in einem Trend-Display visualisiert.

Sie lernen außerdem, warum Labels und Units direkt beim Item konfiguriert werden sollten, so dass sie automatisch von jedem Widget genutzt werden, welches das jeweilige Item verwendet – das kann eine Menge Zeit sparen.

Schlussendlich wird das Projekt dann auf ctrlX CORE mittels WebIQ’s eigenem Remote Manager übertragen und gezeigt, wir ein Projekt im WebIQ Server gestartet und gestoppt werden kann.

Dazu wird im Beispielprojekt in Teil 2 der Videoreihe ein Laufband über die HMI gestartet und gestoppt – dieses enthält auch einen Scanner, der die Anzahl der Objekte protokolliert. Dazu wird eine Siemens S7-1500 einfach per OPC-UA in wenigen Schritten mit WebIQ verbunden.

Zum Abschluss wird dann noch gezeigt, wie Alarme angelegt und Dialoge integriert werden können.

Sehen Sie sich hier einfach den kompletten Kurs direkt an und erstellen Sie die HMI zusammen mit ihm: