Vous êtes sur la page 1sur 12

Exercices –Chapitre 4

Définition des images


Dans cet exercice, vous analyserez et modifierez une image
existante (qui utilise des niveaux simples) pour vous familiariser
avec ses composants, ses propriétés et éditeurs. Vous accéderez à
la fenêtre de Navigation (Browser Window) pour vous aider dans
l’analyse des composants. En outre, vous définirez certains
attributs des images, attacherez des menus et modifierez la couleur
de fond de plan de l’image. En plus, vous modifierez, placerez, et
linkerez des pictures à l’intérieur de l’image.

Objectifs :
A la fin de cet exercice, vous pourrez:

• Disséquer une image pour voir ses composants.


• Modifier et définir les attributs d’une image.
• Modifier la présentation des couleurs de fond de plan d’une image.
• Placer et linker des pictures.
• Sauvegarder, compiler et visualiser des images.

Exercices - Chapitre 4 1
Définition des images
Sections :
1. Introduction

2. Placer et Linker des Pictures

3. Placements multiples de la même Picture

4. Compiler les élément sets et display sets

5. Résumé

Exercices :
Exercice 1: Analyser et modifier une image qui utilise des niveaux
simples

Exercice 2: Modifier, placer et Linker des pictures

Exercice 3: Dupliquer et modifier des placements

Exercice 4: Sauvegarder l’image simple

Exercice 5: Compiler et Linker le Element Set et les images

Exercice 6: Appeler l’image

Exercices - Chapitre 4 2
Définition des images
1. Introduction
Les images fournissent une interface entre les données dans les
bases de données d’une application et l’utilisateur. Les images
comprennent d’habitude une ou plusieurs pictures, qui fournissent
l’association avec des enregistrements spécifiques de bases de
données d’applications.

Les images utilisent deux types de niveaux, simples et tabulaires.


Dans cet exercice, il sera analysé une image qui utilise des niveaux
simples. Avec les niveaux simples, l’aspect de l’image est
déterminé par des placements fixes d’objets et par les attributs
généraux définis dans la définition de l’image.

Dans les tâches suivantes, vous analyserez et modifierez une


image existante appelée ECO. Dans les exercices futurs, vous
apprendrez la manière de créer et de définir les composants qui
entrent dans la composition des images.

Exercice 1: Analyser et modifier une image qui utilise des


niveaux simples
1. Démarrer une session du Builder

2. Ouvrir PCG_ESET et ECO_DSET.

3. Sauvegarder les sets: Premièrement le display set, puis l’element set en


donnant un focus d’entrée pour chaque fenêtre de Sets et en sélectionnant
l’option Save As du menu File. Dénommer les sets PCG_xxx_ESET et
ECO_xxx_DSET (où xxx sont vos initiales).

4. Sélectionner la fenêtre ECO_xxx_DSET, et à partir du menu Edit choisir


l’option Change References. Taper ECO_xxx dans la boite de dialogue
(où xxx sont vos initiales) et choisir OK. Cela change toutes les
références dans votre nouveau DSET pour se référer à votre nouveau
ESET.

5. Sélectionner (un seul clic) l’image ECO à partir de l’onglet Displays de


la fenêtre Display Set. À partir du menu Edit choisir Copy et puis Paste.
Vous devriez maintenant avoir une nouvelle image appelée ECO1. À
partir du menu Edit choisir l’option Rename et appeler l’image ECO_xxx
(où xxx sont vos initiales).

Exercices - Chapitre 4 3
Définition des images
6. Exécuter double clic sur le nom de la nouvelle image pour ouvrir
l’Editeur d’Images.

7. Pour identifier les composants de l’image, activer la fenêtre de


Navigation (Browser Window) qui montre une vue schématique de
l’image. Activer la fenêtre de Navigation à l’aide d’une des méthodes
suivantes:

a. Sélectionner l’item Browser Window dans la barre d’outils.

b. Sélectionner l’item « Browse Display » du menu déroulant Display

Maintenant regardez la définition hiérarchique en ouvrant


le schéma à l’aide des indicateurs du niveau +/- dans la
fenêtre de navigation.

8. Soit à partir du menu Display, soit en sélectionnant le bouton MB3,


sélectionner l’option Display Properties pour commencer à modifier les
attributs de l’image. REMARQUE : Après avoir fini les actions requises
sur chaque onglet de la form, sélectionner le bouton « Apply » pour que
les changements soient pris en compte.

a. A partir de l’onglet Display, saisir ce qui suit à la fin du titre de


