400 likes | 510 Views
Frank Hanisch. The Idea. Introduction. easy no image. The Image. Introduction. "Like an image tells us more than thousand words …”. The Virtual Experiment. Introduction. " … proper visualization tells us more than thousand images.". Goals. Introduction. Unified Framework
E N D
The Idea Introduction easy no image
The Image Introduction "Like an imagetells us more thanthousand words …”
The Virtual Experiment Introduction "… proper visualizationtells us more thanthousand images."
Goals Introduction Unified Framework for theory, examples and exercises for teacher, tutor, student in computer graphics: programming exercises
Goals Introduction Unified Framework for theory, examples and exercises for teacher, tutor, student Improvement of Teaching time-sparing creation / modification reusable modules better visualizations in computer graphics: programming exercises
Goals Introduction 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 in computer graphics: programming exercises
Goals Introduction 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 Hypermedia Visualization Interaction
Graphical Interactive Systems Introduction interaction hypermedia visualization
Challenges Introduction Hypermedia international, adaptable essential components fully interlinked consistent, reliable Visualization Interaction
Challenges Introduction Hypermedia international, adaptable essential components fully interlinked consistent, reliable Visualization proper visualization essential parameters and relationships Interaction
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
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
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 ! !
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 ?
Solution ? Basic Requirements for Static Content Dynamic Content Highly Interactive Content Framework create ? modify ? Online Assistant consistent ? international ? learn ? Virtual Experiments adaptive ? interactive ?
Framework WebServer Client User Framework Author Organization Separation Internationalization & Personalization 1 2 3
Authoring Tool WebServer Client User Framework database Author 1 Organization Separation Internationalization & Personalization 1 2 3
Authoring Tool WebServer Client User Framework Author 2 Organization Separation Internationalization & Personalization templates 1 2 content design structure 3
Authoring Tool WebServer Client User Framework fr de Author en–novice en en-expert Organization Separation Internationalization & Personalization 1 2 3 layered database model 3
The Online Assistant WebServer Client User Online Assistant Author
The Online Assistant WebServer Client User Online Assistant Author HTML-Forms & CGI or better: Java Servlets
The Online Assistant … select step1 stepn exit input 1 input 2 input n-1 send Online Assistant template defined state machine on exit: notify editorial staffverify datarestart generator
The Online Assistant … select step1 stepn preview exit input 1 input 2 input n-1 input n send Online Assistant give feedback 1 2 3 4
The Online Assistant undo … select step1 stepn preview exit input 1 input 2 input n-1 input n send Online Assistant 1 no dead ends 2 3 4
The Online Assistant undo … select step1 stepn preview exit input 1 input 2 input n-1 input n send Online Assistant defaults 1 2 provide default / existing data 3 4
The Online Assistant undo … select step1 stepn preview exit input 1 input 2 input n-1 input n send Online Assistant defaults 1 2 remember user & all input without cookies, JavaScript with firewall 3 4
The Online Assistant undo … select step1 stepn preview exit input 1 input 2 input n-1 input n send Online Assistant defaults 1 2 remember user & all input without cookies, JavaScript with firewall 3 DB DB 4 IP IP IP1 IPn
The Online Assistant undo … select step1 stepn preview exit input 1 input 2 input n-1 input n send Online Assistant defaults if (lastState==select) IP = DB if (action==inputi) IPi= stepi.data if (action==send) DB= IP stepi.data = IP DB DB IP IP IP1 IPn
The Online Assistant undo … select step1 stepn preview exit input 1 input 2 input n-1 input n send Online Assistant defaults if (lastState==select) IP = DB if (action==inputi) IPi= stepi.data if (action==send) DB= IP stepi.data = IP DB DB IP IP IP1 IPn
The Online Assistant undo … select step1 stepn preview exit input 1 input 2 input n-1 input n send Online Assistant defaults if (lastState==select) IP = DB if (action==inputi) IPi= stepi.data if (action==send) DB= IP stepi.data = IP DB DB IP IP IP1 IPn
The Online Assistant undo … select step1 stepn preview exit input 1 input 2 input n-1 input n send Online Assistant defaults if (lastState==select) IP = DB if (action==inputi) IPi= stepi.data if (action==send) DB= IP stepi.data = IP DB DB IP IP IP1 IPn
The Online Assistant undo … select step1 stepn preview exit input 1 input 2 input n-1 input n send Online Assistant defaults if (lastState==select) IP = DB if (action==inputi) IPi= stepi.data if (action==send) DB= IP stepi.data = IP DB DB IP IP IP1 IPn
Virtual Experiments Java Swing: User Interface GUI SCENE Visualization Interaction Specialized GUI GEO Virtual Experiments Advanced Math & Relationships Java2D / 3D: Math and Gfx
Virtual Experiments Java Swing: User Interface GUI SCENE Toolkit of basic reusable software components GEO Virtual Experiments Java2D / 3D: Math and Gfx
Virtual Experiments Java Swing GUI SCENE geo GEO Virtual Experiments Java2D / 3D
Virtual Experiments Java Swing GUI SCENE geo GEO Virtual Experiments constraints objects renderers Java2D / 3D
Virtual Experiments Java Swing GUI SCENE gui actions geo nodes GEO Virtual Experiments constraints objects renderers Java2D / 3D
www.gris.uni-tuebingen.de/projects/bioinf Case Study Templates for Self-Learning Tests for Gaps Multiple Choice etc. Automated Indices for Keywords Illustrations Literature Glossary Visualization
www.gris.uni-tuebingen.de Many Thanks ! 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