Exercices – Chapitre 7

Définir des Shared GABs, des Primitives, des

Symboles
Dans cet exercice, vous utiliserez certaines des techniques de
base pour définir des éléments dans les éditeurs « zone de travail »
(scratch pad) du Display Builder, incluant la définition des Shared
Gabs et leur application sur des primitives pour créer des
symboles.

Objectifs :
A la fin de cet exercice, les stagiaires pourront :

• Créer, définir, et sauvegarder des Shared Gabs.

• Sélectionner, positionner, et dimensionner des primitives, puis modifier leurs
attributs graphiques.
• Modifier des primitives en utilisant la barre d’outils.
• Créer, définir, et sauvegarder un symbole.

Sections :
1. Les Shared GABs

2. Les Primitives

3. Définir des éléments pour vos images

4. Résumé

Exercices - Chapitre 7 1
Définir des Shared GABs, des Primitives, des Symboles
Exercices :
Exercice 1: Creér des Shared GABs

Exercice 2: Créer et modifier des primitives

Exercice 3: Ajouter une primitive à une picture.

Exercice 4: Modifier les attributs graphiques d’une primitive

Exercice 5: Créer des symboles

Exercice 6 :Tester Les Images

1. Les Shared GABs

Les Shared GABs fournissent la possibilité d’appliquer de manière
uniforme des attributs graphiques aux primitives et aux symboles
que vous créez.

Dans cet exercice, vous créerez des Shared GABs pour appliquer
de manière uniforme des attributs aux textes de fond de plan et aux
graphiques, aux champs d’enregistrements et aux composants des
images.

Exercice 1: Créer des Shared GABs

1. A partir de la fenêtre Element Set, ouvrir un nouveau Shared GAB.

2. Dénommer le GAB RED_BLINK_FILL.

3. Etablir la couleur Foreground à Rouge, le Background à Bleu et la Line

Width à 3. Etablir les attributs Blink et Fill à Yes.

4. Sauvegarder et clore l’éditeur des Shared GABs.

5. A partir de la fenêtre Element Set, ouvrir un nouveau Shared GAB.

Exercices - Chapitre 7 2
Définir des Shared GABs, des Primitives, des Symboles
 6. Dénommer le GAB GREEN_FILL.

6. Etablir la couleur Foreground à Vert et l’attribut Fill à Yes.

7. Sauvegarder et clore l’éditeur des Shared GABs .

2. Les primitives
Les primitives sont soit des primitives dessinées (rectangles,
cercles, arcs, polylignes ou polygones) soit du texte. Vous
trouverez des boutons poussoirs pour ceux-ci sur la barre d’outil
Editor’s Drawing Tools.

Remarque : Le bouton poussoir Text est désactivé pour l’Editeur de

Symboles.

Les primitives sont dessinées sur une zone de travail en

sélectionnant tout d’abord le bouton poussoir correspondant et puis
en fournissant des « points d’ancrage » dans la zone de travail.
Pour toutes les primitives, vous fournissez au moins deux points
d’ancrage. Certaines primitives en nécessitent plus que deux.

Exercice 2: Créer et Modifier des Primitives

Ouvrir un nouveau éditeur de Pictures et le dénommer PRIM_xxx
(où xxx sont vos initiales). Dans cet exercice, nous dessinerons
plusieurs primitives nouvelles et les placerons dans cette picture.

1. Avant de démarrer, changer le GAB par défaut à l’un des Shared GABS .
Observer que pendant la création des primitives, celles-ci seront
automatiquement créées en utilisant le Shared GAB que vous avez
sélectionné.

Sélectionner le bouton poussoir approprié.

2. Positionner la primitive dans la zone de travail et fournir le premier point

d’ancrage.

3. Glisser et puis relâcher MB 1 pour fournir le deuxième point d’ancrage.

Exercices - Chapitre 7 3
Définir des Shared GABs, des Primitives, des Symboles
 a. Pour les arcs, fournir le troisième point d’ancrage qui limite l’arc.

Initialement, un demi-cercle est dessiné. Après sa

création, on peut ajuster l’ancre (A) et l’étendue (E) de
l’arc en utilisant les poignées intérieures.

b. Pour les polylignes et les polygones, cliquer et bouger pour chaque

point, autant de fois qu’il est nécessaire. Cliquer MB3 ou appuyer sur
ESC après que le dernier segment de ligne ou côté soit dessiné.

4. Dessiner des cercles multiples, de la manière suivante:

a. Cliquer sur le bouton poussoir cercle.

b. Dessiner un cercle dans la zone de travail.

c. Appuyer sur la touche ‘CTRL’, cliquer sur le cercle et glisser le cercle

dans une nouvelle location.

5. Exécuter un double-clic sur un des cercles dessinés déjà et enlever le

GAB par défaut et placer le Shared GAB GREEN_FIL, en accédant à la
Circle Properties Form.

6. Attacher le Shared GAB RED_BLINK_FILL sur l’autre cercle. Observer

l’effet.

Exercice 3 : Ajouter une primitive à une pictures

