1. Session 7B Friday, 29 September 2000 Interactive Computer aided Learning Graphical Interactive Systems, University of Tübingen (Germany) Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch

2. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments The Idea Introduction easy no image

3. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments The Image Introduction "Like an image tells us more than thousand words …”

4. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments The Virtual Experiment Introduction "… proper visualization tells us more than thousand images."

5. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments Goals Introduction Unified Framework for theory, examples and exercises for teacher, tutor, student in computer graphics: programming exercises

6. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments Goals Introduction in computer graphics: programming exercises Unified Framework for theory, examples and exercises for teacher, tutor, student Improvement of Teaching time-sparing creation / modification reusable modules better visualizations

7. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments Goals Introduction in computer graphics: programming exercises Unified Framework for theory, examples and exercises for teacher, tutor, student Improvement of Teaching time-sparing creation / modification reusable modules better visualizations Improvement of Learning Process framework less time-consuming deeper understanding of relationships interactive

8. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments Goals Introduction Hypermedia Visualization Interaction Unified Framework for theory, examples and exercises for teacher, tutor, student Improvement of Teaching time-sparing creation / modification reusable modules better visualizations Improvement of Learning Process framework less time-consuming deeper understanding of relationships interactive

9. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments Graphical Interactive Systems visualization interaction hypermedia Introduction

10. Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments Challenges Introduction Hypermedia international, adaptable essential components fully interlinked consistent, reliable Visualization Interaction

11. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments Challenges Introduction Hypermedia international, adaptable essential components fully interlinked consistent, reliable Visualization proper visualization essential parameters and relationships Interaction

12. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments Challenges Introduction Hypermedia international, adaptable essential components fully interlinked consistent, reliable Visualization proper visualization essential parameters and relationships Interaction proper interaction with all visible information

13. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments Solution ? Introduction Hypermedia international, adaptable essential components fully interlinked consistent, reliable Visualization proper visualization essential parameters and relationships Interaction proper interaction with all visible information easy creation & modification of structure, contents, design

14. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments Solution ? Introduction Hypermedia international, adaptable essential components fully interlinked consistent, reliable Visualization proper visualization essential parameters and relationships Interaction proper interaction with all visible information ! ! easy creation & modification of structure, contents, design easy creation & modification of structure, contents, design

15. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments Solution ? Introduction Hypermedia international, adaptable essential components fully interlinked consistent, reliable Visualization proper visualization essential parameters and relationships Interaction proper interaction with all visible information easy creation & modification of structure, contents, design easy creation & modification of structure, contents, design easy creation & modification of structure, contents, design ?

16. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments Solution ? Basic Requirements for Static Content Dynamic Content Highly Interactive Content create ? adaptive ? modify ? international ? consistent ? interactive ? learn ? Framework Online Assistant Virtual Experiments

17. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments Web Server Framework 1 2 3 Client Author User Organization Separation Internationalization & Personalization

18. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments Web Server Authoring Tool database 1 1 2 3 Client Author User Organization Separation Internationalization & Personalization Framework

19. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments Web Server Authoring Tool structure contentdesign templates 2 Organization Separation Internationalization & Personalization 1 2 3 Client Author User Framework

20. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments Authoring Tool fr de en–novice en en-expert 3 layered database model Web Server Client Author User Organization Separation Internationalization & Personalization 1 2 3 Framework

21. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments The Online Assistant Online Assistant Web Server Client Author User

22. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments The Online Assistant Online Assistant Web Server Client Author User HTML-Forms & CGI or better: Java Servlets

23. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments The Online Assistant Online Assistant template defined state machine on exit: notify editorial staff verify data restart generator select exit input n-1 input 1 input 2 step 1 step n send …

24. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments The Online Assistant Online Assistant 1 2 3 4 give feedback select previewexit input n-1 input 1 input n input 2 step 1 step n send …

25. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments The Online Assistant Online Assistant undo 1 2 3 4 no dead ends select previewexit input n-1 input 1 input n input 2 step 1 step n send …

26. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments The Online Assistant Online Assistant select previewexit … input n-1 input 1 input n input 2 defaults undo step 1 step n send 2 3 4 1 provide default / existing data

27. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments The Online Assistant Online Assistant select previewexit … input n-1 input 1 input n input 2 defaults undo step 1 step n send remember user & all input without cookies, JavaScript with firewall 2 3 4 1

28. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments The Online Assistant Online Assistant select previewexit … input n-1 input 1 input n input 2 defaults undo step 1 step n DB IPIP 1 IP n IP DB send remember user & all input without cookies, JavaScript with firewall 2 3 4 1

29. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments The Online Assistant Online Assistant select previewexit … input n-1 input 1 input n input 2 defaults undo if (lastState==select)IP = DB if (action==input i )IP i = step i.data if (action==send)DB= IP step i.data = IP step 1 step n DB send IPIP 1 IP n IP

30. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments The Online Assistant Online Assistant select previewexit … input n-1 input 1 input n input 2 defaults undo if (lastState==select)IP = DB if (action==input i )IP i = step i.data if (action==send)DB= IP step i.data = IP step 1 step n DB send IPIP 1 IP n IP

31. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments The Online Assistant Online Assistant select previewexit … input n-1 input 1 input n input 2 defaults undo if (lastState==select)IP = DB if (action==input i )IP i = step i.data if (action==send)DB= IP step i.data = IP step 1 step n DB send IPIP 1 IP n IP

32. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments The Online Assistant Online Assistant select previewexit … input n-1 input 1 input n input 2 defaults undo if (lastState==select)IP = DB if (action==input i )IP i = step i.data if (action==send)DB= IP step i.data = IP step 1 step n DB send IPIP 1 IP n IP

33. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments The Online Assistant Online Assistant select previewexit … input n-1 input 1 input n input 2 defaults undo if (lastState==select)IP = DB if (action==input i )IP i = step i.data if (action==send)DB= IP step i.data = IP step 1 step n DB send IPIP 1 IP n IP

34. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments Virtual Experiments Virtual Experiments GEO SCENEGUI Java Swing: User Interface Java 2D / 3D: Math and Gfx Specialized GUI Advanced Math & Relationships Visualization Interaction

35. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments Virtual Experiments Virtual Experiments GEO SCENEGUI Java Swing: User Interface Java 2D / 3D: Math and Gfx Toolkit of basic reusable software components

36. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments Virtual Experiments Virtual Experiments GEO SCENEGUI Java Swing Java 2D / 3D geo

37. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments Virtual Experiments Virtual Experiments GEO SCENEGUI Java Swing Java 2D / 3D geo objectsrenderersconstraints

38. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments Virtual Experiments Virtual Experiments GEO SCENEGUI Java Swing Java 2D / 3D geo objectsrenderersconstraints nodes actionsgui

39. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments Case Study Templates for Self-Learning Tests forGaps Multiple Choice etc. Automated Indices forKeywords Illustrations Literature Glossary Visualization www.gris.uni-tuebingen.de/projects/bioinf

40. Introduction Framework Basic Requirements for Interactive Web-based Courseware ICL 2000 Frank Hanisch, Graphical Interactive Systems, University of Tübingen (Germany) Online Assistant Virtual Experiments Many Thanks ! www.gris.uni-tuebingen.de Courseware “Visualization in Bioinformatics” Prof. Straßer, Prof. Zell University of Tübingen www.gris.uni-tuebingen.de/projects/bioinf Electronic Webmaster “GRIS Homepage” Prof. Straßer University of Tübingen www.gris.uni-tuebingen.de Frank.Hanisch @ WSI-GRIS.Uni-Tuebingen.DE