H5P: Dialog Cards
Fabrication de cartes à retourner : questions/réponses.
Vise à l’apprentissage de vocabulaire, d’expressions, de formules.
Il est possible de donner des indices sous la forme d’images, de texte ou de sons
H5P: Collage
Module permettant la réalisation de compositions d’images à partir des trames proposées.
![]() |
![]() |
Après avoir choisi un modèle, les photos seront intégrées à celui-ci et ajustées à partir du déplacement et du zoom.
Il est possible d’intervenir sur le cadre de la composition ainsi que sur sa hauteur.
H5P: Chart
Réalisation de graphiques: camembert ou barres. Passage aisé d’un type à l’autre en fonction des données.
Possibilité de choisir les couleurs de chaque portion ainsi que celle des polices de texte.
H5P: Audio
Ce module de H5P permet de télécharger un enregistrement audio en .mp3, .wav…
Il est également possible de fournir le lien pour un enregistrement audio.
Le lecteur peut prendre plusieurs formes.
A la claire fontaine (version musicale)
H5P: Arithmetic quiz
Génération automatique de questionnaires arithmétiques.
Choix du type et du nombre de questions du quiz.
Travail à partir des quatre opérations
H5P Agamotto Image blender
Présentez une séquence d’images qui évoluent au cours du temps: arbre au cours des saisons, évolutions de plantations en classe … Il est possible d’ajouter un court texte explicatif pour chaque image.
H5P: Accordion
Composant permettant d’optimiser l’affichage d’un contenu dans un espace réduit grâce à un système de « plier/déplier ».
Exemple: Les types de textes
Draw Attention
Ajouter l’image que vous souhaitez animer dans votre médiathèque WordPress pour ensuite sélectionner des parties de cette image que vous voulez mettre en évidence.
On appelle ces sélections les « points chauds » et ils peuvent être manipulés et configurés comme bon vous semble .
Il est possible d’ajouter à ces « points chauds » des titres et descriptions : lorsque l’internaute cliquera sur ces sélections, il verra apparaître le contenu (ce qui rend l’image interactive).
Ces images interactives sont responsive et s’affichent ainsi sur tous les types d’écrans.
Les régions de France
Trois zones cliquables: Centre Val de Loire et Bourgogne Franche Comté.
La version gratuite ne semble hélas donner la possibilité de ne faire qu’une seule image.
Smart Slider: création d’un diaporama
Lorsque ce plugin a été activé, il est possible de créer un diaporama à partir du tableau de bord en choisissant « Smart Slider »
Création basique d’un slider
Cliquer sur « Smart Slider » dans le tableau de bord puis sur le bouton vert « Create Slider »
![]() |
Donnez un nom à votre diaporama puis choisissez le style de votre choix.
Dès le départ, on pourra choisir la résolution du diaporama en fonction de la taille des photos. |
Cliquer sur « Create » vous permet d’ajouter vos images.
![]() |
L’importation depuis la médiathèque peut se faire photo par photo ou en lots en sélectionnant plusieurs images. L’ordre des photos importe peu. La mise en place pourra être effectuée plus tard. |
Contrôle et améliorations
![]() |
Une fois les diapos déposées, il est possible de les ranger dans l’ordre voulu en les déplaçant sur la trame.
Un clic sur la diapo permet d’accéder à un menu de configuration supplémentaire. |
![]() |
La palette située sur la gauche de l’image permet de disposer différents types de calques .
|
Publication du diaporama
![]() |
La publication du diaporama pourra se faire par l’intermédiaire du Shortcode proposé sous l’onglet « Publier ». Copie de ce code puis insertion dans l’article de votre choix.
Il est possible de revenir sur les différentes caractéristiques du diporama à partir des onglets: général, taille, démarrage … |