Réalisation d une Interface Utilisateur

Transcription

1 Réalisation d une Interface Utilisateur Pour manipuler facilement les données enregistrées dans une base de données, il est nécessaire de cacher leur implantation technique dans les tables et d offrir à l utilisateur une vision «organisationnelle» du problème à traiter. Un utilisateur a trois besoins immédiats. Il veut pouvoir : Saisir les données ; Consulter les données ; Modifier les données. Ces trois opérations de base peuvent être réalisées directement dans les tables de données, mais il est souhaitable de concevoir des interfaces pour faciliter la manipulation des données. Dans Access, l interface permettant de manipuler des écrans personnalisés s appelle un FORMULAIRE. Exemple de formulaire Un formulaire contient un ensemble d objets. Case à cocher Etiquette Boutons Radio En-tête de Formulaire Liste déroulante Zone de texte Zone calculée Zone de Liste Accès au premier enregistrement de la table Enregistrement précédent N de l enregistrement affiché Enregistrement suivant Réaliser un formulaire Dernier enregistrement Nouvel Enregistrement Pour construire un formulaire, il est conseillé de se faire aider par un assistant. Nombre d enregistrements de la table Selon la version d Access, l interface de l assistant est différente. Mais il faut toujours préciser : La forme du formulaire La table ou la requête sur laquelle il est basé Un formulaire est associé à une table ou une requête. Les Formulaires de Saisie sont basés sur les tables alors que les formulaires de consultation et modification travailleront plutôt sur des requêtes. Jacques Chambon 1/9

2 Voilà le résultat de création automatique de formulaire à l aide de l assistant. Les Sections d un formulaire En mode Création un formulaire comporte 4 sections auxquelles sont associées des propriétés de mise en forme. Chaque section est repérable par un petit bouton gris situé dans la marge gauche. En double-cliquant sur le bouton en question, vous obtiendrez la fenêtre des propriétés. La section EntêteFormulaire permettra de mettre un Titre. La section Détail contiendra les Champs de la table ou de la requête utilisé, c est dans cette partie que s afficheront les informations Jacques Chambon 2/9

3 manipulées dans la base de données. La section PiedFormulaire servira à positionner des boutons qui permettront de déclencher des actions notamment pour la Navigation dans l application. Tout objet du formulaire est appelé un CONTROLE. Personnalisation d un Formulaire Suppression de l image de fond d écran. Cette image est associée au formulaire. Il faut donc, en mode création, double cliquer sur bouton formulaire et rechercher dans l onglet la propriétés Image. Pour supprimer l image de fond, il suffit de supprimer le chemin d accès à l image. Pour en changer, il faut cliquer sur le petit bouton comportant les trois points et choisir le fichier contenant l image à afficher. Ajout du titre Sélectionnez la zone Texte dans la barre d outils et glissez le pointeur pour décrire un rectangle dans lequel vous pourrez frappez le titre de l écran d interface que vous créez. Jacques Chambon 3/9

4 Pour modifier les propriétés d un objet (en l occurrence une zone de texte), il faut le sélectionner en cliquant bouton droit, puis choisir l option «Propriétés» Il faut systématiquement changer le nom de l objet en adoptant une codification significative et stable dans le temps. Ici nous identifierons cet objet par ce qu il est sensé représenter à savoir le titre du formulaire. La propriété «Légende» correspond quant à elle au contenu de l objet. Les autres propriétés portent sur l apparence (Police, taille ) Ajout d une image L insertion est totalement classique avec les produits bureautiques. La commande Insertion/image est présente. La propriété de l objet image permet de changer les attributs d affichage et principalement le mode : zoom Une zone contenant la valeur d un champ s appelle un CONTROLE Pour sélectionner un contrôle cliquez avec la souris. Vous pouvez sélectionner plusieurs contrôles en les entourant avec la souris. Un contrôle sélectionné possède des poignets, qui permettra d en changer la dimension. L étiquette et la zone de texte sont des objets solidaires. Lorsqu une main apparaît après avoir sélectionné le contrôle, vous pouvez le déplacer. Pour ne déplacer qu une partie du contrôle, cliquez sur le plus gros carré. Le pointeur représente une main, index tendu. Jacques Chambon 4/9

5 Comment supprimer et ajouter des contrôles? Vous pouvez ne supprimer qu une partie du contrôle, soit l étiquette, soit la zone de texte. Sélectionnez avec la souris la partie concernée et appuyez sur la touche «Suppr». Si vous supprimez par inadvertance un contrôle il vous sera toujours possible de le reconstruire. En cliquant sur cette icône, la liste des champs de la table associée apparaît. Cliquez le champ et glissez le sur le formulaire : un contrôle apparaîtra. Comment modifier l aspect d un contrôle Sélectionnez le contrôle et jouez sur les outils suivants : Vous retrouvez dans la barre d outils des icônes que vous avez déjà manipulées dans les traitements de textes et tableur Pour travailler sur les couleurs et les bordures utilisez les icônes de la barre d outils Pour avoir une vision de tous les paramètres associés à un contrôle, cliquez sur l icône «Propriétés». Les propriétés sont visibles par groupe L identification d un contrôle est repéré par ses 2 premières propriétés. La rubrique Nom concerne l identification du contrôle dans le formulaire. La rubrique Source contrôle indique le nom du champ de la table associée au formulaire. En déplaçant les divers contrôles, vous pouvez personnaliser le masque de saisie. Jacques Chambon 5/9

