dl-breadcrumbs__homedl-breadcrumb-item__separatorKonfiguration und Programmierungdl-breadcrumb-item__separatorProgrammieren mit CODESYSdl-breadcrumb-item__separator...dl-breadcrumb-item__separatorCODESYS Visualizationdl-breadcrumb-item__separatorTutorialdl-breadcrumb-item__separatorKühlschranksteuerung visualisieren
dl-pagination__prev-inactivedl-pagination__prev-activedl-pagination__next-inactivedl-pagination__next-active
Kühlschranksteuerung visualisierendl-permalink__symbolPermanentlink

In dieser Anleitung zeigen wir Ihnen anhand eines konkreten Beispiels, wie Sie Visualisierungen zum Projekt hinzufügen und die Elemente der Visualisierung mit den Variablen des Steuerprogramms verbinden.

Vorbereitung

Diese Anleitung basiert auf dem Beispielprogramm ‎RefigeratorControl‎, das im Kapitel "Ihr erstes Programm in CODESYS" erstellt wird. Das fertige Programm finden Sie im Installationsverzeichnis von CODESYS im Unterordner "Projects" liegt.

Anlegen der Visualisierungen

Die Visualisierung besteht aus folgenden drei Visualisierungsbildern:

  • ‎Visualization‎: Bedienelemente und Anzeigen des Kühlschranks

  • ‎Diagnosis‎: Verlauf der Soll-/ und Isttemperatur, Einstellen der Parameter

  • ‎Live-Visu‎: Animation mit Kühlschrank

  1. Selektieren Sie das Objekt „Application“ im Gerätebaum.

  2. Wählen Sie den Befehl „Projekt  Objekt hinzufügen  Visualisierung“.

  3. Geben Sie ‎Live_Visu‎ als Namen ein.

  4. Legen Sie zwei weitere Visualisierungen mit den Namen ‎Diagnosis‎ und ‎Visualization‎ an.

Aufbau der Visualisierung ‎Visualization‎

Dieses Bild besteht aus Bedien- und Anzeigeelementen, die den Kühlschrank steuern.

_visu_img_tutorial_refrigerator_elements_control

  • (1) Numerische Anzeige der Isttemperatur

  • (2) Zeigerinstrument zur Anzeige der Isttemperatur

  • (3) Numerische Anzeige der Solltemperatur

  • (4) Potentiometer zur Einstellung der Solltemperatur

  • (5) Beschriftung für Kompressorlampe

  • (6) Lampe für Kompressor ein

  • (7) Beschriftung für Signallampe

  • (8) Lampe für Signal "Türe schließen"

  • (9) Schalter zum Öffnen und Schließen der Kühlschranktür

  1. Öffnen Sie die Visualisierung ‎Visualization‎ im Editor.

  2. Ziehen Sie ein Visualisierungselement „Rechteck“ in den Editor.

    Ändern Sie folgende Eigenschaften

    • „Texte  Text“: ‎Actual temperature: %2.1f °C‎

    • „Textvariablen  Textvariable“: ‎Glob_Var.rTempActual‎

  3. Ziehen Sie ein Visualisierungselement „Zeigerinstrument 180°“ in den Editor.

    Ändern Sie folgende Eigenschaften

    • „Wert“: ‎Glob_Var.rTempActual‎

    • „Skala  Skalenende“: 20

    • „Skala  Hauptskala“: 5

    • „Skala  Unterskala“: 1

  4. Ziehen Sie ein Visualisierungselement „Rechteck“ in den Editor.

    Ändern Sie folgende Eigenschaften

    • „Texte  Text“: ‎Temperature presetting: %.1f °C‎

    • „Textvariablen  Textvariable“: ‎Glob_Var.rTempSet‎

  5. Ziehen Sie ein Visualisierungselement „Potentiometer“ in den Editor.

    Ändern Sie folgende Eigenschaften

    • „Variable“: ‎Glob_Var.rTempSe‎t

    • „Hintergrund  Farbe Hintergrund“: „Gelb“

    • „Zeiger  Farbe“: „rot“

    • „Skala  Unterskalenposition“: „Außen“

    • „Skala  Skalenanfang“: 3

    • „Skala  Skalenende“: 13

    • „Skala  Unterskala“: 1

    • „Skala  Hauptskala“: 1

    • „Beschriftung  Einheit“: °C

    • „Beschriftung  Skalenformat (C-Syntax)“: %.0f

    • „Beschriftung  Max. Breite der Beschriftungen“: 21

    • „Beschriftung  Höhe der Beschriftung“:15

  6. Ziehen Sie ein Visualisierungselement „Beschriftung“ in den Editor.

    Ändern Sie folgende Eigenschaften

    • „Texte  Text“: ‎Cooling compressor‎

  7. Ziehen Sie ein Visualisierungselement „Lampe“ in den Editor. Positionieren Sie es hinter dem Text ‎Cooling compressor‎"

    Ändern Sie folgende Eigenschaften

    • „Variable“: ‎Glob_Var.bCompressor‎

  8. Ziehen Sie ein Visualisierungselement „Beschriftung“ in den Editor.

    Ändern Sie folgende Eigenschaften

    • „Texte  Text“: ‎Signal (Beep)‎

  9. Ziehen Sie ein Visualisierungselement „Lampe“ in den Editor. Positionieren Sie es hinter dem Text "Signal (Beep)"

    Ändern Sie folgende Eigenschaften

    • „Variable“: ‎Glob_Var.bSignal‎

    • „Hintergrund  Bild“: ‎Rot‎

  10. Ziehen Sie ein Visualisierungselement „Rechteck“ in den Editor.

    Ändern Sie folgende Eigenschaften

    • „Texte  Text“:‎Door open‎

  11. Ziehen Sie ein Visualisierungselement „Kippschalter“ in den Editor.

    Ändern Sie folgende Eigenschaften

    • „Variable“: ‎Glob_Var.rDoorOpen‎

Aufbau der Visualisierung ‎Diagnosis‎

In diesem Bild können Sie den Temperaturverlauf beobachten und die Parameter optimieren.

_visu_img_tutorial_refrigerator_diagnosis

  • (1) Elemente „Beschriftung“ für die Überschrift

  • (2) Element „Trace“ zur Darstellung des Temperaturverlaufs

  • (3) Elemente „Rechteck“ zur Anzeige der Werte

  1. Öffnen Sie die Visualisierung ‎Diagnosis‎ im Editor.

  2. Ziehen Sie ein Visualisierungselement „Beschriftung“ in den Editor.

    Ändern Sie folgende Eigenschaften

    • „Texte  Text“: Refrigerator Diagnosis & Service Menu

    • „Texteigenschaften  Schriftart“: Arial, Standard, 18

  3. Ziehen Sie ein Visualisierungselement „Trace“ in den Editor.

  4. Klicken Sie auf den Wert ‎Diagnosis_Trace1‎ der Eigenschaft „Trace“.

    Es öffnet sich der Dialog „Tracekonfiguration“.

  5. Wählen Sie für „Task“ die Task „MainTask“ aus.

  6. Klicken Sie auf den Link „Variable hinzufügen“.

    Es wird eine Variable zum Trace hinzugefügt. Die Variableneinstellungen werden im Dialog angezeigt.

  7. Wählen Sie für Variable die Variable ‎Glob_Var.bCompressor‎ aus.

  8. Fügen Sie die Variablen ‎Glob_Var.rTempSet‎ und ‎Glob_Var.rTempActual‎ zum Trace hinzu. Für die weiteren Einstellungen können Sie die Standardwerte übernehmen.

  9. Schließen Sie den Dialog mit „OK“.

  10. Ziehen Sie ein Visualisierungselement „Rechteck“ in den Editor. Platzieren Sie es rechts neben dem Element Trace.

    Ändern Sie folgende Eigenschaften

    • „Texte  Text“: %s

    • „Textvariablen  Textvariable“: PLC_PRG.rHysteresis

  11. Konfigurieren Sie die Eingabekonfiguration „OnMouseDown“ des Elements. Klicken Sie dazu auf „Eingabekonfiguration  OnMouseDown  Konfigurieren...“

    Der Dialog „Eingabekonfiguration“ öffnet sich.

  12. Weisen Sie der Aktion den Befehl „Variable schreiben“ zu. Übernehmen Sie die Standardwerte und klicken Sie auf „OK“.

  13. Ziehen Sie ein Visualisierungselement „Beschriftung“ in den Editor. Platzieren Sie es über dem ersten Rechteck.

    Ändern Sie folgende Eigenschaften

    • „Texte  Text“: Hysteresis Regulator

  14. Passen Sie die Größe und die Position der beiden Elemente an.

  15. Selektieren Sie die beiden Elemente „Rechteck“ und „Beschriftung“ und vervielfältigen Sie sie mit Kopieren und Einfügen.

  16. Passen Sie die Überschriften und Variablen der kopierten Elemente an

    • „Text“: ‎Compressor Efficiency‎, „Textvariable“: ‎Simulation.P_Cooling‎

    • „Text“: ‎Environment Efficiency‎, „Textvariable“: ‎Simulation.P_Environment‎

    • „Text“: ‎Environ. Efficiency DoorOpen Sim‎, „Textvariable“: ‎Simulation.P_EnvironmentDoorOpen‎

    • „Text“: ‎Time until Beep for DoorOpen‎, „Textvariable“: ‎Glob_Var.timDoorOpenThreshold‎

    • „Text“: ‎Time until Beep for Compressor On‎, „Textvariable“: ‎Glob_Var.timAlarmThreshold‎

Aufbau der Visualisierung 'Live-Visu'

Dieses Bild besteht aus der Darstellung eines Kühlschranks. Der Kühlschrank ist aus mehreren Visualisierungselementen vom Typ Polygon zusammengesetzt. Die Türe des Kühlschranks ist sowohl geschlossen als auch im offenen Zustand gezeichnet. Beide Türen bestehen aus einer Gruppe von Einzelelementen.

_visu_img_tutorial_refrigerator_elements

  1. Öffnen Sie die Visualisierung ‎Live_Visu‎ im Editor.

  2. Selektieren Sie das Visualisierungselement „Polygon“ in der Ansicht „Visualisierungswerkzeuge“.

  3. Klicken Sie mehrfach in den Editor und spannen damit eine Fläche auf. Beenden Sie das Hinzufügen von Eckpunkten mit einem Rechtsklick.

  4. Verschieben Sie die Eckpunkte an die gewünschte Position, so dass das Element (1) entsteht.

    _visu_img_tutorial_polygon1

  5. Selektieren Sie das Element.

    Verändern Sie folgende Eigenschaften:

    • „Farben  Farbverlauf verwenden“: _cds_icon_option_activated

    • „Aussehen  Linienart“: „Unsichtbar“

  6. Klicken Sie in die Eigenschaft „Farben  Farbverlauf verwenden“

  7. Wählen Sie im Dialog „Farbverlaufeditor“ bei „Farbe 1“ die Farbe „Grau“.

    _visu_img_tutorial_polygon2

  8. Erstellen Sie alle weiteren Elemente mit dem Visualisierungselement „Polygon“.

  9. Gruppieren Sie die Elemente der geschlossenen Türe (2+3+4) und der offenen Türe (5+6+7+8). Selektieren Sie dazu die Elemente mit gedrückter [Umschalt]-Taste und wählen Sie den Befehl „Visualisierung  Gruppe“.

  10. Schieben Sie nun die Elemente zusammen, so dass der fertige Kühlschrank entsteht. Legen Sie die offene Türe dabei exakt auf die geschlossene Türe.

  11. Selektieren Sie die Gruppe "Offene Türe".

  12. Doppelklicken Sie in den Eigenschaften auf das Eingabefeld für „Zustandsvariable  Unsichtbarkeit“.

  13. Öffnen Sie die Eingabeunterstützung mit [F2].

  14. Wählen Sie in der Kategorie „Variablen“ die Variable ‎rDoorOpen‎ aus (unter „Application  Glob_Var“).

  15. Negieren Sie die Variable mit ‎NOT‎ (--> NOT Glob_Var.rDoorOpen)

    Wenn die Variable ‎rDoorOpen‎ FALSE ist, die Tür also geschlossen, wird das Element unsichtbar. Dadurch wird die darunterliegende geschlossene Türe sichtbar.

  16. Kopieren Sie folgende Elemente aus dem Visualisierungsbild ‎Visualization‎:

    • Potentiometer zum Einstellen der Temperatur

    • Rechteck zur Anzeige der Solltemperatur

    • Schalter ‎Door open‎

    • Lampe ‎Cooling compressor‎

    • Lampe ‎Signal (Beep)‎

  17. Fügen Sie die Elemente über die Zwischenablage in das Visualisierungsbild ‎Live_Visu‎ ein.

  18. Verkleinern Sie die Elemente und platzieren Sie diese am Kühlschrank.

    _visu_img_tutorial_refrigerator_complete
Visualisierung im Onlinebetrieb (Simulation)

Nachdem Sie die Visualisierung fertiggestellt haben, testen Sie diese in der Simulation.

  1. Wählen Sie den Befehl „Online  Simulation“.

  2. Wählen Sie den Befehl „Online  Einloggen“.

    Es öffnet sich ein Dialog, der Sie fragt, ob die Applikation angelegt und geladen werden soll.

  3. Bestätigen Sie den Dialog mit „Ja“.

  4. Wählen Sie den Befehl „Debug  Start“.

  5. Öffnen Sie die Visualisierung ‎Live_Visu‎ im Editor.

    Sie sehen den Kühlschrank im Onlinebetrieb.

  6. Öffnen Sie die Türe über den Schalter und beobachten Sie die Temperatur und die Alarme. Verändern Sie die Parameter in dem Bild ‎Diagnosis‎ und sehen Sie die Reaktion im Temperaturverlauf.