Skip to main content

Tutoriel : Visualiser un contrôleur de réfrigérateur

Ce didacticiel montre comment ajouter des visualisations au projet et lier les éléments de la visualisation aux variables du programme de contrôle.

Préparation

Ce didacticiel est basé sur l'exemple de programme RefigeratorControl, qui a été créé dans le cadre du programme « Votre premier programme en CODESYS« chapitre ». Le programme terminé se trouve également dans le répertoire d'installation de CODESYS dans le Projects sous-dossier.

Pour plus d'informations, consultez les rubriques suivantes : Votre premier programme CODESYS

Création des visualisations

. La visualisation se compose des trois écrans de visualisation suivants :

  • Visualization: Éléments de commande et affichage du réfrigérateur

  • Diagnosis: Historique de la consigne et de la température réelle, paramétrages

  • Live Visu: Animation avec réfrigérateur

  1. Dans l'arborescence des appareils, cliquez sur Application objet.

  2. Cliquez sur le Projet → Ajouter un objet → Visualisation commande.

  3. Spécifiez le nom comme Live_Visu.

  4. Créez deux autres visualisations avec les noms Diagnosis et Visualization.

Structure de la visualisation Visualization

Cet écran se compose d'éléments de commande et d'affichage pour le réfrigérateur.

_visu_img_tutorial_refrigerator_elements_control.png

  • _1_r.png: Affichage numérique de la température réelle

  • _2_r.png: Pointeur vers l'affichage de la température réelle

  • _3_r.png: Affichage numérique de la température réglée

  • _4_r.png: Potentiomètre pour régler la température réglée

  • _5_r.png: Étiquette pour lampe à compresseur

  • _6_r.png: Lampe pour compresseur allumé

  • _7_r.png: Étiquette pour lampe de signalisation

  • _8_r.png: Lampe pour signal « Fermer les portes »

  • _9_r.png: Interrupteur pour ouvrir et fermer la porte du réfrigérateur

  1. Ouvrir la visualisation Visualization dans l'éditeur.

  2. Faites glisser un Rectangulaire élément de visualisation dans l'éditeur.

    . Modifier les propriétés suivantes

    • Textes → Texte: Actual temperature: %2.1f °C

    • Variables de texte → Variable de texte: Glob_Var.rTempActual

  3. Faites glisser un Mètre 180° élément de visualisation à l'éditeur.

    . Modifier les propriétés suivantes

    • Évaluer: Glob_Var.rTempActual

    • Échelle → Fin de l'échelle: 20

    • Échelle → Échelle principale: 5

    • Échelle → Sous-échelle: 1

  4. Faites glisser un Rectangle élément de visualisation à l'éditeur.

    . Modifier les propriétés suivantes

    • Textes → Texte: Temperature presetting: %.1f °C

    • Variables de texte → Variable de texte: Glob_Var.rTempSet

  5. Faites glisser un Potentiomètre élément de visualisation dans l'éditeur.

    . Modifier les propriétés suivantes

    • Variable: Glob_Var.rTempSet

    • Contexte → Couleur de fond: jaune

    • Pointeur → couleur: rouge

    • Échelle → Position de la sous-échelle: Vers l'extérieur

    • Échelle → Début de la balance: 3

    • Échelle → Fin de l'échelle: 13

    • Échelle → Sous-échelle: 1

    • Échelle → Échelle principale: 1

    • étiquette → Unité: °C

    • étiquette → Format d'échelle (syntaxe C): %.0f

    • étiquette → Largeur de texte maximale des étiquettes: 21

    • étiquette → Hauteur des étiquettes: 15

  6. Faites glisser un Étiquette élément de visualisation dans l'éditeur.

    . Modifier les propriétés suivantes

    • Textes → Texte: Cooling compressor

  7. Faites glisser un Lampe élément de visualisation dans l'éditeur. Placez-le derrière le »Cooling compressor« texte.

    . Modifier les propriétés suivantes

    • Variable: Glob_Var.bCompressor

  8. Faites glisser un Étiqueter élément de visualisation à l'éditeur.

    . Modifier les propriétés suivantes

    • Textes → Texte: Signal (beep)

  9. Faites glisser un Lampe élément de visualisation à l'éditeur. Positionnez-le derrière le texte "Signal (bip)".

    . Modifier les propriétés suivantes

    • Variable: Glob_Var.bSignal

    • Contexte → Image: red

  10. Faites glisser un Rectangle élément de visualisation à l'éditeur.

    . Modifier les propriétés suivantes

    • Textes → Texte: Door open

  11. Faites glisser un Interrupteur à bascule élément de visualisation à l'éditeur.

    . Modifier les propriétés suivantes

    • Variable: Glob_Var.rDoorOpen

