Instructional Information in Adaptive Spatial Hypertext Luis Francisco-Revilla and Frank Shipman Presented By : Ananda Man Shrestha.

Slides:



Advertisements
Similar presentations
Site Critique Fidelity.com By Brooke Baldwin November 2007.
Advertisements

HTML I. HTML Hypertext mark-up language. Uses tags to identify elements of a page so that a browser such as Internet explorer can render the page on a.
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
1 HTML Documents and JavaScript Tom Horton Alfred C. Weaver CS453 Electronic Commerce.
6 Developing Content and Layout Section 6.1 Generate and organize content ideas Write and organize Web text Section 6.2 Identify page dimension guidelines.
EXTENDED ESSAY, CONTINUED Assessment Criteria and Subject Areas.
Vrasidas C.(2002) Systematic approach for designing hypermedia environments for teaching and learning International Journal of Instructional Media.
HT MASH MAH AH SH MH Multi-model Adaptive Spatial Hypermedia Luis Francisco-Revilla Department of Computer Science Texas A&M University.
Dynamically Growing Hypertext Collections - Pratik Dave, - Paul Logasa Bogen II - Unmil Karadkar Luis Francisco-Revilla, Richard Furuta, Frank Shipman.
Multi-model Adaptive Spatial Hypermedia Luis Francisco-Revilla Department of Computer Science Texas A&M University September 22, 2004.
Intelligent User Interfaces Research Group Directed by: Frank Shipman.
Project Life Cycle Jon Ivins DMU. Introduction n Projects consist of many separate components n Constraints include: time, costs, staff, equipment n Assets.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
The Visual Knowledge Builder: A Second Generation Spatial Hypertext Frank M. Shipman III Haowei Hsieh Preetam Maloor J. Michael Moore.
Chapter 1 Understanding the Web Design Environment
Computer Science 103 Chapter 2 HyperText Markup Language (HTML)
HT MASH MAH AH SH MH Multi-model Adaptive Spatial Hypermedia Luis Francisco-Revilla Department of Computer Science Texas A&M University.
Projects in the Intelligent User Interfaces Group Frank Shipman Associate Director, Center for the Study of Digital Libraries.
1st Project Introduction to HTML.
Chapter ONE Introduction to HTML.
Website Content, Forms and Dynamic Web Pages. Electronic Portfolios Portfolio: – A collection of work that clearly illustrates effort, progress, knowledge,
1 Introduction to Web Development. Web Basics The Web consists of computers on the Internet connected to each other in a specific way Used in all levels.
HTML Comprehensive Concepts and Techniques Intro Project Introduction to HTML.
Slide 1 Today you will: think about criteria for judging a website understand that an effective website will match the needs and interests of users use.
Educator’s Guide Using Instructables With Your Students.
Interactive lesson/ Instructional Design Principles/ Examples TEC 571 Pamela Freudenthal.
Research paper: Web Mining Research: A survey SIGKDD Explorations, June Volume 2, Issue 1 Author: R. Kosala and H. Blockeel.
Beyond Skill and Drill Using Web 2.0 Technologies to Increase Engagement and Participation for ALL Students Text barriers to w. code and your.
Chapter 2 Web Site Design Principles
Web Designing By Bhupendra Ratha, Lecturer School of Library & Information Science D.A.V.V., Indore.
Web Site Design Principles
Notes on our audience People have selective attention/tunnel vision (especially if problem-solving), limited working/short-term memory, slow long-term.
SIRS DISCOVERER BY PROQUEST. Overview Sources and articles are selected for their educational content, reliability, relevance, interest, age- appropriateness,
Tutorial 7 Creating Forms. Objectives Session 7.1 – Create an HTML form – Insert fields for text – Add labels for form elements – Create radio buttons.
Perception of Content, Structure, and Presentation Changes in Web-based Hypertext Luis Francisco-Revilla Frank M. Shipman III Richard Furuta Unmil Karadkar.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
Lesson 8. Test 1 Topics Browser incompatibility Design Tips Site Navigation Browser- safe color Monitor resolution Content Copyright Use of tables vs.
Subject Guides and Subject Librarianship Ndhlovu Phillip Assistant Librarian NUST Library SubjectsPlus ZULC National Workshop December 13, 2011.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Introduction to Web Page Design. General Design Tips.
A Case Study of Interaction Design. “Most people think it is a ludicrous idea to view Web pages on mobile phones because of the small screen and slow.
Selection Criteria Chapter 9. Selection Materials judged within framework of a given criteria Materials judged within framework of a given criteria Relate.
COMP 106 Practical 2 Proposal 5 Slide 1. Designing an Interface (1) The user must be able to anticipate a widget's behaviour from its visual properties.
FORESTUR How to work… …with this training platform? …with this methodology?
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
CS 3505 Projects Assignments Projects
+ User-induced Links in Collaborative Tagging Systems Ching-man Au Yeung, Nicholas Gibbins, Nigel Shadbolt CIKM’09 Speaker: Nonhlanhla Shongwe 18 January.
AVI/Psych 358/IE 340: Human Factors Evaluation October 31, 2008.
Exploring Microsoft Microsoft FrontPage Chapter 21 Exploring Microsoft FrontPage 2002 Chapter 1 Creating a Home Page: Introduction to MS FrontPage.
Concept Mapping: A Graphical System for Understanding the Relationship between Concepts. ERIC Digest.
Learning From Student Projects Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.9-2 Using Design As A Unifying Theme n Knowledge.
BTT 10. What is the internet?  A question to all of you…  how-many-people-use-the-internet- more-than-2-billion-infographic/
Web Design Vocabulary #3. HTML Hypertext Markup Language - The coding scheme used to format text for use on the World Wide Web.
ICAD3218A Create User Documentation.  Before starting to create any user documentation ask ‘What is the documentation going to be used for?’.  When.
Glencoe Introduction to Web Design Chapter 4 XHTML Basics 1 Review Do you remember the vocabulary terms from this chapter? Use the following slides to.
Web technologies Session 2. Slide 2. 1 Objectives for session 2  To develop participants’ knowledge, skills and understanding of web-page design  To.
Objectives At the end of this session students will: Define the following terms in two sentences or less Website Web page Browser Html URL Hyperlink Explain.
Chapter 2 Web Site Design Principles
Human Computer Interaction Lecture 21 User Support
Project 1 Introduction to HTML.
Chapter 1 Introduction to HTML
Chapter 1 Introduction to HTML.
Connecting Interface Metaphors to Support Creation of Path-based Collections Unmil P. Karadkar, Andruid Kerne, Richard Furuta, Luis Francisco-Revilla,
Project 1 Introduction to HTML.
Web software.
Document Design Justine Nielsen April 28, 2003
Phases of Designing a Website
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
Share What You Have Learned EP Session
Intro Project Introduction to HTML.
Presentation transcript:

