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 ?  
-vous avez d'abord demandé à écrire les résultats non pas en % mais sur 20
- vous avez ensuite modifié la formule de calcul de la note : le score tient compte des essais et se calcule en  multipliant 20 par le résultat obtenu de la division du  nombre de réponses correctes par le nombre d'essais ex :  Avec 4 questions, si  l'élève réussit tout du premier coup  la formule est : 20*4/4= 20, si l'élève se trompe une fois  : 20*4/5=16

-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