Structure de la visualisation Diagnosis

Dans cet écran, vous pouvez surveiller la courbe de température et optimiser les paramètres.

_visu_img_tutorial_refrigerator_diagnosis.png

  1. Étiquette éléments pour le titre

  2. Trace élément d'affichage de la courbe de température

  3. Rectangulaire éléments pour afficher la valeur

  1. Ouvrir la visualisation Diagnosis dans l'éditeur.

  2. Faites glisser un Étiqueter élément de visualisation à l'éditeur.

    . Modifier les propriétés suivantes

    • Textes → Texte: Refrigerator Diagnosis & Service Menu

    • Propriétés du texte → Police: Arial, Standard, 18

  3. Faites glisser un Trace élément de visualisation à l'éditeur.

  4. Clique le Diagnosis_Trace1 valeur de la Trace biens.

    le Configuration du suivi la boîte de dialogue s'ouvre.

  5. Sélectionnez le MainTask dans Tâche.

  6. Clique le Ajouter une variable lien.

    Une variable est ajoutée à la trace. Les paramètres des variables sont affichés dans la boîte de dialogue.

  7. Sélectionner Glob_Var.bCompressor pour la variable.

  8. Ajouter le Glob_Var.rTempSet et Glob_Var.rTempActual variables à la trace. Pour les autres paramètres, vous pouvez utiliser les valeurs par défaut.

  9. Cliquez sur d'accord pour quitter la boîte de dialogue.

  10. Faites glisser un Rectangle élément de visualisation à l'éditeur. Positionnez-le juste à côté de l'oligo-élément.

    . Modifier les propriétés suivantes

    • Textes → Texte: %s

    • Variables de texte → Variable de texte: PLC_PRG.rHysteresis

  11. Configurez le OnMouseDown configuration d'entrée de l'élément. Configuration des entrées → OnMouseDown → Configurez.

    Le Configuration d'entrée une boîte de dialogue s'ouvre.

  12. Attribuez le Variable d'écriture commande à l'action. Acceptez les valeurs par défaut et cliquez sur d'accord.

  13. Faites glisser un Étiqueter élément de visualisation à l'éditeur. Positionnez-le sur le premier rectangle.

    . Modifier les propriétés suivantes

    • Textes → Texte: Hysteresis Regulator

  14. Ajustez la taille et la position des deux éléments.

  15. Sélectionnez les deux Rectangle et Étiqueter éléments et dupliquez-les par copier-coller.

  16. . Ajustez les étiquettes et les variables des éléments copiés.

    • Texte: Compressor Efficiency

      Variable de texte: Simulation.P_Cooling

    • Texte: Environment Efficiency

      Variable de texte: Simulation.P_Environment

    • Texte: Environ. Efficiency DoorOpen Sim

      Variable de texte: Simulation.P_EnvironmentDoorOpen

    • Texte: Time until Beep for DoorOpen

      Variable de texte: Glob_Var.timDoorOpenThreshold

    • Texte: Time until Beep for Compressor On

      Variable de texte: Glob_Var.timAlarmThreshold

