APPLET JAVA I - Espace Jas de Bouffan

APPLET JAVA
ETUDE I : REFLET D’IMAGE
ETUDE II : TOURBILLON & VAGUES & ETC…
ETUDE III : TEST DE LA TAILLE ECRAN
APPLET JAVA I : REFLET D’IMAGE
Version 1.5
INTRODUCTION
Le langage de programmation Java a été conçu par la société Sun. L’utilisation de Java est
gratuite. De plus Java est indépendant des plateformes utilisées.
Un sous-programme Java est écrit, puis compilé. Son code (= une « Applet » avec un nom du
genre : xxxx.class) est rendu accessible à votre page HTML et appelé par celle-ci.
Il n’est pas nécessaire de connaître Java pour se servir d’une Applet Java. On en trouve un
peu partout sur le Web.
Il ne faut pas confondre les applets Java avec les applications proprement dites qui sont
lancées par un interpréteur (JVM).
Dans ce premier exemple nous allons étudier l’utilisation d’une Applet qui calcule un reflet
animé à pour une image donnée.
METHODE
L’applet que nous allons utiliser se trouve dans le répertoire \Cd Stage Site\ Applet Java\
sous le nom : lake.class. Attention : Penser à copier l’applet sur votre poste.
Note : Cet excellent exemple d’Applet écrite en Java provient du site suivant :
http://www.demon.co.uk/davidg
La page Html à partir de laquelle cette applet est appelée sera nommée reflet.htm.
Le code de l’applet lake.class doit être dans le répertoire courant de la page reflet.htm.
Ici l’image traitée se nomme kiosque.gif et se trouve aussi dans le répertoire :
\Cd Stage Site\Applet Java\
Elle est au format gif et sa taille est de 200X250 pixels.
Elle doit être copiée dans le répertoire qui contiendra la page reflet.htm.
Pour avoir la taille de l’image on peut passer par PhotoShop, Edition, Taille Image,
ou par un logiciel de retouche d’image quelconque.
Avec le reflet de l’image on a donc une zone de 200X500 pixels.
On ajoute le bout de code HTML suivant dans le corps de la page reflet.htm (entre <BODY>
et </BODY>) pour utiliser l’applet sur une image :
<APPLET CODE="lake.class" WIDTH="200" HEIGHT="500" >
<PARAM NAME="image" VALUE="kiosque.gif">
<PARAM NAME="href" VALUE="http://www.demon.co.uk/davidg">
</APPLET>
L’option "href" permet d’indiquer un lien en cas de clic gauche sur l’image.
Attention : lors de la publication de cette page, il faut que l’applet soit aussi transférée sur le
site ainsi que l’image (dans le même répertoire que la page).
APPLET JAVA II : TOURBILLON ET VAGUES
Version 2.05
INTRODUCTION
Dans ce deuxième exercice nous allons utiliser deux Applets ; l’une qui donne un effet de
vague, l’autre de trou noir (tourbillon).
Attention : Si vous désirez placer l’applet dans un répertoire différent de celui de la page Html
appelante il vous faut indiquer ce répertoire par codebase:
Par exemple :
<applet code=nom_de l_applet.class width=400 height=250
codebase="http://www.monsite.com/MONAPPLET/APPLET"> </applet>
ETUDE VAGUE
L’applet que nous allons utiliser se trouve dans le répertoire \Cd Stage Site\ Applet Java\
sous le nom : wave.class.
L’image traitée se nomme refletcypres.jpg et se trouve dans le répertoire :
\Cd Stage Site\Applet Java\
Elle est au format gif et sa taille est de 250X250 pixels.
Attention : Penser à copier l’applet et image sur votre poste.
L’image doit être copiée dans le répertoire qui contient la page Html.
<applet code=Wave.class width=250 height=250>
<param name=image value="refletcypres.jpg">
<param name=horizMotion value=0.03>
</applet>
ETUDE TOURBILLON
L’applet que nous allons utiliser se trouve dans le répertoire \Cd Stage Site\ Applet Java\
sous le nom :tunnel.class. L’Applet tunnel.class appelle une seconde applet : tunnelB.class
Attention : Penser à copier les deux applets tunnel.class et tunnel.class sur votre poste.
L’image traitée se nomme piranese.jpg et se trouve dans le répertoire :
\Cd Stage Site\images\Applet Java\
<center><p><applet code="tunnel.class" width=250 height=250>
<param name=image value="piranese.jpg">
<param name=res value="1">
Résolution (1-8)
<param name=startx value="100">
Pt de départ en X
<param name=starty value="100">
Pt de départ en Y
<param name=textw value="250">
Largeur image
<param name=texth value="250">
Hauteur image
<param name=conex value="215">
X aspect ratio
<param name=coney value="150">
Y aspect ratio
<param name=conez value="1200">
Z aspect ratio
<param name=movement value="5">
Type de mvt (1-8)
<param name=effect value="1">
Type d’effet (1-2)
APPLET JAVA III : TEST DE LA TAILLE ECRAN
Version 0.0
INTRODUCTION
Dans cet exemple nous allons étudier l’utilisation d’une Applet qui permet de détecter la taille
de l'écran, et de charger une page en fonction de cette taille.
METHODE
L’applet size.class que nous allons utiliser se trouve dans le répertoire :
\Cd Stage Site\Applet
Copier la dans un répertoire \sources créé dans le répertoire où se trouve la page Html qui
utilise cette applet.
Paramètres
Nom
VALEUR
OBLIGATOIRE
url640
Nom de la page html à charger si l'écran est de 640 x 480 ou moins Non
url800
Nom de la page html à charger si l'écran est de 800 x 600
Non
url1024 Nom de la page html à charger si l'écran est de 1024 x 768 ou plus Non
Si l'écran fait moins de 640 x 480 pixels, la page définie par url640 est choisie.
Si l'écran fait entre 640 x 480 et 800 x 600, c'est la page définie par url800 qui est choisie.
Si l'écran fait entre 800 x 600 et 1024 x 768, c'est la page définie par url1024 qui est choisie.
Si l'écran fait plus de 1024 x 768, la page définie par url1024 est choisie.
Si url640 n'est pas défini, l'applet lui affecte la valeur de url800.
Si url800 n'est pas défini, l'applet lui affecte la valeur de url640.
Si url1024 n'est pas défini, l'applet lui affecte la valeur de url800.
Exemple de source à intégrer dans une nouvelle page crée sous FrantPage.
<HTML>
<BODY>

