Première · NSI

Contrôle n°3 — Interactions entre l'homme et la machine

Contrôle portant sur les interfaces homme-machine, les formulaires web et la notion d'événement.

1h · Moyen · 3 exercices · Barème sur 20 points

Entraînement généré par IA — vérification pédagogique complète non acquise.

Ce sujet n’est pas une annale officielle. La présence d’un corrigé ne garantit pas son exactitude. Vérifie les méthodes avec ton cours ; une note d’entraînement n’est pas une note officielle. Signaler une erreur.

La fenêtre d’impression de ton navigateur permet aussi d’enregistrer en PDF. Aucun téléchargement de PDF officiel n’est annoncé ici.

Sujet

Travaille d’abord sans consulter le corrigé. Note tes réponses et les étapes de ton raisonnement.

Exercice 1 — Concepts des IHM (8 points)

1. Qu'est-ce qu'un événement dans le contexte d'une interface graphique ? Donnez trois exemples d'événements courants. 2. Quelle est la différence entre une interface en ligne de commande (CLI) et une interface graphique (GUI) ? Citez un avantage et un inconvénient pour chaque type. 3. Dans un formulaire web de création de compte, on trouve souvent un champ 'Confirmer le mot de passe'. Quel est l'intérêt de ce champ du point de vue de l'expérience utilisateur (UX) ?

Exercice 2 — Analyse d'un formulaire HTML (7 points)

Observez l'extrait de code HTML suivant : html <form action="/inscription" method="post"> <label for="nom">Nom :</label> <input type="text" id="nom" name="nom_utilisateur" required> <br> <label for="age">Âge :</label> <input type="number" id="age" name="age_utilisateur" min="13" max="120"> <br> <input type="submit" value="S'inscrire"> </form> 1. Que se passe-t-il lorsque l'utilisateur clique sur le bouton "S'inscrire" ? 2. Quel est le rôle de l'attribut `required` sur le premier champ ? 3. Que garantissent les attributs `min="13"` et `max="120"` sur le champ nombre ? Le navigateur peut-il garantir que l'utilisateur respecte cette contrainte ?

Exercice 3 — Schéma d'une interaction (5 points)

Décrivez la séquence des étapes (la "boucle d'interaction") qui se produit lorsqu'un utilisateur remplit un champ de recherche sur un site de vente en ligne et clique sur le bouton 'Rechercher'. Mentionnez le rôle de l'interface, du navigateur et du serveur web.

Corrigé et barème

Le total du barème est de 20 points. Les réponses rédigées admettent plusieurs formulations pertinentes ; compare le raisonnement, pas seulement les mots.

Exercice 1 — Concepts des IHM : 8 points

1. Un événement est une action de l'utilisateur ou du système à laquelle un programme peut réagir. Exemples : clic de souris, appui sur une touche, chargement d'une page. 2. CLI : interaction par commandes textuelles. Avantage : puissance et automatisation. Inconvénient : courbe d'apprentissage raide. GUI : interaction par éléments graphiques. Avantage : intuitive et accessible. Inconvénient : peut être moins efficace pour des tâches complexes. 3. L'intérêt est de prévenir les erreurs de saisie. L'utilisateur ne voit pas les caractères qu'il tape (masqués par des points). La confirmation permet de détecter une faute de frappe avant l'envoi des données.

Exercice 2 — Analyse d'un formulaire HTML : 7 points

1. Les données du formulaire (nom_utilisateur, age_utilisateur) sont envoyées via une requête HTTP POST à l'URL "/inscription" du serveur. 2. L'attribut `required` indique que le champ doit être obligatoirement rempli pour que le formulaire puisse être validé. Le navigateur bloque l'envoi si ce champ est vide. 3. Ces attributs définissent une plage de valeurs autorisées (entre 13 et 120 inclus). Le navigateur peut empêcher la soumission si une valeur hors limite est saisie, mais cette validation côté client peut être contournée. Une validation côté serveur reste indispensable.

Exercice 3 — Schéma d'une interaction : 5 points

1. L'utilisateur saisit un terme dans le champ de recherche et clique sur le bouton. 2. Le navigateur capture cet événement 'clic'. 3. Selon le code de la page (HTML/JavaScript), le navigateur prépare une requête HTTP (souvent GET) contenant le terme de recherche. 4. Le navigateur envoie cette requête au serveur web du site. 5. Le serveur traite la requête, interroge sa base de données. 6. Le serveur génère une nouvelle page HTML avec les résultats et la renvoie au navigateur. 7. Le navigateur affiche la nouvelle page à l'utilisateur.

Comprendre, puis réessayer

Repère une erreur précise, explique ce qui t’a manqué et refais l’exercice sans le corrigé. Reprends la notion dans ton cours avant de passer à un autre sujet.

Planifier une révision · Chercher un autre entraînement

Contrôle n°1 — Représentation des données : types et valeurs

Contrôle n°2 — Traitement de données en tables

Contrôle n°4 — Architectures matérielles