Enseigner avec le numérique

Partager et consulter des animations H5P

Olivier Gautier — 2026-01-29T16:42:37Z

La DRANE de Normandie met à disposition des enseignants une nouvelle plateforme leur permettant de mutualiser leurs propres animations H5P, de consulter et réutiliser celles de leurs collègues.

Objectifs de cette nouvelle plateforme

Plusieurs plateformes permettent de créer des animations H5P, citons ELEA, LUMI, h5p.org par exemple. Mais aucune d'entre elles ne permet de mutualiser entre enseignants les animations créées.

La DRANE de Normandie propose aux enseignants de l'académie de Normandie et du service de l'éducation nationale de Saint-Pierre-et-Miquelon d'accéder à une nouvelle plateforme permettant de partager leurs propres animations H5P.

Évolution du 28 janvier 2026 : les animations partagées sont désormais visibles et téléchargeables par tous les internautes.

Outre ce partage, la plateforme permet de :

tester une animation avant de la récupérer
télécharger l'animation pour l'insérer dans un parcours ELEA ou Magistère
la jouer en direct sur une tablette grâce à la lecture d'un QRcode ou d'une URL
récupérer un code iframe pour jouer l'animation sur un site web ou un ENT

Consulter et réutiliser une animation

Vous accéderez à diverses animations H5P que vous pourrez filtrer grâce à une recherche textuelle ou des mots-clés classés dans 4 catégories.

Sélection des animations par recherche textuelle ou mots-clés

Les activités que vous souhaitez utiliser par la suite peuvent être conservées dans vos « Animations favorites » et classées après vous être authentifiés.

Gérer ses animations H5P favorites

Dans la fiche H5P d'une animation, vous trouverez :

le fichier H5P à télécharger pour l'utiliser dans ELEA (permet d'obtenir un suivi de la progression et des réussites des élèves)
un lien ou un QRcode pour jouer l'animation sur un dispositif mobile (pas de suivi des réussites ou de la progression)
un code Iframe pour jouer l'animation dans votre site web ou votre ENT (pas de suivi des réussites ou de la progression)

Mutualiser ses propres animations

Vous pourrez enrichir l'offre d'animations proposées en diffusant vos propres animations H5P.

Pour cela, vous accéderez à l'interface de création des fiches H5P et serez guidés par des vidéos et tutoriels qui vous permettront de réaliser simplement vos propres « fiches H5P » présentant vos animations.

Ressources utiles et accompagnement

Plusieurs ressources vous sont proposées en page d'accueil de cette nouvelle plateforme. Vous trouverez notamment une ressource très complète intitulée « Les modules H5P » qui vous présente les différents modules d'animation disponibles ainsi que plusieurs conseils afin de créer efficacement vos animations.

Pour toute question, un accompagnement peut vous être apporté par la DRANE en contactant le pôle développement et services web via l'adresse mail drane-webmestre@ac-normandie.fr

FantomApp l'application de la CNIL

Natacha Marchand, Olivier Gautier — 2026-01-15T15:03:59Z

FantomApp est une application lancée par la CNIL à destination des 10-15 ans. Simple d'utilisation, elle fournit des conseils pratiques, des outils, des tutoriels ainsi que des contacts de confiance pour mieux protéger sa vie privée sur les réseaux sociaux et agir face à des situations problématiques telles que le cyberharcèlement ou le vol de données. FantomApp constitue, au delà, un outil particulièrement pertinent pour sensibiliser les élèves en classe à la cybersécurité ou en famille.

Présentation de l'application FantomApp

Présentation générale

FantomApp fait écho à une enquête réalisée par la CNIL dans plusieurs collèges auprès d'élèves de la 6^e à la 3^e et publiée en février 2025. L'application est une réponse aux besoins exprimés par les jeunes en matière de protection des données personnelles et de connaissance de leurs droits et s'inscrit pour la conception dans une démarche collaborative : l'outil a été imaginé par et pour les jeunes.

FantomApp offre plusieurs fonctionnalités :

