Einleitung

Alles in 1 Projekt

Innerhalb desselben CODESYS-Projekts erstellen Sie mit CODESYS Visualization die passende Benutzeroberfläche für Ihre Applikation. Sie verknüpfen die Visualisierung mit den Applikationsvariablen und können sie somit animieren und Daten darstellen lassen. Beim Erstellen von Visualisierung und Applikation nutzen Sie gemeinsame Funktionen, wie beispielsweise die Bibliotheks- und Quellcodeverwaltung oder projektweites Suchen und Ersetzen.

Hinweise und Tipps für das beste Vorgehen beim Konfigurieren und Erstellen einer Visualisierung finden Sie im Dokument "Best Practises, Visualisierung". Es wird im PDF-Format mit der CODESYS-Installation bereitgestellt.

Überblick über die Funktionalität

Anzeigevariante je nach Zielplattform

Sie können die gleiche Visualisierung auf verschiedenen Zielplattformen ausführen. Mögliche Anzeigevarianten sind CODESYS WebVisu, CODESYS TargetVisu. Darüber hinaus ist ein Display in das Entwicklungssystem integriert.
Visualisierungs-Editor

Im grafischen Editor gestalten Sie die gewünschte Benutzeroberfläche aus Visualisierungselementen. Die Visualisierungselemente werden über Bibliotheken in einer "ToolBox" bereitgestellt. Sie ziehen sie in den Editorbereich und passen sie mit Hilfe eines Eigenschaftskonfigurators an.
Referenzierbare Visualisierungen

Eine Visualisierung kann in anderen Visualisierungen referenziert werden. Dies ermöglicht die Erstellung von Benutzeroberflächen mit komplexer Struktur. Zu diesem Zweck bietet CODESYS Visualization auch vordefinierte Visualisierungen, z.B. für Dialoge.
Einfache Designänderung

Die einfache Änderung des Look & Feel einer Visualisierung ist an einer Stelle möglich, indem ein anderer Visualisierungsstil erstellt wird.
Multilingualism

Mit Hilfe von Textlisten können Sie bequem Visualisierungstexte in mehreren Sprachen erstellen. Sie können ein Benutzereingabeelement für die Umschaltung auf eine andere Sprache im Online-Modus konfigurieren.
Benutzerverwaltung

Sie können für die Visualisierung eine eigene Benutzerverwaltung zur Zugriffskontrolle bis auf die Ebene der einzelnen Elemente einrichten.
Andere nützliche Funktionen

Funktionsblockinstanzen von Visualisierungen, Array-Zugriffe auf die Visualisierung, Echtzeit-Datenlogging, Erweiterbarkeit des Pools von Visualisierungselementen, Bereitstellung von Grafikobjekten über Symbolbibliotheken, Aufruf von SPS-Funktionen aus der Visualisierung, Wiederverwendbarkeit von Visualisierungen durch Ablage in Bibliotheken.

Tab. 654: Übersicht über die für die Visualisierung relevanten Objekte, Editoren, Repositories etc. in der CODESYS Development System