Structure de la Live-Visu visualisation

Cet écran comprend la représentation d'un réfrigérateur. Le réfrigérateur se compose de plusieurs éléments de visualisation de type polygone. Les portes du réfrigérateur sont dessinées à la fois à l'état fermé et à l'état ouvert. Les deux portes se composent d'un groupe d'éléments simples.

_visu_img_tutorial_refrigerator_elements.png

  1. Ouvrir la visualisation Live_Visu dans l'éditeur.

  2. Sélectionnez le Polygone élément de visualisation dans Boîte à outils de visualisation voir.

  3. Cliquez plusieurs fois dans l'éditeur pour créer une surface. Cliquez avec le bouton droit pour arrêter d'ajouter des marques d'angle.

  4. Déplacez les marques d'angle vers la position requise afin que _1_r.png l'élément (1) est formé.

    _visu_img_tutorial_polygon1.png

  5. Sélectionnez l'élément.

    . Modifiez les propriétés suivantes :

    • Couleurs → Utiliser une couleur dégradée: _cds_icon_checked.png

    • Apparence → Style de ligne: Invisible

  6. Cliquez sur le Couleurs → Utiliser une couleur dégradée propriété.

  7. Sélectionnez la couleur gris pour Couleur 1 dans le Éditeur de dégradé dialogue.

    _visu_img_tutorial_polygon2.png

  8. Créez tous les autres éléments avec le Polygone élément de visualisation.

  9. Regroupez les éléments de la porte fermée (_2_r.png, _3_r.png, et _4_r.png) et les éléments de la porte ouverte (_5_r.png, _6_r.png, _7_r.png, et _8_r.png). Pour ce faire, appuyez sur quart de travail touche et cliquez sur Visualisation → Groupe commande pour sélectionner les éléments.

  10. Rapprochez les éléments pour former le réfrigérateur complet. Positionner précisément les portes ouvertes sur les portes fermées.

  11. Sélectionnez le »Open doors« groupe ».

  12. Dans les propriétés, double-cliquez sur Variable d'état → Invisible champ de saisie.

  13. presse F2 pour ouvrir l'assistant de saisie.

  14. Dans le Variables catégorie, sélectionnez rDoorOpen variable (ci-dessous) Application → Glob_Var).

  15. Inverse la variable avec NOT (–> PAS Glob_Var.rDoorOpen).

    Si la rDoorOpen variable est FALSE (la porte est fermée), alors l'élément est invisible. Ensuite, les portes sous-jacentes sont visibles.

    Quand le rDoorOpen la variable est FALSE (la porte est fermée), l'élément est invisible. Les portes sous-jacentes sont alors visibles.

  16. . Copiez les éléments suivants du Visualization écran :

    • Potentiomètre de réglage de la température

    • Rectangle pour afficher la température réglée

    • Door open changer

    • Cooling compressor lampe

    • Signal (beep) lampe

  17. Insérer les éléments du presse-papiers dans le Live_Visu écran de visualisation.

  18. Réduire les éléments et les positionner sur le réfrigérateur.

    _visu_img_tutorial_refrigerator_complete.png

Visualisation en mode en ligne (simulation)

Lorsque la visualisation est terminée, testez-la en mode simulation.

  1. Cliquez sur le En ligne → Simulation commande.

  2. Cliquez sur le En ligne → Se connecter commande.

    Une boîte de dialogue s'ouvre et vous invite à créer et à télécharger l'application.

  3. Cliquez sur Oui pour confirmer la boîte de dialogue.

  4. Cliquez Déboguer → Commencer.

  5. Ouvrir la visualisation Live_Visu dans l'éditeur.

    Le réfrigérateur est en mode en ligne.

  6. Ouvrez les portes avec l'interrupteur et surveillez la température et les alarmes. Modifier les paramètres à l'écran Diagnosis et observez la réaction dans la courbe de température.

Dans cette section​: