Skip to main content

Tutorial: Visualizzazione di un controller per frigorifero

Questo tutorial mostra come aggiungere visualizzazioni al progetto e collegare gli elementi della visualizzazione alle variabili del programma di controllo.

Preparazione

Questo tutorial è basato sul programma di esempio RefigeratorControl, che è stato creato nel programma «Your First Program in CODESYScapitolo». Il programma finito si trova anche nella directory di installazione di CODESYS nel Projects sottocartella.

Per ulteriori informazioni, vedere quanto segue: Il tuo primo programma CODESYS

Creazione delle visualizzazioni

. La visualizzazione è composta dalle seguenti tre schermate di visualizzazione:

  • Visualization: Elementi di comando e display del frigorifero

  • Diagnosis: Storico della temperatura impostata ed effettiva, impostazioni dei parametri

  • Live Visu: Animazione con frigorifero

  1. Nell'albero dei dispositivi, fate clic su Application oggetto.

  2. Fai clic su Progetto → Aggiungi oggetto → Visualizzazione comando.

  3. Specifica il nome come Live_Visu.

  4. Crea altre due visualizzazioni con i nomi Diagnosis e Visualization.

Struttura della visualizzazione Visualization

Questa schermata è composta da elementi di controllo e visualizzazione per il frigorifero.

_visu_img_tutorial_refrigerator_elements_control.png

  • _1_r.png: Visualizzazione numerica della temperatura effettiva

  • _2_r.png: puntatore per visualizzare la temperatura effettiva

  • _3_r.png: Visualizzazione numerica della temperatura impostata

  • _4_r.png: Potenziometro per impostare la temperatura impostata

  • _5_r.png: Etichetta per lampada a compressore

  • _6_r.png: Lampada per compressore accesa

  • _7_r.png: Etichetta per lampada di segnalazione

  • _8_r.png: Lampada per segnalazione «Chiudi porte»

  • _9_r.png: Interruttore per l'apertura e la chiusura della porta del frigorifero

  1. Apri la visualizzazione Visualization nell'editore.

  2. Trascina un Rettangolo elemento di visualizzazione nell'editor.

    . Modifica le seguenti proprietà

    • Testi → Testo: Actual temperature: %2.1f °C

    • Variabili di testo → Variabile di testo: Glob_Var.rTempActual

  3. Trascina un Metro 180° elemento di visualizzazione all'editor.

    . Modifica le seguenti proprietà

    • Valore: Glob_Var.rTempActual

    • Scala → Fine della scala: 20

    • Scala → Scala principale: 5

    • Scala → Sottoscala: 1

  4. Trascina un Rettangolo elemento di visualizzazione all'editor.

    . Modifica le seguenti proprietà

    • Testi → Testo: Temperature presetting: %.1f °C

    • Variabili di testo → Variabile di testo: Glob_Var.rTempSet

  5. Trascina un Potenziometro elemento di visualizzazione nell'editor.

    . Modifica le seguenti proprietà

    • Variabile: Glob_Var.rTempSet

    • Sfondo → Colore dello sfondo: giallo

    • Puntatore → Colore: rosso

    • Scala → Posizione della sottoscala: Verso l'esterno

    • Scala → Inizio della scala: 3

    • Scala → Fine della scala: 13

    • Scala → Sottoscala: 1

    • Scala → Scala principale: 1

    • Etichetta → Unità: °C

    • Etichetta → Formato di scala (sintassi C): %.0f

    • Etichetta → Larghezza massima del testo delle etichette: 21

    • Etichetta → Altezza delle etichette: 15

  6. Trascina un Etichetta elemento di visualizzazione nell'editor.

    . Modifica le seguenti proprietà

    • Testi → Testo: Cooling compressor

  7. Trascina un Lampada elemento di visualizzazione nell'editor. Posizionalo dietro ilCooling compressor«testo».

    . Modifica le seguenti proprietà

    • Variabile: Glob_Var.bCompressor

  8. Trascina un Etichetta elemento di visualizzazione all'editor.

    . Modifica le seguenti proprietà

    • Testi → Testo: Signal (beep)

  9. Trascina un Lampada elemento di visualizzazione all'editor. Posizionalo dietro il testo "Segnale (beep)".

    . Modifica le seguenti proprietà

    • Variabile: Glob_Var.bSignal

    • Sfondo → Immagine: red

  10. Trascina un Rettangolo elemento di visualizzazione all'editor.

    . Modifica le seguenti proprietà

    • Testi → Testo: Door open

  11. Trascina un Interruttore a bilanciere elemento di visualizzazione per l'editor.

    . Modifica le seguenti proprietà

    • Variabile: Glob_Var.rDoorOpen

Struttura della visualizzazione Diagnosis

In questa schermata è possibile monitorare la curva di temperatura e ottimizzare i parametri.

_visu_img_tutorial_refrigerator_diagnosis.png

  1. Etichetta elementi per il titolo

  2. Traccia elemento per la visualizzazione della curva della temperatura

  3. Rettangolo elementi per la visualizzazione del valore

  1. Apri la visualizzazione Diagnosis nell'editore.

  2. Trascina un Etichetta elemento di visualizzazione all'editor.

    . Modifica le seguenti proprietà

    • Testi → Testo: Refrigerator Diagnosis & Service Menu

    • Proprietà del testo → Font: Arial, Standard, 18

  3. Trascina un Traccia elemento di visualizzazione all'editor.

  4. Clicca il Diagnosis_Trace1 valore del Traccia proprietà.

    Il Traccia configurazione si apre la finestra di dialogo.

  5. Seleziona il MainTask nel Compito.

  6. Clicca il Aggiungi variabile collegamento.

    Una variabile viene aggiunta alla traccia. Le impostazioni delle variabili vengono visualizzate nella finestra di dialogo.

  7. Selezionare Glob_Var.bCompressor per la variabile.

  8. Aggiungi il Glob_Var.rTempSet e Glob_Var.rTempActual variabili alla traccia. Per le altre impostazioni è possibile utilizzare i valori predefiniti.

  9. Clic ok per uscire dalla finestra di dialogo.

  10. Trascina un Rettangolo elemento di visualizzazione all'editor. Posizionalo proprio accanto all'elemento traccia.

    . Modifica le seguenti proprietà

    • Testi → Testo: %s

    • Variabili di testo → Variabile di testo: PLC_PRG.rHysteresis

  11. Configura il OnMouseDown configurazione di input dell'elemento. Configurazione di input → OnMouseDown → Configura.

    Si apre una finestra di dialogo Configurazione di input.

  12. Assegna il Scrivi variabile comando all'azione. Accetta i valori predefiniti e fai clic ok.

  13. Trascina un Etichetta elemento di visualizzazione all'editor. Posizionalo sopra il primo rettangolo.

    . Modifica le seguenti proprietà

    • Testi → Testo: Hysteresis Regulator

  14. Regola le dimensioni e la posizione di entrambi gli elementi.

  15. Seleziona entrambi i Rettangolo e Etichetta elementi e duplicarli mediante copia e incolla.

  16. . Regola le etichette e le variabili degli elementi copiati.

    • Testo: Compressor Efficiency

      Variabile di testo: Simulation.P_Cooling

    • Testo: Environment Efficiency

      Variabile di testo: Simulation.P_Environment

    • Testo: Environ. Efficiency DoorOpen Sim

      Variabile di testo: Simulation.P_EnvironmentDoorOpen

    • Testo: Time until Beep for DoorOpen

      Variabile di testo: Glob_Var.timDoorOpenThreshold

    • Testo: Time until Beep for Compressor On

      Variabile di testo: Glob_Var.timAlarmThreshold

Struttura del Live-Visu visualizzazione

Questa schermata include la rappresentazione di un frigorifero. Il frigorifero è costituito da diversi elementi di visualizzazione di tipo poligonale. Le porte del frigorifero sono disegnate sia nello stato chiuso che aperto. Entrambe le ante sono costituite da un gruppo di singoli elementi.

_visu_img_tutorial_refrigerator_elements.png

  1. Apri la visualizzazione Live_Visu nell'editore.

  2. Seleziona il Poligono elemento di visualizzazione in Visualization Toolbox vista.

  3. Fare clic più volte nell'editor per creare una superficie. Fare clic con il pulsante destro del mouse per interrompere l'aggiunta di segni d'angolo.

  4. Spostare i segni d'angolo nella posizione desiderata in modo che _1_r.png viene formato l'elemento (1).

    _visu_img_tutorial_polygon1.png

  5. Seleziona l'elemento.

    . Modifica le seguenti proprietà:

    • Colori → Usa un colore sfumato: _cds_icon_checked.png

    • Aspetto → Stile di linea: Invisibile

  6. Fai clic su Colori → Usa un colore sfumato proprietà.

  7. Seleziona il colore Grigio per Colore 1 nel Editor gradiente dialogo.

    _visu_img_tutorial_polygon2.png

  8. Crea tutti gli altri elementi con il Poligono elemento di visualizzazione.

  9. Raggruppa gli elementi della porta chiusa (_2_r.png, _3_r.png, e _4_r.png) e gli elementi della porta aperta (_5_r.png, _6_r.png, _7_r.png, e _8_r.png). Per fare ciò, premete il pulsante Turno tasto e fai clic su Visualizzazione → Gruppo comando per selezionare gli elementi.

  10. Spostare gli elementi insieme in modo da formare il frigorifero completo. Posizionare le porte aperte esattamente sulle porte chiuse.

  11. Seleziona il "Open doors«gruppo».

  12. Nelle proprietà, fare doppio clic su Variabile di stato → Invisibile campo di input.

  13. Premere il F2 tasto per aprire l'Input Assistant.

  14. Nel Variabili categoria, selezionare il rDoorOpen variabile (sotto Applicazione → Var_glob).

  15. Annulla la variabile con NOT (—> NOT Glob_Var.rDoorOpen).

    Se la rDoorOpen la variabile è FALSE (la porta è chiusa), quindi l'elemento è invisibile. Quindi sono visibili le porte sottostanti.

    Quando il rDoorOpen la variabile è FALSE (la porta è chiusa), l'elemento è invisibile. Quindi le porte sottostanti sono visibili.

  16. . Copia i seguenti elementi dal Visualization schermo:

    • Potenziometro per la regolazione della temperatura

    • Rettangolo per la visualizzazione della temperatura impostata

    • Door open interruttore

    • Cooling compressor lampada

    • Signal (beep) lampada

  17. Inserisci gli elementi dagli appunti nel file Live_Visu schermata di visualizzazione.

  18. Ridurre gli elementi e posizionarli sul frigorifero.

    _visu_img_tutorial_refrigerator_complete.png

Visualizzazione in modalità online (simulazione)

Quando la visualizzazione è completa, testala in modalità simulazione.

  1. Fai clic su Online → Simulazione comando.

  2. Fai clic su Online → Accedi comando.

    Si apre una finestra di dialogo in cui viene richiesto di creare e scaricare l'applicazione.

  3. Clic sì per confermare il dialogo.

  4. Clicca Eseguire il debug → Inizia.

  5. Apri la visualizzazione Live_Visu nell'editore.

    Il frigorifero è in modalità online.

  6. Aprire le porte con l'interruttore e monitorare la temperatura e gli allarmi. Modificare i parametri nella schermata Diagnosis e osserva la reazione nella curva di temperatura.

In questa sezione: