HMIEdge

Die Funktionalität von HMIEdge unterteilt sich in drei wesentliche Aspekte:

• Fensterverwaltung - alle notwendigen Fenster in einem gemeinsamen Rahmen
• Bridge-Funktionalität - Zugang zum Betriebsystem für web-basierte HMIs
• Bereitstellung einer Web-API zur Steuerung von HMIEdge durch andere Systeme oder SPSen

HMIEdge zur Fensterverwaltung

HMIEdge wurde als Fensterverwaltungssystem mit Fokus auf browserbasierte HMI-Systeme entwickelt. Weiterhin lassen sich auch Fenster "normaler" Desktop-Anwendungen integrieren. HMIEdge kann damit sämtliche Fenster zur Visualisierung, Steuerung und Wartung einer Station oder eines Arbeitsplatzes innerhalb eines gemeinsamen Rahmens darstellen. Im Vollbild-Modus von HMIEdge wird so der unnötige und ungewollte Zugriff des Users auf die Betriebssystem-Oberfläche verhindert - im Fokus steht HMIEdge und damit alle relevanten Fenster zum Betrieb des Arbeitsplatzes in einem übersichtlichen Rahmen.

Beispiel-Konfiguration der Fensterverwaltung

In HMIEdge werden Fenster vorab konfiguriert, die dann von der HMI angesprochen werden können. Dadurch hat der Anwender die volle Kontrolle darüber, wie diese Fenster angezeigt werden und welche Funktionen sie haben.

Es ist aber auch möglich, ein Browser-Fenster oder ein Fenster einer Desktop-Anwendung im Betrieb zu öffnen und in HMIEdge, das im Vollbildmodus läuft, zu platzieren. Weiterhin lassen sich interne HTML-Seiten erstellen, die von HMIEdge gesteuert werden können. Das folgende Beispiel zeigt HMIEdge im Vollbildmodus mit drei geöffneten Fenstern.

Das Fenster, das sich oben befindet, ist eine interne HTML-Seite, die als Header fungiert. Diese Seite kann individuell angepasst werden und dient dazu, die anderen Seiten zu steuern.

Das Fenster links ist eine web-basierte HMI-Seite, die auch als Startseite konfiguriert ist. Sie ist so konfiguriert, dass sie vom Benutzer nicht geschlossen werden kann.

Das Fenster rechts ist eine Windows-Anwendung, die gestartet und in HMIEdge eingebettet wird.

All das sorgt dafür, dass der User nie Zugriff auf das Desktopsystem bekommt und eigentlich auch das HMI-System nie verlassen muss.

Es gibt die folgenden Möglichkeiten Fenster zu positionieren:

Bei Verwendung von Dock.Fill werden alle Fenster, die diese Einstellung besitzen, in der "Overview"-Ansicht nebeneinander angezeigt. Ist die "Overview" deaktiviert, werden einzelne Tabs für die Umschaltung verwendet.

Die Steuerung der Fenster kann über die window.open Methode von JavaScript erfolgen. Als "target" der open-Methode wird der konfigurierte Name des Fensters übergeben. Eine weitere Möglichkeit bieten auch die HMIEdge-internen Schnittstellen, die in der Sektion "Schnittstellen" näher beschrieben werden.

parent.window.open('https://server/WebRH','WINCC');

Bridge-Funktionalität

Ein weiterer Aspekt von HMIEdge ist seine "Bridge"-Funktion für web-basierte HMIs. Eine Webanwendung läuft in der "Sandbox" des Browsers, isoliert von der Hardware und dem Betriebssystem des Hosts. Daher ist es für eine Webanwendung normalerweise nicht möglich, Informationen über die Hardware abzurufen oder andere Funktionen des Hostsystems (z.B. Schreiben oder Lesen von Dateien) zu verwenden. Genau hier schafft die Bridge-Funktion mit den Schnittstellen von HMIEdge Abhilfe. In HMIEdge konfigurierte Schnittstellen erlauben web-basierten Anwendungen beispielsweise HMIEdge zu steuern oder den Zugriff auf Resourcen des Hostsystems.

