Interaction Humain-Machine

Transcription

1 P.JOYEUX Interaction Humain-Machine TD1 Style de dialogue et SG-IHM (Construction d'un Editeur contextuel de contrôles) Pascal Joyeux Page 1 10/04/2006

2 Table des matières RAPPEL DU STYLE D'INTERACTION... 3 COMMENT S'ENCHAINENT LES ECRANS DE SERVITUDES PAR RAPPORT AUX ECRANS MENUS... 4 BUT DE L'EXERCICE... 4 PRINCIPES DE FONCTIONNEMENT... 5 MODULES DE PRESENTATION... 7 CREATION D'UN MENU... 7 MODIFICATION OU SUPPRESSION D'UN MENU... 8 MODULE DE CONTROLE MODULE DE CONTROLE DE CREATION D'UN MENU Menu Menu Menu MODULE DE CONTROLE DE MODIFICATION OU SUPPRESSION D'UN MENU Menu Menu Pascal Joyeux Page 2 10/04/2006

3 Rappel du style d'interaction. L'utilisateur est guidé par un style simple de grille d'écran. Le choix de l'utilisateur est dirigé. On est en style "mono-écran" avec une mise en place de zones. Chaque zone à une apparence propre et est divisée elle-même en zones qui on un comportement propre et prédéfinit. TITRE CORPS CHOIX MESSAGES D AIDE Les écrans menus (EM): ils proposent un ensemble de choix, cet ensemble constitue le répertoire des possibilités offertes à l'utilisateur. Les écrans menus peuvent être hiérarchisés. Les écrans de servitude (ES): ils ont pour but de renseigner l'utilisateur sur la conduite à tenir, ils regroupent quatre familles: l'écran guide utilisateur : il aide l'utilisateur, il est organisé en page et peut être listé en avant, en arrière et être quitté. l'écran messages : il sert à recevoir des messages provenant des programmes. l'écran de résultats : il affiche le contenu des fichiers. l écran de saisie : c'est sur cet écran que des données peuvent être saisies. Pascal Joyeux Page 3 10/04/2006

4 Comment s'enchaînent les écrans de servitudes par rapport aux écrans menus 1. Après appel d'un élément d'écran menu on enchaîne sur un écran de servitude (ES). 2. à l'issu de la transaction utilisateur-es (lecture visuelle et/ou introduction de données) on peut restaurer le contexte précédent ou bien enchaîner sur un nouveau contexte; un autre écran menu. Il s'agit d'un enchaînement en écran esclave. But de l'exercice Je vais fournir les principes de fonctionnement, module de présentation et les tables du moteur de contrôle d'un éditeur contextuel de contrôles visant à être capable de générer les ressources de contrôle d'un programme interactif. Pascal Joyeux Page 4 10/04/2006

5 Principes de fonctionnement Sortir I1: Créer I2: Modifier I3: Supprimer 2 3 Message 1 KO Menu 2 I1: Créer menu I2: Créer item Saisie (V1) Nom menu Algorithme 1 Vérif validité du nom Menu 3 Menu 3 I1: Item I2: Saisie I3: Exec I4: Message OK I5: Message KO I6: Res OK I7: Menu OK I8: Menu KO Saisie (V2) Valeur item Message 2 KO Algorithme 2 Vérif validité item Menu 4 I1: Enregistrer saisie I2: Saisir nouvel item Algorithme 3 Enregistrement nouvel item Message 3 KO Message 1 OK Menu 2 Menu 2 Pascal Joyeux Page 5 10/04/2006

6 2 & 3 Message: Affichage liste des item modifiables &/ou supprimables Message 4 KO Menu 5 I1: Modifier un item Saisie (V3) Nom de l'item à modifier Algorithme 4 Recherche item I2: Supprimer un item Message 2 OK Quel élément de l'item voulez vous modifier? Menu 6 I1: Item I2: Saisie I3: Exec I4: Message OK I5: Message KO I6: Res OK I7: Menu OK I8: Menu KO Saisie (V4) Nouvelle valeur de l'élément Algorithme 5 Vérif nouvelle valeur & Enregistrement Message 5 KO Message 3 OK Menu 5 Saisie (V5) Nom de l'item à supprimer Algorithme 6 Recherche item et suppression Message 6 KO Message 4 OK Pascal Joyeux Page 6 10/04/2006

7 Modules de présentation Création d'un menu 1 Affiche menu 1 ("MENU 1"; Créer, Modifier, Supprimer; Créer) 2 Affiche menu 2 ("Menu 2"; Créer menu, Crée item; Créer menu) 3 Affiche Saisie (V1) ( "Nom du menu"_string; "") Arial 10 4 Affiche Message 1 KO ("Impossible de créer ce menu, nom invalide") blanc rouge 5 Affiche menu 3 ("Menu 3"; Item, Saisie, Exec, Message OK, Message KO, Res OK, Menu OK, Menu KO, XXXX) 6 Affiche Saisie (V2) ("Valeur de l'élément"_string; "") Arial 10 7 Affiche Message 2 KO ("Impossible de créer cet élément, valeur invalide") blanc rouge Pascal Joyeux Page 7 10/04/2006

8 8 Affiche menu 4 ("MENU 4"; Enregistrer saisie, Saisir nouvel item; Enregistrer saisie) 9 Affiche Message 3 KO ("Echec enregistrement, recommencer saisie") 10 Affiche Message 1 OK ("Enregistrement réussi") rouge vert 11 Affiche menu 4 ("MENU 4"; Enregistrer saisie, Saisir nouvel item; Saisir nouvel item) 12 Affiche menu 2 ("Menu 2"; Créer menu, Crée item; Créer item) Modification ou suppression d'un menu 1 Affiche menu 1 ("MENU 1"; Créer, Modifier, Supprimer; Modifier) 2 Affiche menu 1 ("MENU 1"; Créer, Modifier, Supprimer; Supprimer) Pascal Joyeux Page 8 10/04/2006

9 3 Affiche Message liste des items ("affichage de la liste des items") bleu 4 Affiche menu 5 "MENU 5"; Modifier un item, Supprimer un item; Modifier un item) 5 Affiche Saisie (V3) ("Nom de l'item à modifier"_string; "") Affiche Message 4 KO ("Item inconnu") Arial 10 blanc 7 Affiche Message 2 OK ("Quel élément de l'item voulez vous modifier") rouge vert 8 Affiche menu 6 ("Menu 6"; Item, Saisie, Exec, Message OK, Message KO, Res OK, Menu OK, Menu KO, XXXX) 9 Affiche Saisie (V4) ("Nouvelle valeur de l'élément"_string; "") Arial 10 blanc 10 Affiche Message 5 KO ("Valeur interdite") rouge Pascal Joyeux Page 9 10/04/2006

