EXAMPLES
of all kinds of presentation and interaction techniques with scripting languages

(a research project about JavaScript and building block techniques)

the 'WebLib'-project

Our faculty have developed a hudge number of runable demonstrations in JavaScript and other scripting language. On this page you find a lot of test demonstrations of interactive, dynamical web-pages with building blocks, mostly our own applets, in combination with javascript, as:

Examples of runable JavaScripts (with Java building blocks)

Javascripts with building blocks from 'WebLib':

  • STATISTICS, een berekening grafisch weergeven (growing graphic)
  • FRACTAL, a simple graphical display in the xy-plane;
  • CHAOS, a simple graphical display;
  • OBJECT, een voorbeeld van vier objecten (vier instances) (met startknop)
  • VECTOR(s), a test version with javaScript;
  • Vector, an interactive test version with 3 objects;
  • FILTER(s), a test version with javaScript;
  • xxxx, an interactive test version with xxx;
  • PROOI/ROOFDIER, a test version with javaScript;
  • xxxx, an interactive test version with xxx;
  • MAP(s), an test version with a map (Vietnam) and texts objects;
  • Maps & details, an test version with maps and details;
  • Maps & details, an test version with maps and growing histograms;
  • Maps & details, an test version with maps and animation;
  • CARDIO, a simple interactive model-driven simulation (with two objects);
  • CASCADE, five instances (interactive)
  • iDIAGNOSE, an online medical expert system (version 0.0);
  • ARTS/PHYSICIAN, an online medical expert system (version 1.0);
  • FLORA, an interactive determination system (Dutch version, 0.0x) ('tabel I');
  • DIFFUSION, an online simulation about forces (version 0.0x);
  • KOOPKRACHT, een eenvoudige interactieve rekenmodel (met veel losse objecten)

  • ZON, an random moving animated gif (version, 0.0x);
  • BALL (animation);
  • PLANET (animation);
  • VOGELMAN: (animation kinderboek Willemien);
  • PLANET, a simple, model-driven animation, version 0.x
  • CONTROL PANEL, demo versie 0.0x, een serie model-driven animaties;
  • PADDLE, an animation with a programmed object (smart animals);

  • Others: Cascade, Versterker, etc. & also with Java;

    Idem (from others):

  • TEXT, een eenvoudig weergave object voor tekst
  • CHART, een eenvoudig weergave object voor grafische output

    Student products (1998/1999) (MMp):

  • Some animations (in Dutch)

    Student products (1999/2000) (MMp):

  • Some animations (in Dutch)

    Student products (1999/2000) (CEA):

  • Some embedded animations & simulations (2e order courseware) (in Dutch)

    • Examples of runable javascripts (without java-applets)

    Javascripts about examination systems:

  • TOETS type 1, an interactive examination (with buttons) (prototype)
  • TOETS type 2, an interactive examination (with pop up/pull down menus) (prototype)
  • TOETS type 3, an interactive examination (with open questions) (prototype)
  • TOETS type 4, an interactive examination system (with results mailing) (prototype)

    Javascripts about stringhandling:

  • Properties and pop-up menu's (test)
  • Spreadsheet (Euro's)
  • Moving-textstrings: (public example)

    Javascripts about colors & functions:

  • Color, een eenvoudig kleur en functie voorbeeld

    Javascripts about calculations:

  • Table, iets in tabelvorm presenteren
  • Adaptivity (version 0.0x); de voortgang aanpassen
  • Adaptivity (version 1.0x); de voortgang aanpassen

    Javascripts about objecten, properties en elementen:

  • Een voorbeeld met objecten, properties & elementen

    Javascripts about external components: audio, video, applets, etc:

  • Een kleine lineaire animatie (1e orde) (animated gifje);
  • Een grotere lineaire animatie (1e orde) (flash bestand);
  • Een video filmpje (a talking head);
  • Een video filmpje; (over dynamische graphics c.q. animatie)
  • LIJN, een eenvoudig voorbeeld van een applet met een lijn;
  • SERIE, een eenvoudig voorbeeld van een applet met een serie lijntjes;

    Javascripts from others:

  • KLOK, een voorbeeld van een dynamische animatie-object (een output techniek)
  • CALC, een eenvoudige calculator
  • MENU, een visueel menu (met inklikregio's)
  • BALLS, een serie animatie objecten (geprogrammeerde objecten) (Meyer)
  • ECG, een gecompliceerde animatie (partieel lineair) (Duke University);
  • ANIMALS, een aantal geluiden (dierengeluiden) (BBC - teletubbies);
  • MOUSE, event-driven animaties (games - edutainment) (BBC - teletubbies)

    • Examples of Java prototypes

  • Special examples with Java code.

    • Examples of HTML prototypes

  • Special examples with HTML code (in Dutch).

    • Examples of DHTML prototypes

  • MUIS, een event-driven animatie (een 'muis-volger') (I)
  • BLOEM+BIJ, een event-driven animatie (een 'muis-volger') (II)
  • More DHTML examples of our group: animations, simulations and interactivities.


    • Enschede, 1998; updated: june 2004