Tivoli Service Desk 6.0 Developer's Toolkit - Guide du concepteur d'interfaces (Interface Designer)

Chapitre 5 : Création de fonctions supplémentaires

Retour à la table des matières


Introduction

Généralités

L'ajout de menus, d'une barre d'outils, de modèles et d'une aide en ligne peut améliorer la facilité d'utilisation de votre application. Avant d'apporter ces améliorations, vous devez d'abord définir le style des menus et de la barre d'outils. Ensuite, renommez le menu et la barre d'outils avec le nom du formulaire pour les associer automatiquement au formulaire.

Modèles

Présentation des modèles

Il s'agit de modèles de boîtes de texte fournissant des données visuelles aux utilisateurs sur le format des informations saisies. Les modèles sont indiqués dans la description du contrôle dans un fichier ressource.

Types de modèles

Les six types de modèle ci-après sont disponibles.

Masques de saisie et masques d'affichage

Chaque modèle est composé d'un masque de saisie et d'un masque d'affichage. Les masques de saisie sont composés de caractères vides et non vides qui limitent la saisie. Par exemple, vous pouvez obliger les utilisateurs à saisir uniquement des nombres dans une zone de numéro de sécurité sociale et uniquement des caractères alphabétiques dans une zone de nom. Les deux masques d'affichage sont définis à l'aide d'indicateurs de caractères.

Les masques de saisie sont des informations visuelles pour les utilisateurs. Elles leur indiquent les données à saisir dans une zone de texte. Par exemple, le masque de saisie d'un numéro de sécurité sociale est :

n-nn-nn-nn-nnn-nnn

et un masque de saisie d'un numéro de téléphone est :

nn-nn-nn-nn-nn

A la différence des masques d'affichage, les masques de saisie sont visibles pour les utilisateurs.

Indicateurs de caractères

Les masques de saisie sont composés d'indicateurs de caractères et définissent ce qu'un utilisateur peut saisir dans un modèle. Les indicateurs de caractères admis sont les suivants :

Caractères admis

Les options de caractères peuvent être personnalisées à l'aide de caractères admis. Par exemple, si vous créez un contrôle à un emplacement auquel un numéro d'immatriculation est indiqué et que le chiffre commence par une majuscule, vous pouvez sélectionner l'indicateur de caractère numérique et le personnaliser avec le caractère valide "A,". Cela permet à l'utilisateur d'indiquer la lettre alpha majuscule en première position alors que le reste de la zone reste numérique.

Les types de caractères admis sont les suivants :

Indicateurs de remplissage

Les indicateurs de remplissage disponibles sont :

Formatage de boîtes de texte avec des modèles

Création des modèles

Les modèles prédéfinis dans le concepteur d'interfaces s'appliquent généralement à tout type de contrôle à ajouter au formulaire. Toutefois, utilisez la procédure ci-après si vous préférez créer vos propres modèles.

Pour créer un modèle :

  1. Ouvrez le concepteur d'interfaces.
  2. Ouvrez un fichier ressource contenant au moins un formulaire.
  3. Cliquez sur l'onglet Modèles.
  4. Choisissez Ajouter.
    Résultat : Le dialogue Création des modèles s'affiche.
  5. Utilisez le tableau ci-après pour saisir les informations correspondant à votre application.

    Zone Description
    ID modèle Nom du nouveau modèle.
    Description Description du modèle.
    Masque d'affichage Format déterminant ce que l'utilisateur peut saisir. C'est par exemple le cas d'un masque de numéro de téléphone contenant uniquement des caractères numériques.
    Masque de saisie Le masque de saisie s'affiche dans la zone mais ne contrôle pas le texte saisi par l'utilisateur. Par exemple, un masque de saisie de numéro de téléphone peut être nn-nn-nn-nn-nn, mais l'utilisateur peut saisir des caractères alphabétiques dans la zone si le masque d'affichage n'a pas été défini uniquement pour des caractères numériques.
    Caractères valides La liste des caractères valides est indiquée à cet endroit.
    Caractère de remplissage Caractère inséré dans une zone de texte lorsqu'une entrée de contrôle est incomplète.
    Modèle test Le modèle test.
    Caractères Limite le type de données que les utilisateurs peuvent saisir dans le modèle Caractères alphabeticNumericAny.
    Remplissage Indique le nombre de caractères de remplissage qui peuvent être insérés.
    • Sens inverse insère les caractères de droite à gauche.
    • Remplissage complet insère des caractères dans tous les espaces non vides.
  6. Cliquez sur Appliquer ou OK.
  7. Associez le modèle à une zone de texte dans le formulaire. Pour plus d'informations sur la définition de modèles pour les boîtes de texte, reportez-vous à la section "Conception des contrôles."