10 11 Affiche Message 3 OK ("Elément modifié") vert 12 Affiche menu 5 "MENU 5"; Modifier un item, Supprimer un item; Supprimer un item) 13 Affiche Saisie (V5) ("Nom de l'item à supprimer"_string; "") Arial Affiche Message 6 KO ("Item inconnu &/ou suppression impossible") blanc 15 Affiche Message 4 OK ("Item supprimé") rouge vert Pascal Joyeux Page 10 10/04/2006

11 Module de contrôle Module de contrôle de création d'un menu item Saisie Exec Message Message Résultat OK KO OK Menu OK Menu KO M1-I M2 M1 M1-I Message M5 -- M1-I M5 -- Menu 2 item Saisie Exec Message Message Résultat OK KO OK Menu OK Menu KO M2-I1 V1 ALGO 1 -- MES 1 -- M3 M1 M2-I M3 -- Menu 3 item Saisie Exec Message Message Résultat OK KO OK Menu OK Menu KO M3-I1 V2 ALGO 2 -- MES 2 -- M4 M3 M3-I2 V2 ALGO 2 -- MES 2 -- M4 M3 M3-I3 V2 ALGO 2 -- MES 2 -- M4 M3 M3-I4 V2 ALGO 2 -- MES 2 -- M4 M3 M3-I5 V2 ALGO 2 -- MES 2 -- M4 M3 M3-I6 V2 ALGO 2 -- MES 2 -- M4 M3 M3-I7 V2 ALGO 2 -- MES 2 -- M4 M3 M3-I8 V2 ALGO 2 -- MES 2 -- M4 M3 Menu 4 item Saisie Exec Message Message OK KO Résultat OK Menu OK Menu KO M4-I1 -- ALGO 3 MES 1 MES 3 enregistrement M2 M2 M4-I M3 -- Pascal Joyeux Page 11 10/04/2006

12 Module de contrôle de modification ou suppression d'un menu Menu 5 item Saisie Exec Message Message Résultat OK KO OK Menu OK Menu KO M5-I1 V3 ALGO 4 MES 2 MES 4 -- M6 M1 M5-I2 V5 ALGO 6 MES 4 MES 6 Suppression M1 M1 Menu 6 item Saisie Exec Message Message OK KO Résultat OK Menu OK Menu KO M6-I1 V4 ALGO 5 MES 3 MES 5 enregistrement M5 M1 M6-I2 V4 ALGO 5 MES 3 MES 5 enregistrement M5 M1 M6-I3 V4 ALGO 5 MES 3 MES 5 enregistrement M5 M1 M6-I4 V4 ALGO 5 MES 3 MES 5 enregistrement M5 M1 M6-I5 V4 ALGO 5 MES 3 MES 5 enregistrement M5 M1 M6-I6 V4 ALGO 5 MES 3 MES 5 enregistrement M5 M1 M6-I7 V4 ALGO 5 MES 3 MES 5 enregistrement M5 M1 M6-I8 V4 ALGO 5 MES 3 MES 5 enregistrement M5 M1 Pascal Joyeux Page 12 10/04/2006