Merci de noter que cette contribution est une astuce pour intégrer simplement des exercices créés grâce au logiciel ’hot potatoes’ dans un article spip, pas un plugin à part entière (mais toute évolution serait la bienvenue) !
Hot Potatoes Hot Potatoes est un logiciel, très utilisé dans le monde de l’éducation, compatible PC, Mac et Linux.
Il est entièrement gratuit, pourvu qu’on s’enregistre sur le site officiel (et qu’on ne crée pas des activités gratuites), et offre une interface assez simple pour créer des exercices divers que l’on peut facilement mettre en ligne, puisque le code généré est du HTML. De nombreux sites scolaires, ou à vocation éducative l’utilisent déjà. Quelques unes des fonctionnalités proposées se retrouvent par ailleurs dans le plugin Jeux.
Avec Hot Potatoes, vous pouvez facilement créer :
des QCM
des exercices de mise en relation
des textes à trous
des questions ouvertes
des mots croisés
des textes à remettre dans l’ordre
tout en y insérant du texte, des images, des clips vidéos, en paramétrant des compteurs-temps, les messages, la façon de gérer les résultats, en reliant les activités entre elles...
En bref, tout ce que peut faire le plugin jeu, et même un peu plus (mais en moins beau)...
Hot Potatoes dans spip Une fois que l’on a créé son activité sur Hot Potatoes, on a la possibilité de l’exporter en fichier html. Le logiciel génère en effet une (ou plusieurs) page(s) qu’il est directement possible d’utiliser.
Si on veut faire figurer assez simplement des exercices générés avec Hot Potatoes dans un article créé avec Spip, il suffit de deux ou trois manipulations :
Il suffit simplement de rajouter une boucle dans le gabarit ’article.html’, à l’endroit des boucles portfolio :
pour faire apparaître l’exercice dans une thickbox (si le plugin est activé) :
<BOUCLE_documents_hotpotatoes(DOCUMENTS) {id_article} {mode=document} {extension IN htm, html} {par num titre, date} {doublons}>
<a href="#URL_DOCUMENT?keepThis=true&TB_iframe=true&height=550&width=600" class="thickbox" type="#MIME_TYPE">#LOGO_DOCUMENT<br/></a>
</BOUCLE_documents_hotpotatoes>Nota bene : height=500 correspond à la hauteur de la fenêtre thickbox, width à sa largeur, c’est donc configurable.
autre possibilité, faire apparaître l’exercice directement dans la page de l’article, par le biais d’une iframe. Voici le bout de code proposé dans le forum de cet article par émile :
<BOUCLE_documents_hotpotatoes(DOCUMENTS) {id_article} {mode=document} {extension IN htm, html} {par num titre, date} {doublons}>
<iframe name="cwindow" style="border:15px dotted #ADC7D6" width=600 height=480 src="#URL_DOCUMENT"></iframe><br/>
</BOUCLE_documents_hotpotatoes> Après avoir rédigé et enregistré votre article, vous avez la possibilité d’ajouter des pièces jointes. Ajoutez donc à l’article où vous souhaitez voir figurer votre exercice le fichier HTML généré par Hot Potatoes.
concernant l’upload d’images, de sons, ou de vidéos ou autres que vous sohaiteriez ajouter à votre exercice, plusieurs solutions sont esquissées dans le forum ci-dessous.
Dernière petite touche, personnalisez le logo de la dist "html.png" (dossier /dist/vignettes/) afin que les visiteurs comprennent qu’en cliquant sur le logo ’html’, ils pourront commencer un exercice.
et voilà... vos visiteurs pourront s’amuser avec vos exercices.
Voici un exemple de cette intégration dans un site scolaire : http://www.collegedevinci.fr/Somme-de-nombres-relatifs
RSS 2.0