Hot Potatoes Jean-paul.krattinger@ac-besancon.fr

est un ensemble d’outils qui permet Hot Potatoes est un ensemble d’outils qui permet * d’élaborer des exercices * pour les générer sous forme de pages htm (destinées à être lues par un navigateur Web)

Hot Potatoes Permet de créer : Des questionnaires à réponses courtes Des questionnaires à choix multiple Des exercices de « remise en ordre » Des exercices de closure Des exercices « d’association » Des « mots croisés » Voir des exemples

Hot Potatoes Les étapes communes à l’élaboration des exercices 1) Saisir les données 2) Enregistrer le fichier projet (*.jcl, *.jcw,…) 3) Configurer l’exercice (boutons, messages…) 4) Générer le fichier exercice (*.htm) 5) Tester l’exercice et l’améliorer 6) Rendre l’exercice disponible aux utilisateurs

Hot Potatoes Installation * Télécharger la dernière version de Hot Potatoes (Windows ou Linux, éviter la version beta) http://hotpot.uvic.ca/ * L’enregistrer sur votre bureau * Exécuter son installation * Choisir la langue de l’interface * S’enregistrer par e-mail

Hot Potatoes Apprendre à utiliser Jcloze Aller plus loin avec Jcloze

Aperçu de l’exercice terminé (page Web) Hot Potatoes Aperçu de l’exercice terminé (page Web) Les liens éventuels vers d’autres pages L’apparence de la page web Le titre, le sous-titre et les consignes Le texte Aide L’intitulé des boutons Les trous Les options aide et indice

Création de l’exercice Hot Potatoes Création de l’exercice Taper ici le titre de l’ exercice

Hot Potatoes Taper ou coller ici le texte intégral destiné à devenir l’exercice à « trous »

Hot Potatoes Sélectionner et surligner le mot appelé à disparaître dans l’exercice

Hot Potatoes Valider la sélection, ce qui aura pour effet d’ouvrir une fenêtre contextuelle

On trouve le mot sélectionné dans le texte Hot Potatoes Fenêtre contextuelle On trouve le mot sélectionné dans le texte On trouve le numéro de la sélection On donne ici une indication destinée à mettre l’élève sur la piste du mot recherché

Hot Potatoes Fenêtre contextuelle Puis les éventuelles réponses alternatives acceptées Valider ramènera à la fenêtre principale

Hot Potatoes Les mots destinés à devenir « trous » apparaissent alors en rouge et italique Nouvelle sélection

Hot Potatoes Il faut à présent enregistrer le fichier générateur d’exercice en lui donnant un nom (*.jcl)

En fin de saisie, il est possible de supprimer Hot Potatoes En fin de saisie, il est possible de supprimer L’ensemble des sélections, en cliquant sur ce bouton Une sélection, en cliquant, après l’avoir surlignée, sur ce bouton:

En cliquant ici, le logiciel va créer des espaces tous les x mots. Hot Potatoes En cliquant ici, le logiciel va créer des espaces tous les x mots. Ce bouton permet de revenir à la fenêtre annexe d’aide et réponses alternatives.

Configurer l’exercice Hot Potatoes Configurer l’exercice Configurer l’exercice en cliquant ici, ce qui ouvrira une nouvelle fenêtre

Fenêtre de configuration Saisir le cas échéant un sous-titre Hot Potatoes Fenêtre de configuration Saisir le cas échéant un sous-titre Saisir la consigne Charger, enregistrer ou valider une configuration

Fenêtre de configuration : Messages Hot Potatoes Fenêtre de configuration : Messages Saisir les divers feedbacks Cocher les options éventuelles

Hot Potatoes Fenêtre de configuration : Boutons Activer les options Définir les intitulés Paramètrer la navigation entre les exercices

Hot Potatoes Fenêtre de configuration : Apparence Définir l’apparence de la page : penser Charte graphique personnalisée Aperçu de la page Valider la configuration actuelle

Hot Potatoes Réenregistrer l’exercice (*.jcl) Générer la création de la page Web et l’enregistrer (*.htm)

Hot Potatoes Votre exercice est prêt. Il est nécessaire de le tester dans un navigateur Il faut ensuite le rendre accessible aux élèves : * disque réseau * site Web

Hot Potatoes Aller plus loin avec Jcloze Insérer un lecteur audio/video dans la page Sous la page… les balises Insérer un lecteur audio flash Insérer un lecteur video flash Gérer la feuille de style

Hot Potatoes Sous la page… les balises <HTML> </HTML> <HEAD> </HEAD> <TITLE> </TITLE> <BODY> ...

Hot Potatoes Gérer la feuille de style <HTML> </HTML> <HEAD> </HEAD> <BODY> ... <TITLE> </TITLE> <LINK REL="stylesheet" TYPE="text/css" HREF="/anglais/style.css"> /anglais/ est le chemin relatif style.css est le nom du fichier de style

Emplacement de votre fichier son Hot Potatoes Insérer un lecteur audio flash Telecharger un lecteur son flash Placer le fichier du lecteur flash où souhaité Placer le code ci-dessous dans votre page en l’adaptant Telecharger le script du lecteur à aménager Emplacement du lecteur <object type="application/x-shockwave-flash" data="/anglais/player_mp3.swf" width="200" height="20"> <param name="movie" value="/anglais/player_mp3.swf" > <param name="FlashVars" value="mp3=/anglais/textes/airbus/son/airbus.mp3"> <param name="wmode" value="transparent" > <p>Texte alternatif</p> allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" > </object> Emplacement de votre fichier son Chemins relatifs/absolus ?

Hot Potatoes Insérer un lecteur video Telecharger lecteur video Code html <object type="application/x-shockwave-flash" data="/anglais/flvplayer.swf?file=/anglais/textes/president/pinkvideo1.swf&autoStart=false" width="400" height="300"> <param name="movie" value="/anglais/flvplayer.swf?file=/anglais/textes/president/pinkvideo1.flv&autoStart=false" /> </object>

(un lecteur vert apparaît ) Hot Potatoes Insérer un lecteur audio ou video dans la page Menu : Insérer * Choixobjet audio-video * Appuyer sur Parcourir et choisir le fichier (un lecteur vert apparaît ) * Définir : Largeur Hauteur * Choisir le lecteur * Cocher : Inclure un lien * Ecrire le texte du lien * Valider Mais ce n’est guère satisfaisant : quel est le player par défaut de l’utilisateur ?