VI.4. EJEMPLOS DE APPLETS
En este apartado se comentan una serie de applets que pueden servir tanto para demostrar las posibilidades de estos programas, como para clasificarles por los siguientes géneros:
A continuación veremos un ejemplo de cada grupo que sea lo más significativo posible, es decir, que resalte las características de ese grupo y las diferencias con el resto de los grupos.
En cada uno de ellos se ha incluido una descripción de lo que hace la applet, los parámetros que soporta, y un ejemplo del código HTML que habría que insertar en una página Web para incluir la applet en dicha página.
A. Instantáneas: "Tumbling Duke"
Imagen 13: Applet Instantánea "Tumbling Duke"
Se trata de una applet en la que Duke, la mascota de Java, da volteretas en la página correspondiente. La animación consta de 17 secuencias.
<applet code="TumbleItem.class" width=600 height=95>
<param name=maxwidth value="120">
<param name=nimgs value="16">
<param name=offset value="-57">
<param name=img value="tumble">
</applet>
B. Animación y sonido: "Animator"
Imagen 14: Applet de Animación y sonido "Animator"
Esta applet permite crear una animación con sonido.
Se puede especificar el orden de las secuencias, si la animación se repite, la pista de sonido, otros sonidos para determinadas secuencias, el espacio de tiempo entre secuencias, una imagen por defecto mientras se está iniciando la applet, la posición exacta en la que se quiere que aparezca cada secuencia...
Haciendo un clic con el ratón sobre la applet se detiene la animación. Haciendo otro continúa la ejecución.
<applet code=Animator.class width=64 height=64>
<param name=imagesource value="tower">
<param name=endimage value=2>
<param name=soundsource value="audio">
<param name=soundtrack value=spacemusic.au>
<param name=sounds value="1.au|2.au">
<param name=pause value=200>
</applet>
C. Gráficos interactivos: "Link Button"
Imagen 15: Applet de gráficos interactivos "Link Button"
Esta applet permite colocar un botón en una página Web. Cuando se pulse el botón aparecerá una nueva página, o se reproducirá un determinado archivo de sonido,...
<applet code=LinkButton.Java width=100 height=30>
<param name=lbl value="Java">
<param name=href value=
http://www.Javasoft.com/><param name=snd value="computer.au">
</applet>
D. Trucos de texto: "Nervous Text"
Imagen 16: Applet de texto animado "Nervous Text"
Esta applet muestra una línea de texto en la que las letras, aleatoriamente, se están desplazando de tal forma que se superponen con las letras contiguas.
Es algo muy sencillo pero, por otra parte, muy llamativo.
<applet code="NervousText.class" width=200 height=50>
<param name=text value="hello World!">
</applet>
Se necesitará establecer bien la anchura de la applet para que quepa toda la línea.
Puede servir para una firma en los mensajes de correo electrónico o de noticias, pero no podrá verse si el navegador no soporta Java.
E. Financias y negocios: "Bar Chart"
Imagen 17: Applet de financias y negocios "Bar Chart"
Esta applet muestra un gráfico de barras basado en los parámetros que recibe.
<applet code="Chart.class width=251 height=125>
<param name=title value="Performance">
<param name=columns value="4">
<param name=orientation value="horizontal">
<param name=scale value="5">
<param name=c1_style value="striped">
<param name=c1 value="10">
<param name=c1_color value="blue">
<param name=c1_label value="Q1">
<param name=c2_color value="green">
<param name=c2_label value="Q2">
<param name=c2 value="20">
<param name=c2_style value="solid">
<param name=c3 value="5">
<param name=c3_style value="striped">
<param name=c3_color value="magenta">
<param name=c3_label value="Q3">
<param name=c4 value="30">
<param name=c4_color value="yellow">
<param name=c4_label value="Q4">
<param name=c4_style value="solid">
Si se modifica la orientación (poniéndola en vertical) habrá que escoger una anchura y altura adecuadas para que todo el gráfico quepa dentro de la zona reservada para la applet.
El usuario no puede interactuar con el gráfico. Sólo se muestra en pantalla.
F. Juegos y educacionales: "Graph Layout"
Imagen 18: Applet de juegos y educacionales "Graph Layout"
Es una applet que despliega un grafo, consistente en un conjunto de nodos y arcos.
Se pueden definir los nodos que se van a usar así como la longitud óptima de los arcos. El grafo está construido mediante un algoritmo heurístico.
<applet code="Graph.class" width=400 height=400>
<param name=edges value="joe-food, joe-dog, joe-tea,
joe-cat, joe-table, table-plate/50, plate-food/30,
food-mouse/100, food-dog/100, mouse-cat/150, tab1e-cup/30,
cup-tea/30, dog-cat/80, cup-spoon/50, plate-fork,
dog-fleal, dog-f1ea2, f1ea1-f1ea2/20, p1ate-knive">
<param name=center value="joe">
</applet>
El usuario puede recoger nodos y distorsionar el grafo para acelerar el proceso del esquema.