RÉCIT MST

Vue éclatée de la pompe à eau manuelle

Marc-André Mercier — 2026-06-03T17:50:34Z

Utilisation de l'animation :

Déplacer le curseur pour éclater l'objet.
Vous pouvez cocher la case pour afficher le nom des pièces
Le bouton gauche de votre souris permet de l'orientation l'objet 3D.
La roulette de la souris permet de modifier le grossissement de l'objet.
Le bouton droit de la souris permet de déplacer l'objet dans lespace sans modifier l'orientation de l'objet.

Note : Dans L'animation ci-haut, l'image de la pompe à eau apparaît directement lors de l'ouverture de la page HTML car le fichier pompe_a_eau.gltf est intégré dans notre site web. Vous ne pourrez pas faire la même chose si vous n'avez pas de serveur. Dans la démarche qui suit, vous devrez intégrer le fichier .gltf de la pompe à eau en cliquant sur « Choisir un fichier » lors de l'ouverture de la page html.

Voici les différentes étapes que nous avons réalisées pour créer cette animation avec Gemini Google

Création de l'assemblage dans Onshape. (projet Pompe à eau manuelle)
- Éviter l'utilisation d'accents dans le nom des pièces avant de l'exportation.

Exportation en format GLTF
- Lors de l'exportation sélectionner : Exporter les modèles avec l'axe Y vers le haut (pompe_a_eau.gltf)

Dans Gemini ( Canvas ), importer le fichier instructions IA et faire la requête suivante :
- Crée une application web interactive utilisant Three.js pour visualiser un fichier GLTF/GLB en vue éclatée. Suivre les instructions dans le documents Instructions HTML 17 mars 2026 (Fichier à télécharger et à ajouter dans la requête) et considérer les fonctionnalités requises :
- Chargement : Ajoute un bouton d'upload pour charger un fichier local.
- Logique d'éclatement :
  - Calcule le centre géométrique du modèle complet. Lors de l'activation d'un slider, déplace chaque pièce depuis le centre vers l'extérieur selon son propre vecteur de direction.
  - Lors de la programmation de la fonction d'éclatement, sépare uniquement les pièces (les composants ou groupes principaux) et ne divise surtout pas les sous-maillages individuels qui composent une même pièce.
