hot potatoes [email protected]
TRANSCRIPT
Hot PotatoesHot Potatoes
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)
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
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
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
Hot PotatoesHot Potatoes
Apprendre à utiliser Jcloze
Aller plus loin avec Jcloze
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
Hot PotatoesHot Potatoes
Taper ici le titre de l’ exercice
Création de l’exercice
Hot PotatoesHot Potatoes
Taper ou coller ici le texte intégral destiné à devenir l’exercice à « trous »
Hot PotatoesHot Potatoes
Sélectionner et surligner le mot appelé à disparaître dans l’exercice
Hot PotatoesHot Potatoes
Valider la sélection, ce qui aura pour effet d’ouvrir une fenêtre
contextuelle
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
Puis les éventuelles réponses alternatives acceptées
Hot PotatoesHot PotatoesFenêtre contextuelle
Valider ramènera à la fenêtre principale
Hot PotatoesHot Potatoes
Les mots destinés à devenir « trous » apparaissent alors
en rouge et
italique
Nouvelle sélection
Hot PotatoesHot Potatoes
Il faut à présent enregistrer le fichier générateur d’exercice en
lui donnant un nom (*.jcl)
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:
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.
Hot PotatoesHot Potatoes
Configurer l’exercice en cliquant ici, ce qui ouvrira une nouvelle
fenêtre
Configurer l’exerciceConfigurer l’exercice
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
Hot PotatoesHot Potatoes
Saisir les divers feedbacks
Cocher les options éventuelles
Fenêtre de configuration : Fenêtre de configuration : MessagesMessages
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
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
Hot PotatoesHot Potatoes
Réenregistrer l’exercice (*.jcl)
Générer la création de la page Web et l’enregistrer
(*.htm)
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
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
<HTML>
</HTML>
Hot PotatoesHot PotatoesSous la page… les balises
<HEAD>
</HEAD>
<BODY> ... ...<BODY>
<TITLE>
</TITLE>
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
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
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
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 ?