Insertion Java

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 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 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"> 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 : le lien vers l’animation 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: 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