l’image existant:

ECO Substation

Le titre apparaîtra dans la Barre de Titre de la Viewport quand l’image


sera appelée.

b. A partir de l’onglet Viewport, activer les boutons toggle pour utiliser


les barres de défilement horizontales et verticales. Maintenir le Line
Step Horizontal et Vertical par défaut à 10% et le Page Step
Horizontal et Vertical à 50%.

c. A partir de l’onglet Background, choisir une couleur pour votre


présentation du fond de plan d’image.

9. OK sur la définition.

Exercices - Chapitre 4 4
Définition des images
2. Placer et Linker des Pictures
Quand vous placez des pictures sur une image, vous devez définir
aussi les liens aux bases de données pour la picture. Ces liens
sont sous la forme de la clé composite pour l’occurrence exacte de
l’enregistrement à afficher dans chaque picture.

Les liens sont définis dans la boite de dialogue Define Link, qui est
un onglet de la Picture Placement Properties Form.

Dans les tâches suivantes vous commencez à ajouter une section


supplémentaire à l’image ECO existante.

Exercice 2: Modifier, placer et Linker des pictures


1. Pour modifier les liens d’un item existant, soit exécuter double clic sur
l’item soit sélectionner l’item et puis à partir du menu Display
sélectionner l’option Picture Placement Properties. Vous serez
automatiquement placés dans l’onglet Define Link dialog box.

a. Changer le lien Device pour la Picture sectionneur de barre1


(TCG_MOS_220_A) à ligne4_340.

