Programmation d'interfaces et interaction

La programmation d'interfaces pour objets connectés repose sur des concepts abstraits qui deviennent concrets lorsque les élèves manipulent le matériel. Cela développe leur capacité à penser l'interaction de manière systémique, en reliant le code, le circuit électronique et l'expérience utilisateur.

• Seconde
• SNT : Culture et Citoyenneté Numérique
• 3 activités
• 25 min–45 min

Objectifs d’apprentissage

1. Concevoir un script simple pour allumer et éteindre une LED en réponse à l'appui sur un bouton.
2. Expliquer le rôle des instructions de base (lecture d'entrée, écriture de sortie) dans la communication avec un composant électronique.
3. Comparer le flux d'exécution d'un programme embarqué avec celui d'une application logicielle classique sur ordinateur.
4. Identifier les contraintes matérielles (absence d'écran, taille mémoire limitée) qui influencent la conception d'une interface utilisateur pour un objet connecté.
5. Démontrer comment une boucle événementielle permet à un microcontrôleur de réagir en continu aux interactions physiques.

Résolution de problèmes en collaboration

⏱ 40 min·Binômes

Défi créatif : Communiquer sans écran

Chaque binôme reçoit un micro:bit et doit concevoir un système de notification pour un scénario donné (alerte incendie, minuteur de cuisine, compteur de passages). Ils ne disposent que de LED, d'un buzzer et de boutons. Ils présentent leur solution et la classe évalue la clarté du message transmis.

Préparation et détails

Comment traduire une intention humaine en une suite d'instructions compréhensibles par un microcontrôleur ?

Conseil de facilitation: Pendant le Défi créatif, circulez entre les groupes pour vérifier que chaque élève a bien identifié la broche de connexion de son composant avant de coder.

Setup: Travail en îlots avec supports de travail

Materials: Dossier de la situation-problème, Cartes de rôles (facilitateur, secrétaire, etc.), Fiche de protocole de résolution, Grille d'évaluation de la solution

• Appliquer
• Analyser
• Évaluer
• Créer
• Compétences relationnelles
• Prise de décision
• Autogestion

Résolution de problèmes en collaboration

⏱ 45 min·Petits groupes

Programmation collaborative : Le feu tricolore

En petits groupes, les élèves programment un feu de signalisation avec trois LED. Le premier groupe code la séquence de base, le deuxième ajoute un bouton piéton, le troisième intègre un mode nuit clignotant. Les codes sont fusionnés et testés ensemble pour simuler un carrefour complet.

Préparation et détails

Quelles contraintes la programmation d'objets sans écran impose-t-elle sur la conception des interfaces utilisateur ?

Setup: Travail en îlots avec supports de travail

Materials: Dossier de la situation-problème, Cartes de rôles (facilitateur, secrétaire, etc.), Fiche de protocole de résolution, Grille d'évaluation de la solution

• Appliquer
• Analyser
• Évaluer
• Créer
• Compétences relationnelles
• Prise de décision
• Autogestion

Penser-Partager-Présenter

⏱ 25 min·Binômes

Penser-Partager-Présenter: Lire un programme embarqué

Les élèves reçoivent un code Python pour micro:bit sans commentaires. Individuellement, ils prédisent le comportement du programme. En binôme, ils confrontent leurs prédictions, puis téléversent le code pour vérifier. Les écarts entre prédiction et réalité deviennent des points de discussion collective.

Préparation et détails

En quoi la programmation d'objets connectés diffère-t-elle de la programmation d'applications logicielles classiques ?

Setup: Disposition de classe standard ; les élèves se tournent vers leur voisin

Materials: Consigne de discussion (projetée ou distribuée), Optionnel : fiche de prise de notes pour les binômes

• Comprendre
• Appliquer
• Analyser
• Conscience de soi
• Compétences relationnelles

Enseigner ce sujet

Commencez par faire manipuler le matériel sans code pour ancrer les concepts physiques. Utilisez des comparaisons simples entre programmation embarquée et logicielle classique pour rendre les contraintes tangibles. Insistez sur la boucle infinie et les événements matériels comme base de toute interaction.

À quoi s’attendre

Les élèves comprennent que programmer une interaction ne se limite pas à écrire du code. Ils intègrent les contraintes matérielles, conçoivent des signaux compréhensibles pour un humain, et collaborent pour résoudre des problèmes techniques spécifiques au matériel embarqué.

Attention à ces idées reçues

Idée reçue courante

During Défi créatif : Communiquer sans écran, les élèves peuvent penser que programmer un objet connecté ressemble à développer une application web ou un jeu vidéo.

Ce qu'il faut enseigner à la place

Pendant le Défi créatif, insistez sur les différences matérielles en demandant aux élèves de comparer leur code Python sur PC avec celui sur micro:bit, en soulignant la gestion des broches, les boucles infinies et l'absence d'affichage classique.

Idée reçue courante

During Programmation collaborative : Le feu tricolore, une LED s'allume instantanément quand on exécute l'instruction correspondante.

Ce qu'il faut enseigner à la place

Pendant cette activité, faites varier les délais entre les allumages des LED pour que les élèves observent que sans pauses, le feu semble rester allumé en permanence, ce qui les aide à comprendre la relation entre temps machine et perception humaine.

Idée reçue courante

During Think-Pair-Share : Lire un programme embarqué, l'interface d'un objet connecté est moins importante que son code interne.

Ce qu'il faut enseigner à la place

Pendant le Think-Pair-Share, organisez un échange où un groupe teste l'interface créée par un autre groupe, puis demandez aux concepteurs de justifier leurs choix pour mettre en évidence les problèmes d'ergonomie non visibles par les créateurs.

Idées d'évaluation

Vérification rapide

After Défi créatif : Communiquez sans écran, demandez aux élèves de connecter une LED et de programmer un clignotement simple, puis observez s'ils utilisent correctement la fonction digitalWrite avec la bonne broche et les états HIGH/LOW.

Billet de sortie

After Programmation collaborative : Le feu tricolore, posez la question : 'Décrivez en deux phrases comment un simple bouton peut être utilisé pour changer le comportement d'une LED connectée à un microcontrôleur.' Évaluez leur compréhension de la lecture d'entrée et de la modification de sortie.

Question de discussion

During Think-Pair-Share : Lire un programme embarqué, lancez une discussion en demandant : 'Quelles sont les principales différences entre programmer une interface pour un objet sans écran (comme une lampe connectée) et programmer un jeu sur ordinateur ?' Guidez vers les contraintes matérielles et les modes d'interaction.

Extensions et étayage

• Challenge : Ajoutez un capteur de température qui modifie le comportement de l'interface créée lors du Défi créatif.
• Scaffolding : Fournissez un schéma de câblage prérempli pour les élèves qui bloquent sur la connexion physique.
• Deeper : Demandez aux élèves d'analyser le code d'un objet connecté du commerce pour identifier les compromis entre contraintes matérielles et expérience utilisateur.

Vocabulaire clé

Microcontrôleur	Un petit ordinateur intégré dans un composant électronique, capable d'exécuter des instructions pour contrôler d'autres éléments.
Broche d'entrée/sortie (GPIO)	Interface physique sur un microcontrôleur permettant de lire des signaux externes (boutons) ou d'envoyer des signaux pour commander des composants (LED).
Boucle événementielle	Structure de programmation qui attend et réagit aux événements externes, comme un appui sur un bouton, pour exécuter des actions.
Script embarqué	Un programme court, souvent écrit en Python ou en C, conçu pour être exécuté directement sur un microcontrôleur.