Exercices-TD-2-3-4
Exercices-TD-2-3-4
Exercices-TD-2-3-4
M. SOUALAH UMMTO
Exercices – Série N°2
Exercice 1
EST CE QU’IL EST PLUS FACILE DE LIRE CETTE PHRASE ?
Ou bien est-il plus facile de lire celle-ci ?
Peut-être est-il plus aisé de déchiffrer cette phrase-ci ?
Exercice 2
Considérons le menu "Edit" donné dans la figure suivante :
Question : Quel modèle de plaque cuisson vous parait le plus ergonomique ? Justifiez votre réponse.
Exercice de TD – Série N°3
M. SOUALAH UMMTO
Exercices – Série N°3
Exercice 1
1. Corrigez les défauts d’ergonomie de l’interface du logiciel présenté ci-dessous, notamment en redessinant les
menus.
2. Quel est le rôle de l'utilisateur lors de la conception des IHM ?
Exercices – Série N°3
Exercice 2
Dans un formulaire d’un site web, l’internaute doit introduire le nom, le prénom, la date de naissance, lieu de
naissance, l’âge, l’adresse et son mail.
A la droite du champ date de naissance, on trouve l’expression (jj/mm/aaaa).
Question : Quel critère ergonomique qui n’est pas considéré par ce formulaire ? Expliquez !
Exercice 3
1. Quels sont les objets recommandez-vous d'afficher suite aux actions (a) et (b) de l'utilisateurs ?
(b)Quitter l'application
(3) (4)
Exercice de TD – Série N°4
M. SOUALAH UMMTO
Exercices – Série N°4
Exercice N°1
Dans une application de gestion médicale, il est permit à un patient de renouveler sa demande de médicament à travers
une interface en ligne, donnée par la figure suivante :
Questions
1. Evaluez cette interface, en vous basant sur les différentes heuristiques de Nielson et de Bastien et Scapin.
2. Proposez une nouvelle interface afin d'apporter des correctifs aux problèmes identifiés.
Exercices – Série N°4
Exercice N°2
On se propose de réaliser un logiciel de traitement de texte qui autorise les fonctions suivantes :
Enregistrer, enregistrer sous, nouveau document, supprimer sélection, envoyer comme mail, quitter, annuler,
répéter, insérer tableau, préférences, style de caractères, formats de paragraphe, casse normale, casse italique,
casse gras, casse souligné, ouvrir fichier, fermer ficher, ouvrir comme copie, augmenter taille de casse, réduire
taille de casse, changer fonte, insérer note de bas de page, couper, copier, coller, insérer saut de page, repaginer,
insérer image, imprimer, aperçu avant impression, mise en page, affichage page, rechercher mot, remplacer mot,
page suivante, page précédente, vérification orthographe, créer table des matières, compter nombre de mots,
aide.
Questions
1. Groupez les fonctions du logiciel sous différents sous-menus dont vous définirez les titres.
2. Définissez l'organisation des fonctions dans chaque sous-menu (vous pouvez également définir des sous
menus sous ces sous-menus).
3. Quel(s) principe(s) avez-vous retenu pour l'organisation des items dans les menus ?
4. Combien avez-vous défini d'items dans votre barre de menu ?
5. Quel le nombre moyen d'items dans chacun de vos sous-menus ?
6. Avez-vous défini une arborescence de profondeur supérieure à deux ? Si oui, quelle est la profondeur de
votre menu ?
Exercices – Série N°4
Exercice N°3
Considérez le formulaire suivant :
Questions
1. Evaluez cette interface, en vous basant sur les différentes heuristiques de Nielson et de Bastien et Scapin.
2. Proposez une nouvelle interface afin d'apporter des correctifs aux problèmes identifiés.
Exercices – Série N°4
Exercice N°4
Soit le code PHP gérant un site Blog "Les nouvelles du département", donné comme suit :
<!DOCTYPE html> <div class="news">
<html> <h3>
<head> <?php echo htmlspecialchars($donnees['titre']); ?>
<meta charset="utf-8" /> <em>le <?php echo $donnees['date_creation_fr']; ?></em>
<title>Les nouvelles du département</title> </h3>
<link href="style.css" rel="stylesheet" /> <p>
</head> <?php
<body> // On affiche le contenu du billet
<h1>Le super blog du département informatique</h1> echo nl2br ( htmlspecialchars( $donnees['contenu']));
<p>Derniers billets du blog :</p> ?>
<?php <br />
// Connexion à la base de données <em><a href="#">Commentaires</a></em>
try </p>
{ </div>
$bdd = new PDO('mysql:host=localhost;dbname=blog;charset=utf8','blog', <?php
'password'); }
} // Fin de la boucle des billets
catch(Exception $e) $req->closeCursor();
{ ?>
die( 'Erreur : '.$e->getMessage() ); </body>
} </html>
// On récupère les 5 derniers billets
$req = $bdd->query('SELECT id, titre, contenu, DATE_FORMAT(date_creation,
\'%d/%m/%Y à %Hh%imin%ss\') AS date_creation_fr FROM billets ORDER BY Question :
date_creation DESC LIMIT 0, 5'); Donner d'une manière générique le programme sous
while ($donnees = $req->fetch()) le modèle MVC en spécifiant le rôle de chaque partie.
{
?>