Rapport exercice 3 de STIC I

Document d’accompagnement du dispositif interactif

Auteur·rice

Job Stephane Nyemeck

Date de publication

25 janvier 2026

1 Liens

Le dispositif se compose des éléments suivants :

2 Objectifs

Ce petit jeu mathématique s’adresse aux élèves du primaire (environ 6 à 10 ans) qui apprennent à compter. Le but est de les aider à bien reconnaître les signes (+, -, *, ÷) et à comprendre comment ils fonctionnent dans une égalité. D’un côté, cela permet à l’enfant de manipuler les chiffres : il ne se contente pas de lire, il doit choisir et déplacer le bon symbole pour réussir. De l’autre côté, le jeu donne une réponse immédiate : si c’est juste, ça devient vert ; si c’est faux, la case tremble en rouge. C’est idéal pour s’entraîner tout seul à la maison ou pour faire un petit exercice rapide en classe sur un téléphone ou une tablette. Pour jouer, il suffit de connaître les bases du calcul et de savoir faire glisser des éléments avec son doigt ou sa souris. À la fin, l’élève doit être capable de trouver l’opération manquante dans un calcul simple sans hésiter.

3 Design

L’interface est très simple et pensée pour les smartphones. En haut, on trouve un bandeau sombre avec le titre “Activité d’algèbre”. Le reste de la page est clair pour ne pas distraire l’élève. Le jeu se passe en deux zones : en haut, les quatre signes jaunes que l’on peut déplacer, et en bas, la liste des calculs à compléter. J’ai choisi des boutons jaunes arrondis pour qu’on ait envie de cliquer dessus. Le fonctionnement est automatique : dès qu’on lâche un signe sur un calcul, le code vérifie si c’est le bon. Si l’élève a raison, le calcul devient vert et le signe s’affiche à la place du point d’interrogation. S’il se trompe, la case bouge un peu pour lui montrer qu’il faut essayer un autre signe. Quand tout est fini, un petit message de bravo apparaît.

4 Production

Pour créer ce projet, je me suis basé sur mon métier de prof de maths, car je sais que les élèves retiennent mieux quand ils peuvent manipuler les choses. Techniquement, j’ai utilisé les outils jQuery et jQuery UI pour réussir à faire le système de “glisser-déposer” (drag and drop). Le travail s’est fait en trois étapes : j’ai d’abord créé les boutons, puis j’ai programmé les zones de calcul pour qu’elles reconnaissent le bon signe, et enfin j’ai fait en sorte que le résultat s’affiche proprement. J’ai eu une petite difficulté avec le bandeau du haut qui cachait le titre au début, mais j’ai réglé ça en changeant les marges dans le fichier CSS. J’ai aussi dû faire attention à bien lier mes fichiers entre eux pour que les couleurs et les animations fonctionnent bien une fois le site mis en ligne sur le serveur de tecfaetu.

5 Auto-évaluation

Le point fort de ce projet est le retour visuel : l’élève sait tout de suite s’il a bon ou faux grâce aux couleurs et à l’animation. En tant que prof, je pense que c’est le meilleur moyen pour progresser sans se décourager. Je suis content d’avoir réussi à coder un système qui vérifie les réponses sans erreur. Pour la suite, j’aimerais bien ajouter des sons ou un système de points pour rendre le jeu encore plus amusant, et peut-être faire en sorte que les calculs changent tout seuls à chaque partie. Ce projet m’a aussi appris à bien organiser mes fichiers pour que le site s’affiche correctement sur mobile. C’était une super expérience qui me donne envie de créer d’autres outils numériques pour mes futurs élèves.

6 Bibliographie

7 Ressources

  • Bibliothèque gratuite JQuery et JQuery UI