Visualisation
Contenu

1.Introduction

Une visualisation (abrégé « Visu ») se compose 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 :
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.
Lors de l’enregistrement, le chemin vers le dossier de modèles s’ouvre directement dans la fenêtre de dialogue de fichier.
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.En-tête de menu

4.Structure de l’éditeur Visu

------ Texte incl. jusqu’à la version 4.10 -----
La zone située sous le menu principal et sous la barre de menu 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 représentant l’arborescence des pages Visu (à gauche), l’arborescence de sélection des éléments Visu (en bas à gauche, masquable), la surface Visu (à droite) et les symboles de commande (en haut et à gauche de la surface Visu). Un menu accessible d’un 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.

------ Nouveau texte à partir de la version 4.11 -----
La barre latérale se trouve sous le menu principal, dans la barre de menu dans la partie gauche de la fenêtre Visu. Dans la partie droite, la surface de travail de l’éditeur Visu est affichée.
Entre les deux se trouve la barre des composants, dont la position peut être modifiée entre plusieurs emplacements, si vous le souhaitez, via l’entrée de menu.
Au-dessus de l’éditeur Visu se trouve la barre d’outils. Vous pouvez la déplacer en-dessous également ou bien la masquer totalement.
La barre d’état est affichée en-dessous de l’éditeur Visu.

4.1.La barre latérale

La barre latérale est affichée à gauche dans la fenêtre Visu et comprend deux zones : Celle du bas affiche l’élément arborescent Visu et le cas échéant la prévisualisation d’un élément graphique si l’un d’entre eux a été sélectionné. Cette zone ne peut être activée / désactivée que via le point de menu « Vue -> Afficher élément arborescent Visu ».
La zone supérieure affiche de manière standard la structure arborescente des pages Visu (Pages Visu), mais peut aussi passer à la vue de tous les éléments d’une page Visu (Page Visu (éléments)), ou à la fonction de recherche (Chercher dans la visualisation).

4.1.1.Structure arborescente des pages Visu

Ici, toutes les pages Visu d’un design sont affichées sous la forme d’une structure arborescente.
Si plus d’un design est défini dans le projet, une boîte combinée apparaît directement en dessous de la ligne de symbole, laquelle affiche d’une part le design actif et, d’autre part, il est possible à partir de celle-ci de sélectionner un autre design à traiter existant dans le projet.

En cliquant sur la page Visu, celle-ci devient la page active et apparaît dans la partie de droite.

4.1.2.Tous les éléments d’une page Visu

Ici sont affichés tous les éléments d’une page Visu sous forme de liste. Plusieurs entrées de liste peuvent être sélectionnées simultanément. Via le menu contextuel, toutes les entrées peuvent ensuite être supprimées simultanément. En outre, les propriétés d’un élément peuvent être consultées via le menu contextuel.

4.1.3Fonction de recherche

La fonction de recherche est décrite dans ce document.

4.1.4.Élément Visu arborescent

Tous les éléments Visu disponibles pour le design Visu actuel sont affichés ici sous la forme d’une structure arborescente.
En cliquant sur un élément affichable, une prévisualisation apparaît sous la structure arborescente.
Toutes les éléments peuvent être déplacés sur la page Visu actuelle par glisser-déposer.
Particularité : Si un fichier au format « .htvisu » est déplacé depuis le dossier « Modèles » vers la page Visu, la boîte de dialogue « Importer modèles » doit être modifiée. Ensuite, les éléments enregistrés dans le modèle sont placés sur la page Visu tels qu’ils le sont lors de la création du modèle.

4.2.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.(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 appuyant sur la touche curseur. 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 déplaçant et relâchant.
  • D’un clic droit sur un élément : (touche de menu contextuel)
    un menu d'options s'affiche.

4.2.2.(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 converti dans cette taille le cas échéant.

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

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

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

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

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

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

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

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

4.2.7.(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.3.Barre d’outils (a – l)

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.3.1.(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.3.2.(b) Propriétés de l’élément sélectionné

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

4.3.3.(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.3.4.(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.3.5.(h,i,j) Adapter les éléments en largeur, hauteur ou largeur+hauteur

Les éléments sélectionnés sont convertis 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.3.6.(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.3.7.(l) Indications concernant la page Visu

Vous pouvez ici définir ou modifier 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.

4.4.Barre d’état (A – C)

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

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

Les informations suivantes s’affichent 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

l 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 a été configurée

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

4.4.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.

4.4.3.(C) Design actuel

Le nom du design actuellement traité est affiché en haut à droite dans la barre d’état.

5.Menu de commande

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

5.1.1.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..

5.1.2.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.

5.1.3.Coller (Ctrl+V)

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

5.1.4.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.

5.1.5.Supprimer (Suppr.)

Une page sélectionnée dans Visu peut être supprimée.

5.1.6.Liens de renvoi

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.

5.1.7.

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, si la surface Visu dispose d’une taille suffisante pour afficher la page importée complète.

5.1.8.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).

5.1.9.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 placer des pages Visu.

5.1.10.Renommer un dossier

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

5.1.11.Créer une 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.

5.2.Menu de commande (surface Visu)

5.2.1.Sélectionner tous les éléments (Ctrl+A)

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

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

La dernière action est annulée.

5.2.3.Couper (Ctrl+X)

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

5.2.4.Copier (Ctrl+C)

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

5.2.5.Coller (Ctrl+V)

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

5.2.6.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 !

5.2.7.Supprimer (Suppr.)

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

5.2.8.Aller à

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

5.2.9.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.

5.2.10.Orienter

  • À 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 de disposer d’une place suffisante sur la surface Visu, le centrage ne pourra 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 de disposer d’une place suffisante sur la surface Visu, le centrage ne pourra pas sinon être exécuté avec précision.
  • Equidistants horizontalement
    Conditions préalables :
    - au moins 3 éléments sont sélectionnés
    - la somme de la largeur de tous les éléments sélectionné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 se trouvant le plus loin à gauche et l’élément se trouvant le plus loin à droite restent où ils sont. Les autres éléments marqués sont répartis entre ceux-ci avec le même écartement horizontal.
  • Équidistants verticalement
    Conditions préalables :
    - au moins 3 éléments sont sélectionnés
    - la somme de la hauteur de tous les éléments sélectionné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 se trouvant le plus loin en haut et l’élément se trouvant le plus loin en bas restent où ils sont. Les autres éléments marqués sont répartis entre ceux-ci avec le même écartement vertical.

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

  • La grille est DÉSACTIVÉE
    - La touche fléchée sert à déplacer d’1 pixel les éléments repérés dans la direction correspondante
    - Avec Ctrl+touche fléchée, vous déplacez de 5 pixels les éléments repérés 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
Vous trouverez des détails sur la grille à Écartement des lignes auxiliaires.

5.2.12.Taille

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

5.2.13.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)

5.2.14.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

5.2.15.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.

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

Affiche la fenêtre des 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.