Scripting and Cooperation for Interactive Web-based Courseware
description
Transcript of Scripting and Cooperation for Interactive Web-based Courseware
![Page 1: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/1.jpg)
Scripting and Cooperationfor Interactive Web-based
Courseware
Frank Hanisch
WSI / GRIS
University of Tübingen
Germany
Netties / NLT, Web Based Training, Session 4.2, September 13, 20 10
![Page 2: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/2.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Today
Netties/NLT 2001 Scripting and Cooperation for Interactive Web-based Courseware
I. Introduction
II. Hypermedia Environment
III. Virtual Experiments
and of course…
![Page 3: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/3.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Today
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
I. Introduction- Web-based Courseware so far- and beyond
II. Hypermedia Environment- core and meta data- structure and design- data modification
III. Virtual Experiments- interactive visualizations- construction, automation- embedding into hypermedia- networking and… show cases
![Page 4: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/4.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Introduction
![Page 5: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/5.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Web-based Courseware
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
Q: How to improve learning ?
A:
Q:
A:
Q:
A:
![Page 6: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/6.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Web-based Courseware
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
Q: How to improve learning ?
A: Hypermedia Environments
unified framework for theory, lab, homework
Q:
A:
Q:
A:
![Page 7: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/7.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Web-based Courseware
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
Q: How to improve learning ?
A: Hypermedia Environments
unified framework for theory, lab, homework
Q: Isn’t it boring ?
A:
Q:
A:
![Page 8: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/8.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Web-based Courseware
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
Q: How to improve learning ?
A: Hypermedia Environments
unified framework for theory, lab, homework
Q: Isn’t it boring ?
A: Constructive Concepts
emotional, intuitive, active self-learning
Q:
A:
![Page 9: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/9.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Web-based Courseware
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
Q: How to improve learning ?
A: Hypermedia Environments
unified framework for theory, lab, homework
Q: Isn’t it boring ?
A: Constructive Concepts
emotional, intuitive, active self-learning
Q: Really ?
A:
![Page 10: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/10.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Web-based Courseware
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
Q: How to improve learning ?
A: Hypermedia Environments
unified framework for theory, lab, homework
Q: Isn’t it boring ?
A: Constructive Concepts
emotional, intuitive, active self-learning
Q: Really ?
A: Missing/misused interaction & cooperation
underlying architecture
![Page 11: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/11.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Underlying Architecture
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
Hypermedia Authoring Systemeg. Gentle, WebCT, TopClass, LearningSpace, Frontpage Pluginsor selfmade ones
Virtual Experimentseg. Asymetrix Toolbook, Macromedia Directoror selfmade ones (Java)
![Page 12: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/12.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Underlying Architecture
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
Hypermedia Authoring Systemeg. Gentle, WebCT, TopClass, LearningSpace, Frontpage Pluginsor selfmade ones
- simplify data input (gui)- organize data (database) - automate generation (templates)
Virtual Experimentseg. Asymetrix Toolbook, Macromedia Directoror selfmade ones (Java)
- highly-interactive content - Computer Graphics concepts
![Page 13: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/13.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
…but we want more
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
Hypermedia Authoring Systemeg. Gentle, WebCT, TopClass, LearningSpace, Frontpage Pluginsor selfmade ones
+alternative content e.g. trails, views+programmable templates e.g. structure, thumbnails +online assistants e.g. defaults, undo, preview
Virtual Experimentseg. Asymetrix Toolbook, Macromedia Directoror selfmade ones (Java)
+embedded propery e.g. interlinked+context-aware e.g. adaptable
![Page 14: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/14.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
…and: cooperation
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
Hypermedia Authoring Systemeg. Gentle, WebCT, TopClass, LearningSpace, Frontpage Pluginsor selfmade ones
+multiple authors eg. rating+multiple readers eg. chat, forum+ evaluation not only server logs
Virtual Experimentseg. Asymetrix Toolbook, Macromedia Directoror selfmade ones (Java)
+as above eg. networking, tutoring,online publisher
![Page 15: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/15.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
The Key
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
SeparateTo Combine
![Page 16: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/16.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Hypermedia Environment
Part II
![Page 17: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/17.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Classic Web Framework
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
Web Server
Client
Author
User
database
standardbrowser
![Page 18: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/18.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Challenges
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
Web Server
Client
Author
User
database
1
2
3
standardbrowser
alternativecontent
alternativelayout/design
adequateinterface
![Page 19: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/19.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Core and meta data
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
Web Server
Client
Author
User
database
Challenge:
alternative content
Problems:
link-consistence
given incrementally 1
![Page 20: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/20.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Core and meta data
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
fr
de
en–novice
en
en-expert
Layered Database Model
Challenge:
alternative content
Problems:
link-consistence
given incrementally
Web Server
Client
Author
User
database
1
![Page 21: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/21.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Structure and Design
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
Challenge:
alternative layout/design
Problems:
XML „not enough“:
eg. file/image operations
Web Server
Client
Author
User
database
2
![Page 22: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/22.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Structure and Design
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
Challenge:
alternative layout/design
Problems:
XML „not enough“:
eg. file/image operations
Web Server
Client
Author
User
database
2
Template-driven Generator
defined
textual and hard-coded
![Page 23: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/23.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Data modification
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
Web Server
Client
Author
User
database
3
Challenge:
adequate interface
Problems:
undo, defaults, temporary log-offs
![Page 24: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/24.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Data modification
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
Web Server
Client
Author
User
database
3
Online Assistants
with State Machine
Challenge:
adequate interface
Problems:
undo, defaults, temporary log-offs
select preview exit…
defaults
undo
step1 stepn
DB DB
IP IPIPnIP1
![Page 25: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/25.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Virtual Experiments
Part III
![Page 26: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/26.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Interactive Visualization
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
GEO
SCENEGUI
Java Swing: User Interface
Java 2D / 3D: Math and Gfx
Toolkit of basic
reusable software components
![Page 27: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/27.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Components
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
GEO
SCENEGUI
Java Swing
Java 2D / 3D
![Page 28: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/28.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Components
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
split off construction part into “Constraints”“Constraints”eg. point on line
split off visual part of objects into “Renderers”“Renderers”e.g. straight, dotted or shaded line
GEO
SCENEGUI
Java Swing
Java 2D / 3D
![Page 29: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/29.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Components
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
split off construction part into “Constraints”“Constraints”eg. point on line
automated updates of dependencies (data flow model)
algorithms become replaceable reusable
split off visual part of objects into “Renderers”“Renderers”e.g. straight, dotted or shaded line
same as above
GEO
SCENEGUI
Java Swing
Java 2D / 3D
![Page 30: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/30.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Components
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
GEO
SCENEGUI
Java Swing
Java 2D / 3D
![Page 31: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/31.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Components
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
compose scene as hierarchical “Scene Graph” “Scene Graph” default actions
e.g. render, pick, drag, zoom new objects as sub graph with basic objects
e.g. point set uses points
provide specialized GUI
e.g. textual scalar input
GEO
SCENEGUI
Java Swing
Java 2D / 3D
![Page 32: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/32.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Embedding into Hypermedia
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
Scripting Interface• import user-defined classes• instantiate new objects• call methods• bind scripts to specialized GUI
![Page 33: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/33.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Embedding into Hypermedia
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
Scripting Interface• import user-defined classes• instantiate new objects• call methods• bind scripts to specialized GUI
programming with browser functionality
enables untrained authors to modify scripts
e.g. adapt to context• set state to current text / illustration• match visualization by exchanging renderers• switch constraints to compare algorithms
![Page 34: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/34.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Distributed Experiments
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
Generalized Scripting Architecture
Networking
Server with two ports:1. administration (participants, …)2. data/scripts (name; 1st time: definition)
![Page 35: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/35.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Distributed Experiments
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
Generalized Scripting Architecture
Networking
Server with two ports:1. administration (participants, …)2. data/scripts (name; 1st time: definition)
Model: Single actor – many listeners• tutor role may be handed over• interlinked with chat / forum
chat: virtual experimentforum: online assistant
![Page 36: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/36.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Combine with Part II
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
1. Organize experiments’ core data in database• title, abstract, usage, required packages• script operations (add/remove objects)• script settings (parameter modifications)• script’s usage, effects, instances
![Page 37: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/37.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Combine with Part II
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
1. Organize experiments’ core data in database• title, abstract, usage, required packages• script operations (add/remove objects)• script settings (parameter modifications)• script’s usage, effects, instances
2. Define and modify data via online assistant
3. Steer design/layout by templates
![Page 38: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/38.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Combine with Part II
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
1. Organize experiments’ core data in database• title, abstract, usage, required packages• script operations (add/remove objects)• script settings (parameter modifications)• script’s usage, effects, instances
2. Define and modify data via online assistant
3. Steer design/layout by templates
decentralized development by multiple authors
editorial & rating system
set of “registered scripts”
![Page 39: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/39.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Case Studies
![Page 40: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/40.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Conclusion
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
we focused on
adequate embedding
of virtual experiments
into hypermedia courseware
adapt to context
scripting
generalize to multi-user model
![Page 41: Scripting and Cooperation for Interactive Web-based Courseware](https://reader034.fdocuments.us/reader034/viewer/2022051316/5681592d550346895dc659dd/html5/thumbnails/41.jpg)
Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE
Thank you !
Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware
www.gris.uni-tuebingen.de/…
…/projects/bioinf [login=guest; no passwd]
Visualization
…/projects/grdev
Computer Graphics