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

Présentation au sujet: "Hot Potatoes Jean-paul.krattinger@ac-besancon.fr."— Transcription de la présentation:

1 Hot Potatoes

2 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)

3 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

4 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

5 Hot Potatoes Installation
* Télécharger la dernière version de Hot Potatoes (Windows ou Linux, éviter la version beta) * L’enregistrer sur votre bureau * Exécuter son installation * Choisir la langue de l’interface * S’enregistrer par

6 Hot Potatoes Apprendre à utiliser Jcloze Aller plus loin avec Jcloze

7 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

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

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

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

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

12 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é

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

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

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

16 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:

17 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.

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

19 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

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

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

22 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

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

24 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

25 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

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

27 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

28 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=" > </object> Emplacement de votre fichier son Chemins relatifs/absolus ?

29 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>

30 (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 ?