<APPLET CODE="size.class" CODEBASE="./sources" WIDTH=1 HEIGHT=1>
<PARAM NAME="url640" VALUE="page640.htm">
<PARAM NAME="url800" VALUE="page800.htm">
<PARAM NAME="url1024" VALUE="page1024.htm">
</APPLET>
</BODY>
</HTML>
Afin de tester votre travail n’oublier pas de créer les pages page640.htm, page1024.htm,
page1024.htm de telle sorte qu’on puisse les identifier. Modifier la résolution de votre écran
sous Windows pour voir si cela fonctionne….
SCRIPT EN JAVA I : FADING
Version 0.0
EN COURS ! ! ! ! !
Description du script
Ce script permet de faire un fading du fond de page.
Utilisation du script
Initialisation du script : Fading(r1,g1,b1,r2,g2,b2,steps,speed);
Paramètres :
 r1,g1,b1 : couleur de départ au format rgb.
 r2,g2,b2 : couleur de fin au format rgb.
 steps : nombre de couleurs intermédiaires.
 speed : délai entre 2 couleurs.
Source exemple :
<HTML>
<SCRIPT LANGUAGE = "JavaScript">
Inclure ici le script de fading qui s'exécute au chargement de la page
</SCRIPT>
<BODY>
</BODY>
</HTML>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<TITLE>Fading de page</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-// Fading JavaScript (C)1997 Cyril Pannetier - La Petite Boutique Java & JavaScript // web : http://www.mygale.org/08/pannetie
// e-mail : [email protected]
// Ce script est librement utilisable. Merci de ne pas effacer ces commentaires.
var hexa = "0123465789ABCDEF";
function DecToHexa(DecNb) {
x = Math.floor(DecNb / 16);
h = hexa.charAt(x);
x = DecNb % 16;
h += hexa.charAt(x);
return h;
}
function Fading(dr,dg,db,fr,fg,fb,steps,speed) {
cr = dr; cg = dg; cb = db;
sr = (fr - dr) / steps;
sg = (fg - dg) / steps;
sb = (fb - db) / steps;
for (var x = 0; x <= steps; x++) {
document.bgColor = "#" + DecToHexa(cr) + DecToHexa(cg) +
DecToHexa(cb);
cr += sr; cg += sg; cb += sb;
for (var y = 1; y < speed; y++) {
}
}
}
Fading(0,0,0,0,0,128,100,500);
//-->
</SCRIPT>
</HEAD>
<BODY>
<HR ALIGN="CENTER" WIDTH="90%" SIZE="1">
<CENTER><SMALL>
<I>&copy;1997 - La Petite Boutique Java & JavaScript</I><BR>
<B>WebMaster : <A HREF="mailto:[email protected]">Cyril Pannetier</A></B>
</SMALL></CENTER>
</BODY>
</HTML>