<style> .reveal section img { border: none !important; box-shadow: none !important; background: none !important; border-radius: 15px; } /* Images à inclure dans l'entête de toutes les diapos */ .reveal .slides section::before { content: ''; position: absolute; top: 10px; left: 0; right: 0; height: 100px; /* Ajustez selon vos besoins */ background-image: url(https://minio.apps.education.fr/codimd-prod/uploads/th3rux53b0ynz7qdilmz0dzlc.png), url('https://minio.apps.education.fr/codimd-prod/uploads/upload_a8c495e7eb1ab232cfc97fc37e71c084.png'), url(https://minio.apps.education.fr/codimd-prod/uploads/mb87agkemoh0u18pdzvegh1bl.png); background-size: 120px auto, 600px auto, 150px auto; background-position: left center, center center, right center; background-repeat: no-repeat; z-index: 1; } .reveal .slides section { padding-top: 120px; /* Pour éviter que le contenu chevauche les images */ } /* Image en bas de chaque slide */ .reveal .slides section::after { content: ''; position: absolute; bottom: 20px; left: 100%; transform: translateX(-10%); width: 200px; height: 100px; background-image: url(https://minio.apps.education.fr/codimd-prod/uploads/dl4u9ndqw6hj93jo0on6r4lv4.png); background-size: contain; background-repeat: no-repeat; background-position: center; } </style> <!-- .slide: data-background="#ffffff" --> #### Comment transformer un projet de technologie en une expérience créative augmentée par le numérique ? <div style="display: flex; align-items: center; gap: 30px;"> <div style="flex: 1;"> <h4 style ="color: #474c79;">Art, IA et Créativité : Repenser la démarche de projet en 3ème</h3> </div> <div style="flex: 1;"> <!-- Miniature en haut à droite --> <img src="https://minio.apps.education.fr/codimd-prod/uploads/my1s5645av8l04ounc4plwhgu.png" width="100" style="position: absolute; top: 450px; right: 170px; border: 0px solid white; border-radius: 15%; box-shadow: 0 4px 8px rgba(0,0,0,0.3);"> </div> </div> <div style="flex: 1;"> <img src="https://minio.apps.education.fr/codimd-prod/uploads/dw35hj2ewohknhsixwz2l9ncr.jpg" style="max-width: 80%; height: auto;"> <!-- Miniature en haut à droite --> <img src="https://minio.apps.education.fr/codimd-prod/uploads/my1s5645av8l04ounc4plwhgu.png" width="100" style="position: absolute; top: 450px; right: 170px; border: 0px solid white; border-radius: 15%; box-shadow: 0 4px 8px rgba(0,0,0,0.3);"> </div> --- ##### Les 4 Piliers du projet de cette année <div style="display: flex; align-items: center; gap: 10px;"> <div style="flex: 1;"> <img src="https://minio.apps.education.fr/codimd-prod/uploads/hvz2ux54duuro3yliya20r3kk.png" style="max-width:95%; height: auto;"> </div> </div> --- #### Pilier 1 - La créativité ##### La Créativité n'est pas un don, c'est un processus <p style="text-align: justify; color: #666; margin-top: -10px; font-size: 0.5em;"> Rencontre de l'équipe avec Maud BESANÇON, Professeure en Psychologie Différentielle à l'université de Rennes 2, spécialisée dans le développement de la créativité chez les jeunes et adolescents.<br><img src="https://minio.apps.education.fr/codimd-prod/uploads/mludxlucgx6s4gxw3900bwzj9.png" style="max-width:75%; height: auto; display: block; margin: auto; margin-top: -10px;"></p> --- #### Pilier 2 - Le cadrage pédagogique ###### Pour atteindre les sommets, nous devons accompagner les apprenants <p style="text-align: justify; color: #666; margin-top: 0px; font-size: 0.6em;"> <img src="https://minio.apps.education.fr/codimd-prod/uploads/gfk9j14ofzulw9adi6vi6s6nf.png" style="max-width:85%; height: auto; display: block; margin: auto;"></p> --- #### Pilier 3 - Explorer les usage des IA génératives ###### Découvrir les usages de l'IA comme assistant et non comme remplaçant <p style="text-align: justify; color: #666; margin-top: 0px; font-size: 0.6em;"> <img src="https://minio.apps.education.fr/codimd-prod/uploads/kem37edx8kscwi23bjvzkng3f.jpg" style="max-width:85%; height: auto; display: block; margin: auto;"></p> --- #### Pilier 4 - Scénariser avec la méthode ABC-LD ###### Coopérer pour scénariser efficacement une séquence et un podcast pour découvrir la démarche <p style="text-align: justify; color: #666; margin-top: 0px; font-size: 0.6em;"> <img src="https://minio.apps.education.fr/codimd-prod/uploads/lwsegny3z6dhoyerf1xog8x1i.png" style="max-width:80%; height: auto; display: block; margin: auto;"></p> --- #### De la scénarisation à la classe ###### Passer du design pédagogique aux documents élèves <p style="text-align: justify; color: #666; margin-top: 0px; font-size: 0.6em;"> <img src="https://minio.apps.education.fr/codimd-prod/uploads/jh6o0xxql8i1lln8uk5n0iqhg.png" style="max-width:90%; height: auto; display: block; margin: auto;"></p> --- #### Le projet : vue d'ensemble ###### Un dossier élève, un kit enseignant et une application... <p style="text-align: justify; color: #666; margin-top: 0px; font-size: 0.6em;"> <img src="https://minio.apps.education.fr/codimd-prod/uploads/q6ruwqz362eh1cj8okl4pjzdd.png" style="max-width:85%; height: auto; display: block; margin: auto;"></p> --- #### Le projet : un dossier élève prêt à imprimer et un parcours Eléa compagnon <p style="text-align: justify; color: #666; margin-top: 0px; font-size: 0.6em;">Un livret complet, prêt à imprimer et intégrant les bilans. <img src="https://minio.apps.education.fr/codimd-prod/uploads/wxhv06sdj7htxz7bw3ivyno30.png" style="max-width:100%; height: auto; display: block; margin: auto;"> </p> --- #### Le projet : un kit enseignant complet <p style="text-align: justify; color: #666; margin-top: 0px; font-size: 0.6em;">Des pages Digiscreen prêtes à diffuser en classe. <img src="https://minio.apps.education.fr/codimd-prod/uploads/l155uoph4tqrnjwdimck56ors.png" style="max-width:90%; height: auto; display: block; margin: auto; margin-top: 5px;"></p> --- #### Le projet : une application vibe-codée <p style="text-align: justify; color: #666; margin-top: 0px; font-size: 0.6em;">Piloter et responsabiliser les ilôts via une application locale "Kanban Collège". <img src="https://minio.apps.education.fr/codimd-prod/uploads/icxoi0ummy68s95rowvxfr2ne.png" style="max-width:100%; height: auto; display: block; margin: auto; margin-top: 5px;"></p> --- #### Le projet : Bilan et dépot final <p style="text-align: justify; color: #666; margin-top: 0px; font-size: 0.6em;">Adhésion des élèves - Appropriation rapide par toutes et tous</p> <ul style="text-align: justify; color: #666; margin-top: 0px; font-size: 0.6em;"> <li style="margin-bottom: 15px;">Retour très positifs de la part des élèves et des échanges riches dans les ilots</li> <li style="margin-bottom: 15px;">Mise en ligne du projet complet pour mi-juin : Le livret élève, le guide pour l'impression, le guide professeur, les digiscreen</li><img src="https://minio.apps.education.fr/codimd-prod/uploads/sf0uwkudf9bsa2b8w3hbqx8md.png" style="max-width:20%; height: auto; display: block; margin: auto; margin-top: 10px;"> <li style="margin-bottom: 15px;">(à venir) Poursuite des tests avec le chatbot et photos des projets réalisés par les élèves !</li> </ul>