MEDEDELINGEN: Onderdelen: Deel I, II en III op deze home-pagina zijn het belangrijkst. Deel I is de studiehandleiding (met alles over het practicum); deel II is de reader (met de leesstof c.q. de toetsstof) en deel III bevat een dertigtal runable javascript voorbeelden.
Mededelingen en nieuws: Mededelingen en nieuws over wijzigingen in onze studiematerialen lopen via het teleTOP systeem.

• Een korte illustratieve introductie over het vak;
• Het rooster, nieuws, e.d. op teleTOP (now broken)
• Een voorbeeldtoets;
• De toets van 30 mrt 2001, incl. antwoorden;
• De toets van 4 mei 2001, incl. antwoorden;
• De resultaten: de werkstukken.

Deel I. De organisatie (de studiehandleiding)

• 1. de opbouw
  • over doelstellingen
  • over leerdoelen
• 2. de stof
  • over theoretische colleges
  • over javascript colleges
• 3. het voor- en na-traject
  • over eerste jaarsvakken
  • over keuzevakken
• 4. de eindtermen
  • over kennis
  • over vaardigheden
• 5. de opdracht
  • over het werkstuk in de eerste ronde
  • over tweede ronde (incl. beoordeling)
• 6. het plan van aanpak
  • over WebStuff
  • over WebLib
• 7. de veel gestelde vragen (FAQ)
  • over het vak
  • over het practicum
• 8. de arrangementen
  • over de casuistiek
  • over de groepen-indeling
• 9. de filosofie achter dit vak
  • over practica
  • over didactische aanpak & onderwijskundig nut

  Deel II. De theorie (leesteksten cq. toetsstof)

• 1. Ontwerpen: gewoon ontwerpen, evolutionair ontwerpen, userinterfaces, vormgeven, etc.;
  • soorten van educatieve IT producten (tekst)
  • soorten van multimedia (tekst)
  • soorten leermiddelen (tekst)
  • soorten userinterfaces (tekst)
  • frames en verhaallijnen (tekst)
  • soorten animatie (tekst) (filmpjes)
  • sheets: 1e serie (afbeeldingen)

• 2. Productie: produceren, realiseren, ontwikkelen, etc.;
  • soorten technieken (tekst)
  • soorten methoden (tekst)
  • sheets: 2e serie (afbeeldingen)
  • sheets: 3e serie (afbeeldingen)
  • sheets: 4e serie (afbeeldingen)

• 3. Programmeren: ontwikkeltools, talen, systemen, etc.;
  • het nut van programmeren (tekst) (broken)
  • object georienteerdheid (tekst)
  • coordinaten transformatie (tekst).
  • de taal XML (tekst)

  Deel III. De praktijk (oefeningen en voorbeelden)

• Algemene programmeer-technieken
  • 1. over plannen:
    • a. t/m z. programmeer-plannen (plannen maken)
  • 2. over scripts:
    • a. script: tonen van geprogrammeerde tekst
    • b. script: tonen van properties
    • c. script: tonen van een (herhalende) berekening
    • d. script: tonen van een geprogrammeerde tabel

• Functie-technieken
  • 3. over functies:
    • a. function: tonen van properties: location & lastModified
    • b. function: tonen van output via alert-box
  • 4. over parameter-overdracht:
    • a. parameters: tonen van getal; statisch overgedragen en via writeln

• Formulier-technieken
  • 5. over formulieren en strings:
    • a. strings: tonen van string ascii karakters
    • b. strings: tonen van opgetelde getallen
    • c. strings: tonen van output via een zelfgemaakte functie
    • d. strings: tonen van een berekend getal
    • e. strings: tonen van output in velden
    • f. strings: intypen en tonen van output (berekeningen)
    • g. strings: intypen en tonen van output (recursie)

• Object-technieken
  • 6. over eigengemaakte objecten:
    • a. objecten: truitjes, properties & strings
    • b. objecten: truitjes, properties & checks
    • c. objecten: truitjes, properties & interactief editen
    • d. objecten: truitjes, properties & methods
    • e. objecten: truitjes, properties & een databank
    • f. objecten: auto's, properties, methods & formulieren
    • g. objecten: auto's, properties, methods & zonder formulier
  • 7. over standaard javascript-objecten:
    • a. javascript-object: DATE statisch: kenmerken opvragen
    • b. javascript-object: DATE dynamisch: met setTimeout
    • c. javascript-objecten: IMAGES, FORMS, LINKS en allerlei properties
  • 8. over bestaande, losse applets (als object) (van derden):
    • a. applets: aangestuurd via statische parameteroverdracht (via HTML en param)
    • b. applets: aangestuurd via dynamische parameteroverdracht (via javascript)

• Windowing-technieken
  • 9. over extra windows:
    • a. extra window: met getal
    • b. extra window: met string
    • c. extra window: met video en geluid
    • d. extra window: met geluid (13d)
    • e. extra window dat altijd blijft staan

• Input technieken (of acceptatietechnieken)
  • 10. over radiobuttons en checkboxes:
    • a. knopjes: radiobuttons
    • b. knopjes: checkboxes
  • 11. over scroll bars:
    • a. interactie: een element
    • b. interactie: twee elementen
  • 12. over inklik- en/of aanduid-regio's:
    • a. keuzemoment: selectie op coordinaten
    • b. keuzemoment: met een plaatje
    • c. keuzemoment: met meerdere plaatjes
    • d. keuzemoment: 6 regio's
    • e. keuzemoment: visual menu
    • f. keuzemoment: selectie-menu's