Instructional Information in Adaptive Spatial Hypertext Luis Francisco-Revilla and Frank Shipman Presented By : Ananda Man Shrestha

Introduction Navigational hypertext (web) Pre-authored linking structure + Varied readers = rigid approach to information delivery Adaptive hypertext Modifies content and structure in response to user characteristics (user knowledge etc) Spatial hypertext Can represent possible relationships and implicit links. Supports direct manipulation of objects and relationships present in the document.

Introduction Goal : Create adaptive spatial hypertext document for an instructional information. Evaluate effectiveness of spatial hypertext as medium for delivery of such information. Explore the effect of adaptation in spatial hypertext.

Document Design Topic and source of information Domain : HTML/XHTML Availability of previously-authored and reputable sources of information Easy evaluation conditions (ask to author a web-page) Source : O’Reilley’s “HTML & XHTML: The Definitive Guide” Extensive coverage Clear writing, fit to readers of all levels. Available on-line

Document Design Structure of Information Usual web-sites serving instructional information provides “table of contents”, click and navigate structure. Forces user to discover underlying structure of the information throughout navigation and inference. Spatial hypertext Visually reflects structural organization of information. Visualization of relations using hierarchical arrangement, encapsulation of collections, color coding etc. Available visible information can help users take informed decision about traversing the link.

Document Design Representation as hierarchically nested lists of collection Simple Suitable for ordering sections/subsections of book.

Document Design Dynamic behaviors Open collection by pushing the list down. Simultaneous stretching in vertical or horizontal possible Using Color Codes Stretching / Pushing down the list Reminds me of gmail !!

Document Design Adaptive Behaviors System to adapt document to differentiate relevant from irrelevant information. Emphasize/De-emphasize objects by using multiple visual cues to represent varying degrees of relevance varying object size varying font size altering zoom factor changing contrast/fade of display object

Document Design Final Interface Make use of second spatial dimension.

Evaluation Experiment goal gather insights of how subjects read and interact with spatial hypertext document. Process Selected 15 subjects randomly. Subjects chosen from TAMU and neighboring areas All subjects were proficient in English Age range -> 20 to 40 years 8 subjects used adaptive spatial hypertext Task model and User knowledge model 7 subjects used non-adaptive spatial hypertext

Evaluation (contd.) Task Model : Adaptation based on what topics and subtopics are useful for authoring different types of web pages.

Evaluation (contd.) Users Knowledge Model : Adaptation in response to user knowledge (collected from questionnaire about html).

Evaluation (contd.) 20 minutes training session in the use of software applications. 90 minute time to author a web page. Process closely monitored by investigators. Questionnaires about html knowledge, demographic information, user experience and final comments/suggestions collected.

Results 2D arrangement of information was very well received by participants. 73% of participants moved the collections during their reading of the space. More participants using non-adaptive interface rearranged the layout than those using the adaptive interface (86% vs 63%) Out of 0(worst) to 6(best) scale, average evaluation Ease of understanding information arrangement = 5.6 Ease of navigation = 4.65 Ease to distinguish relevant info from irrelevant = 5.1 Visual clues to mark relevance were found to be obtrusive. Adaptation should consider user preference.

Results Users often used collections as bookmark Minimization of collections to signify completion of section Interface after task completion

Discussion Session