Application de modèles à des boîtes de texte

Vous pouvez appliquer des modèles prédéfinis et définis par l'utilisateur à des boîtes de texte.

Pour appliquer les modèles à une zone de texte :

  1. Ouvrez le concepteur d'interfaces.
  2. Ouvrez un fichier ressource contenant au moins un formulaire.
  3. Ouvrez le formulaire à utiliser.
  4. Cliquez deux fois sur la zone de texte à laquelle appliquer le modèle.
  5. Cliquez sur l'onglet Zone de texte.
  6. Dans la liste Type de modèle, sélectionnez le modèle à utiliser.
  7. Cliquez sur Appliquer ou OK.

Suppression de l'association de modèles à des boîtes de texte

Les modèles peuvent être retirés d'une zone de texte, y compris ceux des applications en cours d'exécution. Si un modèle est retiré d'une zone de texte, n'importe quel caractère peut être saisi dans la zone de texte.

Pour retirer un modèle d'une zone de texte :

  1. Ouvrez le concepteur d'interfaces.
  2. Ouvrez un fichier ressource contenant le formulaire.
  3. Ouvrez le formulaire à utiliser.
  4. Cliquez deux fois sur le contrôle duquel le modèle doit être retiré.
  5. Cliquez sur l'onglet Zone de texte.
  6. Dans la liste Type de modèle, sélectionnez Aucun.

Création des menus

Introduction

Les menus sont souvent utilisés dans les formulaires pour accéder aux commandes sans utiliser d'invite de commande. Cette section décrit comment créer des menus pour des formulaires qui deviennent des fenêtres.

Remarque : Le concepteur d'interfaces permet de créer des menus comportant des sous-menus. Vous devez commencer par définir le style des menus et de la barre d'outils. Ensuite, renommez le menu et la barre d'outils avec le nom du formulaire pour les associer automatiquement au formulaire.

Création de menus de fenêtre

Vous pouvez définir un menu lorsque vous créez un formulaire de fenêtre ou que vous utilisez un formulaire existant. Les instructions données dans cet exemple s'appliquent dans le cas d'un formulaire existant.

Remarque : Il est nécessaire d'associer des menus aux formulaires. Si l'onglet Menu ne s'affiche pas dans la fenêtre du concepteur d'interfaces de TDT, sélectionnez Préférences dans le menu Options, cochez la case Afficher la page Menu et cliquez sur OK pour sauvegarder vos modifications.

Pour créer un menu :

  1. Ouvrez le concepteur d'interfaces.
  2. Ouvrez un fichier ressource contenant au moins un formulaire.
  3. Cliquez sur l'onglet Menu.
  4. Choisissez Ajouter.
    Résultat : Le dialogue Conception des menus s'affiche.
  5. Cliquez sur le nom du menu.
    Résultat : Le nom associé au menu s'affiche dans la boîte Nom du menu.
  6. Cliquez sur le bouton Nom du menu.
  7. Entrez un nom de menu unique dans le dialogue ID unique et cliquez sur OK.
    Résultat : Le dialogue ID unique se ferme et le nom du menu que vous avez indiqué s'affiche dans la zone de texte Nom du menu du dialogue Conception des menus. Le nom du menu s'affiche uniquement pour les développeurs. Il n'est pas visible par les utilisateurs.
  8. Dans la boîte Intitulé, entrez le texte du menu.
  9. Dans la boîte d'options Style, sélectionnez l'un des styles ci-après.
  10. Sélectionnez Mettre à jour.
  11. Cliquez ensuite sur OK.

Pour ajouter un autre menu au même niveau de menu, cliquez sur Ajouter après.

