In this course we start giving you introductions in object oriented programming, making plans for software solutions or software products, combining multimedial elements, use building blocks as applets, and learn to write scripts for most frequent occurrence software problems. In this course: a method is a tool, a system, a library, an editor or a programming language; here JavaScript, mostly in combination with Java applets from special home-made libraries. A technique is defined, in this course, as the way you solve the problem or your plan by programming that.

---

Object oriented techniques
• about objects:
  • objects and object oriented programming (introduction)

Example:

forms, objects and data

---

Programming techniques
• about plans:
  • plans and planning scripts (introduction)
• about scripts:
  • script for programmed text (in a document)
  • script for programmed data flow
  • script for programmed data flow ('intelligence')

Example:

showing properties

---

Function-techniques
• about functions:
  • function: with properties: location & lastModified
  • function: with output in alert-box
• about parameters:
  • parameter: showing values
  • parameter: showing more values

Examples:

showing more values (with button) showing more values (with fields)

---

Form-techniques
• about forms, fields & buttons:
  • form with fields, buttons & events
  • form with button, function, parameter and alert-box
• about forms, functions & strings:
  • strings: showing added number
  • strings: showing of a calculated number
  • strings: showing van output in fields
  • strings: typing and showing of output (calculations)
  • strings: typing and showing van output (recursion)

Examples:

questions dbase with buttons open questions dbase questions dbase & mailing

---

Object-techniques
• about self made objects:
  • objects (textile), properties & strings
  • objects (textile), properties & checks
  • objects (textile), properties & methods
• about regular javascript objects:
  • javascript object DATE
  • javascript object DATE; dynamical and with setTimeout
  • javascript objects as DOCUMENT, WINDOW, IMAGE, FORM, etc. and their properties
• about simple prefabed applets (as object) (from libraries):
  • applets with statical parameters (in HTML)
  • applets with dynamical parameters (and javascript)

Examples:

textile (interactive editing) textile (properties & databases) cars (properties, methods & forms) cars (properties, methods & without form)

---

Linear output techniques (or presentation techniques)
• about linear sound:
  • sound; self starting (old)
  • sound; automatically starting (old)
  • sound on command (old)
  • sound on demand (midi-files) (not in Netscape) (old)
  • sound on demand (midi-files) (via a script)
  • sound on command (incl. video) (old)
• about linear animation (frame-by-frame motion or movie):
  • moving; a linear animation (old)
  • moving; a linear animation (old)
• about linear video (so called 'frame-based') (so called 'moving'):
  • moving; a linear video (self starting) (old)
  • moving; a linear video (self starting)
  • moving; a linear video (automatically starting) (old)
  • moving on command (incl. sound) (old)

Examples:

a movie about electrons (1) a movie about Twente a movie about Vietnam a movie with sound an interactive linear movie,

---

Output techniques - presentation techniques - in combination with communication techniques (model- or data-driven)
• about (niet-interactieve) formule-driven animation:
  • animation: moving from a to b (with a line as traject) (old)
  • animation: moving an bitmapped animation object along a traject (old)
  • animation: moving more animation objects (old)
• about (non-interactive) graphical output:
  • graphical output: plotting lines in xy-place
  • graphical output: formula-driven growing graphs
  • graphical output: model-driven growing graphs

Examples:

interaction, events and applets, interaction and dynamical parts, model-driven growing graphs

---

Windowing techniques in combination to output techniques (or presentation techniques)
• about extra windows:
  • extra window (parallel); with number
  • extra window (parallel); with string
  • extra window (parallel); with sound
  • extra window (parallel); with video
  • extra window (parallel); always on top

Examples:

an database system, a movie about electrons (2),

---

I/O techniques - communication techniques - communication with files, cookies, etc.
• about cookies:
  • data storage (on the client) (empty)
  • data storage (on the server) (empty)

Examples:

interaction with a cookie data transfer with a cookie

---

Input techniques (or acceptation techniques) (incl. menu's)
• about radio buttons en checkboxes:
  • buttons: radio buttons (old)
  • buttons: checkboxes (old)
• about menu's with inclick- and/or pointing regions:
  • menu with selection on coordinates (old)
  • menu with selection in a picture (old)
  • menu with selection on a picture (old)
  • menu with selection on regions (old)
  • menu with selection on pull-down/pop up-menu's (old)
• about scroll bars:
  • interaction: with one element (slider)
  • interaction: with two elements (sliders)

Examples:

pop up/pull down menus visual menu

---

Output techniques (or presentation techniques), in combination with input techniques (or acceptation techniques) & communication techniques (as model-driven techniques)
• about interactive phenomena's (met sliders):
  • an interactive phenomena: a model-driven animation (a planet)
  • an interactive phenomena: a model-driven animation (a watertank)

  Examples:

  an interactive model-driven feedback system an interactive formula-driven animation

• about complex, interactive applets (simulations):
  • complexe applet: a simulated sunheater
  • complexe applet: a simulated transistor circuit
  • complexe applet: a simulated medical problem

  Examples:

  an transistor circuit an fish pond simulation environment

The designers: Jan left, Rik right (photo: 1998).

Dr. ir. F.B.M. (Rik) Min, Educational Science & Technology (EDTE): Min@edte.utwente.nl
Ir. J. (Jan) de Goeijen, Dinkel instituut: J.deGoeijen@dinkel.utwente.nl

Enschede, nov. 2003.