Beispiel 10.5: Prozessvisualisierung im Web-Browser

Für das Projekt B10_5_Webvisualisierung.project^1,2) aus den vorherigen Beispielen soll eine Webvisualisierung zum Bedienen und Beobachten im Internet bereitgestellt werden. Hierzu ist in Codesys unter „Geräte/VisualizationManager” eine Webvisualisierung anzulegen. Dabei ist wie in diesem Video gezeigt anzugeben:

• die Prozessvisualisierung Visualisierung, die im Webclient dargestellt werden soll,
• der Name der HTML-Seite webvisu.htm, die im Client angezeigt werden soll,
• die Aktualisierungsrate (z. B. 200 ms ), mit der die Items im Client aktualisiert werden sollen,
• die Speichergröße (z. B. 50 kB ) für die zu übertragenen Daten.

Nun ist die Soft-SPS „Codesys Win V3” vom Desktop aus zu starten. Danach ist das Projekt in die Soft-SPS zu laden und zu starten. Dann kann man auf demselben PC den Webbrowser starten und die URL des Webservers in der Soft-SPS 127.0.0.1/webvisu.htm eingeben. Der Server sendet dem Client die Internet-Seite webvisu.htm mit dem JavaScript webvisu.js zurück. Drückt der Bediener auf das Symbol des Ventils, so erkennt das JavaScript den Wertwechsel für die Variable YS und überträgt den neuen Wert an den Web-Server, wo er der Variablen im SPS-Programm zugewiesen wird. Dadurch wird im SPS-Programm das Ventil YS aufgefahren und danach die Pumpe gestartet, so dass der Füllstand im Behälter ansteigt, bis der Niveauschalter LSH erreicht ist.