• Lineair output technieken (of presentatietechnieken)
  • 13. over lineair geluid:
    • a. geluid: zelf te starten
    • b. geluid: automatisch startend
    • c. geluid: middels een knopje (op commando)
    • d. geluid on demand (midi-files) (werkt niet in Netscape)
    • e. geluid on demand (midi-files) (via een script)
    • f. geluid: middels een knopje (op commando) (incl. video) (9c)
  • 14. over lineaire animatie en lineaire video (frame-based) (beweging):
    • a. beweging: een lineaire animatie
    • b. beweging: een lineaire video (zelf te starten)
    • c. beweging: een lineaire video (automatisch startend)
    • d. beweging: met video en geluid (9c)

• Output technieken (of presentatietechnieken)
  • 15. over (niet-interactieve) formule-driven animatie:
    • a. animatie: een beweging van a naar b (met als traject een rechte lijn)
    • b. animatie: een beweging van een animatie-object langs een kogelbaantje
    • c. animatie: meerdere animaties
  • 16. over (niet-interactieve) grafische output:
    • a. grafische output: plotten in het xy-vlak
    • b. grafische output: model-driven groeiende grafieken in de tijd (e-macht)
    • c. grafische output: model-driven groeiende grafieken in de tijd (kloppende aorta)
    • d. grafische output: model-driven groeiende grafieken in de tijd (reserve)

• Output & input technieken (presentatie- & acceptatietechnieken)
  • 17. over interactieve fenomenen (met sliders):
    • a. een interactief fenomeen: een model-driven animatie (planetenbaan)
    • b. een interactief fenomeen (vervallen)
    • c. een interactief fenomeen: een model-driven animatie (waterbak)
  • 18. over complexe, interactieve applets (simulaties - als leermiddel):
    • a. complexe applet: een gesimuleerde zonneboiler
    • b. complexe applet: een gesimuleerde transistorschakeling
    • c. complexe applet: een gesimuleerd medisch probleem
    • d. complexe applet: in een verschuifbaar - parallel - window.

  Deel IV. De resultaten (losse geïsoleerde prototypes)

• een groot aantal runable JavaScripts voorbeelden (uit het 'WebLib'-project)
  • soorten animaties
  • soorten grafische output
  • soorten expert systems;
• een groot aantal runable Java voorbeelden (uit het 'JavaTHESIS'-project)
  • soorten simulaties
  • soorten bijzondere programma's
  • soorten ontwerp-methoden en -technieken
• een groot aantal oude werkstukken (uit vergelijkbare vakken)
  • de werkstukken van 1999/00.
  • de werkstukken van 1998/99.

  Deel V. De sheets (van de twee reeksen theorie-colleges):

  De reeks algemeen theoretische colleges (R. Min):

• een aantal sheets: 1e college VT (9 jan 2001)
• een aantal sheets: 1e college DT (12 jan 2001)
• een aantal sheets: 2e college VT (16 jan 2001)
• een aantal sheets: 2e college DT (19 jan 2001)
• een aantal sheets: 3e college VT (30 jan 2001)
• een aantal sheets: 3e college DT (16 febr 2001)
• een aantal sheets: 4e college VT (6 febr 2001)
• een aantal sheets: 5e college VT (20 febr 2001)

  De reeks theoretische Javascript colleges (J. de Goeijen):

• de 1e serie (9 jan 2001)
• de 2e serie (12 jan 2001)
• de 3e serie (19 jan 2001)
• de 4e serie (30 jan 2001)
• de 5e serie (6 febr 2001)
• de 6e serie (20 febr 2001)
• de 7e serie (20 febr 2001)

  Deel VI. Diversen

  Oefeningen:
• een voortoets (geheel vrijblijvend)
• een aantal oefeningen voor thuis

  Naslagwerken (I):

• een universeel collegediktaat: multimediale leermiddelen (methoden & technieken)
• een serie andere simulaties en animaties (van derden)

  Naslagwerken (II):

• een aantal Javascript (web-school)
• een aantal Javascript demonstraties (GeoCities) (broken)

  Dit is de home-pagina van de Web-site van het vak 'Productie van Onderwijssystemen'. De informatie over dit vak bevindt zich op circa 100 verschillende Web-pagina's. Het vak kent dit studiejaar 7 reguliere colleges (van 2 x 50 min) en 10 reguliere practica (van 2 x 100 min). De cursus-teksten zullen in principe ook in een syllabus verkrijgbaar zijn. Voor deze cursus zijn een groot aantal draaiende ('runable') voorbeelden gemaakt en een groot aantal sources daarvan zijn ook als voorbeeld opgenomen.
  

  Het is de eerste versie van onze web-site en onze prakticumhandleiding. In december 2000 was hij klaar. Een aantal pages zijn (nog) niet volledig en soms onvoldoende gescreend. Wij houden ons aanbevolen voor elke soort (opbouwend) commentaar.
  

De schrijvers: Jan links, Rik rechts (UT-nieuws, 29/okt/98).

Dr. ir. F.B.M. (Rik) Min, Toegepaste Onderwijskunde (TO): xxx@edte.utwente.nl
Ir. J. (Jan) de Goeijen, Dinkel instituut - Onderwijskundig Centrum (OC): xxx@dinkel.utwente.nl

Onze sites zijn het eenvoudigste te bereiken via teleTOP of via: http://users.edte.utwente.nl/min

Op die laatste site gekomen, klikt je, voor dit vak, op: 'onderwijs' (de Nederlandse site)' vervolgens op 'vakken/cursussen' en daarna op 'productie van onderwijssystemen' of je kiest direct met het short cut-menu: site 17.

Enschede, okt 2000.