Hot Potatoes [email protected].
-
Upload
ninon-bourbon -
Category
Documents
-
view
109 -
download
0
Transcript of Hot Potatoes [email protected].
![Page 2: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/2.jpg)
Hot PotatoesHot Potatoesest 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)
![Page 3: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/3.jpg)
Hot PotatoesHot Potatoes
Des questionnaires à réponses courtesDes questionnaires à réponses courtes
Des questionnaires à choix multiple
Des exercices de « remise en ordre »exercices de « remise en ordre »
Des « mots croisés »Des « mots croisés »
Des exercices « d’association »Des exercices « d’association »
Des exercices de closure
Permet de créer :Permet de créer :
Voir des exemplesVoir des exemples
![Page 4: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/4.jpg)
Hot PotatoesHot PotatoesLes étapes communes à l’élaborationLes étapes communes à l’élaborationdes exercicesdes 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
![Page 5: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/5.jpg)
Hot PotatoesHot Potatoes
* 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
Installation
![Page 6: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/6.jpg)
Hot PotatoesHot Potatoes
Apprendre à utiliser Jcloze
Aller plus loin avec Jcloze
![Page 7: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/7.jpg)
Hot PotatoesHot Potatoes
L’apparence de la page web
Les liens éventuels vers d’autres pages
L’intitulé des boutons Les options
aide et indice
Aperçu de l’exercice terminé (page Web)
Le titre, le sous-titre et les consignes
Les trous
Le texte
Aide
![Page 8: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/8.jpg)
Hot PotatoesHot Potatoes
Taper ici le titre de l’ exercice
Création de l’exercice
![Page 9: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/9.jpg)
Hot PotatoesHot Potatoes
Taper ou coller ici le texte intégral destiné à devenir l’exercice à « trous »
![Page 10: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/10.jpg)
Hot PotatoesHot Potatoes
Sélectionner et surligner le mot appelé à disparaître dans l’exercice
![Page 11: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/11.jpg)
Hot PotatoesHot Potatoes
Valider la sélection, ce qui aura pour effet d’ouvrir une fenêtre
contextuelle
![Page 12: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/12.jpg)
Hot PotatoesHot Potatoes
On trouve le numéro de la sélection
On trouve le mot sélectionné dans le
texte
On donne ici une indication destinée à
mettre l’élève sur la piste du mot recherché
Fenêtre contextuelleFenêtre contextuelle
![Page 13: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/13.jpg)
Puis les éventuelles réponses alternatives acceptées
Hot PotatoesHot PotatoesFenêtre contextuelle
Valider ramènera à la fenêtre principale
![Page 14: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/14.jpg)
Hot PotatoesHot Potatoes
Les mots destinés à devenir « trous » apparaissent alors
en rouge et
italique
Nouvelle sélection
![Page 15: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/15.jpg)
Hot PotatoesHot Potatoes
Il faut à présent enregistrer le fichier générateur d’exercice en
lui donnant un nom (*.jcl)
![Page 16: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/16.jpg)
Hot PotatoesHot PotatoesEn fin de saisie, il est possible de En fin de saisie, il est possible de
supprimersupprimer
L’ensemble des sélections, en cliquant sur ce
bouton
Une sélection, en cliquant, après l’avoir
surlignée, sur ce bouton:
![Page 17: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/17.jpg)
Hot PotatoesHot 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.
![Page 18: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/18.jpg)
Hot PotatoesHot Potatoes
Configurer l’exercice en cliquant ici, ce qui ouvrira une nouvelle
fenêtre
Configurer l’exerciceConfigurer l’exercice
![Page 19: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/19.jpg)
Hot PotatoesHot Potatoes
Saisir le cas échéant un sous-titre
Saisir la consigne
Charger, enregistrer ou valider une configuration
Fenêtre de configurationFenêtre de configuration
![Page 20: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/20.jpg)
Hot PotatoesHot Potatoes
Saisir les divers feedbacks
Cocher les options éventuelles
Fenêtre de configuration : Fenêtre de configuration : MessagesMessages
![Page 21: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/21.jpg)
Hot PotatoesHot Potatoes
Paramètrer la navigation entre les exercices
Fenêtre de configuration : Fenêtre de configuration : BoutonsBoutons
Activer les options
Définir les intitulés
![Page 22: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/22.jpg)
Hot PotatoesHot PotatoesDéfinir l’apparence de la page :
penser Charte graphique personnalisée
Fenêtre de configuration : Fenêtre de configuration : ApparenceApparence
Aperçu de la page
Valider la configuration actuelle
![Page 23: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/23.jpg)
Hot PotatoesHot Potatoes
Réenregistrer l’exercice (*.jcl)
Générer la création de la page Web et l’enregistrer
(*.htm)
![Page 24: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/24.jpg)
Hot PotatoesHot 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
![Page 25: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/25.jpg)
Hot PotatoesHot PotatoesAller plus loin avec Jcloze
Gérer la feuille de style
Insérer un lecteur audio flash
Insérer un lecteur video flash
Sous la page… les balises
Insérer un lecteur audio/video dans la page
![Page 26: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/26.jpg)
<HTML>
</HTML>
Hot PotatoesHot PotatoesSous la page… les balises
<HEAD>
</HEAD>
<BODY> ... ...<BODY>
<TITLE>
</TITLE>
![Page 27: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/27.jpg)
Hot PotatoesHot PotatoesGérer la feuille de style
<HTML>
</HTML>
<HEAD>
</HEAD>
<BODY> ... ...<BODY>
<TITLE>
</TITLE>
<LINK REL="stylesheet" TYPE="text/css" HREF="/anglais/style.css">
/anglais/ est le chemin relatifstyle.css est le nom du fichier de style
![Page 28: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/28.jpg)
Hot PotatoesHot PotatoesInsérer un lecteur audio flash
<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>
Placer le fichier du lecteur flash où souhaité
Placer le code ci-dessous dans votre page en l’adaptant
Emplacement de votre fichier son
Emplacement du lecteur
Telecharger un lecteur son flash
Chemins relatifs/absolus ?
Telecharger le script du lecteur à aménager
![Page 29: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/29.jpg)
Hot PotatoesHot PotatoesInsérer un lecteur video
<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>
Telecharger lecteur video
Code html
![Page 30: Hot Potatoes Jean-paul.krattinger@ac-besancon.fr.](https://reader035.fdocument.pub/reader035/viewer/2022062318/551d9dc6497959293b8e2e4e/html5/thumbnails/30.jpg)
Hot PotatoesHot PotatoesInsé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 ?