HOT POTATOES 5 : Approfondissement
1/ Comment ajouter un texte à lire comme support ?
-Possibilité d'insérer un texte à
lire avant de faire l'exercice
-Menu Fichier / Ajout d'un texte. Cocher "inclure un texte"
-soit le taper ou le coller
- soit un fichier externe (en htm)
-Possibilité de mettre un "chronomètre"
: le texte s'affichera un certain temps seulement !
-Configurer les boutons dans: Options/configurer/lecture
2/ Comment insérer des "images" à la place des textes voir un exemple
dans tout exercice l'on peut
positionner n'importe où une image !
Préparation
-Vous devez d'abord créer un dossier image et y mettre tous vos fichiers
images.
-Les images auront toutes, surtout par colonne, une taille identique
(150 sur 250 pixels au maximum) et seront "légères" (10 ko maximum)
Avec Paint Shop Pro :
-Scannez votre image en 72 dpi (cela suffit pour un affichage écran)
- Recadrez votre image avec l'outil adéquat puis Menu Image/Recadrer
-"Enregistrer sous" votre image, dans votre dossier, au format JPG
(options de compression 40 %)
- Vérifier la taille de vos images, si nécessaire redimensionnez (Menu Image/
Redimensionner)
Astuce : Avec XN view (Fichier/conversion multiple) ou Irfan View(Fichier/convertir
une série) vous pouvez redimensionner et enregistrer toutes vos images en une seule
opération.
Création avec Avec Hot Potatoes
-D'abord "enregistrer" votre travail
Puis
Positionner le curseur là où il
faut insérer l'image
-Au lieu de taper un texte, demander Insérer/Image/depuis un fichier local
puis
sélectionner l'image.
Dans "Picture alignment" choisir
"Middle"
3/ Comment insérer un LIEN
dans tout exercice l'on peut
positionner n'importe où un lien vers une page interne (locale) ou
externe (URL) !
Positionner le curseur là où il
faut insérer le lien
-Menu Insérer un lien ( soir vers URL
ou Local)
-Attention à la cible : -blank ouvrira une nouvelle page et top :
remplacera la page de l'exercice
4/Comment obtenir une évaluation sur 20 et non pas un % de réussite voir un exemple
Tout d'abord avec "Hot Potatoes"
penser à remplacer "votre score " par
"EVALUATION"
dans Options/Configurer le résultat/ Messages... votre score : taper Evaluation
(qui convient aussi bien à un résultat en % que sur 20)
Ensuite, fermer Hot Potatoes :
Il faut modifier le code source de la
page et surtout ne modifier que ce qui est indiqué ci-dessous: attention une seule
virgule supprimée ou déplacée et... plus rien ne fonctionnera !
-Les "pros" utiliseront
directement dans Hot Potatoes le menu : Options/Editer les modèles HTML et se
débrouilleront....
- Les "amateurs"
-lancent "WORDPAD" (Démarrer/Programmes/Accessoires/Wordpad)
-Fichier /Ouvrir (demander "tous types de fichier"
et sélectionner votre fichier "test.htm" puis Ouvrir
-Menu Edition/Rechercher Taper: %
(vérifier que cela correspond bien à une ligne de calcul de score, avec des
mots comme "var score" ou "yourscore".... et non pas à des
tailles de calques en %...)Vous devez en trouver 1 ou 2 qu'il faut
remplacer par /20 (laisser les guillemets !)
Response = YourScoreIs +
' ' + Score + '/20.<br />' +
CorrectResponse;
Response =
IncorrectResponse + '<br />' + YourScoreIs + ' ' + Score + '/20.';
-Menu Edition/Rechercher Taper: score
= Math (vérifier que cela correspond bien à une ligne avec
"math.floor et non pas à autre chose) Vous devez modifier la formule de
calcul en en remplaçant 100 par 20 sur la
ligne qui devient par exemple :
Score = Math.floor((20*(TotalCorrect-Penalties))/F.length);
Qu'avez vous fait
? |
-Menu Enregistrer ...
et maintenant testez !
Attention, si vous modifiez plus tard votre exercice, il faudra
recommencer cette manipulation sur le nouveau fichier htm !
5/Configurer les liens pour enchaîner les exercices avec les boutons "exercice suivant" et "retour"
-Vous devez stocker tous vos fichiers
d'exercices enregistrés en htm dans un même dossier ex Hotpot
-Option/Configurer le résultat/ onglet bouton
-comme ci dessous, cocher "Inclure bouton exercice suivant "puis
indiquer (avec
Parcourir) le nom du fichier qui suivra
-Éventuellement réaliser une page index (comme celle ci)
et puis cocher "inclure bouton index" et indiquer le nom de
cette page
Penser à enregistrer puis à nouveau enregistrer en format htm
6/Améliorer la page INDEX: intégration des notes avec calcul automatique de moyenne
Attention : il faut avoir un minimum
de connaissances en HTML pour intégrer le javascript....
-Possibilité d'intégrer à la page index un "javascript"
pour que les élèves rentrent les notes obtenues dans un "champ
de formulaire" avec un calcul automatique de moyenne :
Exemple pour une série de 4 notes, à adapter si nécessaire:
<INPUT
TYPE="text" ID="aa" size="10">
<br>
<INPUT TYPE="text" ID="bb" size="10">
<br>
<INPUT TYPE="text" ID="cc" size="10"><br>
<INPUT TYPE="text" ID="dd" size="10">
<br>
<INPUT TYPE="button" VALUE="Moyenne" onClick="moy()">
</p>
</Form>
<SCRIPT LANGUAGE="JavaScript">
function moy()
{
var a, b, c, d, m;
a=eval(document.calcul.aa.value);
b=eval(document.calcul.bb.value);
c=eval(document.calcul.cc.value);
d=eval(document.calcul.dd.value);
m=(a+b+c+d)/4;
alert(m+"/20");
}
</SCRIPT>
-Nécessité d'obliger les élèves à ouvrir
dans une nouvelle fenêtre les exercices afin que la page index soit toujours
présente (avec sur la page index, comme cible dans le lien vers l'exercice
: _blank). Il faudra donc supprimer sur les pages des exercices les
boutons index, retour et suivant.
Voir un exemple à partir d'un série d'exercices sur l'INDE (tous les exercices ne sont pas conçus avec Hot Potatoes)
Nota :
-possibilité d'ouvrir les fichiers .htm de Hot Potatoes avec un logiciel HTM pour le modifier (ex : Dreamweaver) cela suppose de bien connaître le code ...
-possibilité de concevoir des exercices en glisser/déposer avec DREAMWEAVER : voir cette page avec exemples