Visualisation
Sommaire

1.Introduction

Une visualisation (abrégé "Visu") est constituée fondamentalement d'un graphique d'arrière-plan et d'éléments placés sur celui-ci. La Visu offre pratiquement tous les degrés de liberté pour élaborer une structure de commande. Chaque page peut être appelée depuis chacune des pages. Il est possible de créer une structure propre pour chaque utilisateur. Si plusieurs designs (résolutions d'écran) sont utilisés, il est nécessaire de créer des images d'arrière-plan propres pour chaque design puis de positionner les éléments sur celles-ci.

Une page de Visu peut contenir les éléments suivants :
  • Texte
  • Symbole
  • Caméra
  • Boîte
  • Diagramme
Les éléments peuvent être disposés à volonté. Chaque élément peut être sensible au clic. Chaque élément d'autres pages Visu ou de masques spéciaux peut ainsi appeler et/ou exécuter des instructions. Tous les masques spéciaux pouvant être appelés dans le menu sont également disponibles dans la visualisation.

2.Importer/exporter des modèles

Il est possible d'exporter les éléments marqués d'une page Visu ou une page Visu complète sous la forme d'un modèle. Ceci permet donc d'insérer aussi des modèles dans d'autres projets. Les modèles peuvent être insérés indépendamment du design. Lors de l'importation d'un modèle, tous les objets utilisés sont interrogés. Lorsque le modèle est importé dans un autre projet, tous les objets doivent être affectés manuellement. Il est possible d'enregistrer dans le modèle tous les symboles et les modules utilisés. Ceux-ci sont alors disponibles aussi dans d'autres projets.
Remarque
Lorsque vous exportez plusieurs éléments d'une page Visu, les positions des éléments peuvent être perdues lors de l'importation ! Mais cela ne se produit pas lors de l'importation/exportation d'une page Visu complète.
Remarque
Si vous exportez tous les éléments de la page Visu 'xxx' (au lieu de la page elle-même), ainsi que la page Visu 'yyy', qui contient un lien vers la page 'xxx', le lien ne fonctionnera pas après l'Importation dans le nouveau projet ! Pour cela, vous auriez dû exporter la page Visu 'xxx' elle-même, et non pas ses seuls éléments.

3.Ligne d'en-tête du menu

  • Fichier
    - Fermer - ferme la fenêtre actuelle
  • Vue
    - Afficher l'arborescence des éléments - Les éléments Visu disponibles sont représentés en bas à gauche. Vous pouvez déplacer et poser directement un élément sur la surface Visu via « Glisser-Déplacer ».
    - Barre d'outils - Affiche ou masque entièrement la barre d'outils en haut/en bas.
    - Composants - Affiche ou masque entièrement la barre de composants à gauche/à droite.
    - Afficher les lignes auxiliaires - Affiche ou masque les lignes auxiliaires sur la surface Visu.
    - Espacement des lignes auxiliaires - Règle l'écartement entre les différentes lignes auxiliaires.

4.Structure de l'éditeur Visu

La zone située sous le menu principal et sous la barre de menus permet d'afficher tous les designs (maximum 5) présents dans le projet, sous la forme d'onglets. Un clic sur l'un des onglets permet de sélectionner le design que vous souhaitez éditer. Tous les points répertoriés ci-dessous sont disponibles pour chacun des designs (chaque onglet).
Un nouveau design est créé dans Projet/Design.

Le masque (disponible à part pour chaque onglet) comporte les zones de représentation de l'arborescence des pages Visu (à gauche), de l'arborescence de sélection des éléments Visu (en bas à gauche, masquable), de surface Visu (à droite) et des symboles de commande (en haut et à gauche de la surface Visu). Un menu de clic droit existe pour tous les éléments de l'arborescence et de la surface Visu. Des fonctions supplémentaires se trouvent dans le menu de la ligne d'en-tête.

4.1.Composants (1-7)

Par défaut, la barre des composants est affichée à gauche de la surface Visu. Le menu principal -> Vue -> Composants permet aussi de la masquer ou l'afficher à droite de la surface Visu.