Schnittstellen

Für die Bridge-Funktionalität bietet HMIEdge eine Reihe von Schnittstellen an, mit denen Webanwendungen per JavaScript mit HMIEdge oder dem Hostsystem kommunizieren können.

Aktuell werden folgende Schnittstellen unterstützt:

• HMIEdgeBridge: Dient der Steuerung von HMIEdge.
• HostEnvironmentBridge: Bietet Zugriff auf die Hostumgebung, beispielsweise zum Auslesen von Daten wie "aktueller User", "Rechnername", von Umgebungsvariablen usw..
• ProcessBridge: Ermöglicht es Prozesse auf dem Hostsystem zu starten, abzufragen oder zu beenden.
• FileSystemBridge: Ermöglicht den Zugriff auf das Dateisystem des Hosts.
• DnsBridge: Ermöglicht das Abfragen des DNS (Domain Name System).
• PipeBridge: Ermöglicht die Kommunikation über Named Pipes.
• HttpClientBridge: Ermöglicht die Verwendung eines http-Clients, unabhängig vom aktuellen Browser.

Aus Sicherheitsgründen ist der Zugriff auf Schnittstellen eingeschränkt. Jede Schnittstelle muss daher vor ihrer Verwendung freigegeben werden.

Die Schnittstellen können über verschiedene Wege eingebunden werden (Web-Messages, JavaScript, ...). Wir unterstützen Sie mit Implementierungen für Schnittstellen-Clients und Beispieldateien.

Web API von HMIEdge

HMIEdge bietet auch eine Web API an, mit der HMIEdge von einem externen System aus gesteuert und abgefragt werden kann.

Damit ist auch eine Steuerung von HMIEdge durch eine SPS ist möglich: hierzu haben wir, basierend auf den von Siemens bereitgestellten LHTTP- und LStream-Bausteinen, eigene Bausteine für die Web-API-Kommunikation mit der SPS entwickelt.

Auch hierzu liefern wir Beispieldateien und Implementierungen für Ihre Clients der HMIEdge Web API und die Anbindung der SPS an HMIEdge.

Weitere Funktionen

Virtuelle Verzeichnisse

Um den Zugriff auf lokale Ordner zu ermöglichen, können für jedes Fenster mehrere Zuordnungen eines virtuellen Hostnamens zu einem lokalen Ordner (VirtualHostNameToFolderMapping) konfiguriert werden:

"VirtualHostNameToFolderMapping": [
    "pictures.folder": "C:\\Temp\\pictures"
]

Dies kann beispielsweise dazu eingesetzt werden, lokal gespeicherte Bilder in einer Website anzuzeigen.

<img src="http://pictures.folder/image1.png" />

Anpassbarkeit

HMIEdge ist in großem Umfang auf ihre Bedürfnisse anpassbar.

HTML-Seiten

HMIEdge wird mit einem Standardsatz von Steuerelementseiten installiert, auf die über die Adresse https://hmi.edge/ zugegriffen werden kann. Diese Seiten befinden sich im Anwendungsordner im Unterordner assets udn enthält einige Quellen wie:

• Home.html: Default Homepage. (https://hmi.edge/Home.html)
• HeaderPage.html: Enthält Tab-Schaltflächen, die eine Schaltfläche für jede geöffnete Inhaltsseite anzeigen. (https://hmi.edge/HeaderPage.html)
• ControlsPage.html: Enthält eine Reihe von Steuerelementen zur Steuerung von HMI Edge. (https://hmi.edge/ControlsPage.html)

Dies ist jedoch nur ein Ausgangspunkt und kann für spezielle Anforderungen erweitert werden. Bei Bedarf kopieren Sie den Assets-Ordner an einen anderen Speicherort, passen die Dateien entsprechend an und ändern die Konfiguration von HmiEdgeAssetsLocation zum neuen Zielspeicherort.

Dadurch haben Sie die volle Kontrolle über das Erscheinungsbild der erweiterten HMIEdge-Benutzeroberfläche.