UNIVERSITE DR.

YAHIA FARES DE MEDEA

FACULTE DES SCIENCES
Département Mathématiques et Informatique
3eme Licence Systèmes Informatiques
Année universitaire : 2022/2023

TD N2
Méthodologies de construction d'un IHM

I. Soit les étapes à suivre pour construire les IHMs

1. Étape de l’identification
o Identifier des domaines fonctionnels.
o Identifier le modèle de l‘utilisateur.
o Identifier le model des tâches.
o Identifier le model d'environnement technique.
2. Étape de l'analyse des tâches.
3. Étape de spécification
o Faire l'étude des besoins pour l'IHM.
o Proposer une spécification conceptuelle.
o Proposer une spécification fonctionnelle.
o Proposer une spécification syntaxique.
o Proposer une spécification lexicale.

II. Soit les composants Swing suivants

III. Soit les indications suivantes :

• Commencer par l’étape 1 pour les trois exercices 1, 2 et 3, en suite l’étape 2 pour les trois exercices
1, 2 et 3, et finalement l’étape 3 pour les trois exercices 1, 2 et 3.
• Pour le reste d’exercices appliquer les trois étapes pour chaque exercice avant de passer à
l’exercice suivant.
• Pour chaque réponse traiter un ou deux cas au maximum.
• Pour chaque application proposer une interface graphique et une interface d’application.
1
 Exercice 1 : Une calculatrice paramétrable selon le cas d’utilisation et le niveau intellectuelle de
l’utilisateur, etc.
1. Étape de l’identification
o Identifier des domaines fonctionnels.
L’application peut être utilisée dans défirent environnement (Maison, école, bus, chantier,
magasin, vendeur de légume mobile), défirent conditions environnementales (humidité, pluie,
soleil, salé, etc.)
Dans certaine contexte les données qui concernent les opérations du calcule peuvent considérées
confidentielles.
Peut être utilisée dans le commerce, l’ingénierie, calcule scientifique, programmation, etc.

o Identifier le modèle de l‘utilisateur.

Utilisateurs de défirent âges, niveau éducatifs (primaire, moyen, lyciens, universitaires, etc.),
morphologies (grand, mains, petites mains), des personnes handicapés (pas de mains, aveugles,
basse vision, etc.), etc.

o Identifier le model des tâches.

La tâche critique dans certains cas (calcule scientifique compliquer).
La tâche est simple, juste pour permettre à l’utilisateur de gagner le temps.
Possible des erreurs de saisie.
Exemple d’une tâche est de calculer l’une des opérations mathématiques (+,-,*,/) de deux
opérandes.

o Identifier le model d'environnement technique.

Appareils dotés d’un clavier qui permet de saisir les opérandes et les opérations, et un afficheur.
Préférable que la calculatrice soit de petite taille et facilement portable.

2. Étape de l'analyse des tâches.

Calculer

Entrer l’opération Afficher le résultat

Entrer le premier opérande Entrer le deuxième opérande Taper la touche Afficher le

Entrer l’opération [=] résultat

Entrer les chiffres Entrer les chiffres

Taper la touche Afficher le Taper la touche Afficher Taper la touche Afficher le

[0-9] chiffre (+,-,*,/) l’opération [0-9] chiffre

2
3. Étape de spécification
o Faire l'étude des besoins pour l'IHM.
La calculatrice doit faire des opérations selon le profil de l’utilisateur et les cas d’utilisations.
+ Pour un élève du niveau inférieur à quatrième année primaire : opération +, -, /, * sur des
nombres naturels.
+ Pour un élève du niveau inférieur à sixième année primaire : opération +, -, /, * sur des
nombres entiers.
+ Pour un élève du niveau moyen : opération +, -, /, * sur des nombres réels.
+ Pour un élève du niveau lycée année primaire : opération +, -, /, *, cos, sin, et sur des nombres
réels et complexe.
+ Etc.

o Proposer une spécification conceptuelle.