4.2.(1) Mode : sélection (Ctrl-A)

A l'intérieur de la surface Visu, vous pouvez, avec le pointeur de la souris, sélectionner des éléments (symbole, texte, boîte, caméra), en modifier la taille, les déplacer, les aligner et en éditer les propriétés.
  • D'un clic de gauche sur un élément :
    l'élément est sélectionné et repéré d'un cadre de couleur. Il est possible de déplacer l'élément sélectionné en maintenant le bouton gauche de la souris enfoncé et en déplaçant la souris.
  • Avec [CTRL]+clic gauche sur plusieurs éléments :
    plusieurs éléments peuvent être sélectionnés et repérés d'un cadre de couleur. Il est possible de déplacer les éléments sélectionnés en maintenant le bouton gauche de la souris enfoncé et en déplaçant la souris.
  • Un clic gauche à l'extérieur d'un élément et le maintien du bouton gauche de la souris enfoncé :
    plusieurs éléments peuvent être marqués simultanément et déplacés en maintenant le bouton gauche de la souris enfoncé.
  • Double clic sur un élément :
    ouvre le point de programme Propriétés (Editer un élément Visu)
  • [MAJ]+touches fléchées avec un élément sélectionné :
    la taille peut être modifiée en actionnant une touche fléchée. Chaque actionnement de touche signifie une modification de largeur/hauteur d'un pixel
  • Clic gauche et maintien sur le bord droit ou inférieur d'un élément sélectionné :
    La taille peut être modifiée en glissant et en déposant.
  • D'un clic droit sur un élément : (touche de menu contextuel)
    un menu d'options s'affiche.

4.3.(2) Mode : insérer symbole (Ctrl-S)

