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

A retenir :

• l’incrustation du document H5P dont le numéro est 1234 peut être réalisée grâce au code <emb1234|center>
• 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

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 : <emb1234|center|largeur=600px>
• hauteur : exprimée en px, permet de définir la largeur de la fenêtre dans laquelle l’animation est intégrée ; exemple : <emb1234|center|hauteur=400px>
• le paramètre plein écran=non permet de masquer le bouton permettant de basculer l’animation en mode plein écran ; exemple : <emb1234|center|plein écran=non>
• 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 : <emb1234|right> pour un alignement à droite.
• margin-top : exprimé en px, permet de laisser un espace libre au-dessus de l’animation ; exemple <emb1234|center|margin-top=80px>
• 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 <emb1234|center|margin-bottom=60px>

Fonctionnement et messages d’erreur

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

Version 1.2 du 6 juin 2024

Version 1.1 du 27 mai 2024

Version 1.0 du 16 février 2024