hot potatoes jean-paul.krattinger@ac-besancon.fr

Hot PotatoesHot Potatoes

Jean-paul.krattinger@ac-besancon.fr

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&amp;autoStart=false" width="400" height="300"> <param name="movie" value="/anglais/flvplayer.swf?file=/anglais/textes/president/pinkvideo1.flv&amp;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 ?