Exercices: IHM, événements et démarche de projet

Dans une interface graphique, on distingue des composants (widgets) et des événements.

1. a) Citer trois composants graphiques usuels (par exemple : bouton, zone de saisie, case à cocher).

1. b) Citer trois événements qu'un utilisateur peut déclencher.

1. c) Expliquer en une phrase le rôle d'une fonction de rappel (callback) associée à un bouton.

Un formulaire web envoie des données à un serveur avec la méthode GET ou POST.

1. a) Indiquer laquelle de ces deux méthodes place les données dans l'URL.

1. b) Pour un formulaire de connexion avec mot de passe, quelle méthode choisir ? Justifier.

1. c) Que signifie le « S » de HTTPS et quel est son intérêt ?

Une mairie de Strasbourg souhaite une application de réservation de salles. Parmi les éléments suivants, indiquer ceux qui relèvent du cahier des charges : (1) la liste des fonctionnalités attendues, (2) le choix de la couleur d'un bouton après les tests, (3) les contraintes de délai, (4) le nom du développeur chargé de la page d'accueil, (5) les utilisateurs visés.

On souhaite réaliser avec tkinter une petite IHM de conversion d'euros en dollars (taux : 1 € = 1,08 $).

1. a) Lister les composants nécessaires (étiquette, zone de saisie, bouton, zone d'affichage).

1. b) Décrire l'événement qui déclenche le calcul et la fonction de rappel associée.

1. c) Écrire la fonction de rappel qui lit la valeur saisie, calcule la conversion et gère le cas d'une saisie non numérique.

Une page web contient le formulaire suivant :

<form action="/inscription" method="post">

  <input type="text" name="nom">

  <input type="email" name="mail">

  <input type="submit" value="Valider">

</form>

1. a) Quelle requête HTTP est envoyée lors de la validation ? Où se trouvent les données ?

1. b) Quelle serait l'URL de la requête si la méthode était get, avec nom valant Dupont et mail valant d@ex.fr ?

1. c) Expliquer ce que le serveur renvoie en réponse et le rôle du code de statut 200.

Une équipe de trois élèves d'un lycée de Bordeaux conçoit un jeu de quiz en Python.

1. a) Rédiger un court cahier des charges (quatre exigences au moins).

1. b) Proposer un découpage en tâches avec une répartition entre les trois élèves.

1. c) Décrire deux tests qui permettent de vérifier que le projet respecte le cahier des charges.

On étudie un site de réservation de billets de train de la région Occitanie.

1. a) Expliquer pourquoi transmettre un numéro de carte bancaire par GET est dangereux, même en HTTPS.

1. b) Expliquer ce que HTTPS protège effectivement contre un attaquant qui écoute le réseau d'un café, et ce qu'il ne protège pas.

1. c) Citer une vérification à faire côté serveur même si le formulaire contrôle déjà les champs côté navigateur, et justifier.

On modélise une IHM de jeu du morpion (grille 3 × 3) par un tableau de tableaux grille contenant "", "X" ou "O", et un bouton par case.

1. a) Décrire les événements à gérer et l'état à mémoriser (joueur courant, fin de partie).

1. b) Écrire une fonction gagnant(grille) qui renvoie "X", "O" ou None.

1. c) Écrire la fonction de rappel clic(i, j) qui joue un coup si la case est libre, en précisant les cas à traiter.

Un projet de calendrier partagé pour le club de théâtre d'un lycée de Nantes est confié à quatre élèves pendant huit semaines.

1. a) Rédiger le cahier des charges fonctionnel (fonctionnalités, contraintes, utilisateurs).

1. b) Proposer un calendrier de projet avec jalons et critères de validation pour chaque jalon.

1. c) Expliquer comment organiser le travail collaboratif (versions du code, répartition, revues) et comment évaluer l'écart entre le résultat final et le cahier des charges.