WebIQ hat viele Features bereits eingebaut. Damit sind die Zeiten endgültig vorbei, in denen alles von Hand mit viel Code programmiert werden musste, und es dann später trotzdem nur unter Windows lief. Durch die Verwendung der modernen HTML5 Webtechnologie können Sie alles umsetzen, was auch auf jeder anderen Website möglich ist (und das ist ziemlich viel!) und zusätzlich SPS-Daten anzeigen und ihre Maschine über den Browser steuern.
Außerdem ist Webentwicklung im Vergleich zu anderen Programmiersprachen relativ leicht zu lernen und es lassen sich online sehr viele Informationen finden, falls Sie einmal nicht weiterkommen, wenn Sie doch einmal CSS oder JavaScripts selbst erstellen möchten.
Generell jedoch ist es eher selten erforderlich, überhaupt Code zu schreiben – einfach die HMI zusammenklicken und konfigurieren!
Drag & Drop Konfiguration anstelle von Programmierung
Mit seinen mehr als 60 eingebauten Widgets, die detailliert gestyled werden können und mit dunklen und hellen Styles geliefert werden, ist WebIQ direkt vom Start an zum Bau einer HMI perfekt vorbereitet.
Ganz gleich, ob Eingabe- oder Ausgabe-Widgets gefragt sind, ob Gauges oder Trend-Displays, Rezept-Widgets oder Buttons – WebIQ hat sie alle:
- Alarm Widgets
- Buttons und Schalter verschiedenster Arten
- Eingabefelder, Drop-Downs, Datums- und Zeit-Eingabefelder, Checkboxen, Slider
- Bild und Bildwechsel-Widgets
- Text- und Label-Widgets
- Dauer, Prozessstatus, Qualitätsanzeige
- Radiale und lineare Gauges
- Trend-Display-Widgets
- Widgets zur Benutzerverwaltung in der HMI
- Rezeptmanagement-Widgets
- Heartbeat-Widget (zeigt Verbindungsstatus zur SPS an)
- iFrame- und HTML-Widgets, um interne (Web-)Inhalte in die HMI einzubinden
- Composite-Widgets, um eigene Widget-Gruppen zu erstellen und immer wieder zu verwenden
Datenrecorder und Trend-Funktionen
WebIQ beinhaltet einen Datenrecorder, welcher die Daten in einer eingebauten SQLite-Datenbank speichert. Dadurch kann jede einzelne Datenbank (von denen beliebig viele angelegt werden können), bis zu 281 TB an Daten speichern – das reicht für eine Menge Daten. Zur Visualisierung aufgezeichneter Daten werden Trend-Widgets mitgeliefert, die eine Visualisierung der Daten ermöglichen – und zwar sowohl aktueller als auch historischer Daten.
Video: TrendDisplay²
Widgets ohne Code stylen
Um diese Radial Gauge Widget Designs umzusetzen, muss keine einzige Zeile Code geschrieben werden. Das Widget ist nicht nur in WebIQ enthalten, es kann auch sehr einfach konfiguriert werden, indem die Einstellungen wie Schriftgröße und -stil, Position usw. für ultimative Flexibilität gesetzt werden. Und wenn Sie ein solch konfiguriertes Widget in einem anderen Projekt wiederverwenden möchten, können Sie es einfach exportieren und im anderen Projekt wieder importieren!
Auch großartig für Programmierer!
Obwohl WebIQ Designer entwickelt wurde, um es einfach zu machen, HMIs ohne Programmierkenntnisse zu erstellen und zu bearbeiten, ist die Programmierung ebenfalls möglich und erlaubt es, so ziemlich alles, was WebIQ bietet, zu nutzen – vom untersten Code-Level bis zur Darstellung.
Ganz gleich, ob Sie eigene CSS-Klassen erstellen möchten, um Widgets mit CSS zu stylen oder mit Standard-JavaScript eigene LocalScripts und UI-Actions erstellen möchten – all dies ist möglich.
Mit dem integrierten Code-Editor – welcher der gleiche ist, der von Microsoft’s Visual Studio Code verwendet wird – wird die Bearbeitung von CSS und JavaScript sehr effizient durch integrierte Syntaxprüfung und Auto-Complete – und natürlich den optionalen Dark-Mode!
Da WebIQ vom Grund auf mit offenen Webtechnologien entwickelt wurde, ist die Einbindung externer JavaScript- und CSS-Bibliotheken einfach und gut dokumentiert.
Eigene Widgets – sogenannte „Custom Widgets“ – nur mit HTML, JavaScript und CSS zu erstellen, ist ebenfalls eine Option, die viele unserer Kunden in Anspruch nehmen, bietet dies doch die Möglichkeit, sich vom Wettbewerb abzugrenzen.
Webtechnologie ist nicht nur einfach zu lernen – Webentwickler sind auch leichter auf dem Arbeitsmarkt zu finden als Spezialisten für Programmiersprachen, die üblicherweise für Legacy-HMIs verwendet werden.
Außerdem ist wahrscheinlich kaum eine Frage in Bezug auf Webtechnologie bisher online noch nicht beantwortet worden, daher ist es meistens recht einfach, Antworten auf Fragen zu HTML, CSS und JavaScript mit Google zu finden. Natürlich stehen wir ebenfalls für Support auf Anfrage zu Verfügung!
Responsive Design mit Leichtigkeit erstellt
Für die meisten Unternehmen ist sicherlich der Hauptgrund für den Wechsel von einer Legacy-HMI zu einer Web HMI das Responsive Design und die Netzwerkfähigkeit – dass die HMI auf verschiedensten Geräten (Smartphone, Tablet, verschiedene Maschinen-Display) und von überall auf der Welt erreichbar ist
Durch die in WebIQ eingebauten Responsive-Layout-Funktionen kann sich die HMI leicht an unterschiedliche Bildschirmauflösungen anpassen – und das alles auf der Basis modernster Webtechnologie-Funktionen wie Flex-Layout und Wrapping:
Unterstützung für Theming
Da WebIQ vollständig auf offenen Webtechnologien basiert, ist das benutzerspezifische Styling von Widgets nicht nur über das im WebIQ Designer eingebaute Instanz-Styling (IQ-Styling) – es ist außerdem möglich, eigenen CSS-Code zu schreiben, der die WebIQ-Widgets wie gewünscht aussehen lässt.
Damit ist es zum Beispiel auch möglich, unterschiedliche Themes für die gleiche HMI zu erstellen wie etwa die Tag/Nacht-Themes, die wir für STADLER erstellt haben.
Hier ist eine weitere HMI, die zeigt, wie einfach man das Styling für theme-artige Effekte ändern kann:
Tipp: Benutzen Sie den Slider in der Mitte
WebIQ Designer: WYSIWYG Editor
Web HMIs lassen sich durch den im WebIQ Designer integrierten WYSIWYG-Editor („What You See Is What You Get“) einfach erstellen, da Sie direkt sehen, wie ihre HMI aussehen wird.
Instant-Vorschau für mobile Geräte
Sobald Sie etwas im WebIQ Designer an Ihrer HMI verändern, können Sie dies direkt in einem beliebigen Browser oder direkt auf dem Smartphone oder Tablet im Netzwerk ansehen – es ist nicht erforderlich, dafür etwas besonderes zu tun. Öffnen Sie einfach die Vorschau-Adresse im Browser auf Ihrem Smartphone und Sie sehen direkt die HMI wie Sie im WebIQ Designer gerade konfiguriert ist. Wenn Sie nun etwas ändern – wie z.B. ein Widget hinzuzufügen – reicht es aus, die Seite im Browser auf dem Smartphone neu zu laden, um die Änderungen direkt zu sehen! Das macht das Testen der HMI für Mobilgeräte wirklich einfach!
Das folgende Bild zeigt den Layout Manager des WebIQ Designer mit geöffneter Widget-Liste und Hierarchie. Normalerweise sieht man natürlich mehr von der HMI als in diesem Screenshot.
Es gibt noch so viel mehr…
Wir könnten hier noch viel mehr von dem präsentieren, was WebIQ alles beinhaltet. Aber es gibt einen viel besseren Weg für Sie: warum testen Sie nicht einfach WebIQ einmal selbst? Es ist kostenlos, Sie verpflichten sich zu nichts und können WebIQ ohne Beschränkungen 30 Tage lang testen. Und falls das nicht ausreicht, schreiben Sie uns einfach eine Nachricht und wir senden Ihnen gerne einen neuen 30-Tage-Lizenzschlüssel kostenlos zu.