Cliquer sur cet élément permet de placer un symbole sur la surface de Visu.
  • Un double clic à l'intérieur de la surface de Visu sur un élément ouvre le point de programme Propriétés (élément Visu) ; les coordonnées actuelles du pointeur de la souris sont alors reprises.
  • Clic gauche+maintenir+faire glisser sur la surface de Visu génère un rectangle sur la surface de Visu ; relâcher le bouton de la souris fait apparaître le point de programme Propriétés (Editer l'élément Visu). La taille du rectangle est reprise. Le symbole a cette taille ou est amené à cette taille le cas échéant.

4.4.(3) Mode : insérer texte (Ctrl-T)

Insère un texte. Manipulation identique à celle du symbole (voir ci-dessus).

4.5.(4) Mode : insérer boîte (Ctrl-B)

Insère un rectangle. Manipulation identique à celle du symbole (voir ci-dessus).

4.6.(5) Mode : insérer caméra (Ctrl-K)

Insère une image de caméra. Manipulation identique à celle du symbole (voir ci-dessus).

4.7.(6) Mode : insérer diagramme (Ctrl-D)

Insère un diagramme. Manipulation identique à celle du symbole (voir ci-dessus).

4.8.(7) Importation (Ctrl-I)

Importe un modèle. Une fenêtre de sélection s'ouvre, dans laquelle le modèle à utiliser peut être sélectionné.

4.9.(a-l) Barre d'outils

Par défaut, la barre d'outils est affichée au-dessus de la surface Visu. Le menu principal -> Vue -> Barre d'outils permet aussi de le masquer ou de le faire afficher en dessous de la surface Visu.

4.10.(a) Boîte de sélection « Aller à... »

Tous les éléments présents sur la page Visu sont listés ici avec leur désignation. Ce champ permet de sélectionner un élément Visu individuel.

4.11.(b) Propriétés de l'élément sélectionné

La propriété de l'élément Visu sélectionné s'affiche ici.

4.12.(c) Annuler les dernières actions de dessin

Ici, vous pouvez annuler pas à pas les dernières actions de dessin réalisées, comme p. ex. la taille ou la position d'un élément. Les modifications impossibles à annuler sont par exemple des modifications comme l'importation d'un modèle ou concernant les propriétés d'un diagramme placé sur la surface Visu, qui NE concernent PAS la taille ni la position du diagramme sur la page Visu.

4.13.(d,e,f,g) Aligner des éléments à gauche (Ctrl-1), à droite (Ctrl-2), en haut (Ctrl-3) ou en bas (Ctrl-4)

Les éléments sélectionnés peuvent être alignés à gauche, à droite, en haut et en bas. Tous les éléments repérés sont respectivement alignés sur l'élément la plus éloigné dans la direction correspondante, donc p. ex. sur l'élément situé le plus haut, si 'aligner en haut' a été sélectionné, sur l'élément situé le plus à droite, si 'aligner à droite' a été sélectionné.
Attention
La fonction sélectionnable via Menu contextuel/Aligner est différente !

4.14.(h,i,j) Adapter les éléments en largeur, hauteur ou largeur+hauteur

Les éléments sélectionnés sont amenés aux mêmes dimensions que l'élément repéré qui dispose de la dimension concernée la plus grande, donc à la largeur de l'élément repéré le plus large, ou à la hauteur de l'élément repéré le plus haut.

4.15.(k) Afficher/masquer les lignes auxiliaires (Ctrl-R)

Il est possible ici de placer une grille de lignes auxiliaires sur la surface Visu, voire de l'enlever ensuite. La grille vous sert uniquement d'orientation et ne fait pas partie de la surface Visu.
Vous pouvez régler l'écartement des lignes dans le Menu principal -> Vue -> Ecartement des lignes auxiliaires (unité : pixel).

4.16.(l) Indications concernant la page Visu

Vous pouvez définir ou modifier ici la désignation, 2 lignes d'en-tête, le symbole et l'image d'arrière-plan de la page Visu. Le masque correspondant s'ouvre.

5.Barre d'état (A-B)

Quelques informations sont affichées dans la ligne d'état au bord inférieur de l'écran.

5.1.(A) Indications concernant l'objet situé sous le pointeur de la souris

Les informations suivants sont affichées dans la zone de gauche de la barre d'état :

X x Y / l x H /[ Action /][ Objet de commande /] Désignation

X x Y
Coordonnées du coin supérieur gauche de l'objet, par rapport au coin supérieur gauche de la surface Visu

B x H
Largeur x hauteur de l'objet en pixels

Action
L'action inscrite dans l'objet pour 'Clic de souris'. S'affiche uniquement si une action est inscrite

Objet de commande
L'objet de communication de commande avec des objets dynamiques. Est uniquement affiché s'il s'agit d'un texte dynamique, d'un symbole dynamique ou d'une boîte dynamique

Désignation
Désignation de l'objet

5.2.(B) Position actuelle de la souris (position du pointeur)

La zone droite de la barre d'état indique la position actuelle du pointeur de la souris, rapportée au coin supérieur gauche de la surface Visu.

6.Menu de commande (arborescence -> clic droit sur un élément)

7.Couper (Ctrl+X)

La page Visu repérée est mémorisée temporairement et supprimée en même temps. La mémoire temporaire est disponible uniquement dans l'Expert HS/FS. La mémoire temporaire est effacée lorsque vous quittez l'Expert..

7.1.Copier (Ctrl+C)

Une page de Visu repérée est mise temporairement en mémoire. La mémoire temporaire est disponible uniquement dans l'Expert HS/FS.

7.2.Coller (Ctrl+V)

La mémoire temporaire (voir Couper et Copier) est insérée en dessous du repère.

7.3.Dupliquer

Un élément de menu sélectionné ou une page de menu et tous ses éléments de menu de niveau inférieur sont dupliqués en dessous du repère actuel.

7.4.Supprimer (Supp.)

Une page de Visu sélectionnée est supprimée.

7.5.Renvois

Remarque : ce point apparaît uniquement si vous avez effectué un clic droit sur une page Visu.
Une fenêtre contient l'affichage de tous les objets qui renvoient à cette page Visu.

7.6.Copier dans la bibliothèque globale

Remarque : ce point apparaît uniquement si vous avez effectué un clic droit sur une page Visu.
Il permet d'effectuer une copie complète de la page Visu dans la bibliothèque globale. Les positions de tous les objets sur cette page sont conservées à l'importation, pour autant que la surface Visu ait une taille suffisante pour afficher la page importée complète.

7.7.Propriétés

Remarque : ce point apparaît uniquement si vous avez effectué un clic droit sur une page Visu.
Propriétés de la page Visu. Voir le point (I).

7.8.Créer un dossier

Remarque : ce point apparaît uniquement si vous avez effectué un clic droit sur l'entrée racine ou sur un dossier.
Vous créez ici un nouveau dossier, dans lequel il est possible de créer des pages Visu.

7.9.Renommer le dossier

Remarque : ce point apparaît uniquement si vous avez effectué un clic droit sur un dossier.
Vous pouvez attribuer ici autre nom à un dossier.

7.10.Créer page Visu

Remarque : ce point apparaît uniquement si vous avez effectué un clic droit sur l'entrée racine ou sur un dossier.
Vous créez ici une nouvelle page Visu. La fenêtre de propriétés apparaît automatiquement.

8.Menu de commande (surface Visu)

9.Marquer tous les éléments (Ctrl+A)

Tous les éléments de la surface Visu sont marqués

9.1.Annuler la dernière action (Ctrl+Z)

La dernière action est annulée.

9.2.Couper (Ctrl+X)

Les éléments marqués sont mémorisés temporairement et supprimés de cette position lors de la réinsertion.

9.3.Copier (Ctrl+C)

Les éléments marqués sont mémorisés temporairement.

9.4.Coller (Ctrl+V)

La mémoire temporaire est insérée en dessous de la position de la souris.

9.5.Dupliquer (Ctrl+D)

Duplique l'élément marqué. L'élément dupliqué est inséré décalé de 10 pixels vers la droite et vers le bas.
La duplication de plusieurs éléments marqués est impossible !

9.6.Supprimer (Supp.)

Supprime définitivement les éléments marqués de la page Visu.

9.7.Aller à

Si l'élément marqué est lié à une page Visu, celle-ci est affichée dans l'éditeur.

9.8.Ordonner

Ordonne les éléments repérés dans une séquence déterminée :
  • Vers l'avant (Ctrl+Pos1) :
    déplace l'élément à la première position de la séquence. Tous les autres éléments se trouvent en dessous de cet élément.
  • Vers l'arrière (Ctrl+Fin) :
    déplace l'élément à la dernière position de la séquence. Tous les autres éléments se trouvent au-dessus de cet élément.
  • Un vers le haut (Ctrl+PageHaut) :
    déplace l'élément dans la séquence d'une position vers le haut.
  • Un vers le bas (Ctrl+PageBas) :
    déplace l'élément dans la séquence d'une position vers le bas.

9.9.Aligner

  • A gauche (Ctrl-5), à droite (Ctrl-6), en haut (Ctrl-7), en bas (Ctrl-8)
    Les éléments sélectionnés peuvent être alignés à gauche, à droite, en haut et en bas. Tous les éléments sélectionnés sont alignés sur l'élément sur lequel vous avez effectué le clic droit pour appeler le menu contextuel.
    ATTENTION : la fonction sélectionnable via Barre d'outils/Aligner est différente !
  • Centrer à l'horizontale
    Les éléments repérés sont agencés les uns au-dessus des autres en veillant à ce que leurs centres forment une ligne parfaitement verticale. La condition préalable étant un e place suffisant sur la surface Visu, le centrage ne peut pas sinon être exécuté avec précision.
  • Centrer à la verticale
    Les éléments repérés sont agencés les uns à côté des autres, leurs centres formant une ligne parfaitement horizontale. La condition préalable étant une place suffisant sur la surface Visu, le centrage ne peut pas sinon être exécuté avec précision.
  • Equidistants horizontalement
    Conditions préalables :
    - au moins 3 éléments sont marqués
    - la somme de la largeur de tous les éléments marqués est inférieure à la distance entre le bord gauche de l'élément se trouvant le plus loin à gauche et le bord droit de l'élément se trouvant le plus loin à droite.
    L'élément situé le plus à gauche et l'élément situé le plus à droite demeurent là où ils sont. Les autres éléments repérés sont répartis à l'horizontale de manière équidistante entre ces deux éléments.
  • Equidistants verticalement
    Conditions préalables :
    - au moins 3 éléments sont marqués
    - la somme de la hauteur de tous les éléments marqués est inférieure à la distance entre le bord supérieur de l'élément se trouvant le plus haut et le bord inférieur de l'élément se trouvant le plus bas.
    L'élément situé le plus haut et l'élément situé le plus bas demeurent là où ils sont. Les autres éléments repérés sont répartis à la verticale de manière équidistante entre ces deux éléments.

9.10.Déplacer des éléments sur la surface Visu

  • La grille est DESACTIVEE
    - La touche fléchée sert à déplacer les éléments repérés d'1 pixel dans la direction correspondante
    - Avec Ctrl+touche fléchée, vous déplacez les éléments repérés de 5 pixels dans la direction correspondante
  • La grille est ACTIVEE
    - La touche fléchée sert à déplacer les éléments repérés d'1 largeur de pas dans la direction correspondante
    - Avec Ctrl+touche fléchée, vous déplacez les éléments repérés de 2 largeurs de pas dans la direction correspondante
Des informations détaillées concernant la grille se trouvent dans la section Ecartement des lignes auxiliaires.

9.11.Taille

Vous trouverez plus d'informations à ce sujet aux points h,i,j Adapter la taille dans la barre d'outils de l'éditeur.

9.12.Affectation rapide

L'affectation rapide permet un formatage rapide. Les attributs suivants peuvent être modifiés avec l'affectation rapide.
Une modification du 'type', p. ex. l'affectation d'un symbole statique lorsqu'un symbole dynamique a été défini de manière active, est impossible !
Les modifications sont effectuées uniquement sur les éléments repérés disposant de la propriété correspondante :
- couleur d'arrière-plan (textes et boîtes)
- couleur de police (uniquement éléments de texte)
- police de caractères (uniquement éléments de texte)
- alignement du texte (uniquement éléments de texte)
- espacement interne (uniquement éléments de texte)
- groupe d'utilisateurs ('Utilisation de groupes d'utilisateurs' doit être activé dans le projet)

