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 Installa­tionsverzeichnis von CODESYS im Unterordner "Projects".

Anlegen der Visualisierungen

Die Visualisierung besteht aus folgenden drei Visualisierungsbildern:

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

  2. Wählen Sie den Befehl Projekt ‣ Objekt hinzufügen ‣ Visualis­ierung .

  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.png
  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.rTempSet

    • 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. Posi­tionieren 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. Posi­tionieren 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.png
  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 Variablenein­stellungen 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 ‣ OnMouse­Down ‣ Konfigurieren...

    ⇒ Der Dialog Eingabekonfiguration öffnet sich.

  12. Weisen Sie der Aktion den Befehl Variable schreiben zu. Über­nehmen 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

Siehe auch

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

  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.

    ⇒ .. figure:: PNG72_visu_img_tutorial_polygon1.png

    alt

  5. Selektieren Sie das Element.

    Verändern Sie folgende Eigenschaften:

    • Farben ‣ Farbverlauf verwenden : _cds_icon_option_activated.png

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

    ⇒ .. figure:: PNG72_visu_img_tutorial_polygon2.png

    alt

  8. Erstellen Sie alle weiteren Elemente mit dem Visualisierungsele­ment 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 Visualis­ierung ‣ 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 Visualis­ierungsbild Live_Visu ein.

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

    ⇒ .. figure:: PNG72_visu_img_tutorial_refrigerator_complete.png

    alt

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 ange­legt 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 Temperaturver­lauf.