Example with applets

Here you see 3 simple applets. The applets comes from the public domain and haven't an eduactional purpose. The first applet has two parameters (PARAM); the second applet has 3 parameters; the last applet has 16 parameters. Al these parameters (PARAM) haven't the possibility for dynamical use. In these examples there isn't an intelligent script with events.

<HTML>
<HEAD>
<TITLE>Applets</TITLE>
</HEAD>

<BODY>
xxx
xxx 
xxx
etc... 

<CENTER>
<APPLET CODE="Hello.class" NAME="Hello" WIDTH=300 HEIGHT=100>
  <PARAM NAME=font VALUE="TimesRoman">
  <PARAM NAME=text VALUE="ABCDEFGHIJKLM, enz.">
</APPLET>
</CENTER>
xxx
xxx
xxx
etc...

<CENTER>
<APPLET CODE="Clock2.class" WIDTH=170 HEIGHT=150>
  <PARAM NAME=bgcolor VALUE="000000">
  <PARAM NAME=fgcolor1 VALUE="ff0000">
  <PARAM NAME=fgcolor2 VALUE="ff00ff">
</APPLET>
</CENTER>
xxx
xxx
etc....

<APPLET 
   CODE="Chart.class" 
   NAME="Kaart"
   WIDTH=400
   HEIGHT=100>
<PARAM NAME=title VALUE="Staafdiagram">
<PARAM NAME=columns VALUE="3">
<PARAM NAME=orientation VALUE="horizontal">
<PARAM NAME=scale VALUE="5">

<PARAM NAME=c1 VALUE="10">
<PARAM NAME=c1_color VALUE="blue">
<PARAM NAME=c1_label VALUE="a">
<PARAM NAME=c1_style VALUE="solid">
<PARAM NAME=c2 VALUE="20">
<PARAM NAME=c2_color VALUE="green">
<PARAM NAME=c2_label VALUE="b">
<PARAM NAME=c2_style VALUE="solid">
<PARAM NAME=c3 VALUE="40">
<PARAM NAME=c3_color VALUE="magenta">
<PARAM NAME=c3_label VALUE="c">
<PARAM NAME=c3_style VALUE="solid">
</APPLET>
xxx
xxx
etc....

</BODY>
</HTML>

In deze opdracht moet je dus een class-file gebruiken. Die moet je hebben, kopen, maken of uit een library halen. Je ziet dat applets alleen bij het openen van een pagina 'ingeladen' kunnen worden.

Je ziet dat het eerste voorbeeld twee parameters en het tweede voorbeeld drie parameters heeft (PARAM). Met die parameters kun je de applet - tijdens het inladen van de pagina - beinvloeden. Dat is hier goed te zien. In het ene voorbeeld wordt de tekst-string "ABCDEFGHIJKLM, enz." opgegeven; in het tweede voorbeeld worden kleuren ingesteld. Omdat de breedte van de eerste applet te klein is vallen de eerste en de laatste letters van deze tekst-string weg.

Over de properties van APPLET: Bij de applet is de property CODE logischerwijs verplicht (dwz. de naam van de file die geladen moet worden); de property NAME hoeft niet opgeven te worden (als de naam van de applet toch niet verder gebruikt wordt); en WIDTH en HEIGHT is weer wel verplicht. (Die laatste twee eigenschappen van de applet bepalen de ruimte die de applet op de pagina krijgt.)

Het eerste voorbeeld is een eenvoudige (statisch) object. Ze staan ook in de folder 'Algemeen' van het vak op de fileserver van TO. Het tweede voorbeeld van een applet is een echt dynamisch object: een bewegend klokje.

Resultaat 1

U ziet hierboven dat er sprake is van een fenomeen dat bij het 'inladen van de pagina doet wat je in de HTML-source (bij APPLET en PARAM) hebt opgegeven. Je ziet ook dat het fenomeen in dit geval statisch is. (Er gebeurt na het inladen niets meer.) De parameter-overdracht is nu ook duidelijk. Namelijk: de tekst-string en het lettertype. De properties van de applet zelf zijn: code, width en height.

Resultaat 2

U ziet hierboven dat er sprake is van een dynamisch fenomeen dat is 'gedownload. Je ziet dat er sprake is van parameter-overdracht. Namelijk: kleur van de background: 000000; kleur van het ene attribuut: ff0000; en kleur van het andere attribuut: ff00ff.

Je kunt class-files feitelijk net zo makkelijk hanteren en copieren als bijvoorbeeld plaatjes, audio-files, e.d. Het zijn afgesloten eenheden in zichzelf, maar in vergelijking met gewone plaatjes wel dynamisch.

Resultaat 3

Voorbeeld grafisch presenteren van getallen (op een 'kaart')

U ziet hieronder een standaard object van SUN ('Chart.class'). De parameters kunt u in de HTML-source veranderen (programmeren).

Note: Hier vindt dus gewoon statische en geen dynamische parameter-overdracht plaats.

Note: Het 'reloaden' van deze pagina, incl. object, zal niet zo lukken als normaal bij een HTML-pagina: een applet dient anders gereload te worden dan een HTML pagina. Meestal moet je de browser verlaten ('quiten') en opnieuw opstarten.

Zie verderop op deze site hoe je complexere, completere, interactieve, dynamische applets - van derden - opneemt in je web-pagina's.

Enschede, 24 mei 2000