6 Un Formulaire comporte 3 «sections» l En-tête qui contient le nom du formulaire, la section détail, qui contient les différents contrôles et la section Pied, dans lequel nous mettrons les boutons de commande. Il est possible de changer la taille des diverses sections en utilisant la souris, comme vous le faisiez avec les colonnes d un tableur ou d une table de la base de données. En passant en mode formulaire, vous obtenez le résultat suivant : Faut-il conserver tous les contrôles? Certaines données sont purement techniques. C est le cas pour le numéro de l adhérent ainsi que le code de la profession. et le code de la section. Le numéro de l adhérent peut ne pas être affiché, il est géré automatiquement par Access, il sert à établir les liens mais l utilisateur n a pas besoin de le connaître : seul lui importe l identification de l adhérent. Quant au code profession et au code section, il serait préférable de les masquer en faisant apparaître une liste de propositions dans l utilisateur pourrait faire son choix au moment de la saisie d un nouvel adhérent. Sélection des objets graphiques Etiquette Groupe d options Bouton radio Liste modifiable Bouton de commande Cadre d objet indépendant Saut de Page Sous Formulaire rectangle Zone de Texte Bouton Bascule Case à cocher Zone de Liste Image Cadre d objet dépendant Contrôle Onglet Trait Pour avoir des précisions sur chaque type d outils, utilisez l aide en ligne : Rechercher la Rubrique Boite à outils. Nous allons désactiver le code Adhérent pour que l utilisateur ne soit pas tenté de le modifier. Il ne le pourrait d ailleurs pas puisqu il est généré automatiquement lors de la saisie d un nouvel adhérent. Les Jacques Chambon 6/9

7 contrôles PRO_CODE et ADH_PARRAIN.seront transformés en listes modifiables. Le contrôle SEC_CODE en zone de liste. La zone de texte du sexe sera remplacée par des boutons radios. La zone de texte «décédé» laissera place à un contrôle «case à cocher». Quant à l âge il sera ajouté en tant que zone calculée. Nous obtiendrons le résultat suivant, qui masque à l utilisateur toutes les contraintes techniques de codification. Désactivation d un contrôle C est dans l onglet «Données» qu il faut aller chercher la propriété «Activé» et la mettre à «Non». Groupe d options Le mot identification est frappé sur le nom par défaut attribué à l étiquette du contrôle. Le groupe d options sert ici à regrouper et mettre en évidence un ensemble de données Si un assistant se déclare il suffit de sélectionner le bouton «Annuler» pour reprendre la main. Jacques Chambon 7/9

8 Changement du type d un Contrôle Le contrôle Profession est associé au champ PROF_CODE#. C est par défaut une zone de texte qu on veut transformer en zone de liste modifiable. Liste modifiable Contenu : indique le nom de la table ou de la requête dont le contenu sera affiché. Nbre de colonnes :dans notre exemple, nous allons faire apparaître dans la liste le code et libellé de la PROFESSION. Il faut donc pouvoir lire les 2 premières colonnes de cette table. Largeur de colonnes : exprimée en cm, elle indique la taille de visualisation des données contenues dans les colonnes. 0 cm, signifie que la colonne ne sera pas affichée. Colonne liée : donne le numéro de la colonne dont le contenu sera mémorisé. Sur les deux colonnes de la table, seul le libellé sera affiché dans la liste, mais c est le code qui sera mémorisé dans le champ PROF_CODE# de la Table ADHERENT Colonne 1 Colonne 2 Après avoir dessiné ce contrôle, l utilisateur doit intervenir sur ses propriétés pour établir une liaison entre le contrôle et une table ou requête. Pour pouvoir afficher plusieurs champs dans une liste modifiable il faut réaliser une requête de concaténation. NP: [ADH_NOM] & " " & [ADH_PRENOM] & " - " & [ADH_DATENAIS] Jacques Chambon 8/9

9 Zone de liste Table SECTION Les propriétés sont identiques à celles d une liste modifiable. Seule la forme de la fenêtre d affichage diffère. Zone de texte calculée Boutons radio C est une zone de texte, créée par l utilisateur. Le contenu d une zone calculée ne sera pas mémorisé. La formule de calcul est indiquée sur la ligne Source contrôle. Le sexe des adhérents est mémorisé selon la codification suivante 1 = Homme, 2 =Femme et 3 = Autre Des boutons radio associés à un groupe d options permettent de représenter cette réalité. Pour utiliser des boutons radio, il faut, dans un premier temps, créer un groupe d options, puis y intégrer chaque bouton radio. Lorsqu on place l objet bouton radio sur le groupe d options, ce dernier se met en inverse vidéo. Le nom du champ de la table est associé au groupe d options (ici ADH_SEXE). Au premier bouton radio correspond le code 1, au second, le code 2.. Ce qui signifie que ADH_SEXE peut prendre la valeur 1, 2 ou 3. La valeur par défaut est associée au groupe d options. Ici on donne pour valeur par défaut 1 soit Homme Jacques Chambon 9/9