https://recitmst.qc.ca/ fr SPIP - www.spip.net https://recitmst.qc.ca/local/cache-vignettes/L100xH107/siteon0-b9b71.png?1774608971 https://recitmst.qc.ca/ 107 100 https://recitmst.qc.ca/ia-robotique-aquops8803 https://recitmst.qc.ca/ia-robotique-aquops8803 2026-04-02T15:07:58Z text/html fr Luc Lagarde, Marc-André Mercier, Pierre Lachance À la Une <p>Atelier du RÉCIT MST où l'IA devient un outil pour le contexte de la robotique et de la programmation. Littératie IA, manipulations d'outils, documentation au menu.</p> - <a href="https://recitmst.qc.ca/-Formations-" rel="directory">Formations</a> / <a href="https://recitmst.qc.ca/+-A-la-Une-+" rel="tag">À la Une</a> <img src='https://recitmst.qc.ca/local/cache-vignettes/L150xH150/code-qr_6_custom_-ecb99.png?1774812653' class='spip_logo spip_logo_right' width='150' height='150' alt="" /> <div class='rss_texte'><iframe id="iframe-robotique" src="https://recitmst.qc.ca/IMG/html/ia-programmation-robotique-v2.html" width="99%" height="500" style="border:1px solid #ccc;" frameborder="0" scrolling="no" title="Jeu IA ou IAG - RECIT MST" ></iframe> <script> window.addEventListener('message', function(event) { if (event.data && event.data.iframeHeight) { var iframe = document.getElementById('iframe-robotique'); if (iframe) { iframe.style.height = (event.data.iframeHeight + 20) + 'px'; } } }); </script> <section style="width: 60%; margin: 0 auto; background-color: #ffffff; border-radius: 1rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; border: 1px solid #f3f4f6; box-sizing: border-box;"> <!-- Conteneur de l'image --> <div style="flex: 0 0 240px; box-sizing: border-box; padding: 2rem 0 2rem 2rem; display: flex; justify-content: center;"> <img src='https://recitmst.qc.ca/local/cache-vignettes/L150xH150/code-qr_7_custom-2bb7d86c-d65b6.png?1775131518' alt="Code QR lien formulaire" style=' object-fit: cover; border-radius: 0.5rem; display: block;' width='150' height='150' /> </div> <!-- Conteneur du texte --> <div style="flex: 1 1 250px; padding: 2rem; display: flex; flex-direction: column; justify-content: center; box-sizing: border-box;"> <h2 style="font-size: 1.875rem; font-weight: 700; color: #111827; margin-top: 0; margin-bottom: 1rem;"> Merci de votre participation ! </h2> <p style="color: #4b5563; margin-top: 0; margin-bottom: 1.5rem; line-height: 1.625;"> Courez la chance de remporter une gratuité pour le 45e colloque de l'AQUOPS. </p> <div> <a href="https://forms.gle/DZTCKDUArzuJqupP8" style="display: inline-block; padding: 0.75rem 1.5rem; background-color: #4f46e5; color: #ffffff; font-weight: 500; border-radius: 0.5rem; text-decoration: none; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);" target="blank"> J'évalue cet atelier ! </a> </div> </div> </section> <p><br><br></p> <!-- Citation --> <blockquote style="text-align: center; font-size: 1.125rem; line-height: 1.75rem; font-style: italic; color: #4b5563; padding-left: 1rem; padding-right: 1rem; max-width: 600px; margin: 2rem auto 2rem auto;"> « Seuls ceux qui se risqueront à peut-être aller trop loin sauront jusqu'où il est possible d'aller. »<footer style="margin-top: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; color: #6b7280; font-style: normal; font-weight: 500;"> — Thomas Stearns Eliot</footer> </blockquote> <p><a href="https://docs.google.com/document/d/1nLqB8I2PjkVg4_jHZ4wk0aeisEyQyD1sdDAUtW2UnVU/edit?usp=sharing" class="spip_out" rel="external">Projet parachute (micro:bit)</a></p></div> https://recitmst.qc.ca/partage-aquops https://recitmst.qc.ca/partage-aquops 2026-04-01T13:05:23Z text/html fr Pierre Lachance <p>Google Site pour partager conception AQUOPS 26</p> - <a href="https://recitmst.qc.ca/-Liens-courts-" rel="directory">Liens courts</a> <div class='rss_texte'><p><a href="https://sites.google.com/recit.gouv.qc.ca/aquops8803/" class="spip_url spip_out auto" rel="nofollow external">https://sites.google.com/recit.gouv.qc.ca/aquops8803/</a></p></div> https://recitmst.qc.ca/aquops26-2807 https://recitmst.qc.ca/aquops26-2807 2026-03-31T20:25:44Z text/html fr Pierre Lachance À la Une <p>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. <br class='autobr' /> Références supplémentaires <br class='autobr' /> Trousse IA en MST <br class='autobr' /> GEM Programmer une page web Pierre - Copier <br class='autobr' /> « Seuls ceux qui se (…)</p> - <a href="https://recitmst.qc.ca/-Formations-" rel="directory">Formations</a> / <a href="https://recitmst.qc.ca/+-A-la-Une-+" rel="tag">À la Une</a> <img src='https://recitmst.qc.ca/local/cache-vignettes/L150xH150/code-qr_5_custom_-ccea0.png?1774620738' class='spip_logo spip_logo_right' width='150' height='150' alt="" /> <div class='rss_texte'><h2 class="spip">Présentation de l'atelier</h2> <p><i>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.</i></p> <center><iframe src="https://docs.google.com/presentation/d/e/2PACX-1vQbkjQqX3T_-QhUP4Eu6--bRxQWPpA8v-WJiPVCaBpggf8ZPQsqhhvbSbNTHHHAHQ/pubembed?start=false&loop=false&delayms=3000" frameborder="0" width="960" height="569" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe></center> <center><h2>Références supplémentaires</h2> <a href="https://recitmst.qc.ca/trousse-ia-mst.html" style="display: inline-block; padding: 0.75rem 1.5rem; background-color: #4f46e5; color: #ffffff; font-weight: 500; border-radius: 0.5rem; text-decoration: none; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);" target="blank"> Trousse IA en MST </a> </center> <p><strong>GEM Programmer une page web Pierre - <a href="https://gemini.google.com/gems/copy/8ed9daa9e723" class="spip_out" rel="external">Copier</a> </strong></p> <p><br><br></p> <!-- Citation --> <blockquote style="text-align: center; font-size: 1.125rem; line-height: 1.75rem; font-style: italic; color: #4b5563; padding-left: 1rem; padding-right: 1rem; max-width: 600px; margin: 2rem auto 2rem auto;"> « Seuls ceux qui se risqueront à peut-être aller trop loin sauront jusqu'où il est possible d'aller. »<footer style="margin-top: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; color: #6b7280; font-style: normal; font-weight: 500;"> — Thomas Stearns Eliot</footer> </blockquote></div> https://recitmst.qc.ca/Productions-d-eleve-Classe-de-Papa-Tahir-Diallo https://recitmst.qc.ca/Productions-d-eleve-Classe-de-Papa-Tahir-Diallo 2026-03-27T17:28:57Z text/html fr Pierre Lachance <p>Publication de travaux d'élèves inspirants.</p> - <a href="https://recitmst.qc.ca/-Ressources-pedagogiques-" rel="directory">Ressources pédagogiques</a> <div class='rss_texte'><h2 class="spip">Voici des projets d'élèves de M. Papa Tahir Diallo (CSSMV) intégrant le numérique.</h2> <p>Les documents ci-joints rentre dans le cadre de leur travail de recherche associé à leur projet personnel qui comprend 3 phases : <br class='autobr' /> 1 - Faire une recherche bibliographique en lien avec un sujet qui les intéresse, <br class='autobr' /> 2 - Créer un produit <br class='autobr' /> 3 - Faire une réflexion</p> <div class='spip_document_3981 spip_document spip_documents spip_document_file spip_documents_center spip_document_center spip_document_avec_legende' data-legende-len="77" data-legende-lenx="xx" > <figure class="spip_doc_inner"> <a href='https://recitmst.qc.ca/IMG/docx/refraction_vecteur_uqam_aryan_shadzi_1_.docx' class=" spip_doc_lien" title='Word - 333.4 kio' type="application/vnd.openxmlformats-officedocument.wordprocessingml.document"><img src='https://recitmst.qc.ca/local/cache-vignettes/L64xH64/docx-a6e7c.svg?1779712583' width='64' height='64' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre '><strong>Extension de la réfraction via les vecteurs par une simulation informatique </strong></div> </figcaption></figure> </div> <div class='spip_document_3980 spip_document spip_documents spip_document_file spip_documents_center spip_document_center spip_document_avec_legende' data-legende-len="54" data-legende-lenx="x" > <figure class="spip_doc_inner"> <a href='https://recitmst.qc.ca/IMG/docx/application_d_analyse_de_la_technique_en_calisthenie_final.docx' class=" spip_doc_lien" title='Word - 1.1 Mio' type="application/vnd.openxmlformats-officedocument.wordprocessingml.document"><img src='https://recitmst.qc.ca/local/cache-vignettes/L64xH64/docx-a6e7c.svg?1779712583' width='64' height='64' alt='' /></a> <figcaption class='spip_doc_legende'> <div class='spip_doc_titre '><strong>Application d'analyse de la technique en calisthénie </strong></div> </figcaption></figure> </div> <p>Dr. Papa Tahir Diallo<br class='autobr' /> papatahir.diallo@cssmv.gouv.qc.ca<br class='autobr' /> PhD – Sciences des matériaux <br class='autobr' /> Enseignant de Physique à L'École Internationale Lucille Teasdale (CSSMV)</p></div> https://recitmst.qc.ca/ia-csspb-16mars https://recitmst.qc.ca/ia-csspb-16mars 2026-03-16T15:44:48Z text/html fr Luc Lagarde, Pierre Lachance À la Une <p>Atelier de formation en lien avec l'utilisation de l'IA en classe de MST.</p> - <a href="https://recitmst.qc.ca/-Formations-" rel="directory">Formations</a> / <a href="https://recitmst.qc.ca/+-A-la-Une-+" rel="tag">À la Une</a> <img src='https://recitmst.qc.ca/local/cache-vignettes/L150xH150/code-qr_4_custom_-c3d35.png?1774608972' class='spip_logo spip_logo_right' width='150' height='150' alt="" /> <div class='rss_texte'><iframe src="https://recitmst.qc.ca/IMG/html/plan-ia-mars26-csspb.html" width="99%" height="480" style="border:1px solid #ccc;" frameborder="0" scrolling="yes" title="Jeu IA ou IAG - RECIT MST" ></iframe> <h4 class="text-dark bg-secondary" style="padding-top: 6px; padding-bottom: 6px; background-color: #316bb9; color: #ffffff; text-align: center;"> Exemples de ressources éducatives numériques</h4> <p style="text-align: center;"><em><strong>Note : </strong>Les exemples de REN ci-dessous ne sont pas des versions finales, mais bien des idées pour vous inspirer dans la production de telles ressources. Voir <a href="https://recitmst.qc.ca/requetes-mst.html" target="_blank">les requêtes de base</a> pour ces types de page Web. Pour <span style=" background-color: yellow;">partager une page Web avec d'autres personnes, voir <a href="https://recitmst.qc.ca/partager-page-web-tutoriel.html" target="_blank">ce tutoriel</a></span>.</em> </p> <div style="max-width: 1200px; margin: 0 auto; padding: 20px;"> <div style="display: flex; gap: 20px; flex-wrap: nowrap; overflow-x: auto;"> <!-- Colonne 1: Exemples mathématique --> <div style="flex: 1; min-width: 0; background-color: #f8f9fa; border-radius: 8px; padding: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);"> <h2 style="color: #2c3e50; font-size: 1.5em; margin-top: 0; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 3px solid #e74c3c;"> Exemples mathématique</h2> <ol> <li><a href="https://recitmst.qc.ca/exemple/droite-manipuler-pda-tache.html" target="_blank" rel="noopener">Manipuler une droite</a></li> <li><a href="https://recitmst.qc.ca/exemple/jeu-parentheses.html" target="_blank" rel="noopener">Jeu parenthèses</a></li> <li><a href="https://campus.recit.qc.ca/pluginfile.php/244768/mod_page/content/292/jeu-triangulation-v2.html" target="_blank" rel="noopener">Jeu triangulation des traces</a></li> <li><a href="https://recitmst.qc.ca/exemple/transformateur-mathematique-2d.html" target="_blank" rel="noopener">Transformations mathématique</a></li> <li><a href="https://recitmst.qc.ca/exemple/casse-tete-nombres.html" target="_blank" rel="noopener">Casse-tête de nombres</a></li> <li><a href="https://recitmst.qc.ca/exemple/types-transformations-cycle1.html" target="_blank" rel="noopener">Transformations géométriques, cycle 1</a></li> <li><a href="https://recitmst.qc.ca/exemple/exercices-proportionnalites-pre-scratch.html" target="_blank" rel="noopener">Activité proportionnalités, pré activité Projet facturation Scratch</a></li> <li><a href="https://recitmst.qc.ca/exemple/open-middle-exemple.html" target="_blank" rel="noopener">Exemples Open Middle</a></li> <li><a href="https://recitmst.qc.ca/exemple/exemples-math.html" target="_blank" rel="noopener">Exemples mathématique</a></li> <li><a href="https://recitmst.qc.ca/exemple/jeu-figures-primaire1.html" target="_blank" rel="noopener">Jeu figures primaire 1</a></li> <li><strong>Activités 10 défis</strong> (<a href="https://recitmst.qc.ca/analyse-defis-math-recherche.html" target="_blank" rel="noopener">Pourquoi?</a>) <ol> <li><a href="https://recitmst.qc.ca/exemple/defis-math-sec1-geometrie.html" target="_blank" rel="noopener">Défis mathématiques géométrie</a> </li> <li><a href="https://recitmst.qc.ca/exemple/defis-math-sec1-nombres.html" target="_blank" rel="noopener">Défis mathématiques nombre</a> </li> </ol> </li> <li>Activités <strong>Défier l'IA</strong> <ol> <li><a href="https://recitmst.qc.ca/exemple/defier-ia-algebre-cycle2.html" target="_blank" rel="noopener">Algèbre cycle 2</a> (<a href="https://recitmst.qc.ca/IMG/pdf/defier-ia-algebre-cycle2-guide-enseignant.pdf" target="_blank" rel="noopener">Guide du maitre</a>)</li> <li><a href="https://recitmst.qc.ca/exemple/defier-ia-analyse-donnees-ia-cycle2-demo.html" target="_blank" rel="noopener">Analyse de données</a> (MST)</li> <li><a href="https://recitmst.qc.ca/exemple/defier-ia-cartesmemoires-math-cycle1-demo.html" target="_blank" rel="noopener">Cartes mémoires</a> (mathématique)</li> <li><a href="https://recitmst.qc.ca/exemple/defier-ia-quiz-revision-taux-sec2.html" target="_blank" rel="noopener">Quiz</a> (mathématique)</li> <li><a href="https://recitmst.qc.ca/exemple/defier-ia-analyse-sources-math-cycle2.html" target="_blank" rel="noopener">Analyse de sources en statistiques secondaire cycle 2</a> (voir <a href="https://docs.google.com/document/d/15S4aoCvrzzmq2gcBaVw1XlNJcRK2yzaa3aTe-JrxLUY/edit?usp=sharing" target="_blank" rel="noopener">ingénierie</a> pour guide et plus)</li> <li><a href="https://docs.google.com/document/d/1gJr3QGRnRKmFOFBzWeF7chvOBumnugnSagOj1mlhy3Y/edit?usp=sharing" target="_blank" rel="noopener">Un robot IA personnalisé pour créer ces tâches.</a></li> </ol> </li> <li>Se faire inspirer par l'IA <ol> <li><a href="https://recitmst.qc.ca/exemple/microbit_courbes.html" target="_blank" rel="noopener">Microbit et courbes mathématique</a></li> </ol> </li> <li>Vidéo interactive <ul> <li><a href="https://campus.recit.qc.ca/pluginfile.php/244768/mod_page/content/292/webinare-h5p.html?time=1762181254544" target="_blank" rel="noopener">Exemple webinaire H5P</a>, 3 nov <ul> <li><a href="https://www.youtube.com/watch?v=NnD5n0TWFIA" target="_blank" rel="noopener"><span class="nolink">https://www.youtube.com/watch?v=NnD5n0TWFIA</span></a> Crée 5 questions à choix multiples en lien avec le contenu du webinaire. Programme une page web, style H5P, qui intègre la vidéo interactive contenant les 5 questions que tu as créées. Présente les questions 10 secondes après que le contenu ait été abordé dans la vidéo.</li> </ul> </li> </ul> </li> </ol> </div> <!-- Colonne 2: Exemples science et technologie --> <div style="flex: 1; min-width: 0; background-color: #f8f9fa; border-radius: 8px; padding: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);"> <h2 style="color: #2c3e50; font-size: 1.5em; margin-top: 0; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 3px solid #2ecc71;"> Exemples science et technologie</h2> <ol> <li><a href="https://recitmst.qc.ca/exemple/jeu-contexte-simulateurs.html" target="_blank" rel="noopener">Jeu - Pourquoi des simulateurs</a> </li> <li><a href="https://recitmst.qc.ca/exemple/sim-cond-thermique-jeu.html" target="_blank" rel="noopener">Simulation conductibilité thermique</a></li> <li><a href="https://recitmst.qc.ca/exemple/jeu-lewis.html" target="_blank" rel="noopener">Jeu Lewis</a></li> <li><a href="https://recitmst.qc.ca/exemple/plan-incline-donnees.html" target="_blank" rel="noopener">Plan incliné et bolide</a></li> <li><a href="https://recitmst.qc.ca/exemple/bolide-pendule-ballon-helium.html" target="_blank" rel="noopener">Bolide, ballon helium et pendule</a> </li> <li><a href="https://recitmst.qc.ca/exemple/analyse-donnees-copilot.html" target="_blank" rel="noopener">Analyse de données par Copilot</a> </li> <li><a href="https://recitmst.qc.ca/exemple/levier-simple.html" target="_blank" rel="noopener">Levier</a></li> <li><a href="https://recitmst.qc.ca/exemple/exemples-science-techno.html" target="_blank" rel="noopener">Exemples en science et technologie</a></li> <li><a href="https://recitmst.qc.ca/exemple/bielle-manivelle-animation.html" target="_blank" rel="noopener">Bielle-manivelle animation</a></li> <li><a href="https://recitmst.qc.ca/exemple/banc-optique-lentilles.html" target="_blank" rel="noopener">Banc d'optique et expérience</a></li> <li><a href="https://recitmst.qc.ca/exemple/jeu-plante.html" target="_blank" rel="noopener">Image enrichie d'une plante</a></li> <li><a href="https://recitmst.qc.ca/exemple/cartes-memoires-bio-cycle1.html" target="_blank" rel="noopener">Cartes mémoires - espèces</a></li> <li><a href="https://recitmst.qc.ca/IMG/pdf/anatomie-plante.pdf" target="_blank" rel="noopener">Anatomie et fonctions d'une plante</a>, PDF, (Gemini image)</li> <li><a href="https://recitmst.qc.ca/exemple/jeu-digestif.html" target="_blank" rel="noopener">Jeu d'évasion - Système digestif</a> </li> <li><a href="https://recitmst.qc.ca/IMG/html/naturel-fabrique-primaire1-st.html" target="_blank" rel="noopener">Naturel ou fabriqué - primaire 1er cycle</a> </li> <li><strong>Activités 10 défis</strong> (<a href="https://recitmst.qc.ca/analyse-defis-math-recherche.html" target="_blank" rel="noopener">Pourquoi?</a>) <ol> <li><a href="https://recitmst.qc.ca/exemple/defis-st-materiel-cycle1.html" target="_blank" rel="noopener">Défis ST matériel cycle 1</a> </li> <li><a href="https://recitmst.qc.ca/exemple/defis-st-vivant-cycle1.html" target="_blank" rel="noopener">Défis ST vivant cycle 1</a></li> <li><a href="https://recitmst.qc.ca/exemple/defis-physique-mecanique.html" target="_blank" rel="noopener">Défis physique mécanique</a></li> </ol> </li> <li>Activités <strong>Défier l'IA</strong> <ol> <li><a href="https://recitmst.qc.ca/exemple/infographie-courte-habitats-neuroscience.html" target="_blank" rel="noopener">Infographie Défier l'IA - habitats cycle 1</a></li> <li><a href="https://recitmst.qc.ca/exemple/defier-ia-analyse-sources-st-cycle2.html" target="_blank" rel="noopener">Analyse de sources</a> (voir fichier <a href="https://docs.google.com/document/d/1BJi8AORQhsOojcDAzhxLDM8rL9Is-paG6bZwc7w42JM/edit?usp=sharing" target="_blank" rel="noopener">Ingénierie</a> pour guide et plus)</li> <li><a href="https://recitmst.qc.ca/exemple/defier-ia-etats-matiere-cycle1-demo.html" target="_blank" rel="noopener">États de la matières, ST cycle 1</a></li> <li><a href="https://recitmst.qc.ca/exemple/defier-ia-analyse-donnees-ia-cycle2-demo.html" target="_blank" rel="noopener">Analyse de données</a> (MST)</li> <li><a href="https://recitmst.qc.ca/IMG/docx/banc-optique-cahier-traces.docx" target="_blank" rel="noopener">DCT - Simulation</a> banc d'optique (cahier de traces DOCX)</li> <li><a href="https://recitmst.qc.ca/exemple/defier-ia-dct-cartes-memoires-atome-sec4-se.html" target="_blank" rel="noopener">DCT - cartes mémoires atome</a>, 4e secondaire, HTML</li> <li><a href="https://docs.google.com/document/d/1gJr3QGRnRKmFOFBzWeF7chvOBumnugnSagOj1mlhy3Y/edit?usp=sharing" target="_blank" rel="noopener">Un robot IA personnalisé pour créer ces tâches.</a></li> </ol> </li> <li>Se faire inspirer par l'IA <ol> <li><a href="https://recitmst.qc.ca/exemple/microbit-ia-demarches-st.html" target="_blank" rel="noopener">Microbit et les démarches en science et technologie</a></li> <li><a href="https://recitmst.qc.ca/exemple/analyse-objets-techno-fonctions-limites-ia.html" target="_blank" rel="noopener">Exercice d'analyse d'un objet technologique VS IA</a></li> </ol> </li> </ol> </div> </div> </div> <!-- Case distinctive pleine largeur --> <div style="margin-top: 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 8px; padding: 25px 30px; box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);"> <p style="text-align: center; color: #ffffff; font-size: 1.1em; margin: 0; line-height: 1.6; font-weight: 500;"> L'IAG peut être un accompagnateur pour se former, comme par exemple si on veut mieux saisir certains concepts comme : <a style="color: #ffffff; text-decoration: underline;" href="https://recitmst.qc.ca/agentivite.html" target="_blank" rel="noopener">l'agentivité</a>, <a style="color: #ffffff; text-decoration: underline;" href="https://recitmst.qc.ca/reseau-neurones.html" target="_blank" rel="noopener">les réseaux de neurones</a>, <a style="color: #ffffff; text-decoration: underline;" href="https://recitmst.qc.ca/refutation-ia-effort-cognitif.html" target="_blank" rel="noopener">l'IA et l'effort cognitif</a>, <a style="color: #ffffff; text-decoration: underline;" href="https://recitmst.qc.ca/presentation-neurosciences-ia.html" target="_blank" rel="noopener">Neurosciences et IA</a>.</p> </div> <p><br><br></p> <!-- Citation --> <blockquote style="text-align: center; font-size: 1.125rem; line-height: 1.75rem; font-style: italic; color: #4b5563; padding-left: 1rem; padding-right: 1rem; max-width: 600px; margin: 2rem auto 2rem auto;"> « Seuls ceux qui se risqueront à peut-être aller trop loin sauront jusqu'où il est possible d'aller. »<footer style="margin-top: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; color: #6b7280; font-style: normal; font-weight: 500;"> — Thomas Stearns Eliot</footer> </blockquote></div> https://recitmst.qc.ca/ia-cssdn-9mars https://recitmst.qc.ca/ia-cssdn-9mars 2026-03-09T15:52:09Z text/html fr Pierre Lachance À la Une <p>Atelier de formation à propos de l'utilisation de l'IA en classe de MST.</p> - <a href="https://recitmst.qc.ca/-Formations-" rel="directory">Formations</a> / <a href="https://recitmst.qc.ca/+-A-la-Une-+" rel="tag">À la Une</a> <img src='https://recitmst.qc.ca/local/cache-vignettes/L150xH150/code-qr_3_custom_1_-b634b.png?1774608972' class='spip_logo spip_logo_right' width='150' height='150' alt="" /> <div class='rss_texte'><iframe src="https://recitmst.qc.ca/IMG/html/plan-ia-mars-cssdn.html" width="99%" height="480" style="border:1px solid #ccc;" frameborder="0" scrolling="yes" title="Jeu IA ou IAG - RECIT MST" ></iframe> <h4 class="text-dark bg-secondary" style="padding-top: 6px; padding-bottom: 6px; background-color: #316bb9; color: #ffffff; text-align: center;"> Exemples de ressources éducatives numériques</h4> <p style="text-align: center;"><em><strong>Note : </strong>Les exemples de REN ci-dessous ne sont pas des versions finales, mais bien des idées pour vous inspirer dans la production de telles ressources. Voir <a href="https://recitmst.qc.ca/IMG/txt/requete-pl-base.txt" target="_blank">ma requête de base</a> pour ce type de page Web. Pour <span style=" background-color: yellow;">partager une page Web avec d'autres personnes, voir <a href="https://recitmst.qc.ca/exemple/page-web-tuto.html" target="_blank">cet exemple et tutoriel</a></span>.</em> </p> <div style="max-width: 1200px; margin: 0 auto; padding: 20px;"> <div style="display: flex; gap: 20px; flex-wrap: nowrap; overflow-x: auto;"> <!-- Colonne 1: Exemples mathématique --> <div style="flex: 1; min-width: 0; background-color: #f8f9fa; border-radius: 8px; padding: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);"> <h2 style="color: #2c3e50; font-size: 1.5em; margin-top: 0; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 3px solid #e74c3c;"> Exemples mathématique</h2> <ol> <li><a href="https://recitmst.qc.ca/exemple/droite-manipuler-pda-tache.html" target="_blank" rel="noopener">Manipuler une droite</a></li> <li><a href="https://recitmst.qc.ca/exemple/jeu-parentheses.html" target="_blank" rel="noopener">Jeu parenthèses</a></li> <li><a href="https://recitmst.qc.ca/exemple/jeu-triangulation.html" target="_blank" rel="noopener">Jeu triangulation des traces</a></li> <li><a href="https://recitmst.qc.ca/exemple/transformateur-mathematique-2d.html" target="_blank" rel="noopener">Transformations mathématique</a></li> <li><a href="https://recitmst.qc.ca/exemple/casse-tete-nombres.html" target="_blank" rel="noopener">Casse-tête de nombres</a></li> <li><a href="https://recitmst.qc.ca/exemple/types-transformations-cycle1.html" target="_blank" rel="noopener">Transformations géométriques, cycle 1</a></li> <li><a href="https://recitmst.qc.ca/exemple/exercices-proportionnalites-pre-scratch.html" target="_blank" rel="noopener">Activité proportionnalités, pré activité Projet facturation Scratch</a></li> <li><a href="https://recitmst.qc.ca/exemple/open-middle-exemple.html" target="_blank" rel="noopener">Exemples Open Middle</a></li> <li><a href="https://recitmst.qc.ca/exemple/exemples-math.html" target="_blank" rel="noopener">Exemples mathématique</a></li> <li><a href="https://recitmst.qc.ca/exemple/jeu-figures-primaire1.html" target="_blank" rel="noopener">Jeu figures primaire 1</a></li> <li><strong>Activités 10 défis</strong> (<a href="https://recitmst.qc.ca/analyse-defis-math-recherche.html" target="_blank" rel="noopener">Pourquoi?</a>) <ol> <li><a href="https://recitmst.qc.ca/exemple/defis-math-sec1-geometrie.html" target="_blank" rel="noopener">Défis mathématiques géométrie</a> </li> <li><a href="https://recitmst.qc.ca/exemple/defis-math-sec1-nombres.html" target="_blank" rel="noopener">Défis mathématiques nombre</a> </li> </ol> </li> <li>Activités <strong>Défier l'IA</strong> <ol> <li><a href="https://recitmst.qc.ca/exemple/defier-ia-algebre-cycle2.html" target="_blank" rel="noopener">Algèbre cycle 2</a> (<a href="https://recitmst.qc.ca/IMG/pdf/defier-ia-algebre-cycle2-guide-enseignant.pdf" target="_blank" rel="noopener">Guide du maitre</a>)</li> <li><a href="https://recitmst.qc.ca/exemple/defier-ia-analyse-donnees-ia-cycle2-demo.html" target="_blank" rel="noopener">Analyse de données</a> (MST)</li> <li><a href="https://recitmst.qc.ca/exemple/defier-ia-cartesmemoires-math-cycle1-demo.html" target="_blank" rel="noopener">Cartes mémoires</a> (mathématique)</li> <li><a href="https://recitmst.qc.ca/exemple/defier-ia-quiz-revision-taux-sec2.html" target="_blank" rel="noopener">Quiz</a> (mathématique)</li> <li><a href="https://recitmst.qc.ca/exemple/defier-ia-analyse-sources-math-cycle2.html" target="_blank" rel="noopener">Analyse de sources en statistiques secondaire cycle 2</a> (voir <a href="https://docs.google.com/document/d/15S4aoCvrzzmq2gcBaVw1XlNJcRK2yzaa3aTe-JrxLUY/edit?usp=sharing" target="_blank" rel="noopener">ingénierie</a> pour guide et plus)</li> <li><a href="https://docs.google.com/document/d/1gJr3QGRnRKmFOFBzWeF7chvOBumnugnSagOj1mlhy3Y/edit?usp=sharing" target="_blank" rel="noopener">Un robot IA personnalisé pour créer ces tâches.</a></li> </ol> </li> <li>Se faire inspirer par l'IA <ol> <li><a href="https://recitmst.qc.ca/exemple/microbit_courbes.html" target="_blank" rel="noopener">Microbit et courbes mathématique</a></li> </ol> </li> <li>Vidéo interactive <ul> <li><a href="https://campus.recit.qc.ca/pluginfile.php/244768/mod_page/content/292/webinare-h5p.html?time=1762181254544" target="_blank" rel="noopener">Exemple webinaire H5P</a>, 3 nov <ul> <li><a href="https://www.youtube.com/watch?v=NnD5n0TWFIA" target="_blank" rel="noopener"><span class="nolink">https://www.youtube.com/watch?v=NnD5n0TWFIA</span></a> Crée 5 questions à choix multiples en lien avec le contenu du webinaire. Programme une page web, style H5P, qui intègre la vidéo interactive contenant les 5 questions que tu as créées. Présente les questions 10 secondes après que le contenu ait été abordé dans la vidéo.</li> </ul> </li> </ul> </li> </ol> </div> <!-- Colonne 2: Exemples science et technologie --> <div style="flex: 1; min-width: 0; background-color: #f8f9fa; border-radius: 8px; padding: 20px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);"> <h2 style="color: #2c3e50; font-size: 1.5em; margin-top: 0; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 3px solid #2ecc71;"> Exemples science et technologie</h2> <ol> <li><a href="https://recitmst.qc.ca/exemple/jeu-contexte-simulateurs.html" target="_blank" rel="noopener">Jeu - Pourquoi des simulateurs</a> </li> <li><a href="https://recitmst.qc.ca/exemple/sim-cond-thermique-jeu.html" target="_blank" rel="noopener">Simulation conductibilité thermique</a></li> <li><a href="https://recitmst.qc.ca/exemple/jeu-lewis.html" target="_blank" rel="noopener">Jeu Lewis</a></li> <li><a href="https://recitmst.qc.ca/exemple/plan-incline-donnees.html" target="_blank" rel="noopener">Plan incliné et bolide</a></li> <li><a href="https://recitmst.qc.ca/exemple/bolide-pendule-ballon-helium.html" target="_blank" rel="noopener">Bolide, ballon helium et pendule</a> </li> <li><a href="https://recitmst.qc.ca/exemple/analyse-donnees-copilot.html" target="_blank" rel="noopener">Analyse de données par Copilot</a> </li> <li><a href="https://recitmst.qc.ca/exemple/levier-simple.html" target="_blank" rel="noopener">Levier</a></li> <li><a href="https://recitmst.qc.ca/exemple/exemples-science-techno.html" target="_blank" rel="noopener">Exemples en science et technologie</a></li> <li><a href="https://recitmst.qc.ca/exemple/bielle-manivelle-animation.html" target="_blank" rel="noopener">Bielle-manivelle animation</a></li> <li><a href="https://recitmst.qc.ca/exemple/banc-optique-lentilles.html" target="_blank" rel="noopener">Banc d'optique et expérience</a></li> <li><a href="https://recitmst.qc.ca/exemple/jeu-plante.html" target="_blank" rel="noopener">Image enrichie d'une plante</a></li> <li><a href="https://recitmst.qc.ca/exemple/cartes-memoires-bio-cycle1.html" target="_blank" rel="noopener">Cartes mémoires - espèces</a></li> <li><a href="https://recitmst.qc.ca/IMG/pdf/anatomie-plante.pdf" target="_blank" rel="noopener">Anatomie et fonctions d'une plante</a>, PDF, (Gemini image)</li> <li><a href="https://recitmst.qc.ca/exemple/jeu-digestif.html" target="_blank" rel="noopener">Jeu d'évasion - Système digestif</a> </li> <li><a href="https://recitmst.qc.ca/IMG/html/naturel-fabrique-primaire1-st.html" target="_blank" rel="noopener">Naturel ou fabriqué - primaire 1er cycle</a> </li> <li><strong>Activités 10 défis</strong> (<a href="https://recitmst.qc.ca/analyse-defis-math-recherche.html" target="_blank" rel="noopener">Pourquoi?</a>) <ol> <li><a href="https://recitmst.qc.ca/exemple/defis-st-materiel-cycle1.html" target="_blank" rel="noopener">Défis ST matériel cycle 1</a> </li> <li><a href="https://recitmst.qc.ca/exemple/defis-st-vivant-cycle1.html" target="_blank" rel="noopener">Défis ST vivant cycle 1</a></li> <li><a href="https://recitmst.qc.ca/exemple/defis-physique-mecanique.html" target="_blank" rel="noopener">Défis physique mécanique</a></li> </ol> </li> <li>Activités <strong>Défier l'IA</strong> <ol> <li><a href="https://recitmst.qc.ca/exemple/infographie-courte-habitats-neuroscience.html" target="_blank" rel="noopener">Infographie Défier l'IA - habitats cycle 1</a></li> <li><a href="https://recitmst.qc.ca/exemple/defier-ia-analyse-sources-st-cycle2.html" target="_blank" rel="noopener">Analyse de sources</a> (voir fichier <a href="https://docs.google.com/document/d/1BJi8AORQhsOojcDAzhxLDM8rL9Is-paG6bZwc7w42JM/edit?usp=sharing" target="_blank" rel="noopener">Ingénierie</a> pour guide et plus)</li> <li><a href="https://recitmst.qc.ca/exemple/defier-ia-etats-matiere-cycle1-demo.html" target="_blank" rel="noopener">États de la matières, ST cycle 1</a></li> <li><a href="https://recitmst.qc.ca/exemple/defier-ia-analyse-donnees-ia-cycle2-demo.html" target="_blank" rel="noopener">Analyse de données</a> (MST)</li> <li><a href="https://recitmst.qc.ca/IMG/docx/banc-optique-cahier-traces.docx" target="_blank" rel="noopener">DCT - Simulation</a> banc d'optique (cahier de traces DOCX)</li> <li><a href="https://recitmst.qc.ca/exemple/defier-ia-dct-cartes-memoires-atome-sec4-se.html" target="_blank" rel="noopener">DCT - cartes mémoires atome</a>, 4e secondaire, HTML</li> <li><a href="https://docs.google.com/document/d/1gJr3QGRnRKmFOFBzWeF7chvOBumnugnSagOj1mlhy3Y/edit?usp=sharing" target="_blank" rel="noopener">Un robot IA personnalisé pour créer ces tâches.</a></li> </ol> </li> <li>Se faire inspirer par l'IA <ol> <li><a href="https://recitmst.qc.ca/exemple/microbit-ia-demarches-st.html" target="_blank" rel="noopener">Microbit et les démarches en science et technologie</a></li> <li><a href="https://recitmst.qc.ca/exemple/analyse-objets-techno-fonctions-limites-ia.html" target="_blank" rel="noopener">Exercice d'analyse d'un objet technologique VS IA</a></li> </ol> </li> </ol> </div> </div> </div> <!-- Case distinctive pleine largeur --> <div style="margin-top: 20px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 8px; padding: 25px 30px; box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);"> <p style="text-align: center; color: #ffffff; font-size: 1.1em; margin: 0; line-height: 1.6; font-weight: 500;"> L'IAG peut être un accompagnateur pour se former, comme par exemple si on veut mieux saisir certains concepts comme : <a style="color: #ffffff; text-decoration: underline;" href="https://recitmst.qc.ca/agentivite.html" target="_blank" rel="noopener">l'agentivité</a>, <a style="color: #ffffff; text-decoration: underline;" href="https://recitmst.qc.ca/reseau-neurones.html" target="_blank" rel="noopener">les réseaux de neurones</a>, <a style="color: #ffffff; text-decoration: underline;" href="https://recitmst.qc.ca/refutation-ia-effort-cognitif.html" target="_blank" rel="noopener">l'IA et l'effort cognitif</a>, <a style="color: #ffffff; text-decoration: underline;" href="https://recitmst.qc.ca/presentation-neurosciences-ia.html" target="_blank" rel="noopener">Neurosciences et IA</a>.</p> </div> <p><br><br></p> <!-- Citation --> <blockquote style="text-align: center; font-size: 1.125rem; line-height: 1.75rem; font-style: italic; color: #4b5563; padding-left: 1rem; padding-right: 1rem; max-width: 600px; margin: 2rem auto 2rem auto;"> « Seuls ceux qui se risqueront à peut-être aller trop loin sauront jusqu'où il est possible d'aller. »<footer style="margin-top: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; color: #6b7280; font-style: normal; font-weight: 500;"> — Thomas Stearns Eliot</footer> </blockquote></div> https://recitmst.qc.ca/IA-en-mathematique-GRMS-2025 https://recitmst.qc.ca/IA-en-mathematique-GRMS-2025 2025-11-05T17:50:40Z text/html fr Luc Lagarde, Pierre Lachance, Robert Vivier À la Une <p>Découvrez comment l'intelligence artificielle peut transformer votre façon d'enseigner les mathématiques. De la génération d'exercices contextualisés à l'adaptation du niveau de difficulté, l'IA devient un allié pour soutenir la différenciation et accroître l'engagement des élèves.</p> - <a href="https://recitmst.qc.ca/-Formations-" rel="directory">Formations</a> / <a href="https://recitmst.qc.ca/+-A-la-Une-+" rel="tag">À la Une</a> <div class='rss_texte'><p><i>Découvrez comment l'intelligence artificielle peut transformer votre façon d'enseigner les mathématiques. De la génération d'exercices contextualisés à l'adaptation du niveau de difficulté, l'IA devient un allié pour soutenir la différenciation et accroître l'engagement des élèves. Vous verrez aussi comment utiliser des robots pédagogiques personnalisés (RAG) — de véritables assistants numériques — qui optimisent vos requêtes et fournissent des réponses adaptées à vos besoins en classe. Une occasion unique d'explorer des pratiques concrètes, tout en gardant le jugement professionnel et l'éthique au cœur de vos interventions.</i></p> <p><strong><a href="https://campus.recit.qc.ca/ia-grms" class="spip_out" rel="external">Présentation utilisée</a> </strong> (programmée avec Gemini pro 2.5 (Canvas))</p> <div class='spip_document_3704 spip_document spip_documents spip_document_image spip_documents_center spip_document_center'> <figure class="spip_doc_inner"> <a href="https://campus.recit.qc.ca/ia-grms" class="spip_out spip_doc_lien"> <img src='https://recitmst.qc.ca/local/cache-vignettes/L500xH291/capture_d_ecran_2025-11-05_065723-56311.png?1774633501' width='500' height='291' alt='' /></a> </figure> </div></div> https://recitmst.qc.ca/GDD-Tests-diagnostiques https://recitmst.qc.ca/GDD-Tests-diagnostiques 2025-10-01T15:40:52Z text/html fr Pierre Lachance À la Une <p>Un nouveau groupe du RÉCIT MST de développement en lien avec les test diagnostiques.</p> - <a href="https://recitmst.qc.ca/-Services-disponibles-" rel="directory">Services disponibles</a> / <a href="https://recitmst.qc.ca/+-A-la-Une-+" rel="tag">À la Une</a> <div class='rss_texte'><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Tests Diagnostiques - Groupe de Développement</title> <style> body { box-sizing: border-box; margin: 0; padding: 20px; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; min-height: 100vh; color: #333; background-color: #f4f4f6; /* Added background for better contrast */ } .container { max-width: 1200px; margin: 0 auto; background: white; border-radius: 20px; box-shadow: 0 20px 40px rgba(0,0,0,0.1); overflow: hidden; } .header { background: linear-gradient(135deg, #faa22a 0%, #0069bf 100%); padding: 40px; text-align: center; color: white; } .title { font-size: 2.5rem; font-weight: bold; margin-bottom: 10px; text-shadow: 0 2px 4px rgba(0,0,0,0.1); } .subtitle { font-size: 1.2rem; opacity: 0.9; margin-bottom: 20px; } .subject { background: rgba(255,255,255,0.2); padding: 10px 20px; border-radius: 25px; display: inline-block; font-weight: 500; } .content { padding: 40px; } .section { margin-bottom: 40px; } .section-title { font-size: 1.8rem; font-weight: bold; color: #0069bf; margin-bottom: 20px; display: flex; align-items: center; gap: 10px; } .visees-container { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-bottom: 40px; align-items: start; } .visee-card { background: linear-gradient(135deg, #faa22a 0%, #202d36 100%); border-radius: 15px; padding: 25px; color: white; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 10px 20px rgba(0,0,0,0.1); } .visee-card:hover:not(.active) { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.2); } .visee-card.active { background: linear-gradient(135deg, #0069bf 0%, #202d36 100%); } .visee-title { font-size: 1.3rem; font-weight: bold; margin-bottom: 0; /* Adjusted margin */ display: flex; align-items: center; gap: 10px; } .visee-description { max-height: 0; overflow: hidden; transition: max-height 0.3s ease, opacity 0.3s ease; opacity: 0; } .visee-description.show { max-height: 500px; /* Sufficiently large height */ opacity: 1; margin-top: 15px; } .visee-list { list-style: none; padding: 0; } .visee-list li { padding: 8px 0; padding-left: 20px; position: relative; } .visee-list li:before { content: "✓"; position: absolute; left: 0; color: #fff; font-weight: bold; } .dates-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-bottom: 40px; } .date-card { background: linear-gradient(135deg, #f4f4f6 0%, #faa22a 100%); padding: 20px; border-radius: 12px; text-align: center; box-shadow: 0 5px 15px rgba(0,0,0,0.1); transition: transform 0.3s ease; text-decoration: none; color: inherit; display: block; } .date-card.teams-link:hover { transform: scale(1.05); background: linear-gradient(135deg, #0069bf 0%, #202d36 100%); color: white; } /* Ensure text color changes on hover for better visibility */ .teams-link:hover .date-number, .teams-link:hover .date-month, .teams-link:hover .date-time { color: white; } .date-number { font-size: 1.5rem; font-weight: bold; color: #202d36; } .date-month { font-size: 0.9rem; color: #202d36; margin-top: 5px; } .date-time { font-size: 0.8rem; color: #202d36; margin-top: 5px; } .teams-label { font-size: 0.8rem; font-weight: bold; color: #0069bf; margin-top: 8px; } .teams-link:hover .teams-label { color: white; } .contact-section { background: linear-gradient(135deg, #f4f4f6 0%, #faa22a 100%); padding: 30px; border-radius: 15px; text-align: center; } .contact-title { font-size: 1.5rem; font-weight: bold; color: #202d36; margin-bottom: 15px; } .contact-email { display: inline-block; background: #0069bf; color: white; padding: 15px 30px; border-radius: 25px; text-decoration: none; font-weight: 500; transition: all 0.3s ease; box-shadow: 0 5px 15px rgba(0, 105, 191, 0.3); } .contact-email:hover { background: #202d36; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(32, 45, 54, 0.4); } .icon { font-size: 1.2em; } @media (max-width: 768px) { .visees-container { grid-template-columns: 1fr; } .title { font-size: 2rem; } .dates-grid { grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); } .content { padding: 20px; } .header { padding: 30px 20px; } } </style> </head> <body> <div class="container"> <div class="header"> <h1 class="title">Des tests diagnostiques qui font parler les apprentissages</h1> <p class="subtitle">Groupe de développement professionnel</p> <div class="subject">Science et technologie au secondaire</div> </div> <div class="content"> <div class="section"> <h2 class="section-title"> <span class="icon">🎯</span> Visées du projet </h2> <div class="visees-container"> <!-- MISE À JOUR : Ajout de la classe 'active' pour ouvrir par défaut --> <div class="visee-card active" data-visee-index="0"> <div class="visee-title"> <span class="icon">📋</span> Diagnostique en début d'année </div> <!-- MISE À JOUR : Ajout de la classe 'show' pour rendre le contenu visible par défaut --> <div class="visee-description show" id="visee-0"> <ul class="visee-list"> <li>Mesurer les connaissances et compétences des élèves</li> <li>Connaître les élèves</li> <li>Savoir où sont globalement leurs forces et difficultés</li> <li>Adapter sa planification générale annuelle à sa clientèle</li> </ul> </div> </div> <!-- MISE À JOUR : Ajout de la classe 'active' pour ouvrir par défaut --> <div class="visee-card active" data-visee-index="1"> <div class="visee-title"> <span class="icon">📈</span> Test avant/après l'enseignement </div> <!-- MISE À JOUR : Ajout de la classe 'show' pour rendre le contenu visible par défaut --> <div class="visee-description show" id="visee-1"> <ul class="visee-list"> <li>Mesurer l'impact de l'enseignement</li> <li>Avoir un regard critique sur son enseignement et interventions</li> <li>Connaître les forces et les défis suite à l'enseignement</li> <li>Choix didactiques et pédagogiques</li> <li>Orienter son développement professionnel</li> <li>Adapter ses interventions</li> </ul> </div> </div> </div> </div> <div class="section"> <h2 class="section-title"> <span class="icon">📅</span> Dates des rencontres </h2> <div class="dates-grid"> <a href="https://teams.microsoft.com/l/meetup-join/19%3ameeting_ZDM1NjhhZWQtOTBlMC00Y2Q0LWE0OGItMmRiZmEzOWNjNTdk%40thread.v2/0?context=%7b%22Tid%22%3a%220dc90c7f-4d7c-44ac-8904-2be327dab1e6%22%2c%22Oid%22%3a%221de1d1f2-ccca-4921-a1c5-1e1a55a17797%22%7d" target="_blank" rel="noopener noreferrer" class="date-card teams-link"> <div class="date-number">18</div> <div class="date-month">Décembre 2025</div> <div class="date-time">de 9h00 à 11h30</div> <div class="teams-label">Rencontre Teams</div> </a> <div class="date-card"> <div class="date-number">2</div> <div class="date-month">Février 2026</div> <div class="date-time">de 9h00 à 11h30</div> </div> <div class="date-card"> <div class="date-number">24</div> <div class="date-month">Février 2026</div> <div class="date-time">de 9h00 à 11h30</div> </div> <div class="date-card"> <div class="date-number">24</div> <div class="date-month">Mars 2026</div> <div class="date-time">de 9h00 à 11h30</div> </div> <div class="date-card"> <div class="date-number">30</div> <div class="date-month">Avril 2026</div> <div class="date-time">de 9h00 à 11h30</div> </div> <div class="date-card"> <div class="date-number">26</div> <div class="date-month">Mai 2026</div> <div class="date-time">de 9h00 à 11h30</div> </div> </div> </div> <div class="contact-section"> <h3 class="contact-title">🤝 Rejoignez notre groupe de développement !</h3> <p style="color: #202d36;">Pour vous joindre au groupe, contactez-nous :</p> <a href="mailto:mst@recit.gouv.qc.ca" class="contact-email"> 📧 mst@recit.gouv.qc.ca </a> </div> </div> </div> <script> /** * Fonction pour basculer l'affichage d'une description. * @param {number} index - L'index de la visée (0 ou 1). */ function toggleVisee(index) { // Empêche l'exécution si l'index n'est pas valide if (index !== 0 && index !== 1) return; const description = document.getElementById(<code class='spip_code spip_code_inline' dir='ltr'>visee-${index}</code>); if (!description) { console.error(<code class='spip_code spip_code_inline' dir='ltr'>Élément 'visee-${index}' non trouvé.</code>); return; } const card = description.closest('.visee-card'); // Basculer la description // ATTENTION : Si le comportement souhaité est d'ouvrir toutes les bulles de manière statique // SANS possibilité de les fermer, vous pouvez supprimer tout le contenu de cette fonction. // Actuellement, elles s'ouvrent par défaut, mais peuvent toujours être cliquées pour se fermer. if (description.classList.contains('show')) { description.classList.remove('show'); card.classList.remove('active'); } else { // Fermer toutes les autres descriptions (comportement 'accordéon') document.querySelectorAll('.visee-description').forEach(desc => { desc.classList.remove('show'); // On vérifie toujours la carte parente avant de modifier ses classes const parentCard = desc.closest('.visee-card'); if(parentCard) { parentCard.classList.remove('active'); } }); // Ouvrir cette description description.classList.add('show'); card.classList.add('active'); } } // Script d'initialisation pour attacher les événements. (function() { const viseeCards = document.querySelectorAll('.visee-card'); viseeCards.forEach(card => { // Récupérer l'index via l'attribut de données const index = card.getAttribute('data-visee-index'); if (index !== null) { card.addEventListener('click', () => { // Appeler la fonction de bascule avec l'index toggleVisee(parseInt(index, 10)); }); } }); })(); </script> </body></div> https://recitmst.qc.ca/test-canva-html https://recitmst.qc.ca/test-canva-html 2025-09-10T19:27:36Z text/html fr Pierre Lachance <p>< !DOCTYPE html> Pyramide Interactive - Taxonomie de Bloom * margin : 0 ; padding : 0 ; box-sizing : border-box ; <br class='autobr' /> body font-family : 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif ; min-height : 100vh ; padding : 20px ; display : flex ; flex-direction : column ; align-items : center ; <br class='autobr' /> .header text-align : (…)</p> - <a href="https://recitmst.qc.ca/-C-P-E-" rel="directory">C.P.E. - archives</a> <div class='rss_texte'><!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Pyramide Interactive - Taxonomie de Bloom</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; min-height: 100vh; padding: 20px; display: flex; flex-direction: column; align-items: center; } .header { text-align: center; margin-bottom: 30px; color: white; } .header h1 { font-size: 2.5rem; margin-bottom: 10px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); } .header p { font-size: 1.1rem; opacity: 0.9; } .pyramid { display: flex; flex-direction: column; align-items: center; gap: 8px; max-width: 800px; width: 100%; } .level { position: relative; display: flex; align-items: center; justify-content: center; min-height: 80px; border-radius: 15px; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.2); color: white; font-weight: bold; text-align: center; padding: 15px 20px; } .level:hover { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0,0,0,0.3); } .level-6 { width: 90%; background: linear-gradient(135deg, #ff6b6b, #ee5a24); } .level-5 { width: 85%; background: linear-gradient(135deg, #feca57, #ff9ff3); } .level-4 { width: 80%; background: linear-gradient(135deg, #48dbfb, #0abde3); } .level-3 { width: 75%; background: linear-gradient(135deg, #1dd1a1, #10ac84); } .level-2 { width: 70%; background: linear-gradient(135deg, #ffeaa7, #fdcb6e); } .level-1 { width: 65%; background: linear-gradient(135deg, #a29bfe, #6c5ce7); } .level-content { display: flex; flex-direction: column; align-items: center; gap: 8px; } .level-title { font-size: 1.3rem; font-weight: bold; } .level-description { font-size: 0.9rem; opacity: 0.9; font-weight: normal; } .modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); backdrop-filter: blur(5px); } .modal-content { background-color: white; margin: 5% auto; padding: 30px; border-radius: 20px; width: 90%; max-width: 600px; max-height: 80vh; overflow-y: auto; box-shadow: 0 20px 60px rgba(0,0,0,0.3); animation: modalSlideIn 0.3s ease; } @keyframes modalSlideIn { from { opacity: 0; transform: translateY(-50px); } to { opacity: 1; transform: translateY(0); } } .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; cursor: pointer; line-height: 1; } .close:hover { color: #000; } .modal h2 { color: #333; margin-bottom: 20px; font-size: 1.8rem; } .modal h3 { color: #555; margin: 20px 0 10px 0; font-size: 1.2rem; } .examples-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 15px; margin-top: 15px; } .example-card { background: linear-gradient(135deg, #f8f9fa, #e9ecef); padding: 15px; border-radius: 10px; border-left: 4px solid #007bff; transition: transform 0.2s ease; } .example-card:hover { transform: translateX(5px); } .example-card h4 { color: #007bff; margin-bottom: 8px; font-size: 1rem; } .example-card p { color: #666; font-size: 0.9rem; line-height: 1.4; } @media (max-width: 768px) { .header h1 { font-size: 2rem; } .level { min-height: 70px; padding: 12px 15px; } .level-title { font-size: 1.1rem; } .level-description { font-size: 0.8rem; } .modal-content { margin: 10% auto; padding: 20px; } } </style> </head> <body> <div class="header"> <h1>🎯 Taxonomie de Bloom</h1> <p>Sciences et Technologies - Secondaire 2e cycle</p> </div> <div class="pyramid"> <div class="level level-6" onclick="openModal('creer')"> <div class="level-content"> <div class="level-title">6. CRÉER</div> <div class="level-description">Produire, concevoir, développer</div> </div> </div> <div class="level level-5" onclick="openModal('evaluer')"> <div class="level-content"> <div class="level-title">5. ÉVALUER</div> <div class="level-description">Critiquer, juger, défendre</div> </div> </div> <div class="level level-4" onclick="openModal('analyser')"> <div class="level-content"> <div class="level-title">4. ANALYSER</div> <div class="level-description">Comparer, organiser, déconstruire</div> </div> </div> <div class="level level-3" onclick="openModal('appliquer')"> <div class="level-content"> <div class="level-title">3. APPLIQUER</div> <div class="level-description">Utiliser, démontrer, résoudre</div> </div> </div> <div class="level level-2" onclick="openModal('comprendre')"> <div class="level-content"> <div class="level-title">2. COMPRENDRE</div> <div class="level-description">Expliquer, interpréter, résumer</div> </div> </div> <div class="level level-1" onclick="openModal('memoriser')"> <div class="level-content"> <div class="level-title">1. MÉMORISER</div> <div class="level-description">Se rappeler, reconnaître, lister</div> </div> </div> </div> <!-- Modals --> <div id="modal-creer" class="modal"> <div class="modal-content"> <span class="close" onclick="closeModal('creer')">×</span> <h2>🎨 CRÉER - Niveau 6</h2> <p><strong>Objectif :</strong> Produire quelque chose de nouveau en combinant des éléments de manière créative.</p> <h3>Exemples en Sciences et Technologies :</h3> <div class="examples-grid"> <div class="example-card"> <h4>🔬 Chimie</h4> <p>Concevoir un protocole expérimental pour synthétiser un nouveau composé organique</p> </div> <div class="example-card"> <h4>⚡ Physique</h4> <p>Développer un prototype de générateur d'énergie renouvelable pour votre école</p> </div> <div class="example-card"> <h4>🧬 Biologie</h4> <p>Créer un modèle 3D interactif du système circulatoire humain</p> </div> <div class="example-card"> <h4>💻 Technologie</h4> <p>Programmer une application mobile pour surveiller la qualité de l'air</p> </div> </div> </div> </div> <div id="modal-evaluer" class="modal"> <div class="modal-content"> <span class="close" onclick="closeModal('evaluer')">×</span> <h2>⚖️ ÉVALUER - Niveau 5</h2> <p><strong>Objectif :</strong> Porter des jugements basés sur des critères et des standards établis.</p> <h3>Exemples en Sciences et Technologies :</h3> <div class="examples-grid"> <div class="example-card"> <h4>🌍 Environnement</h4> <p>Évaluer l'efficacité de différentes méthodes de traitement des eaux usées</p> </div> <div class="example-card"> <h4>🔋 Énergie</h4> <p>Critiquer les avantages et inconvénients des voitures électriques vs hybrides</p> </div> <div class="example-card"> <h4>🧪 Expérimentation</h4> <p>Juger de la validité d'une étude scientifique sur les OGM</p> </div> <div class="example-card"> <h4>🏗️ Ingénierie</h4> <p>Évaluer la sécurité et durabilité d'un pont en fonction de sa conception</p> </div> </div> </div> </div> <div id="modal-analyser" class="modal"> <div class="modal-content"> <span class="close" onclick="closeModal('analyser')">×</span> <h2>🔍 ANALYSER - Niveau 4</h2> <p><strong>Objectif :</strong> Décomposer l'information en parties pour comprendre sa structure organisationnelle.</p> <h3>Exemples en Sciences et Technologies :</h3> <div class="examples-grid"> <div class="example-card"> <h4>📊 Données</h4> <p>Analyser les graphiques de température globale sur 50 ans</p> </div> <div class="example-card"> <h4>⚛️ Chimie</h4> <p>Décomposer une réaction chimique complexe en étapes élémentaires</p> </div> <div class="example-card"> <h4>🔬 Biologie</h4> <p>Comparer les structures cellulaires de différents organismes</p> </div> <div class="example-card"> <h4>🌊 Physique</h4> <p>Analyser les forces en jeu dans le mouvement d'un pendule</p> </div> </div> </div> </div> <div id="modal-appliquer" class="modal"> <div class="modal-content"> <span class="close" onclick="closeModal('appliquer')">×</span> <h2>🛠️ APPLIQUER - Niveau 3</h2> <p><strong>Objectif :</strong> Utiliser l'information dans de nouvelles situations pour résoudre des problèmes.</p> <h3>Exemples en Sciences et Technologies :</h3> <div class="examples-grid"> <div class="example-card"> <h4>🧮 Mathématiques</h4> <p>Utiliser les lois de la physique pour calculer la trajectoire d'un projectile</p> </div> <div class="example-card"> <h4>⚗️ Laboratoire</h4> <p>Appliquer les techniques de titrage pour déterminer la concentration d'une solution</p> </div> <div class="example-card"> <h4>🔧 Technologie</h4> <p>Utiliser un logiciel de CAO pour dessiner une pièce mécanique</p> </div> <div class="example-card"> <h4>🌱 Écologie</h4> <p>Appliquer les principes de l'écosystème pour créer un jardin durable</p> </div> </div> </div> </div> <div id="modal-comprendre" class="modal"> <div class="modal-content"> <span class="close" onclick="closeModal('comprendre')">×</span> <h2>💡 COMPRENDRE - Niveau 2</h2> <p><strong>Objectif :</strong> Saisir la signification de l'information et pouvoir l'expliquer dans ses propres mots.</p> <h3>Exemples en Sciences et Technologies :</h3> <div class="examples-grid"> <div class="example-card"> <h4>🌡️ Thermodynamique</h4> <p>Expliquer pourquoi la glace fond quand on la chauffe</p> </div> <div class="example-card"> <h4>🧬 Génétique</h4> <p>Interpréter un arbre généalogique pour prédire les traits héréditaires</p> </div> <div class="example-card"> <h4>⚡ Électricité</h4> <p>Résumer le fonctionnement d'un circuit électrique simple</p> </div> <div class="example-card"> <h4>🌍 Géologie</h4> <p>Expliquer la formation des montagnes par la tectonique des plaques</p> </div> </div> </div> </div> <div id="modal-memoriser" class="modal"> <div class="modal-content"> <span class="close" onclick="closeModal('memoriser')">×</span> <h2>🧠 MÉMORISER - Niveau 1</h2> <p><strong>Objectif :</strong> Se rappeler des faits, termes, concepts de base et réponses.</p> <h3>Exemples en Sciences et Technologies :</h3> <div class="examples-grid"> <div class="example-card"> <h4>📋 Tableau périodique</h4> <p>Réciter les symboles chimiques des 20 premiers éléments</p> </div> <div class="example-card"> <h4>📏 Unités de mesure</h4> <p>Lister les unités SI de base (mètre, kilogramme, seconde, etc.)</p> </div> <div class="example-card"> <h4>🔬 Vocabulaire</h4> <p>Définir les termes : mitose, photosynthèse, conducteur, isolant</p> </div> <div class="example-card"> <h4>⚖️ Lois scientifiques</h4> <p>Énoncer les trois lois de Newton du mouvement</p> </div> </div> </div> </div> <script> function openModal(level) { document.getElementById('modal-' + level).style.display = 'block'; document.body.style.overflow = 'hidden'; } function closeModal(level) { document.getElementById('modal-' + level).style.display = 'none'; document.body.style.overflow = 'auto'; } // Fermer le modal en cliquant à l'extérieur window.onclick = function(event) { const modals = document.querySelectorAll('.modal'); modals.forEach(modal => { if (event.target === modal) { modal.style.display = 'none'; document.body.style.overflow = 'auto'; } }); } // Fermer avec la touche Escape document.addEventListener('keydown', function(event) { if (event.key === 'Escape') { const modals = document.querySelectorAll('.modal'); modals.forEach(modal => { modal.style.display = 'none'; }); document.body.style.overflow = 'auto'; } }); </script> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'97cfe3e9e4e7a204',t:'MTc1NzUxNzQyNi4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body> </html></div> https://recitmst.qc.ca/mst-cn https://recitmst.qc.ca/mst-cn 2025-05-23T04:59:13Z text/html fr Pierre Lachance <p>https://recitmst.qc.ca/IMG/txt/contextes-mst-cn.txt</p> - <a href="https://recitmst.qc.ca/-Liens-courts-" rel="directory">Liens courts</a> <div class='rss_texte'><p><a href="https://recitmst.qc.ca/IMG/txt/contextes-mst-cn.txt" class="spip_url auto" rel="nofollow">https://recitmst.qc.ca/IMG/txt/contextes-mst-cn.txt</a></p></div>