1 / 41

Scripting and Cooperation for Interactive Web-based Courseware

Scripting and Cooperation for Interactive Web-based Courseware. Frank Hanisch WSI / GRIS University of Tübingen Germany. Netties / NLT, Web Based Training, Session 4.2, September 13, 20 1. 0. Netties/NLT 2001 Scripting and Cooperation for Interactive Web-based Courseware. Today.

suchin
Download Presentation

Scripting and Cooperation for Interactive Web-based Courseware

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 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, 201 0

  2. Netties/NLT 2001 Scripting and Cooperation for Interactive Web-based Courseware Today • I. Introduction • II. Hypermedia Environment • III. Virtual Experiments • and of course… Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  3. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware Today • 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 Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  4. Introduction Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  5. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware Web-based Courseware • Q: How to improve learning ? • A: • Q: • A: • Q: • A: Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  6. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware Web-based Courseware • Q: How to improve learning ? • A: Hypermedia Environments •  unified framework for theory, lab, homework • Q: • A: • Q: • A: Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  7. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware 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: Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  8. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware 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: Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  9. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware 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: Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  10. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware 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 Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  11. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware Underlying Architecture • Hypermedia Authoring System eg. Gentle, WebCT, TopClass, LearningSpace, Frontpage Plugins or selfmade ones • Virtual Experiments eg. Asymetrix Toolbook, Macromedia Director or selfmade ones (Java) Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  12. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware Underlying Architecture • Hypermedia Authoring System eg. Gentle, WebCT, TopClass, LearningSpace, Frontpage Plugins or selfmade ones • simplify data input (gui) • organize data (database) • automate generation (templates) • Virtual Experiments eg. Asymetrix Toolbook, Macromedia Director or selfmade ones (Java) • highly-interactive content • Computer Graphics concepts Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  13. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware …but we want more • Hypermedia Authoring System eg. Gentle, WebCT, TopClass, LearningSpace, Frontpage Plugins or selfmade ones • alternative content e.g. trails, views • programmable templates e.g. structure, thumbnails • online assistants e.g. defaults, undo, preview • Virtual Experiments eg. Asymetrix Toolbook, Macromedia Director or selfmade ones (Java) • embedded propery e.g. interlinked • context-aware e.g. adaptable Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  14. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware …and: cooperation • Hypermedia Authoring System eg. Gentle, WebCT, TopClass, LearningSpace, Frontpage Plugins or selfmade ones • multiple authors eg. rating • multiple readers eg. chat, forum • evaluation not only server logs • Virtual Experiments eg. Asymetrix Toolbook, Macromedia Director or selfmade ones (Java) • as above eg. networking, tutoring, online publisher Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  15. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware The Key • SeparateTo Combine Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  16. Hypermedia Environment Part II Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  17. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware Classic Web Framework WebServer Client User standard browser database Author Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  18. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware Challenges WebServer Client User 2 standard browser alternative layout/design database Author 1 3 alternative content adequate interface Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  19. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware WebServer Client User database Author Core and meta data • Challenge: • alternative content • Problems: • link-consistence • given incrementally 1 Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  20. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware WebServer Client User fr database Author de en–novice en en-expert Core and meta data • Challenge: • alternative content • Problems: • link-consistence • given incrementally 1 Layered Database Model Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  21. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware WebServer Client User database Author Structure and Design • Challenge: • alternative layout/design • Problems: • XML „not enough“: • eg. file/image operations 2 Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  22. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware WebServer Client User database Author Structure and Design • Challenge: • alternative layout/design • Problems: • XML „not enough“: • eg. file/image operations 2 Template-driven Generator defined textual and hard-coded Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  23. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware WebServer Client User database Author Data modification • Challenge: • adequate interface • Problems: • undo, defaults, temporary log-offs 3 Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  24. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware WebServer Client User database Author Data modification • Challenge: • adequate interface • Problems: • undo, defaults, temporary log-offs 3 undo … select step1 stepn preview exit Online Assistantswith State Machine defaults DB DB IP IP1 IPn IP Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  25. Virtual Experiments Part III Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  26. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware Interactive Visualization Java Swing: User Interface GUI SCENE Toolkit of basic reusable software components GEO Java2D / 3D: Math and Gfx Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  27. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware Components Java Swing GUI SCENE GEO Java2D / 3D Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  28. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware Components • split off construction part into “Constraints” eg. point on line • split off visual part of objects into “Renderers” e.g. straight, dotted or shaded line Java Swing GUI SCENE GEO Java2D / 3D Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  29. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware Components • split off construction part into “Constraints” eg. point on line  automated updates of dependencies (data flow model)  algorithms become replaceable  reusable • split off visual part of objects into “Renderers” e.g. straight, dotted or shaded line  same as above Java Swing GUI SCENE GEO Java2D / 3D Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  30. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware Components Java Swing GUI SCENE GEO Java2D / 3D Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  31. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware Components • compose scene as hierarchical “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 Java Swing GUI SCENE GEO Java2D / 3D Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  32. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware Embedding into Hypermedia • Scripting Interface • import user-defined classes • instantiate new objects • call methods • bind scripts to specialized GUI Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  33. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware 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 Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  34. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware Distributed Experiments • Generalized Scripting Architecture • Networking • Server with two ports: 1. administration (participants, …) 2. data/scripts (name; 1st time: definition) Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  35. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware 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 experiment forum: online assistant Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  36. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware 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 Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  37. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware 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 Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  38. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware 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 •  decentralized development by multiple authors •  editorial & rating system •  set of “registered scripts” Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  39. Case Studies Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  40. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware Conclusion • we focused on • adequate embedding • of virtual experiments • into hypermedia courseware •  adapt to context •  scripting •  generalize to multi-user model Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

  41. Netties/NLT 2001: Scripting and Cooperation for Interactive Web-based Courseware Thank you ! www.gris.uni-tuebingen.de/… …/projects/bioinf [login=guest; no passwd] Visualization …/projects/grdev Computer Graphics Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE

More Related