Opérande 1 (O1) Calculer

Opération 2 (Op) (OP1, OP, P2)
Clavier
Opérande 2 (O2)
Egal (=)
Noyau de la
(O1) (Op) (O2) calculatrice

Afficheur Afficher (Résultat)

Comme illustre le schéma ci-dessus, le système est composé

• D’un clavier numérique contient les chiffres de 0 à 9, les opérations +, -, /, * et la signe =.
• D’un afficheur qui permet d’afficher des nombre entiers composés de plusieurs chiffres,
et l’un des opérations +, -, /, *.
• Noyau de la calculatrice pour faire les calculs.
Le clavier permet d’introduire les opérandes qui sont des entiers de la forme AB. .BB où A est un
chiffre différent à zéro.
• L’afficheur affiche les opérandes en phase de construction, chaque fois on tape un chiffre
la valeur se mettre à jour sur l’afficheur.
• Quand on introduire l’opération, cette dernière sera affichée à la place du premier
opérande.
• Quand on commence l’introduction de deuxième opérande, il sera affiché à la place de
l’opération.
• Quand on commence on tape sur le signe « = » le clavier fait appel à la procédure «
Calculer (Opérande, Opération, Opérande) » du noyau de la calculatrice.
• Après recevoir le résultat, le noyau de la calculatrice calcule l’opération et envoie le
résultat à l’afficheur par l’appel de la procédure « Afficher (résultat) ».

o Proposer une spécification fonctionnelle.

L’interface permet de :
• La lecture du premier opérande et affichage de l’opérande en phase de construction.
• En suite la lecture de l’opération et affichage l’opération.

3
 • En suite la lecture du deuxième opérande et affichage de l’opérande en phase de
construction.
• En suite afficher le résultat.
• Si l’utilisateur ne suit pas la séquence (Opérande, Opération, Opérande, =) on affiche le
message « ERREUR »
• Si l’utilisateur fait la division par zéro on affiche le message « ERREUR »
• Si le résultat dépasse la capacité d’affichage on affiche le message « ERREUR »

o Proposer une spécification syntaxique.

(Appuyer sur un bouton d’un chiffre  Appuyer sur un bouton d’un chiffre..  Appuyer sur
un bouton d’un chiffre) Appuyer sur un bouton d’une opération  (Appuyer sur un bouton
d’un chiffre  Appuyer sur un bouton d’un chiffre..  Appuyer sur un bouton d’un chiffre)
 Appuyer sur un bouton égal.

Remarque ; vous pouvez utiliser le même principe que ‘analyse syntaxique de la compilation.

o Proposer une spécification lexicale.

• Boutons libellés de 0 à 9 pour introduire les opérandes.
• Boutons libellés de +, -, /, * pour introduire l’opération.
• Boutons libellés de = pour exécuter l’opération.
• Zone d’affichage qui permet d’afficher un nombre et les opérations.

Exercice 2 : Une application de téléenseignement universitaire audiovisuelle.

Exercice 2 : Une application de téléenseignement universitaire audiovisuelle.

Exercice 3 : Une application de tel diagnostique médicale audiovisuel (le patient se trouve soit à la
maison ou à l‘hôpital).

Exercice 4 : Un formulaire permettant de consulter la facture de l'internet. La fenêtre principale

contient un formulaire ayant un champ pour saisir le numéro de téléphone, un champ pour saisir le mot de
passe, un champ pour saisir le code dans l’image afficher juste au-dessous, l'image qui contient le code, et
deux boutons (un pour valider et l'autre pour réinitialiser).
Apres avoir clique sur le bouton Valider, le numéro et la valeur de la facture seraient afficher avec le
bouton Quitter pour retourner au formulaire initial.

Exercice 5 : Un distributeur de monnaie permettant de consulter et alimenter un compte bancaire,

retirer l’argent et faire le transfert compte à compte. Ce distributeur serrait installer dans des endroits
accessibles par le grand public.