Ajout de sous-menus

Les sous-menus s'affichent sous les menus. Dans un menu, vous pouvez créer des sous-menus mais aussi imbriquer un sous-menu dans un sous-menu.

Pour ajouter un sous-menu :

  1. Ouvrez un fichier ressource contenant au moins un formulaire.
  2. Cliquez sur l'onglet Menu.
  3. Choisissez le menu auquel ajouter un sous-menu et cliquez sur Mettre à jour.
    Résultat : Le dialogue Conception des menus s'affiche.
  4. Dans la liste des menus, cliquez sur le menu auquel un sous-menu doit être ajouté.
  5. Choisissez Ajouter sous.
    Résultat : Un nouveau sous-menu portant le nom par défaut NEW_ITEM1 s'affiche sous le menu sélectionné.
  6. Cliquez sur le nouveau nom du sous-menu.
    Résultat : Les zones de texte Nom du menu et Intitulé indiquent maintenant les informations par défaut.
  7. Indiquez un nom de menu unique, un intitulé de menu et éventuellement un texte d'aide.
  8. Sélectionnez Mettre à jour.
    Résultat : Le sous-menu par défaut est remplacé par le nouvel intitulé de menu et les autres informations que vous avez indiquées.
  9. Cliquez ensuite sur OK.

Vous pouvez ajouter un sous-menu à un sous-menu en répétant cette procédure. Pour cela, sélectionnez le sous-menu et non le menu avant de cliquer sur Ajouter sous. (Vous pouvez ajouter un autre sous-menu au même niveau de sous-menu en cliquant sur Ajouter après.)

Test des menus

Pour tester un menu :

  1. Sélectionnez un menu dans l'arborescence.
  2. Choisissez Test.
    Résultat : Un menu en incrustation s'affiche. Il contient les menus et les intitulés que vous avez créés.
  3. Cliquez n'importe où pour fermer le menu en incrustation.
  4. Cliquez ensuite sur OK.

Suppression de menus

Pour supprimer un menu :

  1. Cliquez sur un menu ou un sous-menu dans l'arborescence.
  2. Cliquez sur Suppression.
    Résultat : Si vous avez sélectionné un menu ou un sous-menu qui est "parent" d'autres sous-menus, vous êtes invité à mettre à jour vos modifications. Sinon, le menu sélectionné est supprimé et retiré de la liste des menus.
  3. Cliquez sur OK.

Création et utilisation des barres d'outils

Introduction

Les barres d'outils améliorent la convivialité des programmes. Les boutons d'une barre d'outils sont des mnémoniques visuelles. Ils illustrent des options de menu et évitent à l'utilisateur d'avoir à mémoriser cette option. Ces boutons facilitent également l'accès aux options fréquemment utilisées.

Cette section décrit comment ajouter une barre d'outils à un formulaire qui devient une fenêtre.

Remarque : Pour créer une barre d'outils, sélectionnez Préférences dans le menu Options, cochez la case Afficher la page des barres d'outils et cliquez sur OK pour sauvegarder vos modifications.

Création des barres d'outils

Une barre d'outils peut être ajoutée à un formulaire à tout moment.

Pour créer une barre d'outils :

  1. Ouvrez le concepteur d'interfaces.
  2. Choisissez l'onglet Barres d'outils.
  3. Cliquez sur Ajouter.
    Résultat : Le dialogue Propriétés de la barre d'outils s'affiche. NEW_TOOLBAR1, nom de barre d'outils par défaut, s'affiche dans la zone de texte Nom de la barre d'outils.
    Remarque : Si vous avez sélectionné la préférence Feuilles de propriétés automatiques, la liste des propriétés de la barre d'outils s'affiche automatiquement lors de la création d'un outil.
  4. Cliquez sur le bouton Nom de la barre d'outils.
  5. Entrez un nom de menu unique dans le dialogue ID unique pour remplacer le nom de barre d'outils par défaut, et cliquez sur OK.
    Résultat : Le dialogue ID unique se ferme et le nom de la barre d'outils que vous avez saisi s'affiche dans la zone de texte Nom de la barre d'outils du dialogue Propriétés de la barre d'outils.

