Designing Dynamical Learning Environments for Simulation: Micro-Worlds & Applets on the World Wide Web

Rik Min
researcher / designer / problem solver

Faculty of Educational Science and Technology (EDTE), University of Twente (UT)
Postbus 217; 7500 AE Enschede, The Netherlands. E-mail: Min@edte.utwente.nl

http://users.edte.utwente.nl/min

Web-technology

Febr. 6, 2002





Courseware

Simulations

Micro Worlds

Drill & practice

Adventures

Games

Web sites

Higher order web sites

Higher order courseware




1

Methods

There are three methods to develop 'higher order web-sites'. That are:





2

Top-down versus bottom-up thinking


Top-down courses: designing (with FrontPage or Fusion).
Bottom-up courses: methods & techniques (with HTML, java or javascript).




3

Bottom-up designing, developing & constructing






4

A file is text string


A html-file is one string of characters...




5

A HTML file is a string with tags and separate elements


The web: the browser 'pulls the string' trough the line; byte for byte.
The tag IMG reads a jpg-file; the tag APPLET reads the machine-code of the applet.





6

Method: Building blocks

Complex applets versus simple applets

'Smart' versus 'silly'

Cardio
(with WebLib)
(without javaTHESIS)

Display values
(with WebLib)
(without javaTHESIS)

Diffusion
(with WebLib)
(without javaTHESIS)

Cascade (animation with fixed object)
(with WebLib)
(without javaTHESIS)

Sinus, cosinus (animation with fixed object)
(with DHTML)

Paddle (animation with programmed object)
(with java)

Aorta
(with DHTML)

Aorta
(with Flash and ActionScript)

Equipment
(with Flash & ActionScript)




Enschede, Febr. 5, 2002