9.13.Enregistrer comme modèle

  • Enregistrer (avec symboles et modules)
    Tous les éléments repérés sont exportés comme modèle. Ainsi, il est possible d'insérer aussi les éléments de menu dans d'autres projets. Les symboles et modules sont eux aussi exportés et insérés automatiquement dans le nouveau projet si les données correspondantes ne sont pas déjà disponibles. Une mise en correspondance des données est réalisée via la clé de symbole et la clé de module. Si des symboles et/ou des modules avec une clé identique existent dans le projet, ils ne sont pas repris depuis le modèle. Les modèles peuvent être insérés dans le projet via l'élément de menu Nouveau/Importer modèle.
  • Enregistrer (sans symboles et modules)
    Tous les éléments marqués sont exportés comme modèle. Ainsi, il est possible d'insérer aussi les éléments de menu dans d'autres projets. Les symboles et modules ne sont pas exportés, ils doivent donc être disponibles dans le projet à importer. Une mise en correspondance des données est réalisée via la clé de symbole et la clé de module. Si des symboles et/ou des modules avec une clé identique existent dans le projet, ceux-ci sont déjà automatiquement affectés lors de l'importation. Les modèles peuvent être insérés dans le projet via l'élément de menu Nouveau/Importer modèle.
  • Copier dans la bibliothèque globale
    voir à ce sujet Bibliothèque globale

9.14.Nouveau

Points secondaires : importer symbole, texte, caméra, boîte, diagramme, modèle
Crée un nouvel élément Visu ou importe un modèle existant dans la page Visu.

9.15.Propriétés (Ctrl+E)

Affiche la fenêtre de propriétés de l'élément Visu actuel. Si aucun élément n'est repéré, la fenêtre de propriétés de la page Visu s'affiche.