des outils et des tutos pour protéger ses comptes et nettoyer sa présence en ligne
des conseils et des contenus pour aider en cas de problème
une application gratuite et sécurisée qui ne collecte aucune donnée (uniquement l'adresse IP, nécessaire pour le fonctionnement de l'application, et le type d'appareil utilisé).

L'application est disponible gratuitement depuis l'App Store et Google Play ainsi que depuis sa version web : fantomapp.fr
Que ce soit sur la version mobile ou web, l'application s'articule autour de trois onglets (en plus de « Accueil »).

Retrouvez un article de présentation de FantomApp sur le site de la CNIL.

FantomApp : présentation des outils

L'onglet « Outils » destiné à apporter des moyens simples pour protéger ses données personnelles en ligne propose notamment de tester la robustesse de son mot de passe ou sa visibilité en ligne. Il offre également la possibilité de flouter une photo.

FantomApp : présentation des outils

FantomApp : sécuriser les réseaux sociaux

« Me sécuriser » comprend des tutoriels pour être guidé étape par étape sur différents réseaux sociaux et adopter ainsi de bons réflexes et de bonnes pratiques pour protéger sa vie privée sur Internet.

FantomApp : agir en cas de problème en ligne

FantomApp offre enfin un certain nombre de moyens concrets d'agir face à des situations problématiques tels que le cyberharcèlement ou le vol de données sous forme de conseils ou de personnes à contacter, comme la police ou le 3018. Cette application devient dans ce sens un outil numérique particulièrement pertinent pour lutter contre le harcèlement.

Kit de communication FantomApp

La CNIL fournit un kit de communication contenant un flyer et une affiche que vous pouvez diffuser dans vos établissements.
Mettre à disposition ce flyer dans votre établissement permettra aux élèves de pouvoir installer cette application lorsqu'ils auront accès à leur smartphone.

Cliquez sur les vignettes ci-dessous pour télécharger le flyer et l'affiche.

Flyer FantomApp

Affiche FantomApp

Précaution d'emploi

L'installation de cette application doit être exclusivement réservée à des dispositifs personnels non mutualisés. En effet, si un élève utilise l'application sur une tablette puis transmet cette tablette à un camarade sans avoir pris la précaution de fermer l'application, son camarade pourrait alors avoir accès à sa photo dans l'outil de floutage et au mot de passe testé dans l'outil de test du mot de passe.

Informer de l'usage de l'IA sur son site web

Olivier Gautier — 2025-09-03T14:20:15Z

Problématique

De plus en plus de publications sur les sites web sont créées par des intelligences artificielles génératives. Cela peut être pour ajouter quelques corrections, générer des images illustratives, voire créer intégralement les contenus affichés.

Si vous souhaitez être totalement transparents avec les internautes qui consultent vos articles pour les informer de l'usage, ou non, de services d'intelligence artificielle générative pour rédiger vos articles, vous pouvez utiliser un nouveau plugin nommé « Transparence IA » et accessible sur votre site SPIP.

Fonctionnement

Le fonctionnement précis de cet outil est décrit dans sa documentation officielle à l'adresse : https://contrib.spip.net/Transparence-IA

En résumé :

Lors de son activation, ce plugin crée sur votre site trois mots-clés liés à 3 icônes spécifiques :
- Aidé de l'intelligence artificielle
- Généré par l'intelligence artificielle
- Non-recours à l'intelligence artificielle
Lorsque vous rédigez un article, vous choisissez un de ces 3 mots-clés qui correspond à sa situation vis à vis de l'usage de l'intelligence artificielle
Dans le texte de votre article, ou son post-scriptum par exemple, vous ajoutez le code qui permettra l'ajout d'un bloc présentant l'usage réalisé de l'intelligence artificielle dans le cadre de la rédaction de votre article.

Voici un exemple de bloc généré lorsqu'on choisi le mot-clé « Aidé de l'intelligence artificielle » :

Des adaptations peuvent être apportées sur les blocs générés par cet outil. Vous êtes invités à lire sa documentation officielle pour en prendre connaissance.

Voici les 3 icônes liés aux 3 mots-clés :

Icône « Généré par l'intelligence artificielle »

Icône « Aidé de l'intelligence artificielle »

Icône « Non-recours à l'intelligence artificielle »

Respect de la législation

Ce plugin utilise des icônes issus des travaux de Martine Peters et placés sous licence Creative Commons BY-NC-SA 4.0.

Si vous utilisez ce plugin, vous avez obligation de rappeler ces éléments sur votre site, par exemple dans vos mentions légales.

Modifier facilement les articles sous SPIP

Olivier Gautier — 2025-05-16T08:18:58Z

Le plugin « Dupliquer et publier » permet aux rédacteurs SPIP (non administrateurs) de pouvoir proposer des modifications d'articles sans devoir attendre la dépublication par un administrateur du site. La chaîne éditoriale est simplifiée et les mises en ligne accélérées.

Un tutoriel vidéo ci-dessous vous présente la problématique et les points de repères pour utiliser cet outil qui vient d'être ajouté sur la plateforme mutualisée académique. Il est par ailleurs recommandé de lire la documentation officielle de ce plugin avant de le déployer sur votre site.

Plugin SPIP : Dupliquer et publier
par Olivier Gautier

https://podeduc.apps.education.fr/video/93086-plugin-spip-dupliquer-et-publier/0813d03aa23f7211cfbf1a8df4e205a894a8bfe45509437a7020565f0407a667/?is_iframe=true

Les mentions légales sur votre site d'établissement

Johan Pustoch, Olivier Gautier — 2025-04-03T11:46:00Z

Sur tous les sites internet, une page des mentions légales est obligatoire et doit contenir des informations précises et à jour. Voici comment faire pour créer ou mettre à jour cette page pour votre site d'école, de collège ou lycée hébergé sur la plateforme SPIP de l'académie de Normandie.

Cadre général

Cet article et les mentions légales évoquées ici ne concernent que les sites des écoles et établissements publics. Ces mentions doivent impérativement être modifiées et adaptées pour les établissements privés, notamment le paragraphe traitant des données personnelles qui contient des informations erronées pour les établissements privés.

Les informations figurant dans la page des mentions légales doivent être vérifiés régulièrement, au moins lors de chaque rentrée en cas de changement du directeur de la publication : changement de chef d'établissement, d'inspecteur de circonscription dans le cas d'une école...
Certains éléments sont obligatoires et les visiteurs de votre site doivent pouvoir disposer de ces informations comme cela est rappelé dans la vidéo ci-dessous.

Attention : En fonction de l'habillage du site (SPIPr-éduc ou SPIPr-dane), les méthodes de mise à jour sont différentes et expliquées ci-dessous.

Est-ce obligatoire de renseigner les mentions légales d'un site web ?

En trois minutes, faites un point sur les textes de lois relatifs aux mentions légales de votre site web :

Pourquoi faut-il renseigner les mentions légales de son site web ?
par Olivier Gautier

https://podeduc.apps.education.fr/v...

Les textes de références cités dans cette vidéo :

Loi n° 2004-575 du 21 juin 2004 pour la confiance dans l'économie numérique
Article 131-38 du Code Pénal
Décret n° 2019-768 du 24 juillet 2019 relatif à l'accessibilité aux personnes handicapées des services de communication au public en ligne
En complément, l'article 47 de la loi n° 2005-102 du 11 février 2005 pour l'égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées rappelle que "La page d'accueil de tout service de communication au public en ligne comporte une mention clairement visible précisant s'il est ou non conforme aux règles relatives à l'accessibilité."

Mettre à jour ses mentions légales avec l'habillage SPIPr-Dane

Si votre site propose un habillage construit avec SPIPr-Dane (et souvent SPIPr-Dane-noisettes [1]), une page des mentions légales est construite automatiquement et vous devez seulement compléter quelques informations. Pour cela se rendre depuis la partie privée de SPIP dans « Publication » / « Mentions légales » et compléter les champs du formulaire :

Compléter bien les différents champs.
de nouvelles informations sont demandées (adresse postale, adresse électronique et numéro de téléphone de l'établissement)
Les informations concernant le webmestre ne sont plus désormais indispensables, néanmoins indiquer le compte ici est utile dans certains cas pour définir la page de contact [2] : il est souvent conseillé ici d'indiquer un compte SPIP pour l'établissement associé à l'adresse électronique de celui-ci (ce compte doit alors être associé à au moins un article publié).

Se rendre sur la page publique des mentions légales. Recalculer la page et relire/vérifier la cohérence de la page et des informations.

Mettre à jour ses mentions légales avec l'habillage SPIPr-éduc

Problématique

L'habillage SPIPr-éduc utilisais jusqu'à présent un plugin spécifique pour générer la page des mentions légales du site. Seulement, ce plugin dysfonctionne désormais sur notre plateforme mutualisée. Vous trouverez donc ci-dessous une nouvelle méthode pour mettre à jour vos mentions légales : il s'agit de rédiger un article en vous servant d'un modèle proposé ci-dessous puis d'indiquer à SPIPr-éduc que cet article présente les mentions légales du site.
Les étapes sont détaillées dans 2 vidéos ci-dessous :

1^ère étape : préparer le texte des mentions légales depuis un fichier à télécharger ;
2^ème étape : créer, configurer et publier l'article présentant les mentions légales.

1^ère étape : préparer ses mentions légales

Préparer les mentions légales
par Olivier Gautier

https://podeduc.apps.education.fr/v...

Modèle de mentions légales pour SPIPr-éduc (odt)

Modèle de mentions légales pour SPIPr-éduc (docx)

2^ème étape : mise en place

Mise en place des mentions légales
par Olivier Gautier

https://podeduc.apps.education.fr/v...

[1] SPIPr-Dane-Noisettes - Doc utilisateur

[2] Voir aussi la page Fonctionnalités supplémentaires avec SPIPR-Dane

Fresque

Olivier Gautier — 2024-10-01T08:07:00Z

Diffuser des animations H5P sous SPIP

Olivier Gautier — 2024-02-19T15:22:11Z

La DRANE de Normandie a développé un nouveau plugin SPIP qui permet d'incruster des animations H5P directement dans les textes de vos articles.
Les tutoriels vidéos ci-dessous vous présentent :

la méthode d'incrustation des animations ;
les adaptations possibles pour les présenter ;
quelques explications sur le fonctionnement du plugin et les éventuels messages d'erreur que vous pourrez rencontrer.

Ce plugin propose un lecteur permettant d'incruster les activités dans les textes des articles mais ne permet pas de créer des animations H5P.

Méthode d'incrustation

Insérer une activité H5P sur un site SPIP
par Olivier Gautier

https://podeduc.apps.education.fr/video/37485-inserer-une-activite-h5p-sur-un-site-spip/

A retenir :

l'incrustation du document H5P dont le numéro est 1234 peut être réalisée grâce au code
par défaut, l'intégration est effectuée dans une fenêtre utilisant 100% de la largeur de la colonne dans laquelle l'animation est insérée sur une hauteur de 500 pixels.

Adaptations de présentation

Paramétrer une activité H5P sous SPIP
par Olivier Gautier

https://podeduc.apps.education.fr/video/37487-parametrer-une-activite-h5p-sous-spip/

A retenir, la liste des paramètres configurables est la suivante :

largeur : exprimée en % ou px, permet de définir la largeur de la fenêtre dans laquelle l'animation est intégrée ; exemple :
hauteur : exprimée en px, permet de définir la largeur de la fenêtre dans laquelle l'animation est intégrée ; exemple :
le paramètre plein écran=non permet de masquer le bouton permettant de basculer l'animation en mode plein écran ; exemple :
il est possible d'aligner l'animation à gauche, au centre ou à droite de la colonne dans laquelle elle est insérée en modifiant le paramètre center pour le basculer sur left ou right ; exemple : pour un alignement à droite.
margin-top : exprimé en px, permet de laisser un espace libre au-dessus de l'animation ; exemple
margin-bottom : exprimé en px, permet de laisser un espace libre en-dessous de l'animation, à utiliser de préférence avec le paramètre center ; exemple

Fonctionnement et messages d'erreur

Plugin HP5 : fonctionnement et erreurs
par Olivier Gautier

https://podeduc.apps.education.fr/video/37489-plugin-hp5-fonctionnement-et-erreurs/

Téléchargement du plugin

Le plugin « Intégration d'activités h5p » a été développé par la DRANE de Normandie.
Son développement a été rendu possible grâce à l'utilisation de sources diverses (voir le fichier LICENSE dans le plugin) placées sous licences MIT ou GNU-GPL dont l'intention principale est le partage des développements avec ceux qui le souhaitent. Vous trouverez donc les sources du plugin ci-dessous avec ses évolutions datées.

Quelques informations utiles concernant le plugin :

le fichier inc/h5p_config.php contient un paramètre qui doit être configuré dans le cas d'une plateforme SPIP mutualisée ;
pour toute question concernant le plugin, vous pouvez contacter Olivier Gautier, DRANE de Normandie.

Versions 1.3.1 et supérieures

A partir de la version 1.3.1 (publication le 26 juin 2024), vous pourrez retrouver les diverses versions sur le site des plugins de SPIP à l'adresse https://plugins.spip.net/h5p.html
Le code source et les indications d'évolutions sont accessibles à l'adresse https://git.spip.net/spip-contrib-extensions/h5p

Version 1.3 du 13 juin 2024

Plugin Intégration d'activités h5p

Version 1.3 du 13 juin 2024
Notes de version : ajout de la bibliothèque Dictation 1.3

Version 1.2 du 6 juin 2024

Plugin Intégration d'activités h5p

Version 1.2 du 6 juin 2024
Notes de version : ajout de la bibliothèque Flashcards 1.7

Olivier Gautier, DRANE de Normandie

Version 1.1 du 27 mai 2024

Plugin Intégration d'activités h5p

Version 1.1 du 27 mai 2024
Notes de version : Ajout de la bibliothèque Agamotto 1.6

Olivier Gautier, DRANE de Normandie

Version 1.0 du 16 février 2024

Plugin Intégration d'activités h5p

Version 1.0 du 16 février 2024

Olivier Gautier, DRANE de Normandie

Tutoriels vidéos SPIP et SPIPr-éduc

Olivier Gautier — 2024-02-01T12:06:59Z

Depuis plusieurs années, la DRANE diffuse des tutoriels sous forme de vidéos concernant le fonctionnement de SPIP et les fonctionnalités du jeu de squelettes nommé SPIPr-éduc.

Ces vidéos ont été compilées dans cet article. Elles vous permettent de pouvoir adapter les fonctionnalités de votre site en toute autonomie en suivant les manipulations réalisées.

Certaines vidéos datent de quelques années, leurs contenus doivent donc être transposés dans un contexte où les services numériques ont évolué (utilisation du service PodEdu national en remplacement du Pod normand par exemple).

Cliquez sur les thèmes ci-dessous pour les déplier.

Le fonctionnement de SPIP

6 vidéos qui vous aideront à organiser les contenus de votre site SPIP

L'organisation des contenus dans SPIP - partie 1 : les rubriques et leurs contenus par Olivier Gautier https://podeduc.apps.education.fr/v...	L'organisation des contenus dans SPIP - partie 2 : les éléments de repère par Olivier Gautier https://podeduc.apps.education.fr/v...
L'organisation des contenus dans SPIP - partie 3 : déplacer des contenus par Olivier Gautier https://podeduc.apps.education.fr/v...	L'organisation des contenus dans SPIP - partie 4 : supprimer des contenus par Olivier Gautier https://podeduc.apps.education.fr/v...
L'organisation des contenus dans SPIP - partie 5 : les travaux à réaliser régulièrement sur son site par Olivier Gautier https://podeduc.apps.education.fr/v...	L'organisation des contenus dans SPIP - partie 6 : utiliser le plan du site pour organiser les contenus - Vidéo de Matthieu Marcillaud par Olivier Gautier https://podeduc.apps.education.fr/v...

Le fonctionnement de SPIPr-éduc

Présentation du jeu de squelettes SPIPr-éduc

Cette vidéo vous présente les principales caractéristiques de SPIPr éduc, un jeu de squelettes SPIP :

Responsive
Modulable
Configurable
Qui propose des thèmes facilement déployables

Présentation de SPIPr-éduc, jeu de squelettes SPIP basés sur SPIPr et modulables
par Olivier Gautier

https://podeduc.apps.education.fr/video/35214-presentation-de-spipr-educ-jeu-de-squelettes-spip-bases-sur-spipr-et-modulables/22855e453c2abaa69ee7b64e38e23a1078f78bc329f58219ec3a7ab7394353d4/

Toutes les étapes pour migrer votre charte graphique vers SPIPr-éduc

Dans cette vidéo longue (environ 30 minutes), vous pourrez observer les étapes qui vous permettent de basculer votre charte graphique en passant d'une version non responsive (charte graphique des services de l'État 2012 sous eva-web) à une version responsive (charte académie de Rouen sous SPIPr éduc).

En particulier, vous pourrez voir les étapes suivantes :

La préparation du site : sauvegarde de l'habillage et de la base de données, prise de note des éléments qu'il faudra restituer sous SPIPr éduc.
La bascule des outils : mise en maintenance du site, passage d'eva-web à SPIPr éduc.
La configuration de SPIPr éduc.
Un premier nettoyage des outils devenus inutiles.
La gestion des mentions légales.
L'écriture du slogan.
Le nettoyage final (vider le cache et sortir de l'état de maintenance).

Migrer sa charte graphique vers SPIPr-éduc
par Olivier Gautier

https://podeduc.apps.education.fr/video/35213-migrer-sa-charte-graphique-vers-spipr-educ/7540ddc61d3c947014b395a28dd219c4dfd79685cbc8d02afd0ca3aedd96e4a1/

Ajouter des articles dans le carousel « A la Une »

Dans la vidéo présentée ci-dessous présente l'ajout d'un article en Une avec un logo de dimensions 680px de large sur 279px de haut. Si vous utilisez la charte graphique Éducation Nationale 2020, les dimensions attendues sont 1200px de large sur 600px de haut.

SPIPr éduc : ajouter des articles en Une de votre site
par Olivier Gautier

https://podeduc.apps.education.fr/video/35351-spipr-educ-ajouter-des-articles-en-une-de-votre-site/a94334a9752f490df1cedb60c44d2a3a22df900582e48ef24112454756056b0b/

Placer un article en éditorial

Dans cette vidéo de 2 minutes, voyez comment déposer un article en éditorial ou le retirer en 2 clics. Vous verrez aussi comment ordonner vos articles placés en éditorial.

SPIPr-éduc : placer un article en éditorial
par Olivier Gautier

https://podeduc.apps.education.fr/video/35355-spipr-educ-placer-un-article-en-editorial/0da84cf0e5470f50d445570ea071ec62dc5a2d313895c754fb94046e77efbd55/

La gestion des évènements

Dans cette vidéo de 5 minutes, vous verrez comment ajouter des évènements et les lier à vos articles, ainsi que la méthode pour afficher ces évènements et un mini-calendrier sur votre site.

SPIPr-éduc, la gestion des événements
par Olivier Gautier

https://podeduc.apps.education.fr/video/35359-spipr-educ-la-gestion-des-evenements/bedbb03287a04d0655888b740caaeb196e3cf2a1fffe34c69d5eaecdd5fc34c3/

Insérer un bloc avec les logos de vos partenaires

Dans cette vidéo, vous verrez comment insérer le bloc présentant les logos de vos partenaires ou de diverses ressources, internes ou externes à votre site, sur votre page de sommaire.

SPIPr éduc : insérer un bloc avec les logos de vos partenaires
par Olivier Gautier

https://podeduc.apps.education.fr/video/35361-spipr-educ-inserer-un-bloc-avec-les-logos-de-vos-partenaires/8a1f17b02a1385362153da06121927e039829f67d6b6c994a78f1c3dc1209a58/

Mettre en place une barre de liens

Vous souhaitez donner des accès rapides à des ressources externes ou internes à votre site web, cette vidéo vous montre comment faire.

SPIPr éduc : insérer une barre de lien dans l'entête du site
par Olivier Gautier

https://podeduc.apps.education.fr/video/35372-spipr-educ-inserer-une-barre-de-lien-dans-lentete-du-site/828e12647f1ad101e8f7cb3a3dfdb3da93b8480b790e12a4f7955353eefe5475/

Afficher un nuage de mots-clés

Dans cette vidéo, vous verrez comment insérer un nuage de mots-clés et le configurer.

Ajouter un nuage de mots-clés sous SPIPr-éduc
par Olivier Gautier

https://podeduc.apps.education.fr/video/35374-ajouter-un-nuage-de-mots-cles-sous-spipr-educ/9f0d6adc65addfba4682b73ce074d52ac5673cea5956dc6ee84e1af82617c85d/

Voici les règles CSS et LESS proposées dans la vidéo :

padding:10px; margin-bottom:20px; box-shadow: 0 0 4px #666; .nuage {text-align:center; li {display:inline-block; padding: 3px 6px;} br.autobr {display: none;} a:hover {background-color:transparent; color:green;} }

Quelques propositions complémentaires pour adapter les CSS en fonction des tailles des mots-clés générés (fin de la vidéo) :

augmenter la taille d'un mot-clé de poids 5 : a.nuage5{font-size:1.5em;}
modifier la couleur d'un mot-clé de poids 8 : a.nuage8{color:3300ff;}
modifier la police de caractère d'un mot-clé de poids 2 : a.nuage2{font-family:"Calibri";}

Liens vers 2 documentations sur le site Spip Contrib :

Une carte de géographie dynamique pour présenter votre établissement

En suivant les quelques étapes de la vidéo ci-dessous, vous pourrez déployer une carte de géographie dynamique afin de la proposer aux internautes qui souhaitent se rendre dans votre établissement.

SPIPr éduc : afficher une carte de géographie dynamique de votre établissement
par Olivier Gautier

https://podeduc.apps.education.fr/video/35376-spipr-educ-afficher-une-carte-de-geographie-dynamique-de-votre-etablissement/a94e68a0961892cd0064e1efcf8786a1373582cf7d03d4020bd9b61f97bb641d/

Vous pourrez noter que les règles CSS proposées en fin de vidéo sont les suivantes :

margin-bottom:20px; pour décoller le bloc de celui qui le suit ;
padding:10px; pour ajouter une marge intérieure à la bordure grise ;
box-shadow: 0px 0px 6px #aaaaaa; pour ajouter un ombrage extérieur et donner l'impression que le bloc se détache du fond de la page.

La charte graphique Éducation Nationale 2020 de SPIPr-éduc

Ces vidéos présentent des spécificités de ce thème graphique Éducation Nationale 2020, non reproductibles sur les autres thèmes de SPIPr-éduc.

Notez que ce thème accorde une place importante à l'image : les logos des articles sont tous attendus en dimensions 1200 pixels de large par 600 pixels de haut.

Présentation de la charte graphique Éducation Nationale 2020 qui reprend les codes graphiques du site académique normand ainsi que d'autres sites institutionnels

Présentation du thème "Education nationale 2020" du plugin SPIPr-éduc
par Olivier Gautier

https://podeduc.apps.education.fr/video/35205-presentation-du-theme-education-nationale-2020-du-plugin-spipr-educ/3ae0b376b6b25b9a7b40aa8900c54ffa9d1f18604014bc4772b7809c625b8a26/

Un carousel amélioré en page d'accueil

Le tutoriel-vidéo ci-dessous vous montre comment mettre en place un carousel « A la Une » utilisant le plugin Slick à la place du carousel classique de SPIPr éduc. Ce nouveau carousel corrige quelques défauts graphiques du carousel classique et s'adapte à tout type de terminal (ordinateur, smartphone...).
Notez que, sur cette charte graphique, les logos sont attendus aux dimensions 1200 pixels de large sur 600 pixels de haut. Pour toute autre dimension ou tout autre format, vos logos seront automatiquement redimensionnés, voire recadrés.

SPIPr éduc : un carousel "Slick" pour le thème "Education nationale 2020"
par Olivier Gautier

https://podeduc.apps.education.fr/video/35257-spipr-educ-un-carousel-slick-pour-le-theme-education-nationale-2020/a3cf4ac2aade9d8585bb474ce4ae151d8414e98f40ce54bb0cbfe3f20aaa7de4/

Un affichage des deniers articles en 3 colonnes

La liste des derniers articles du thème « Education nationale 2020 » est présentée en 2 colonnes, ce qui occupe une place non négligeable de la page de sommaire d'un site SPIPr éduc. Cette vidéo montre comment basculer en un affichage en 3 colonnes.

SPIPr éduc : afficher la liste des derniers articles en 3 colonnes
par Olivier Gautier

https://podeduc.apps.education.fr/video/35258-spipr-educ-afficher-la-liste-des-derniers-articles-en-3-colonnes/ba38061f79014b3509611beca6a829dd1ec985fb3db7dd05e270b267ed3dc9b8/

Rendre plus attractive la présentation des rubriques

Ce tutoriel vidéo montre comment remplacer le menu vertical des rubriques par un bloc plus attractif présentant les sous-rubriques en 3 colonnes.

SPIPr éduc : une présentation plus attractive des rubriques
par Olivier Gautier

https://podeduc.apps.education.fr/video/35260-spipr-educ-une-presentation-plus-attractive-des-rubriques/3d3cbf7aebd21e76e7a265cc0f0b32bbb4d760f0dfcada900634959d036e5f15/

Autres outils SPIP (plugins)

Présentation du plugin CRCN qui permet de mettre en avant les compétences du Cadre de Référence des Compétences Numériques dans les articles

Le Cadre de Référence des Compétences Numériques (CRCN), décrit dans le décret du 30 août 2019, définit des compétences numériques, réparties par domaines, à maîtriser.
Ce plugin vous permettra d'attribuer des compétences aux articles de votre site SPIP et de les afficher.

Présentation du plugin CRCN
par Olivier Gautier

https://podeduc.apps.education.fr/video/35212-presentation-du-plugin-crcn/88393347879b7dd0be6e9cd537a69380c5749ba967854aba9ea9b9f5e7f0c6f7/

Diffuser une vidéo grâce au service Pod national et au plugin Oembed

La vidéo ci-dessous présente le service Pod Normand, celui-ci ne doit plus être utilisé : le service PodEduc national doit désormais être utilisé depuis l'adresse https://podeduc.apps.education.fr/

Cette vidéo vous présente quelques problématiques de la diffusion de vidéos sous SPIP :

une méthode interne à SPIP peu intéressante car ne permettant ni le téléchargement progressif, ni de déposer des vidéos lourdes ;
l'utilisation du service Pod normand permettant de déposer, indexer, enrichir ses vidéos et ensuite les diffuser, à remplacer par PodEduc comme expliqué ci-dessus ;
la mise en place de l'outil oEmbed qui simplifiera la vie de vos rédacteurs SPIP : on copie l'adresse de la vidéo et elle est directement incrustée dans son article !

Diffuser une vidéo dans un article SPIP grâce à POD
par Olivier Gautier

https://podeduc.apps.education.fr/video/35338-diffuser-une-video-dans-un-article-spip-grace-a-pod/f4577c44c94011981ea5826255edaafbfa753ff875ce14ed6ab5ccad95ba66a2/

Afficher une image 360°

La vidéo ci-dessous vous présente la méthode pour déposer une image 360° dans un article SPIP grâce au plugin Panorama VR.

Publier une image 360° sous SPIP
par Olivier Gautier

https://podeduc.apps.education.fr/video/35340-publier-une-image-360-sous-spip/ab7c2a6cba7b261cdf81d73d93eb5792d97b3edd0da59864be57c2469f9973fa/

Numérique et droits

Adrien Lefranc, Martin Gibon, Olivier Gautier — 2024-01-11T10:16:45Z

Le droit d'auteur, le droit à l'image, l'exception pédagogique et le droit de citation sont des notions juridiques utilisées quotidiennement par les professeurs. Souvent méconnues, elles donnent pourtant une marge de manœuvre importante à l'enseignant tout en apportant un cadrage sécurisant pour les pratiques pédagogiques.

En effet, si le dialogue avec les familles implique de valoriser les nombreuses actions menées dans l'établissement, il faut pouvoir distinguer ces activités de communication de celles d'enseignement qui font partie de la mission de service publique dévolue aux enseignants.

Droit à l'image et à la voix

Une autorisation d'enregistrement de l'élève et de ses représentants légaux s'il est mineur doit être signée avant le début de chaque projet en précisant l'objectif pédagogique et les modalités de diffusion envisagées. Le document type produit par le site éduscol est très simple à adapter à son projet.

Télécharger l'autorisation type

Voici les fichiers modifiables à télécharger en fonction de l'âge de vos élèves :
Autorisation de captation d'un élève mineur
Autorisation de captation d'un élève majeur

Une autorisation avant la captation

Les élèves ont un droit exclusif sur leur image et leur voix. Aucun enregistrement ne peut être fait sans leur consentement préalable ni celui de leurs représentants légaux s'ils sont mineurs.
Ce consentement écrit devra être obtenu avant le début des enregistrements même si les productions ne sont pas diffusées.
Exemple :
Un professeur d'anglais demande aux élèves de s'exercer à l'oral en s'enregistrant à l'aide d'un logiciel (comme Audacity). L'enregistrement ne sera pas diffusé, seulement conservé sur une clé USB, sur l'ENT ou dans le dossier personnel de l'élève sur le serveur de l'établissement. Une autorisation écrite des élèves et de leurs représentants légaux (pour les mineurs) doit être obtenue au préalable.

Préciser la destination

Si la production est destinée à être diffusée, il faut préciser sur la demande d'autorisation écrite la plateforme sur laquelle la vidéo ou le son seront hébergés.

Une demande par projet

Les autorisations signées par les familles en début d'année n'ont pas de valeur juridique : il faut faire signer une autorisation par projet. Tant que la nature du projet et sa destination ne changent pas, inutile de faire signer une nouvelle autorisation.
Exemple 1 :
En français, les élèves enregistreront leur voix toute l'année à l'aide d'un logiciel sur l'ENT ou sur leur session. Les enregistrements seront échangés sur le serveur d'établissement avec l'enseignant. Les fichiers ne seront pas échangés autrement. Dans ce cas une seule autorisation est valable pour ce projet.
Exemple 2 :
Un élève participe à une série d'émissions de webTV qui seront enregistrées toute l'année au CDI ou en classe. Elles porteront sur divers sujets mais auront toutes pour objectif d'exercer l'esprit critique des élèves. Elles seront hébergées sur une plateforme vidéo comme PodEduc et visibles par tous. Une seule autorisation est nécessaire pour l'ensemble des émissions.

Pour aller plus loin

Article Droit à l'image et droit d'auteur en établissement scolaire sur le site de l'académie de Normandie.
Images et voix des élèves sont des données à caractère personnel dans la mesure où elles permettent d'identifier les élèves. Leurs enregistrements, utilisations et diffusions doivent donc respecter le Règlement Général sur la Protection des Données (RGPD). Si vous souhaitez en savoir plus sur la protection des données dans le domaine scolaire et le RGPD, vous pouvez consulter l'article Protection des données et assistance proposé sur le site éduscol.

Diffusion d'œuvres aux élèves et exception pédagogique

Certaines œuvres relèvent du domaine public et d'autre sont encore protégées par le droit d'auteur.
Le Ministère de l'Éducation Nationale reconduit régulièrement des accords avec les organismes chargés de collecter les droits d'auteur pour que les œuvres, suivant leur nature, puissent être diffusées en classe, intégralement ou en partie.

Le droit d'auteur et principe de l'exception pédagogique

Source : https://tutos.pix.fr/edu/le-principe-de-l-exception-pedagogique
Production : CANOPE
Licence : CC BY-NC-ND 4.0

Appliquer l'exception pédagogique et les exceptions aux droits d'auteur

Source : https://tutos.pix.fr/edu/appliquer-l-exception-pedagogique-et-les-exceptions-aux-droits-d-auteur
Production : CANOPE
Licence : CC BY-NC-ND 4.0

Images et texte

L'œuvre doit servir d'illustration au cours et être destinée aux élèves. Elle peut être diffusée aux élèves sur l'ENT, photocopiée, affichée au tableau ou stockée sur une clé USB ou un espace en ligne personnel de l'enseignant.
L'œuvre doit avoir été obtenue de manière licite. Les sources doivent être mentionnées.

D'après l'accord, "l'extrait s'entend d'une partie, d'un fragment d'une œuvre d'une ampleur raisonnable et non substituable à la création dans son ensemble". Le Centre Français de la Copie (CFC) énonce la proportion de 10% de l'œuvre globale.

Images
Elle peuvent être reproduites en intégralité. Sur support numérique, la résolution maximale ne doit pas dépasser 800x800 pixels pour 72 dpi.
Articles de presse, poèmes et autres courtes œuvres
Ils peuvent être reproduits en intégralités.
Manuels et autres ressources pédagogiques
Pas plus de quatre pages consécutives et 10% de la pagination globale. Dans le cas d'un périodique, pas plus de deux articles du même numéro.
Représentations d'œuvres écrites en classe
Elle peuvent être reproduites en intégralité.
Partitions
Elles sont exclues de cet accord : les œuvres peuvent êtres reproduites en classe mais les partitions ne peuvent pas être photocopiées ou diffusées numériquement en s'appuyant sur cet accord.
Un autre protocole entre le MEN, le CFC et le SEAM régit les photocopies des partitions. Il est disponible ici.

Œuvres musicales

"S'agissant de la musique, sont autorisées la représentation intégrale dans la classe, aux élèves ou aux étudiants, d'enregistrements musicaux, ainsi que la représentation dans la classe d'œuvres musicales intégrales par les élèves ou étudiants, à des fins exclusives d'illustration de l'enseignement ou de la recherche." (L'accord complet sur Eduscol)
L'œuvre doit servir d'illustration au cours et être destinée aux élèves. Un extrait de trente seconde et 10% de la durée totale de l'oeuvre (15% au total si plusieurs extraits) peut être diffusé aux élèves sur l'ENT.
L'œuvre doit avoir été obtenue de manière licite. Les sources doivent être mentionnées.

Œuvres audiovisuelles

Une oeuvre diffusée à la télévision ou disponible en replay sur une chaîne non payante, peut être diffusée en intégralité. Cette autorisation comprend la copie temporaire de l'oeuvre sur un support dans le but de le diffuser en classe.
L'oeuvre peut également être diffusée en intégralité si elle a été obtenue par des distributeurs spécialisés avec des droits de diffusion collective spécifiques (Adav, CVS, RDM vidéo, Colaco).
Dans les autres cas, seule l'utilisation d'extraits est possible : pas plus de 10% de la durée totale de l'oeuvre ou bien 15% si l'utilisation contient plusieurs extraits de l'oeuvre.
L'œuvre doit servir d'illustration au cours et être destinée aux élèves. L'xtrait peut être diffusé aux élèves sur l'ENT.
L'œuvre doit avoir été obtenue de manière licite. Les sources doivent être mentionnées.
(L'accord sur Eduscol)

Pour aller plus loin

Comment utiliser des œuvres dans un cadre pédagogique ? sur Eduscol
Exceptions au droit d'auteur dans un cadre pédagogique sur le site de l'académie de Normandie.

Le droit d'auteur des élèves

...Les copies des élèves ne peuvent pas être diffusées sans leur autorisation, même anonymement ou partiellement...

Source : https://tutos.pix.fr/edu/le-droit-d-auteur-des-eleves
Production : CANOPE
Licence : CC BY-NC-ND 4.0

Diffusion musicale lors d'un événement

La Sacem et la Spré sont les deux sociétés qui collectent les droits de diffusion des œuvres musicales.
Les démarches pour les établissements scolaires sont devenues très simples. En effet ces sociétés proposent des forfaits annuels qui comprennent toutes les modalités de diffusion au sein de l'établissement.
Tarifs et informations complémentaires sur le site de la Sacem.

Respect du R.G.P.D.

L'animation ci-dessous vous permet d'identifier les éléments à respecter pour qu'une application numérique puisse être utilisée en classe au regard des principes du R.G.P.D.. Cette animation évoque les applications pour tablettes dans le cadre des catalogues gérés (présents dans certains départements de Normandie) mais les idées développées peuvent s'étendre à tout logiciel, site web ou usage numérique en classe.

L'animation ne donne que des points clés liés aux principes du R.G.P.D. mais ne prétend pas être ni exhaustive sur le sujet ni un modèle incontestable d'un point de vue juridique ; il s'agit uniquement de rappeler à chacun de façon simple et adaptée les grands principes et leur interprétation dans un cadre scolaire.

Sites SPIP : plateforme d'hébergement des sites

Johan Pustoch, Olivier Gautier — 2023-04-18T11:56:57Z

Une plateforme SPIP normande est proposée par la Drane pour l'hébergement des sites internet des établissements scolaires et des sites pédagogiques (sites d'écoles, collèges, lycées, sites disciplinaires, sites de circonscription, etc.). Cette plateforme est hébergée sur l'infrastructure de la DSI de l'académie de Normandie.

L'équipe Web de la Drane s'occupe de la gestion des sites SPIP de l'académie. La Drane propose aussi des outils ainsi qu'un accompagnement pour les webmestres des sites.

La plateforme permet de bénéficier de la version 4 de SPIP (4.4 version à la rentrée 2025).

Les maquettes proposées

Issus des périmètres des anciennes académies, 2 maquettes sont proposées sur la plateforme. Les établissements peuvent choisir librement une de ces deux maquettes pour habiller leur site.

SPIPr-Éduc

Des tutoriels vidéos présentant ce modèle et ses fonctionnalités vous sont proposés dans l'article Tutoriels vidéos SPIP et SPIPr-éduc.

SPIPr-Dane

Maquette personnalisable en terme de charte graphique (SPIPr-Dane-Config) et en terme de disposition globale et de choix des blocs (SPIPr-Dane-Noisettes).

Documentations :

L'activation des plugins SPIPr-dane provoque l'activation d'autres plugins utiles.
Vous pouvez également activer d'autres plugins utiles : Accès restreint, odt2spip, Enluminure typo, pdfjs, PhotoSwipe, facteur, agenda, etc.

Contact

Pour contacter l'équipe Web de la Drane : drane-webmestre@ac-normandie.fr.

Les chefs d'établissements peuvent demander à cette adresse la création d'un site internet.

Enseigner avec le numérique

Partager et consulter des animations H5P

Objectifs de cette nouvelle plateforme

Consulter et réutiliser une animation

Mutualiser ses propres animations

Ressources utiles et accompagnement

FantomApp l'application de la CNIL

Présentation de l'application FantomApp

Présentation générale

FantomApp : présentation des outils

FantomApp : sécuriser les réseaux sociaux

FantomApp : agir en cas de problème en ligne

Kit de communication FantomApp

Précaution d'emploi

Informer de l'usage de l'IA sur son site web

Problématique

Fonctionnement

Respect de la législation

Modifier facilement les articles sous SPIP

Les mentions légales sur votre site d'établissement

Cadre général

Est-ce obligatoire de renseigner les mentions légales d'un site web ?

En trois minutes, faites un point sur les textes de lois relatifs aux mentions légales de votre site web :

Les textes de références cités dans cette vidéo :

Mettre à jour ses mentions légales avec l'habillage SPIPr-Dane

Mettre à jour ses mentions légales avec l'habillage SPIPr-éduc

Problématique

1ère étape : préparer ses mentions légales

2ème étape : mise en place

Fresque

Diffuser des animations H5P sous SPIP

Méthode d'incrustation

Adaptations de présentation

Fonctionnement et messages d'erreur

Téléchargement du plugin

Versions 1.3.1 et supérieures

Version 1.3 du 13 juin 2024

Version 1.2 du 6 juin 2024

Version 1.1 du 27 mai 2024

Version 1.0 du 16 février 2024

Tutoriels vidéos SPIP et SPIPr-éduc

6 vidéos qui vous aideront à organiser les contenus de votre site SPIP

Présentation du jeu de squelettes SPIPr-éduc

Toutes les étapes pour migrer votre charte graphique vers SPIPr-éduc

Ajouter des articles dans le carousel « A la Une »

Placer un article en éditorial

La gestion des évènements

Insérer un bloc avec les logos de vos partenaires

Mettre en place une barre de liens

Afficher un nuage de mots-clés

Une carte de géographie dynamique pour présenter votre établissement

Présentation de la charte graphique Éducation Nationale 2020 qui reprend les codes graphiques du site académique normand ainsi que d'autres sites institutionnels

Basculer sa charte graphique sous le thème Éducation Nationale 2020

Créer votre logo et l'installer dans l'entête de votre site

Mettre en place et configurer un bloc très visuel en page d'accueil

Un carousel amélioré en page d'accueil

Un affichage des deniers articles en 3 colonnes

Rendre plus attractive la présentation des rubriques

Présentation du plugin CRCN qui permet de mettre en avant les compétences du Cadre de Référence des Compétences Numériques dans les articles

Diffuser une vidéo grâce au service Pod national et au plugin Oembed

Afficher une image 360°

Numérique et droits

Télécharger l'autorisation type

Une autorisation avant la captation

Préciser la destination

Une demande par projet

Pour aller plus loin

Le droit d'auteur et principe de l'exception pédagogique

Appliquer l'exception pédagogique et les exceptions aux droits d'auteur

Images et texte

Œuvres musicales

Œuvres audiovisuelles

Pour aller plus loin

Sites SPIP : plateforme d'hébergement des sites

Les maquettes proposées

SPIPr-Éduc

SPIPr-Dane

Contact

1^ère étape : préparer ses mentions légales

2^ème étape : mise en place