b. Maintenant modifier les liens pour les pictures Disjoncteur (Picture


TCG_CB_220_A) & Sectionneur de liaison (Picture
TCG_MOS_220_A, de la manière suivante:

Modifier le lien Point pour le Disjoncteur, il aura comme valeur :


Condensateur

Modifier le lien SUBSTN pour le Sectionneur de liaison, il aura


comme valeur : BEJAIA

(Plus tard, dans l’exercice, vous apprendrez que ces


valeurs ne sont pas les valeurs correctes de la base de
données.)

c. OK pour la Picture Placement Properties Form.

2. Avant de commencer à placer des pictures à l’intérieur de l’éditeur


d’images (ou tout autre éditeur scratch pad) activer premièrement
l’option Snap to Grid à partir de l’Options Form(à l’aide de MB3). Les
placements et la copie des items effectués seront plus faciles si l’on

Exercices - Chapitre 4 5
Définition des images
maintient activée l’option Snap to Grid.

3. Pour placer une picture sur l’image sélectionner l’option Add Placement
du menu Draw de l’éditeur ou sélectionner le bouton poussoir Add
Placement de la barre d’outils de l’éditeur. La form Add Placement
apparaîtra alors. Sélectionner le bouton radio Pictures . Sélectionner la
picture TCG_CB_220_A et placez là dans l’éditeur d’images en
sélectionnant OK après avoir choisi la picture.

(Remarque: vous pouvez ajouter aussi un placement en


sélectionnant l’item dans la liste répertoire de l’element set
et glisser et déplacer l’item dans l’éditeur)

a. La picture que vous avez placée est automatiquement mise en


surbrillance dans l’éditeur (jusqu’au moment où vous sélectionnez
ailleurs dans l’éditeur). Positionner l’occurence dans le scratch pad à
la droite de la picture TCG_CB_220_A existante.

b. Faire apparaître la boite de dialogue Define Link (à partir de la


Picture Placement Properties Form):

i. soit en exécutant double clic sur la picture

ii. soit en sélectionnant l’option Picture Placement Properties à


partir du menu Display.

c. Saisir les enregistrements/clés composites suivants pour liens bases


de données :

SUBSTN = ECO

DEVTYP = TRANSFO

DEVICE = TFO1_220

POINT = DISJONCTEUR

4. OK pour la Picture Placement Properties Form .

Exercices - Chapitre 4 6
Définition des images
Figure 01: La boite de dialogue Define Link de la Picture
Placement Properties Form

Exercices - Chapitre 4 7
Définition des images
Figure 02: Image ECO_xxx

3. Placements multiples de la même picture


Afin de faire des placements multiples de la même picture qui
seront linkés à différentes occurrences du même record-type, la
meilleure méthode est de placer et linker une instance, puis de
dupliquer ce placement. Cela vous permet de modifier simplement
les liens, au lieu de les redéfinir pour chaque placement.

Exercice 3: Dupliquer et modifier les placements


1. Sélectionner un des Sectionneur existants (picture TCG_MOS_220_A)
en tant que picture à copier (il apparaît avec des pointes).

2. Sélectionner l’option Copy du menu Edit.

Exercices - Chapitre 4 8
Définition des images
Puis sélectionner l’option Paste, toujours du menu Edit.

Vous pouvez aussi accéder à ces options avec les boutons


poussoirs Cut et Paste sur la barre d’outils de l’éditeur.

3. Répéter cette action encore une fois.

Vous devriez maintenant avoir deux copies de la picture Sectionneur à


placer et linker.

4. Modifier les liens de chacune des copies avec les liens suivants et à
l’aide d’une des méthodes suivantes:

Les clés composites sont:

SUBSTN = ECO

DEVTYP = TRANSFO

DEVICE = TFO1_220

POINT = sectionneur_liaison

SUBSTN = ECO

DEVTYP = TRANSFO

DEVICE = TFO1_220

POINT = sectionneur_terre

a. Pour modifier une picture à la fois, sélectionner une des pictures


dupliquées, puis suivre les étapes effectuées lors de la modification de
la picture TCG_MOS_220_A.

b. Pour modifier deux liens de pictures en même temps : Sélectionner


les deux pictures Sectionneur en maintenant appuyée la touche shift
lors de la sélection, puis exécuter double clic sur une des pictures
pour faire apparaître la boite de dialogue Define Link. Remarquer le
fait que les liens montrés premièrement sont pour la dernière picture
sélectionnée.

Sélectionner l’onglet Placements et sélectionner la


picture, qui n’est pas couramment en surbrillance.
Maintenant retourner à l’onglet Define Link et remarquer

Exercices - Chapitre 4 9
Définition des images
le fait que les liens pour cette picture sont maintenant
dans la boite de dialogue.

Exercices - Chapitre 4 10
Définition des images
Exercice 4: Sauvegarder l’image simple
1. Sauvegarder l’image (MB3).

2. Clore l’éditeur (MB3).

3. Sauvegarder le display set (“Save All” dans le menu File).

4. Compiler les Element Sets et Display Sets


Une fois créés les éléments sets et les images dans le Display
Builder, il faut les mettre sous forme utilisable par web-FG en vue
de procéder à l’appel d’image. Le sous-système de Compilation
d’images est utilisé pour faire cette opération. Le processus de
compilation commence avec la compilation d’un ou de l’ensemble
des Displays sets qui sont nécessaires à l’image.

La compilation des displays sets crée le fichier binaire


.FGDISPLAY.

Dans les tâches suivantes, vous compilerez vos displays set,


démarrerez le Web-FG et appellerez votre image.

Exercice 5: Compiler et Linker les images


La compilation d’images crée un fichier Compilé Display pour
l’image. Ce fichier contient toutes les informations nécessaires pour
dessiner l’image.

1. Pour compiler tout le Display set, allez à « Save Binary» du menu File de
la barre d’outils.

2. pour Compiler image par image, une fois ouverte avec le (MB3) cliquer
sur «  Save Binary ».

Vous pourrez lire tous les message d’erreurs une fois la compilation
faites sur la fenêtre au-dessous de l’image.

Si vous avez besoin d’assistance pour déterminer ce qui ne va pas,


appelez votre instructeur.

Exercices - Chapitre 4 11
Définition des images
3. Si aucune erreur n’est détectée le message « Compliled successfully »

Exercice 7: Appeler l’image


1. Démarrer Web-FG sur votre PC

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

3. Appelez votre image.

4. Utiliser les barres de défilement pour naviguer dans l’image pour voir à
quoi elle ressemble.

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

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

5. Résumé
Dans cet exercice, vous avez modifié une image qui utilise des niveaux simples. Vous avez vu
qu’une image a des attributs spécifiques, qui peuvent être définis. Vous avez aussi vu que les
pictures sont liées à un enregistrement de la base de données lorsqu’elles sont placées sur un
niveau simple. En plus, vous avez appris à compiler vos displays sets pour voir la nouvelle image
dans Web - FG. Dans les exercices futurs, vous continuerez à construire et modifier l’image à
partir de cet exercice, puisque vous avez commencé à apprendre comment définir les composants
d’images (par exemple définir la graphique de fond (titres et lignes). Dans les prochains
exercices, vous apprendrez comment ajouter les personnalisations que l’on peut faire dans les
images de base que vous avez appris et pratiqué dans cet exercice.

Exercices - Chapitre 4 12
Définition des images

Vous aimerez peut-être aussi