- Contrôles : Intègre OrbitControls pour la navigation et un slider avec une interface moderne (Glassmorphism) pour contrôler le pourcentage d'éclatement (0 à 100%).
- Annotations : Génère automatiquement des étiquettes (Sprites) au-dessus de chaque pièce en utilisant le nom des nœuds du fichier GLTF, avec une option pour les masquer. Lors de l'ouverture du fichier, la case à cocher ne doit pas être cochée.
- Rendu : Utilise un éclairage de type HemisphereLight couplé à une DirectionalLight pour des ombres portées.
- L'arrière-plan de la scène doit être sombre.
- Responsive : L'application doit s'adapter à toutes les tailles d'écran.
- Créer une boîte d'affichage (overlay) fixe, positionnée dans le coin supérieur droit de l'interface utilisateur. Insérer au centre exact de cette boîte un Gizmo 3D visuel représentant les trois axes orthogonaux (X, Y et Z). L'extrémité de chaque axe doit être identifiée clairement par sa lettre correspondante. Le Gizmo doit être synchronisé uniquement avec la rotation de la pièce principale (ou de la caméra orbitale). Il doit pivoter en temps réel pour refléter l'orientation actuelle de l'objet.L'origine du Gizmo (le point d'intersection des 3 axes) doit rester strictement verrouillée au centre de la boîte du coin supérieur droit. Il ne doit subir aucun mouvement de translation, même si la pièce principale se déplace dans la vue 3D de la page web.

Par la suite faire les ajustements souhaités en ajustant la requête. Voici les modifications demandées :
- Les pièces ne se séparent pas les unes des autres lorsque je déplace le curseur. Modifier le code pour corriger la situation.
- Ça ne fonctionne toujours pas. Dans le fichier .gltf, les différentes pièces se retrouvent sous le format : occurence of ... Ce sont ces parties qui doivent se séparer les unes des autres lors du déplacement du curseur.
- Modifier le code pour conserver le corps immobile lors de l'éclatement des pièces.
- Les pièces sont trop loin du corps lorsque le curseur est à 100%. Il faudrait diminuer du tiers le déplacement total des pièces.
- Modifier le code pour afficher les lettres X, Y et Z à chacun des axes dans le Gizmo.
- Modifier le code pour qu'entre 0 et 20% uniquement les vis et les écrous bougent.
- Modifier le code pour que lorsque le curseur est à 20% les vis et les écrous aient parcouru uniquement 20% du déplacement.
- Modifier le code pour que les pièces autres que les vis et les écrous commencent à bouger lorsque le curseur est à 20 %.
- Modifier le code pour le même comportement mais pour 0 à 30 %.
- Modifier le code pour que le couvercle et la tige se déplacent uniquement vers+Y et que le couvercle parcoure le double de la distance de la tige.
- Modifier le code pour que le couvercle parcourt cette distance mais que la tige parcourt la moitié de la distance du couvercle
- Modifier le code pour déplacer le bec uniquement vers le +Z.
- Modifier le code pour que le bec se déplace de la moitié de la distance actuelle.
- Modifier le code pour que la base se déplace uniquement vers les -Y.
- Modifier le code pour que le corps du piston, le clapet du piston, le joint du piston, la base du piston, la clapet, l'anneau du clapet et la plaque inférieure se déplacent vers le -Y uniquement.
- Modifier le code pour que la séquence de déplacement soit que le premierélément de cette liste se déplace le plus loin et que le dernier se déplace le moins loin et répartissant équitablement les autres pièces entre la première et la dernière pièce de cette liste. Voici la liste : Base, Joint d'étanchéité de la base, Anneau du clapet, Clapet, Base du piston, Joint d'étanchéité du piston, Clapet du piston, Corps du piston. Ne rien modifier d'autre au code.
- Modifier le code pour que toutes les vis et les écrous soient visible entre 0% et 30 % du curseur et disparaissent entre 30% et 100% sans modidier d'autre éléments dans le code.
- Modifier le code pour retirer dans le nom des pièces le "occurence_of_" et les "_" entre les mots.
- Modifier le nom des étiquettes pour que les accents français s'affichent correctement dans le nom des pièces.
- Modifier le code pour que l'étiquette de l'élastique soit plus près du sommet de l'élastique.

Utiliser la trousse

Geneviève Trudel — 2026-05-28T20:12:51Z

Pecha Kucha - SÉPAT

Stéphanie Rioux — 2026-05-12T17:55:34Z

Un Pecha Kucha est une présentation dynamique composée de 20 diapositives de 20 secondes chacune. En 6 minutes 40, vous obtenez un aperçu visuel et rythmé de l'essentiel d'un atelier, ce qui vous permet de découvrir rapidement ce que vous n'avez pas pu suivre durant la journée.

Tous les animateurs·trices de la journée prendront part à cette activité à la fin de la journée afin de vous offrir un tour d'horizon complet des ateliers.

Pour cet événement, nous adapterons légèrement le format : chaque présentation comptera 10 diapositives de 20 secondes, tout en conservant l'esprit concis, visuel et dynamique du Pecha Kucha.

- Formations / À la Une

Le RÉCIT MST à l'AQIFGA 2026

Luc Lagarde — 2026-04-23T11:38:18Z

Le service national du RÉCIT dans le domaine de la mathématique, de la science et technologie offre des ateliers lors du congrès annuel de l'AQIFGA (2026).

Vous trouverez ci-dessous toutes les informations concernant nos ateliers.

Bon congrès !

Jeudi 23 avril

13 h 45 - 15 h 00 : Explorer les probabilités et la statistique avec Polypad

Vendredi 24 avril

8 h 45 - 11 h 45 : L'IA générative : votre nouvelle alliée en MST !

Revue annuelle du RÉCIT FGA (2025-2026)

La SEPTIÈME édition de la revue annuelle RÉCIT FGA est maintenant disponible gratuitement en ligne. Elle regroupe des informations, des réalisations et plusieurs conseils pour l'intégration pédagogique du numérique.
Voir la revue

Générateur de vase 3D

Marc-André Mercier — 2026-04-22T15:48:43Z

Vue éclatée de la brouette à jardin

Marc-André Mercier — 2026-04-22T15:00:11Z

Utilisation de l'animation :

Déplacer le curseur pour éclater l'objet.
Vous pouvez cocher la case pour afficher le nom des pièces
Le bouton gauche de votre souris permet de l'orientation l'objet 3D.
La roulette de la souris permet de modifier le grossissement de l'objet.
Le bouton droit de la souris permet de déplacer l'objet dans lespace sans modifier l'orientation de l'objet.

Note : Dans L'animation ci-haut, l'image de la brouette apparaît directement lors de l'ouverture de la page HTML car le fichier brouette.gltf est intégré dans notre site web. Vous ne pourrez pas faire la même chose si vous n'avez pas de serveur. Dans la démarche qui suit, vous devrez intégrer le fichier .gltf de la brouette en cliquant sur « Choisir un fichier » lors de l'ouverture de la page html.

Voici les différentes étapes que nous avons réalisées pour créer cette animation avec Gemini Google

Création de l'assemblage dans Onshape. (projet Brouette à jardin)
- Éviter l'utilisation d'accents dans le nom des pièces avant de l'exportation.

Exportation en format GLTF
- Lors de l'exportation sélectionner : Exporter les modèles avec l'axe Y vers le haut (Brouette.gltf)

Dans Gemini ( Canvas ), importer le fichier instructions IA et faire la requête suivante :
- Crée une application web interactive utilisant Three.js pour visualiser un fichier GLTF/GLB en vue éclatée. Suivre les instructions dans le documents Instructions HTML 17 mars 2026 (Fichier à télécharger et à ajouter dans la requête) et considérer les fonctionnalités requises :
  - Chargement : Ajoute un bouton d'upload pour charger un fichier local.
  - Logique d'éclatement :
    - Calcule le centre géométrique du modèle complet. Lors de l'activation d'un slider, déplace chaque pièce depuis le centre vers l'extérieur selon son propre vecteur de direction.
    - Lors de la programmation de la fonction d'éclatement, sépare uniquement les pièces (les composants ou groupes principaux) et ne divise surtout pas les sous-maillages individuels qui composent une même pièce.
  - Contrôles : Intègre OrbitControls pour la navigation et un slider avec une interface moderne (Glassmorphism) pour contrôler le pourcentage d'éclatement (0 à 100%). Ajouter sous le slider le % d'éclatement.
  - Annotations : Génère automatiquement des étiquettes (Sprites) au-dessus de chaque pièce en utilisant le nom des nœuds du fichier GLTF, avec une option pour les masquer. Lors de l'ouverture du fichier, la case à cocher ne doit pas être cochée.
  - Rendu : Utilise un éclairage de type HemisphereLight couplé à une DirectionalLight pour des ombres portées.
  - L'arrière-plan de la scène doit être sombre.
  - Responsive : L'application doit s'adapter à toutes les tailles d'écran.
  - Créer une boîte d'affichage (overlay) fixe, positionnée dans le coin supérieur droit de l'interface utilisateur. Insérer au centre exact de cette boîte un Gizmo 3D visuel représentant les trois axes orthogonaux (X, Y et Z). L'extrémité de chaque axe doit être identifiée clairement par sa lettre correspondante. Le Gizmo doit être synchronisé uniquement avec la rotation de la pièce principale (ou de la caméra orbitale). Il doit pivoter en temps réel pour refléter l'orientation actuelle de l'objet.L'origine du Gizmo (le point d'intersection des 3 axes) doit rester strictement verrouillée au centre de la boîte du coin supérieur droit. Il ne doit subir aucun mouvement de translation, même si la pièce principale se déplace dans la vue 3D de la page web.

Par la suite faire les ajustements souhaités en ajustant la requête. Voici quelques exemples :
- Modifier le code pour conserver le cadre immobile lors de l'éclatement des pièces.
- Les pièces sont trop loin du cadre lorsque le curseur est à 100%. Modifier le code pour diminuer de moitié le déplacement total des pièces.
- Modifie le code pour encore diminuer de moitié la distance d'éclatement total des pièces lorsque le curseur est à 100%
- Modifier le code pour que les goupilles se déplacent uniquement vers le +Y. Ne pas faire d'autre modification au code.
- Modifier le code pour effectuer la séquence d'éclatement suivante :
  - Entre 0 % et 20 % déplacer uniquement les goupilles. Les autres pièces ne doivent pas bouger.
  - Arrêter le déplacement des goupilles lorsque le curseur est à 20%.
  - À 20 % déplacer uniquement l'axe vers le +Z. Les autres pièces ne doivent pas bouger.
  - Arrêter le déplacement de l'axe lorsque le curseur est à 30 %.
  - Débuter le déplacement des autres pièces lorsque le curseur est à 30%.
  - À 30 % débuter le déplacement de la roue et des espaceurs pour qu'ils se déplacent vers le -Y. La distance parcourue par les espaceurs doit être la moitié de la distance parcourue par la roue. Et la cuve ne doit pas se déplacer.
  - Arrêter le déplacement de la roue et des espaceurs à 60%.
  - À 60% débuter le mouvement de la cuve vers le +Y et -X.
  - Modifier le code pour retirer dans le nom des pièces le "occurence_of_" et les "_" entre les mots.
  - Modifier le code pour rapprocher l'étiquette du centre de sa pièce respective et non du centre la brouette.

Vue éclatée de la catapulte

Marc-André Mercier — 2026-04-15T15:38:21Z

Utilisation de l'animation :

Déplacer le curseur pour éclater l'objet.
Vous pouvez cocher la case pour afficher le nom des pièces
Le bouton gauche de votre souris permet de l'orientation l'objet 3D.
La roulette de la souris permet de modifier le grossissement de l'objet.
Le bouton droit de la souris permet de déplacer l'objet dans lespace sans modifier l'orientation de l'objet.

Note : Dans L'animation ci-haut, l'image de la catapulte apparaît directement lors de l'ouverture de la page HTML car le fichier catapulte.gltf est intégré dans notre site web. Vous ne pourrez pas faire la même chose si vous n'avez pas de serveur. Dans la démarche qui suit, vous devrez intégrer le fichier .gltf de la catapulte en cliquant sur « Choisir un fichier » lors de l'ouverture de la page html.

Voici les différentes étapes que nous avons réalisées pour créer cette animation avec Gemini Google

Création de l'assemblage dans Onshape. (projet Catapulte)
- Éviter l'utilisation d'accents dans le nom des pièces avant de l'exportation.

Exportation en format GLTF
- Lors de l'exportation sélectionner : Exporter les modèles avec l'axe Y vers le haut (Catapulte.gltf)

Dans Gemini ( Canvas ), importer le fichier instructions IA et faire la requête suivante :
- Crée une application web interactive utilisant Three.js pour visualiser un fichier GLTF/GLB en vue éclatée. Suivre les instructions dans le documents Instructions HTML 17 mars 2026 (Fichier à télécharger et à ajouter dans la requête) et considérer les fonctionnalités requises :
  - Chargement : Ajoute un bouton d'upload pour charger un fichier local.
  - Logique d'éclatement :
    - Calcule le centre géométrique du modèle complet. Lors de l'activation d'un slider, déplace chaque pièce depuis le centre vers l'extérieur selon son propre vecteur de direction.
    - Lors de la programmation de la fonction d'éclatement, sépare uniquement les pièces (les composants ou groupes principaux) et ne divise surtout pas les sous-maillages individuels qui composent une même pièce.
  - Contrôles : Intègre OrbitControls pour la navigation et un slider avec une interface moderne (Glassmorphism) pour contrôler le pourcentage d'éclatement (0 à 100%). Ajouter sous le slider le % d'éclatement.
  - Annotations : Génère automatiquement des étiquettes (Sprites) au-dessus de chaque pièce en utilisant le nom des nœuds du fichier GLTF, avec une option pour les masquer. Lors de l'ouverture du fichier, la case à cocher ne doit pas être cochée.
  - Rendu : Utilise un éclairage de type HemisphereLight couplé à une DirectionalLight pour des ombres portées.
  - L'arrière-plan de la scène doit être sombre.
  - Responsive : L'application doit s'adapter à toutes les tailles d'écran.
  - Créer une boîte d'affichage (overlay) fixe, positionnée dans le coin supérieur droit de l'interface utilisateur. Insérer au centre exact de cette boîte un Gizmo 3D visuel représentant les trois axes orthogonaux (X, Y et Z). L'extrémité de chaque axe doit être identifiée clairement par sa lettre correspondante. Le Gizmo doit être synchronisé uniquement avec la rotation de la pièce principale (ou de la caméra orbitale). Il doit pivoter en temps réel pour refléter l'orientation actuelle de l'objet.L'origine du Gizmo (le point d'intersection des 3 axes) doit rester strictement verrouillée au centre de la boîte du coin supérieur droit. Il ne doit subir aucun mouvement de translation, même si la pièce principale se déplace dans la vue 3D de la page web.

Par la suite faire les ajustements souhaités en ajustant la requête. Voici quelques exemples :
- Conserver la base immobile lors de l'éclatement des pièces.
- Les pièces sont trop loin de la base lorsque le curseur est à 100%. Il faudrait diminuer de moitié le déplacement total des pièces.
- Modifier le code pour le l'axe de métal se déplace uniquement vers le +Z. Ne pas faire d'autre modification au code.
- Modifier le code pour que l'axe de métal se déplace en premier et que les autres pièces commencent à se déplacer lorsque le curseur est à 40%.
- Modifier le code pour que la corde et la goupille se déplacent vers le -X uniquement et je veux que la corde se déplace la moitié de la distance de la goupille.
- Modifier le code pour que le bras se déplace vers le +Y et le -X.
- Modifier le code pour que l'élastique se déplace vers le +X.
- Modifier le code pour que l'étiquette de la base soit sous la base et non au-dessus.
- Modifier le code pour retirer dans le nom des pièces le "occurence_of_" et les "_" entre les mots.
- Modifier le code pour que l'étiquette de l'élastique soit plus près du sommet de l'élastique.

Quand l'IA s'invite dans la programmation et la robotique en MST

Luc Lagarde, Marc-André Mercier, Pierre Lachance — 2026-04-02T15:07:58Z

Merci de votre participation !

Courez la chance de remporter une gratuité pour le 45e colloque de l'AQUOPS.

J'évalue cet atelier !

« Seuls ceux qui se risqueront à peut-être aller trop loin sauront jusqu'où il est possible d'aller. »
— Thomas Stearns Eliot

Projet parachute (micro:bit)

partage-aquops

Pierre Lachance — 2026-04-01T13:05:23Z

https://sites.google.com/recit.gouv.qc.ca/aquops8803/

Atelier IA et activité interactives - AQUOPS 2026

Pierre Lachance — 2026-03-31T20:25:44Z

Présentation de l'atelier

Transformez l'apprentissage passif en une expérience active et engageante sans aucune compétence en programmation. Cet atelier vous montre comment utiliser l'IA pour générer des activités interactives et rétroactives qui maximisent l'appropriation des connaissances et le choix de stratégies pertinentes.

Références supplémentaires

Trousse IA en MST

GEM Programmer une page web Pierre - Copier

« Seuls ceux qui se risqueront à peut-être aller trop loin sauront jusqu'où il est possible d'aller. »
— Thomas Stearns Eliot