Création des boutons de la barre d'outils

Pour ajouter un bouton à la barre d'outils :

  1. Choisissez l'onglet Barres d'outils.
  2. Cliquez sur la barre d'outils à laquelle vous voulez ajouter un bouton.
  3. Cliquez sur Mettre à jour.
  4. Dans le dialogue Propriétés de la barre d'outils, saisissez un ID chaîne dans la zone de texte ID élément pour représenter le bouton.
  5. Cliquez sur le bouton Fichier d'icône.
  6. Sélectionnez le fichier d'icône à afficher sur le bouton.
  7. Pour créer un texte d'infobulle pour le bouton, entrez un texte dans la zone Texte Aide.
  8. Choisissez Ajouter.
    Résultat : Le bouton s'affiche dans la liste représentée par l'ID élément, le fichier d'icône et les informations d'aide que vous avez indiquées.
  9. Pour ajouter des boutons supplémentaires à la barre d'outils, répétez les étapes 5 à 9.
  10. Pour organiser les boutons dans un ordre différent de leur ordre initial, cliquez sur les boutons Déplacement vers le haut et Déplacement vers le bas.
    Remarque : Le premier bouton de la liste s'affiche en haut de la barre d'outils si cette dernière est verticale, et à gauche si celle-ci est horizontale.
  11. Sélectionnez Mettre à jour.
  12. Cliquez sur OK.

Création de séparateurs entre les boutons

Les séparateurs améliorent l'aspect d'une barre d'outils en espaçant les boutons.

Pour ajouter un séparateur à une barre d'outils :

  1. Ouvrez un fichier ressource contenant le formulaire à utiliser.
  2. Choisissez l'onglet Barres d'outils.
  3. Cliquez deux fois sur le nom de la barre d'outils à utiliser.
  4. Dans le dialogue Propriétés de la barre d'outils, cliquez sur le nom de la barre d'outils à utiliser.
  5. Choisissez Séparateur.
    Résultat : Le séparateur s'affiche en bas de la liste des boutons de la barre d'outils.
  6. Choisissez Déplacement vers le haut ou Déplacement vers le bas pour déplacer le séparateur entre les boutons de la barre d'outils.
  7. Pour ajouter des séparateurs supplémentaires, répétez les étapes 6 et 7.
  8. Pour organiser les boutons dans un ordre différent de leur ordre initial, cliquez sur les boutons Déplacement vers le haut et Déplacement vers le bas.
  9. Sélectionnez Mettre à jour.
  10. Cliquez sur OK.

Création des contrôles hypertexte

Introduction

Les contrôles hypertexte fournissent des informations en ligne à l'utilisateur final et peuvent comporter texte, son et images. Ils peuvent également être associés à des programmes externes. Les contrôles hypertexte ne remplacent pas l'aide en ligne, mais constituent une alternative pour afficher des informations.

Les contrôles hypertexte sont visibles tant que le formulaire est ouvert. Ce sont des zones de saisie multiligne comportant du texte. Le texte peut se présenter sous la forme de texte en couleur ou d'un bouton.

Types de bouton hypertexte

Les boutons s'affichent dans une couleur différente de celle du texte standard lors de l'exécution de l'application. Lorsque vous cliquez sur l'un de ces boutons, l'afficheur d'hypertexte (Hypertext Viewer) de la boîte à outils du développeur TSD s'affiche. Il contient l'élément associé.

Les types de boutons ci-après peuvent être créés.

Création de boutons hypertexte

Les boutons sont créés à l'aide de balises de chaîne hypertexte.