Visualisierung	Objekt unterhalb einer Anwendung im Gerätebaum oder im POUs-Pool, das ein Visualisierungsbild enthält. Eine Visualisierung kann auf andere Visualisierungen verweisen.
Visualisierungseditor und zusätzliche Ansichten	In diesem IEC 61131-3-konformen Editor können Sie aus Visualisierungselementen die gewünschten grafischen Benutzeroberflächen, Panels, Dialoge etc. erstellen. Der Editor setzt sich aus folgenden Komponenten zusammen: Grafik-Editor-Bereich zum Anordnen der Elemente „Interface Editor“: für die Parametrisierung der Visualisierung „Hotkey-Konfiguration“: Editor zur Definition von Tasten für den Online-Betrieb „Elementliste“: Übersicht über alle verwendeten Visualisierungselemente, Editor für die Position der Elemente auf der z-Achse Die folgenden Ansichten sind ebenfalls verfügbar: „ToolBox“: Ansicht für die Bereitstellung von Visualisierungselementen „Eigenschaften“: Ansicht mit Editor für die Konfiguration des Elements, das gerade den Fokus im grafischen Editor hat
Element der Visualisierung	Fertige Elemente aus den Visualisierungsbibliotheken stehen in der Ansicht Werkzeuge des Visualisierungseditors zum Einfügen bereit.
Profil der Visualisierung	Das Profil legt fest, welche Visualisierungselemente verfügbar sind. Jedes Projekt, das eine Visualisierung enthält, basiert auf einem solchen Profil (Projekteinstellungen).
Visualisierungsstile	Der gewählte Stil bestimmt das "Look & Feel" der Elemente. Sie wird anwendungsweit im Visualisierungsmanager eingestellt. Es werden gebrauchsfertige Stile angeboten, und Sie können auch Ihre eigenen erstellen.
Manager für Visualisierung	Jede Anwendung hat einen eigenen Visualisierungsmanager für ihre Visualisierungen mit verschiedenen Einstellungen wie Benutzerverwaltung, Stil, Sprache, Eingabetyp usw. Das Objekt „Visualization Manager“ wird in den Gerätebaum unterhalb der Anwendung eingehängt.
Variante anzeigen	Eine Visualisierung kann im Online-Modus in folgenden Varianten dargestellt werden, die als Objekte unter dem Visualisierungsmanager angelegt werden: CODESYS TargetVisu (Zielvisualisierung und Remote-Zielvisualisierung auf SPS-Geräten) CODESYS WebVisu (Web-Visualisierung über einen Web-Browser) In das Entwicklungssystem integrierte Visualisierung
Bibliothek zur Visualisierung	Sammlung von Visualisierungselementen, die in der Toolbox enthalten sind.
Symbolbibliothek	Sammlung von Bildern und Grafiken, die Sie in Visualisierungen verwenden können. Beim Einfügen eines Visualisierungsobjekts können Sie wählen, ob die installierten Systembibliotheken im Projekt verfügbar sein sollen.
Repository für Visualisierungselemente	Repository für die Verwaltung der Visualisierungsprofile und der Bibliotheken der Visualisierungselemente.
Repository für Visualisierungsstile	Repository für die Verwaltung von Visualisierungsstilen.
VISU_TASK	Diese Aufgabe ist automatisch als Objekt in der Aufgabenkonfiguration einer Anwendung vorhanden, sofern unter dem Visualisierungsmanager auch ein Objekt für eine Anzeigevariante vom Typ WebVisu oder TargetVisu eingefügt ist.

Systemübersicht und Mechanismus, Anzeigevarianten

Die in CODESYS erstellten Benutzeroberflächen können in verschiedenen Darstellungsvarianten verwendet werden, je nachdem, welche die verwendete Steuerung unterstützt.

Die Anzeigevarianten

Visualisierung ("Diagnose-Visualisierung") integriert in die CODESYS Development System:

Die integrierte Visualisierung im Entwicklungssystem ist ideal für Anwendungstests, für Service- oder Diagnosezwecke und für die Inbetriebnahme einer Anlage. Sobald eine Verbindung zur Steuerung hergestellt ist, schaltet der Visualisierungseditor um und animiert die angezeigten Elemente. Diese Variante ist Teil des kostenlosen CODESYS Development System und kann unabhängig von der verwendeten Steuerung immer verwendet werden.
CODESYS WebVisu:

Bei dieser Variante handelt es sich um eine webbasierte Darstellung der Benutzeroberfläche in einem Standardbrowser (PCs, Tablets, Smartphones), die den Fernzugriff, die Fernüberwachung sowie die Wartung und Diagnose einer Anlage über das Internet ermöglicht. Ein Standard-Webbrowser kommuniziert per Java Script (optional mit SSL-Verschlüsselung) mit dem Webserver in der Steuerung und stellt die Visualisierung mittels HTML5 dar. Diese Technologie wird von nahezu allen Browsern unterstützt und ist somit auch auf Endgeräten mit iOS oder Android verfügbar.
CODESYS TargetVisu:

Diese Variante läuft unabhängig von der Plattform auf Steuerungssystemen mit integriertem Display. Logikanwendung und Benutzeroberfläche laufen auf demselben Gerät; die Benutzeroberfläche wird direkt auf dem Steuergerät angezeigt. Diese Variante ist für die Bedienung und Überwachung von Maschinen und Anlagen geeignet. Für die Nutzung von CODESYS TargetVisu ist eine optionale Erweiterung des Laufzeitsystems erforderlich.