scripting and cooperation for interactive web-based courseware

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

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…


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


Introduction


Web-based Courseware


Q: How to improve learning ?

A:

Q:

A:

Q:

A:





A: Hypermedia Environments

unified framework for theory, lab, homework

Q:

A:

Q:

A:







Q: Isn’t it boring ?

A:

Q:

A:








A: Constructive Concepts

emotional, intuitive, active self-learning

Q:

A:










Q: Really ?

A:










Q: Really ?

A: Missing/misused interaction & cooperation

underlying architecture


Underlying Architecture


Hypermedia Authoring Systemeg. Gentle, WebCT, TopClass, LearningSpace, Frontpage Pluginsor selfmade ones

Virtual Experimentseg. Asymetrix Toolbook, Macromedia Directoror selfmade ones (Java)


Underlying Architecture



- simplify data input (gui)- organize data (database) - automate generation (templates)


- highly-interactive content - Computer Graphics concepts


…but we want more



+alternative content e.g. trails, views+programmable templates e.g. structure, thumbnails +online assistants e.g. defaults, undo, preview


+embedded propery e.g. interlinked+context-aware e.g. adaptable


…and: cooperation



+multiple authors eg. rating+multiple readers eg. chat, forum+ evaluation not only server logs


+as above eg. networking, tutoring,online publisher


The Key


SeparateTo Combine


Hypermedia Environment

Part II


Classic Web Framework


Web Server

Client

Author

User

database

standardbrowser


Challenges


Web Server

Client

Author

User

database

1

2

3

standardbrowser

alternativecontent

alternativelayout/design

adequateinterface


Core and meta data


Web Server

Client

Author

User

database

Challenge:

alternative content

Problems:

link-consistence

given incrementally 1


Core and meta data


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


Structure and Design


Challenge:

alternative layout/design

Problems:

XML „not enough“:

eg. file/image operations

Web Server

Client

Author

User

database

2


Structure and Design


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


Data modification


Web Server

Client

Author

User

database

3

Challenge:

adequate interface

Problems:

undo, defaults, temporary log-offs


Data modification


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


Virtual Experiments

Part III


Interactive Visualization


GEO

SCENEGUI

Java Swing: User Interface

Java 2D / 3D: Math and Gfx

Toolkit of basic

reusable software components


Components


GEO

SCENEGUI

Java Swing

Java 2D / 3D


Components


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


Components


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


Components


GEO

SCENEGUI

Java Swing

Java 2D / 3D


Components


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


Embedding into Hypermedia


Scripting Interface• import user-defined classes• instantiate new objects• call methods• bind scripts to specialized GUI


Embedding into Hypermedia


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


Distributed Experiments


Generalized Scripting Architecture

Networking

Server with two ports:1. administration (participants, …)2. data/scripts (name; 1st time: definition)


Distributed Experiments


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


Combine with Part II


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





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”


Case Studies


Conclusion


we focused on

adequate embedding

of virtual experiments

into hypermedia courseware

adapt to context

scripting

generalize to multi-user model


Thank you !


www.gris.uni-tuebingen.de/…

…/projects/bioinf [login=guest; no passwd]

Visualization

…/projects/grdev

Computer Graphics

scripting and cooperation for interactive web-based courseware

Documents