Pour créer un bouton hypertexte :

  1. Ouvrez un fichier ressource contenant le formulaire à utiliser.
  2. Ouvrez le formulaire à utiliser.
  3. Dans la palette des contrôles, cliquez sur le bouton Hypertexte.
  4. Dans le formulaire, cliquez à l'endroit où le bouton doit se trouver et faites glisser le pointeur jusqu'à ce que le contour du bouton soit à la taille voulue.
    Remarque : Si vous avez sélectionné la préférence Feuilles de propriétés automatiques, la liste des propriétés du contrôle s'affiche automatiquement lors de la création d'un contrôle.
  5. Cliquez avec le bouton droit de la souris sur le contrôle hypertexte.
  6. Sélectionnez Propriétés.
  7. Définissez les propriétés des onglets Base ou Aide.
  8. Cliquez sur l'onglet Hypertexte.
  9. Sélectionnez un style à appliquer au bouton hypertexte.
  10. Utilisez le tableau ci-après pour saisir le code hypertexte approprié dans la zone Texte initial.
    Remarque : Dans chaque exemple de code hypertexte, le nom du bouton est le nom final qui s'affichera.

    Code Fonction Syntaxe Options de style
    Bouton alphabétique Transmet un ID alphabétique à un programme de la boîte à outils du développeur. [[Nom du bouton|LIBELLE texte du libellé]] N/A
    Fichier externe Crée un lien avec un fichier externe. [[Nom du bouton|FILE nom du fichier ATTRIBUTS]]
    • Pas de renvoi signifie que l'utilisateur doit effectuer un retour chariot pour renvoyer manuellement le texte à la ligne suivante.
    • Aucun Formatage effectue un renvoi automatique à la ligne.
    • Aucun n'effectue aucun formatage de ligne.
    Programme externe Crée des liens avec les programmes externes. Le fichier exécutable du programme doit être doté du suffixe .exe. Les arguments que vous indiquez sont transmis au programme sous la forme d'arguments de commande. [[Nom du bouton| RUN nom du programme ARGUMENTS]] N/A
    Lien hypertexte Crée un lien hypertexte avec une URL. Le lien lance le navigateur Internet indiqué dans la variable d'environnement WebBrowser. Le nom de l'URL peut être http, ftp et news. [[texte | nom URL]] Le texte s'affiche sous la forme d'un bloc bleu.
    Image Crée un bouton image. [[Nom du bouton|IMAGE nom du fichier ATTRIBUTES]]
    • Défilement crée des barres de défilement dans la fenêtre hypertexte.
    • Découpage découpe l'image pour la faire entrer dans la bordure.
    • Echelle adapte l'image à la fenêtre hypertexte.
    Balise de saut Parcourt la liste des balises pour y trouver un marquage qui correspond au texte se trouvant après le saut. Si une occurrence est trouvée, la ligne qui contient le marquage est placée au début de l'afficheur. L'afficheur d'hypertexte traite l'EventJump pour garder la liste de marquages utilisés dans un fichier. [[texte | nom du marquage de saut]] N/A
    Balise de marquage Place un marquage invisible dans le texte [[texte | Marquage nom du marquage]] N/A
    Bouton Numérique Transmet un bouton numérique à un programme TSD Script. [[Nom du bouton|ID numéro_id]] où Nom du bouton est le texte visible par l'utilisateur. N/A
    Chaîne de recherche Recherche le texte indiqué dans un afficheur hypertexte. [[Nom du bouton|SEARCH texte recherché]] N/A
    Fichier son Crée des liens avec des fichiers son. [[Nom du bouton|PLAY nom du fichier]] N/A


  11. Une fois la définition des propriétés terminée, cliquez sur Appliquer ou OK.
    Remarque : Si vous cliquez sur le lien, l'afficheur d'hypertexte (Hypertext Viewer) de la boîte à outils du développeur s'ouvre.

Création de l'aide en ligne

Introduction

Vous pouvez créer une aide en ligne contextuelle pour les contrôles et les formulaires. Pour ce faire, deux méthodes s'offrent à vous.

Les fichiers d'aide associés à votre formulaire doivent résider dans l'une des zones ci-après.

Ajout de l'aide en ligne

Pour ajouter une aide en ligne :

  1. Cliquez deux fois sur le contrôle ou le formulaire pour afficher ses propriétés.
  2. Cliquez sur l'onglet Aide.
  3. Effectuez l'une des opérations ci-après.
  4. Cliquez sur Appliquer ou OK.
    Remarque : Vous pouvez utiliser uniquement des codes de texte d'aide de la boîte à outils du développeur dans votre formulaire.

Tivoli Service Desk 6.0 Developer's Toolkit - Guide du concepteur d'interfaces (Interface Designer)

Retour à la table des matières

Copyright