# Enseigner avec le numérique :
<div style="
width: 85%;
margin: 1em auto;
padding: 0.5em;
border: 0px solid #66bb6a;
border-radius: 15px;
background-color: #e8f5e9;
color: #002800;
font-family: 'Cooper Black',
'Comic Sans MS',
'Trebuchet MS',
Arial,
sans-serif;
font-size: 1.2em;
font-weight: 600;
text-align: center;
box-shadow: 0 4px 5px rgba(0,0,0,0.1);
">
Comment utiliser le numérique en SVT au collège et au lycée ?
</div>
:::info
<i class="fa fa-info-circle fa-3x fa-pull-left fa-spin"></i> Le numérique offre de nouvelles possibilités pour enseigner les Sciences de la Vie et de la Terre : diversifier les supports, favoriser l’autonomie des élèves, développer l’analyse de données et enrichir les démarches expérimentales.
Cette page rassemble des outils, des ressources institutionnelles et des pistes de réflexion, notamment sur les usages de l’intelligence artificielle en classe.
:::
:::spoiler <i class="fa fa-list-ol"></i> **Sommaire**
[toc]
:::
## 1. 📘 Des ressources pour utiliser le numérique
<details class="spoiler_vert">
<summary>📝 Eduscol</summary>
Sur cette **[page Eduscol](https://eduscol.education.fr/2397/ressources-et-outils-numeriques-en-sciences-de-la-vie-et-de-la-terre)**, on peut trouver des ressources qui utilisent des outils numériques pour les sciences du vivant, de la santé et les géosciences. Le guide sur les conditions d’enseignement pour l’enseignement des SVT au collège et au lycée accompagne les équipes pédagogiques pour favoriser les mises en œuvre expérimentales au centre des apprentissages. A voir [en cliquant ici](https://eduscol.education.fr/2397/ressources-et-outils-numeriques-en-sciences-de-la-vie-et-de-la-terre).
</details>
<details class="spoiler_vert">
<summary>📝 Les intelligences artificielles et leurs usages en éducation</summary>
Sur cette **[page Eduscol](https://eduscol.education.fr/4188/les-intelligences-artificielles-et-leurs-usages-en-education)**, découvrez des ressources officielles, des repères pédagogiques et des outils essentiels pour accompagner la réussite des élèves.
</details>
<details class="spoiler_vert">
<summary>⚖️ Jeu à débattre </summary>
* **Le Jeu à Débattre : Numérique et Environnement** est un outil pédagogique dynamique qui permet d’aborder en classe les enjeux environnementaux liés aux usages du numérique. À travers un dispositif interactif fondé sur l’argumentation et le débat, les élèves développent leur esprit critique, leur capacité à analyser des données scientifiques et à confronter différents points de vue. Adapté notamment aux cycles 4 et lycée, ce jeu favorise l’engagement, la réflexion citoyenne et l’interdisciplinarité (SVT, technologie, EMC). Une ressource clé pour sensibiliser les élèves à l’impact écologique du numérique tout en travaillant des compétences essentielles du programme. [Cliquer ici](https://youtu.be/s_LIBJV8JJc?si=gysAra5qk0Vd11w-) pour voir le Webinaire de présentation.
</details>
---
## 2. 🤖 Intelligence artificielle en SVT
</details>
<details class="spoiler_rouge">
<summary>✨Ressources académiques 2023-2024 </summary>
De nombreuses ressources sont disponibles [en suivant ce lien. ](https://view.genially.com/6633567ef9c07f00147e7058)
</details>
---
## 3. 📱L'application Num'SVT
Application consultable [en ligne](https://numsvt-new.glide.page) ou sur smartphone
Elle permet de :
- retrouver les feuilles d'actualité SVT ;
- retrouver les applications numériques de SVT ou non avec un tutoriel, le lien vers le site et un petit descriptif ;
- retrouver les livres de SVT qui sont en ligne ;
- avoir accès à un chat pour échanger avec les collègues professeur(e)s de SVT de l'académique.
[](https://numsvt-new.glide.page)
---
<!-- ⚡ Ne pas toucher à ce qui est ci-dessous, c'est pour le style 😎 -->
<style>
body {
font-family: 'Marianne',
'Inter',
Arial,
sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Marianne',
'Inter',
Arial,
sans-serif;
}
a {
cursor: pointer;
font-weight: bold;
}
p {
text-align: justify;
}
body a {
cursor: pointer;
font-weight: bold;
font-family: 'Marianne',
'Inter',
Arial,
sans-serif;
}
body p {
text-align: justify;
font-family: 'Marianne',
'Inter',
Arial,
sans-serif;
}
h2 {
color:#361669;
font-family: 'Marianne',
'Inter',
Arial,
sans-serif;
padding-top:0.5em;
border-bottom:3px solid #9e4090ff!important;
margin-bottom:.75em!important;
background-color: rgba(197, 161, 255,0.1);
}
h3 {
color: #005a8cff;
padding-top: 0.3em;
border-bottom: 2px solid #142b9c!important;
margin-bottom: .75em!important;
font-family: 'Marianne',
'Inter',
Arial,
sans-serif;
}
h4 {
color: #9e4090ff;
padding-top: 0.2em;
font-family: 'Marianne',
'Inter',
Arial,
sans-serif;
}
details {
font-family: 'Marianne',
'Inter',
Arial,
sans-serif;
margin-bottom: 10px;
border-radius: 6px;
padding-top: 0.4em;
box-shadow: 0 5px 10px -9px rgba(0, 0, 0.5, 0.5),
0 10px 10px -5px rgba(0.2, 0, 0.7, 0.2);
}
details > summary {
font-family: 'Marianne',
'Inter',
Arial,
sans-serif;
cursor: pointer;
transition: .3s;
user-select: none;
padding: 0.3em;
background-color: #f5f5f5;
border-radius: 4px;
}
/* Liens */
body a {
cursor: pointer;
font-weight: bold;
font-family: 'Marianne',
'Inter',
Arial,
sans-serif;
}
/* Paragraphes */
body p {
text-align: justify;
font-family: 'Marianne',
'Inter',
Arial,
sans-serif;
}
/* Titres */
h1 {
color: #361669;
padding-top: 0.5em;
background-color: rgba(20, 120, 255, 0.2);
font-family: 'Marianne',
'Inter',
Arial,
sans-serif;
}
h2 {
color: #361669;
padding-top: 0.5em;
border-bottom: 3px solid #6e3dba!important;
margin-bottom: .75em!important;
background-color: rgba(197, 161, 255, 0.1);
font-family: 'Marianne',
'Inter',
Arial,
sans-serif;
}
h3 {
color: #142b9c;
padding-top: 0.5em;
border-bottom: 0px solid #142b9c!important;
margin-bottom: .75em!important;
background-color: rgba(50, 201, 255, 0.1);
font-family: 'Marianne',
'Inter',
Arial,
sans-serif;
}
h4 {
color: #142b9c;
padding-top: 0.5em;
margin-bottom: .75em!important;
font-family: 'Marianne',
'Inter',
Arial,
sans-serif;
}
/* Détails (spoilers) - général */
details {
font-family: 'Marianne',
'Inter',
Arial,
sans-serif;
margin-bottom: 10px;
border-radius: 6px;
padding-top: 0.4em;
box-shadow: 0 5px 10px -9px rgba(0, 0, 0.5, 0.5),
0 10px 10px -5px rgba(0.2, 0, 0.7, 0.2);
}
details > summary {
cursor: pointer;
transition: .3s;
user-select: none;
padding: 0.3em;
background-color: #f5f5f5;
border-radius: 4px;
font-family: 'Marianne',
'Inter',
Arial,
sans-serif;
}
/* Listes */
ul, ol, li {
font-family: 'Marianne',
'Inter',
Arial,
sans-serif;
}
/* Tableaux */
table, th, td {
font-family: 'Marianne',
'Inter',
Arial,
sans-serif;
}
/* Spoilers à l'intérieur d'un bloc success/info/warning/danger : réduction du padding vertical */
.markdown-body .admonition details {
margin: 0.2em 0;
padding: 0;
box-shadow: none;
}
/* Style spécifique du résumé dans un bloc success */
.markdown-body .admonition details > summary {
background-color: #f5f5f5;
padding: 0.2em 0.5em;
margin: 0;
border-radius: 4px;
font-weight: bold;
}
/* Option : harmoniser couleur du summary selon le type de bloc */
.markdown-body .admonition.success details > summary {
background-color: #e6f4ea;
}
.markdown-body .admonition.warning details > summary {
background-color: #fff8e1;
}
.markdown-body .admonition.danger details > summary {
background-color: #fdecea;
}
.markdown-body .admonition.info details > summary {
background-color: #e8f0fe;
}
/* Spoilers personnalisés par couleur */
details.spoiler_vert {
border: 2px solid #a5d6a7;
background-color: #e8f5e9;
padding: 0.5em;
border-radius: 6px;
margin-bottom: 1em;
}
details.spoiler_rouge {
border: 2px solid #ef9a9a;
background-color: #ffebee;
padding: 0.5em;
border-radius: 6px;
margin-bottom: 1em;
}
details.spoiler_jaune {
border: 2px solid #fff59d;
background-color: #fffde7;
padding: 0.5em;
border-radius: 6px;
margin-bottom: 1em;
}
details.spoiler_bleu {
border: 2px solid #90caf9;
background-color: #e3f2fd;
padding: 0.5em;
border-radius: 6px;
margin-bottom: 1em;
}
/* Style du résumé dans ces spoilers */
details.spoiler_vert > summary,
details.spoiler_rouge > summary,
details.spoiler_jaune > summary,
details.spoiler_bleu > summary {
cursor: pointer;
font-weight: bold;
background-color: transparent;
padding: 0.2em 0.5em;
margin-bottom: 0.3em;
}
</style>