Insérer des applets Java et des modules Flash

dans des pages Hot Potatoes

---------------------
Attention : demander aux auteurs l’autorisation d’utiliser leurs appliquettes et leurs animations dans le cadre
scolaire.

1. Récupérer des appliquettes java (applet) sur le web:

Vous trouvez sur une page web une appliquette que vous aimeriez bien intégrer dans une page hot potatoes
à usage interne.
L'appliquette est un fichier .class ou .jar différent de la page htm.
Il faudra donc récupérer ce fichier et le placer dans le dossier de travail.
• Enregistrer la page web: => enregistrer sous... (type : page web complète)
• Chercher avec un éditeur (dreamweaver par exemple) ou en demandant simplement au navigateur
d’afficher la source une balise <applet ...> un peu plus loin se trouve un appel à un fichier *.class ou
*.jar ou encore *.java
• Dans la barre d'adresse d'internet explorer (ou d'un autre navigateur) taper l'adresse où se trouve ce
fichier .class, et enregistrer le dans votre dossier de travail (attention à la façon dont il est rangé sur
le serveur : référence à un dossier qu'il faudra modifier -> voir chapitre adresse relative)
• Utiliser cette appliquette dans sa page d'origine (que vous avez enregistré au 1.) ou dans une page
perso.
• Et c'est tout...

2. Insérer l’appliquette dans Hot potatoes

Certaines appliquettes demandent des paramètres. Pour ne pas avoir à gérer à la main tout ce qui permet
son utilisation, il suffit de copier-coller tout le code de la page web contenu entre les balises <APPLET> et
</APPLET> balises comprises dans l’espace de l’exercice Hot Potatoes en faisant attention au chemin
d’appel du fichier .class

3. Exemple : intégrer une figure Cabri dans une page Hot Potatoes
• Télécharger l’applet Cabrijava.jar à http://www.cabri.net/cabrijava/index-f.html, (au bas de la page
fichier Cabrijava.jar.zip)
• Tant qu’on y est, on peut aussi charger le manuel.
• Décompresser et placer le fichier CabriJava.jar dans un endroit connu
• Copier-coller ce fichier dans le dossier où se trouvera la page fabriquée par Hotpotatoes ainsi que la
figure Cabri
• Écrire la figure Cabri
• L’enregistrer au format : fichier figure (Cabri II)
• Le code de l’Applet sera :
•
<APPLET CODE="CabriJava.class" WIDTH=500 HEIGHT=400 ALIGN=middle
ARCHIVE="CabriJava.jar">
<PARAM NAME=lang VALUE=fr>
<PARAM NAME=file VALUE="votre-fichier-Cabri">
</APPLET>

• Il suffit de copier-coller ce code dans l’exercice Hot Potatoes et adapter au fichier .fig contenant la
figure Cabri
• En résumé, dans le même dossier il doit y avoir
o Le fichier hotpotatoes (.jqz, .jcr etc.)
o Le fichier .htm généré par Hot Potatoes
o Le fichier Cabrijava.jar
o Le fichier généré par Cabri .fig

-------------------------
Intégrer du Java et du Flash dans Hot Potatoes
Ph. Brizeemur IUFM de Paris dd/01/yyyy page 1
 4. Récupération d'animation Flash
Le mode opératoire est semblable à celui des applets java sauf pour le téléchargement.
Les animations écrite en Flash sont enregistrées dans des fichiers .swf
Mais internet explorer, lorsqu'on tape l'adresse de ces fichiers les exécute immédiatement :o(
Il faut donc contourner la difficulté en utilisant le téléchargement d'un lien à partir d'une page web que vous
aller écrire.
Par exemple, l'adresse de votre fichier flash est : http://www.serveur.com/dossier/anim.swf
Avec un éditeur de page web :
Créez une page web avec un lien vers cette adresse : le lien vers l’animation
Le code est sous la forme :
<a href="http://www.serveur.com/dossier/anim.swf">le lien vers l’animation</a>
Ouvrir cette page web avec un navigateur et cliquer à droite sur le
Choisir "enregistrer la cible sous..." et le tour est joué !

5. Exemple : utilisation d’animations Flash récupérées sur le site de Genevieve

Tulloue
• Aller sur le site de Genevieve Tulloue, aux magnifiques pages d’animations de montages de
sciences physiques :
http://www.sciences.univ-nantes.fr/physique/perso/gtulloue/atelier/flash/liste_Flash.html
• Choisir une page. Par exemple la page :
http://www.sciences.univ-nantes.fr/physique/perso/gtulloue/Elec/Transitoire/Condensateur1_flash.htm sur la
charge-décharge d’un condensateur dans R et L
• En éditant le code source de la page, rechercher le nom de l’animation .swf ici « RLC.swf » comme il
n’y a pas de chemin compliqué, c’est que ce fichier se trouve dans le même répertoire que la page
Condensateur1_Flash.htm. Noter les dimensions.
• Avec un éditeur de page web, écrire une page contenant le lien vers:
http://www.sciences.univ-nantes.fr/physique/perso/gtulloue/Elec/Transitoire/RLC.swf et l’enregistrer par
exemple sous le nom recupflash.htm
• Avec un navigateur tester la page recupflash.htm
• Dans la page htm testée, pointer le lien et « enregistrer la cible sous.. »
• Le fichier RLC.swf se trouvera dans votre dossier de travail
• Dans un exercice HotPotatoes, il suffit d’insérer un Objet audio/vidéo et demander que ce soit le
lecteur Flash ; s’assurer que les dimensions sont compatibles.

Problème avec le navigateur Firefox:

Lorsqu'on utilise le navigateur Firefox, l'animation risque de s'afficher dans une page supplémentaire, et non
dans la page de l'exercice. Pour palier à cet inconvénient, remplacer par copier-coller le code inséré par
l'éditeur d'exercice par le code suivant:

<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
Codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve
rsion=6,0,0,0"WIDTH="800" HEIGHT="560" id="monanimation" ALIGN="">
<PARAM NAME=movie VALUE="monanimation.swf">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#DDDDFF>
<EMBED src="monanimation.swf" quality=high bgcolor=#DDDDFF WIDTH="800"
HEIGHT="560" NAME="monanimation" VALIGN=""TYPE="application/x-shockwave-
flash"PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</EMBED>
</OBJECT>

En remplaçant monanimation par le nom de l'animation à insérer et changer si besoin les nombres suivant
les mots WIDTH et HEIGHT qui définissent la taille d'affichage de l'animation.
Explication:
IE utilise les balises OBJECT que ne reconnaît pas Firefox, qui lui va utiliser les balises EMBED

6. Adresse relative :
premier cas :(le plus simple !) si le fichier d'applet ou flash se trouve dans le même dossier que la page
HTML sur le serveur :

-------------------------
Intégrer du Java et du Flash dans Hot Potatoes
Ph. Brizeemur IUFM de Paris dd/01/yyyy page 2
- votre page a pour adresse : http://www.serveur.com/dossier/single.htm
- le code source de single.htm contient les termes suivants : applet code="single.class"
- il faut donc taper dans votre navigateur l'adresse suivante : http://www.serveur.com/dossier/single.class
une fenêtre d'enregistrement apparaît !
deuxième cas : le fichier d'applet est stocké dans un dossier particulier sur le serveur.
- votre page a pour adresse : http://www.serveur.com/dossier/single.htm
- le code source de single.htm contient les termes suivants : applet code="../applet/single.class"
- il faut donc taper dans votre navigateur l'adresse suivante : http://www.serveur.com/applet/single.class
une fenêtre d'enregistrement apparaît !

7. Affichage des applets et des animations dans Hot Potatoes

Les applets et les animations flash, comme les lecteurs vidéo et audio se placent « au dessus » des textes
d’Hot Potatoes ; il est alors possible que les messages soient cachés par celles-ci. C’est au concepteur de
gérer l’emplacement et la taille de ces documents.

-------------------------
Intégrer du Java et du Flash dans Hot Potatoes
Ph. Brizeemur IUFM de Paris dd/01/yyyy page 3