1. Ouvrir la picture ALG_LIM_NS_xxx.

2. Dessiner un rectangle:

a. Sélectionner le bouton poussoir adéquat.

b. Positionner le curseur sur le scratch pad là où l’on veut placer le

premier point d’ancrage (coin gauche supérieur du rectangle).

c. Appuyer (et maintenir dans cette position) MB1 pour fournir le point
d’ancrage.

d. Faire glisser le curseur pour dimensionner le rectangle.

Exercices - Chapitre 7 4
Définir des Shared GABs, des Primitives, des Symboles
 e. Lâcher MB1 lorsque le rectangle atteint la dimension désirée afin de
fournir le point d’ancrage final.

Remarquer les poignées (les petits carrés indiquant les

points éditables) sur le rectangle. Remarquer aussi la
manière dont la position et la dimension de la primitive
sont reliées par rapport aux lignes de la grille.

3. Cliquer sur MB1 n’importe où sur le scratch pad à l’extérieur du

rectangle. Remarquer le fait que les poignées disparaissent. C’est une
indication du fait que le rectangle n’est plus "sélectionné".

4. Sélectionner le rectangle en mettant le curseur à l’intérieur du rectangle

et en appuyant sur MB1. Remarquer le fait que les poignées reviennent.

5. Redimensionner le rectangle:

a. Mettre le curseur sur une des poignées coin et appuyer (et maintenir
dans cette position) MB1.

b. Faire glisser le pointeur jusqu’à ce que le rectangle atteigne une

grandeur différente dans les deux dimensions et lâcher MB1.

6. Essayer une poignée qui n’est pas un coin. Remarquer le fait qu’on peut
modifier seulement une dimension du rectangle.

7. Dimensionner le rectangle et le placer derrière (soit à l’aide du bouton

poussoir Send Backward de la barre d’outils, soit à l’aide du menu Draw)
vos formatted fields , comme il est montré dans la Figure 1.

8. Sauvegarder la picture.

Exercices - Chapitre 7 5
Définir des Shared GABs, des Primitives, des Symboles
 Figure 1: La picture ALG_LIM_NS_xxx avec un rectangle
ajouté

Exercice 4: Modifier les attributs graphiques d’une primitive

1. Exécuter un double clic sur le rectangle que vous venez de créer pour
appeler la Rectangles Properties Form.

2. A partir de l’onglet Attachments, sélectionner le bouton poussoir Add.

Activer la visualisation du Répertoire des Shared GABs . Attacher le
Shared GAB INVERSE_VIDEO.

3. OK pour la Properties Form.

4. Sauvegarder et clore la picture.

3. Définir des éléments pour vos images

Dans la tâche suivante vous en apprendrez au sujet des symboles
en modifiant un symbole existant.

Exercice 5: Créer des symboles

1. Sélectionner le symbole BTN_POKE_4CHAR à partir de la liste
Répertoire Symbol et faire une copie appelée BTN_POKE_8CHAR_xxx
(où xxx sont vos initiales).

2. Ouvrir le nouveau symbole. Vous allez doubler la dimension de ce

bouton. Activer l’option Turn Snap to Grid On et zoomer à 200% ou
300%. (Ainsi ces modifications seront beaucoup plus faciles et rapides !)

3. Séparer les trois portions différentes du symbole comme il est montré

dans la Figure 2.

4. Commencer avec le rectangle, sélectionner les poignées à droite et

augmenter la dimension du rectangle.

5. Maintenant augmenter la longueur de chacun des polygones.

6. Vous pouvez changer les couleurs de chaque portion du bouton si vous

voulez. Essayer de glisser et déplacer les Shared GABs à partir de
l’onglet ‘Shared GABs’ de la fenêtre Element Set sur les parties du

Exercices - Chapitre 7 6
Définir des Shared GABs, des Primitives, des Symboles
 symbole. (Les GABs placés antérieurement sont remplacés par les
GABs nouvellement attachés.)

7. Rejoindre les trois portions du symbole.

8. Sauvegarder et fermer l’Editeur du Symbole.

Figure 2: Le symbole BTN_POKE_4CHAR

Exercice 6: Tester les images :

1. Démarrer Web-FG sur votre PC

2. Démarrer le la base de données Scada sur votre PC.

3. Compiler et Appelez votre image, avec le Test Online .

4. Noter toutes les questions et problèmes et essayer de les résoudre

Si vous avez besoin d’assistance, appelez votre instructeur.

Exercices - Chapitre 7 7
Définir des Shared GABs, des Primitives, des Symboles
4. Résumé
Dans cet exercice vous avez appris certaines techniques de base
pour la définition des éléments dans les éditeurs « zone de travail »
(scratch pad) du Display Builder. Vous avez pratiqué la définition
des Shared GABs et leur application aux primitives. Vous avez
pratiqué l’édition des primitives à l’aide de la barre d’outils. Puis
vous avez défini des symboles.

Exercices - Chapitre 7 8
Définir des Shared GABs, des Primitives, des Symboles