Skip to main content

Tutorial: Kühlschranksteuerung visualisieren

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.

Für ein weitere Informationen siehe: Ihr erstes CODESYS-Programm

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 ProjektObjekt hinzufügenVisualisierung.

  3. Geben Sie als Namen Live_Visu 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 für den Kühlschrank

_visu_img_tutorial_refrigerator_elements_control.png
  • _1_r.png : Numerische Anzeige der Isttemperatur

  • _2_r.png : Zeigerinstrument zur Anzeige der Isttemperatur

  • _3_r.png : Numerische Anzeige der Solltemperatur

  • _4_r.png : Potentiometer zur Einstellung der Solltemperatur

  • _5_r.png : Beschriftung für Kompressorlampe

  • _6_r.png : Lampe für Kompressor ein

  • _7_r.png : Beschriftung für Signallampe

  • _8_r.png : Lampe für Signal „Türe schließen“

  • _9_r.png : 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
    • TexteText : Actual temperature: %2.1f °C

    • TextvariablenTextvariable : Glob_Var.rTempActual

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

    . Ändern Sie folgende Eigenschaften
    • Wert : Glob_Var.rTempActual

    • SkalaSkalenende : 20

    • SkalaHauptskala : 5

    • SkalaUnterskala : 1

  4. Ziehen Sie ein Visualisierungselement Rechteck in den Editor.

    . Ändern Sie folgende Eigenschaften
    • TexteText : Temperature presetting: %.1f °C

    • TextvariablenTextvariable : Glob_Var.rTempSet

  5. Ziehen Sie ein Visualisierungselement Potentiometer in den Editor.

    . Ändern Sie folgende Eigenschaften
    • Variable : Glob_Var.rTempSet

    • HintergrundFarbe Hintergrund: Gelb

    • ZeigerFarbe: rot

    • SkalaUnterskalenposition : Außen

    • SkalaSkalenanfang : 3

    • SkalaSkalenende : 13

    • SkalaUnterskala : 1

    • SkalaHauptskala : 1

    • BeschriftungEinheit : °C

    • BeschriftungSkalenformat (C-Syntax) : %.0f

    • BeschriftungMax. Breite der Beschriftungen : 21

    • BeschriftungHöhe der Beschriftung : 15

  6. Ziehen Sie ein Visualisierungselement Beschriftung in den Editor.

    . Ändern Sie folgende Eigenschaften
    • TexteText : 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
    • TexteText : 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

    • HintergrundBild : 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.png
  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

    • TextvariablenTextvariable : PLC_PRG.rHysteresis

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

    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.png
  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_r.png entsteht.

    _visu_img_tutorial_polygon1.png
  5. Selektieren Sie das Element.

    . Verändern Sie folgende Eigenschaften:
    • FarbenFarbverlauf verwenden : _cds_icon_checked.png

    • AussehenLinienart : Unsichtbar

  6. Klicken Sie in die Eigenschaft FarbenFarbverlauf verwenden.

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

    _visu_img_tutorial_polygon2.png
  8. Erstellen Sie alle weiteren Elemente mit dem Visualisierungselement Polygon.

  9. Gruppieren Sie die Elemente der geschlossenen Türe (_2_r.png, _3_r.png, _4_r.png) und der offenen Türe (_5_r.png, _6_r.png, _7_r.png, _8_r.png). Selektieren Sie dazu die Elemente mit gedrückter Umschalt-Taste und wählen Sie den Befehl VisualisierungGruppe.

  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 ZustandsvariableUnsichtbarkeit .

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

  14. Wählen Sie in der Kategorie Variablen die Variable rDoorOpen aus (unter ApplicationGlob_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.

    Wenn die Variable rDoorOpen FALSE ist (die Tür ist 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.png

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 OnlineEinloggen.

    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.