480 likes | 978 Views
Hot Potatoes. Jean-paul.krattinger@ac-besancon.fr. 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 :.
E N D
Hot Potatoes Jean-paul.krattinger@ac-besancon.fr
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’élaborationdes 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
Les liens éventuels vers d’autres pages Le titre, le sous-titre et les consignes Le texte Aide Les trous L’intitulé des boutons Les options aide et indice Hot Potatoes Aperçu de l’exercice terminé (page Web) L’apparence de la page web
Taper ici le titre de l’ exercice Hot Potatoes Création 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 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 Fenêtre contextuelle
Hot Potatoes Les mots destinés à devenir « trous » apparaissent alors en rouge etitalique Nouvelle sélection
Il faut à présent enregistrer le fichier générateur d’exercice en lui donnant un nom (*.jcl) Hot Potatoes
L’ensemble des sélections, en cliquant sur ce bouton Une sélection, en cliquant, après l’avoir surlignée, sur ce bouton: Hot Potatoes En fin de saisie, il est possible de supprimer
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. Hot Potatoes
Configurer l’exercice en cliquant ici, ce qui ouvrira une nouvelle fenêtre Hot Potatoes Configurer l’exercice
Charger, enregistrer ou valider une configuration Hot Potatoes Fenêtre de configuration Saisir le cas échéant un sous-titre Saisir la consigne
Saisir les divers feedbacks Cocher les options éventuelles Hot Potatoes Fenêtre de configuration : Messages
Activer les options Définir les intitulés Hot Potatoes Fenêtre de configuration : Boutons Paramètrer la navigation entre les exercices
Valider la configuration actuelle Aperçu de la page Hot Potatoes Fenêtre de configuration : Apparence Définir l’apparence de la page : penser Charte graphique personnalisée
Réenregistrer l’exercice (*.jcl) Générer la création de la page Web et l’enregistrer (*.htm) Hot Potatoes
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
<BODY> ... ... <BODY> <HEAD> </HEAD> <TITLE> </TITLE> <HTML> </HTML> Hot Potatoes Sous la page… les balises
<BODY> ... ... <BODY> <HEAD> </HEAD> <TITLE> </TITLE> <HTML> </HTML> <LINK REL="stylesheet" TYPE="text/css" HREF="/anglais/style.css"> Hot Potatoes Gérer la feuille de style /anglais/ est le chemin relatifstyle.css est le nom du fichier de style
<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 du lecteur 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 Cheminsrelatifs/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>
Hot Potatoes Insérer un lecteur audio ou video dans la page Menu : Insérer * Choixobjet 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 ?