Adaptive Hypermedia on the Web: Methods, Technology and Applications Paul De Bra Eindhoven University of Technology Eindhoven, The Netherlands Centrum.

Slides:



Advertisements
Similar presentations
Adaptive Hypermedia Dr. Alexandra Cristea
Advertisements

Lecture plan Information retrieval (from week 11)
Interception of User’s Interests on the Web Michal Barla Supervisor: prof. Mária Bieliková.
Using Adaptive Hypermedia for Web-based Education Paul De Bra Eindhoven Univ. of Technology Peter Brusilovsky Carnegie Mellon University.
 To publish information for global distribution, one needs a universally understood language, a kind of publishing mother tongue that all computers may.
Objective Understand web-based digital media production methods, software, and hardware. Course Weight : 10%
1212 / department of computer science October 16, 2002AHA! Version 2.01 AHA! Version 2.0 More Adaptation Flexibility for Authors Paul De Bra, Ad Aerts,
Personalization and Adaptation in Learning Management Systems Prof. dr. Paul De Bra Eindhoven University of Technology February 1, 2011 Learntec Slide.
1 Chapter 12 Working With Access 2000 on the Internet.
World Wide Web1 Applications World Wide Web. 2 Introduction What is hypertext model? Use of hypertext in World Wide Web (WWW) – HTML. WWW client-server.
Macromedia Dreamweaver 4 Advanced Level Course. Add Rollovers Rollovers or mouseovers are possibly the most popular effects used in designing Web pages.
1212 / Department of Computer Science Adaptive Hypermedia 2ID20 Prof. dr. Paul De Bra.
Adaptive Hypermedia Dr. Alexandra Cristea
Adaptive Hypermedia: What is it and why are we doing it? Dr. Alexandra Cristea
Russell Taylor Lecturer in Computing & Business Studies.
Chapter 9 Introduction to the Document Object Model (DOM) JavaScript, Third Edition.
Computer Science 103 Chapter 2 HyperText Markup Language (HTML)
Authoring of Adaptive Hypermedia Dr. Alexandra Cristea
1 The World Wide Web. 2  Web Fundamentals  Pages are defined by the Hypertext Markup Language (HTML) and contain text, graphics, audio, video and software.
Developing a Basic Web Page with HTML
Where Do I Start REFERENCE: LEARNING WEB DESIGN (4 TH EDITION) BY ROBBINS 2012 – CHAPTER 1 (PP. 3 – 14)
2440: 141 Web Site Administration Web Server-Side Programming Professor: Enoch E. Damson.
Web Design Basic Concepts.
Sys Prog & Scripting - HW Univ1 Systems Programming & Scripting Lecture 15: PHP Introduction.
INTRODUCTION TO WEB DATABASE PROGRAMMING
FALL 2005CSI 4118 – UNIVERSITY OF OTTAWA1 Part 4 Web technologies: HTTP, CGI, PHP,Java applets)
1212 / Department of Computer Science Adaptive Hypermedia 2ID20 Prof. dr. Paul De Bra.
Adaptive Hypermedia. Hypermedia “Static” hypermedia Same page content Same links For all users.
Chapter 33 CGI Technology for Dynamic Web Documents There are two alternative forms of retrieving web documents. Instead of retrieving static HTML documents,
Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.
© Cheltenham Computer Training 2001 Macromedia Dreamweaver 4 - Slide No 1 Macromedia Dreamweaver 4 Advanced Level Course.
Research paper: Web Mining Research: A survey SIGKDD Explorations, June Volume 2, Issue 1 Author: R. Kosala and H. Blockeel.
Internet Basics Dr. Norm Friesen June 22, Questions What is the Internet? What is the Web? How are they different? How do they work? How do they.
5 Chapter Five Web Servers. 5 Chapter Objectives Learn about the Microsoft Personal Web Server Software Learn how to improve Web site performance Learn.
London April 2005 London April 2005 Creating Eyeblaster Ads The Rich Media Platform The Rich Media Platform Eyeblaster.
WEB DESIGN USING DREAMWEAVER. The World Wide Web –A Web site is a group of related files organized around a common topic –A Web page is a single file.
10 Adding Interactivity to a Web Site Section 10.1 Define scripting Summarize interactivity design guidelines Identify scripting languages Compare common.
Web Accessiblity Carol Gordon SIU Medical Library.
HTML, XHTML, and CSS Sixth Edition Chapter 1 Introduction to HTML, XHTML, and CSS.
Introduction to HTML Tutorial 1 eXtensible Markup Language (XML)
Adaptive Hypermedia Tutorial System Based on AHA Jing Zhai Dublin City University.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
HTML: Hyptertext Markup Language Doman’s Sections.
by Maria Rita Marruganti DIFFERENT WAYS OF SENDING INFORMATION Passive e.g. newspapers, radio, television. You don’t produce, just receive information.
World Wide Web “WWW”, "Web" or "W3". World Wide Web “WWW”, "Web" or "W3"
How the Web Works Building a Website – Lesson 1. How People Access the Web Browsers People access websites using software called a web browser. To view.
ASP (Active Server Pages) by Bülent & Resul. Presentation Outline Introduction What is an ASP file? How does ASP work? What can ASP do? Differences Between.
1 WWW. 2 World Wide Web Major application protocol used on the Internet Simple interface Two concepts –Point –Click.
University of Malta CSA3080: Lecture 12 © Chris Staff 1 of 22 CSA3080: Adaptive Hypertext Systems I Dr. Christopher Staff Department.
Web Design and Development. World Wide Web  World Wide Web (WWW or W3), collection of globally distributed text and multimedia documents and files 
Search Engine using Web Mining COMS E Web Enhanced Information Mgmt Prof. Gail Kaiser Presented By: Rupal Shah (UNI: rrs2146)
Website design and structure. A Website is a collection of webpages that are linked together. Webpages contain text, graphics, sound and video clips.
ASP-2-1 SERVER AND CLIENT SIDE SCRITPING Colorado Technical University IT420 Tim Peterson.
Web Browsing *TAKE NOTES*. Millions of people browse the Web every day for research, shopping, job duties and entertainment. Installing a web browser.
Peter Brusilovsky. Index What is adaptive navigation support? History behind adaptive navigation support Adaptation technologies that provide adaptive.
Chapter 1 Introduction to HTML, XHTML, and CSS HTML5 & CSS 7 th Edition.
Introduction to the World Wide Web & Internet CIS 101.
1 ITEC 4830 Graphics Design Chapter 1 Dreamweaver MX 2004 Basics.
4.01 How Web Pages Work.
4.01 How Web Pages Work.
Distributed Control and Measurement via the Internet
Objective % Select and utilize tools to design and develop websites.
Active Server Pages Computer Science 40S.
E-commerce | WWW World Wide Web - Concepts
E-commerce | WWW World Wide Web - Concepts
Web software.
User-Adaptive Systems
Objective % Select and utilize tools to design and develop websites.
4.01 How Web Pages Work.
Presentation transcript:

Adaptive Hypermedia on the Web: Methods, Technology and Applications Paul De Bra Eindhoven University of Technology Eindhoven, The Netherlands Centrum voor Wiskunde en Informatica, Amsterdam University of Antwerp (Belgium)

Topics What is adaptive hypermedia? Classification of adaptive hypermedia methods and techniques User modeling techniques Web technology for adaptive hypermedia Problems for adaptive hypermedia with current Web standards

What is adaptive hypermedia? It is hypermedia: information pages connected by links. There is adaptable hypermedia: it can be customized by the user (through explicit commands). In adaptive hypermedia the customization is automatic: it happens by observing the browsing behavior of the user.

Adaptive hypermedia aspects adaptive presentation techniques for adapting the content of pages (Web pages) to the user. adaptive navigation techniques for adapting the hypertext links to the user. Overlap! some manipulation of link anchors in a Web page changes the link structure.

Adaptive presentation Adapt the content of a page to the user. (e.g. beginners may need different information than expert users.) Adapt the media selection to the user. (some users may prefer text, others images, others video, others audio, etc.) Combination: some users may prefer long detailed presentations, others short ones.

Adaptive navigation In hypermedia applications there is a lot of navigational freedom (i.e. many links). Some paths may not be meaningful: the author did not foresee the user’s choice of links to follow. Adaptive navigation means dynamically altering the link structure while the user is browsing.

Adaptive presentation: methods additional, prerequisite or comparative explanations: pieces of content that are sometimes shown. explanation variants: an explanation is always shown, but it may be different for different users. sorting: the order in which the information is presented is different for different users.

Adaptive presentation: techniques page variants: alternative versions of whole pages are selected; only a few versions are feasible. fragment variants: alternative versions of parts of a page are selected; together they form many versions of the same page. stretchtext: show relevant details expanded; non-relevant details are collapsed (but can be expanded).

Adaptive presentation: low level conditional text: fragments are conditionally included. –if only one fragment is shown at the same time for the whole page => page variants –if conditional text is used to select between alternative paragraphs => fragment variants frame based techniques: used with natural language generation.

Adaptive navigation: methods guidance: global or local help the user to select appropriate links. orientation support: global or local tell the user where she is in the whole structure of pages and links. personalized views: offer adapted views on the link structure.

Adaptive navigation: techniques direct guidance: a “next” button leads to the most “relevant” page (the best page to read next). link sorting: links to subsequent pages are sorted from most relevant to least relevant. map adaptation: a fish-eye view with only relevant links.

Adaptive navigation: techniques link hiding: hide that a content piece is a link anchor. link removal: remove the link anchor (this changes the content of the page). link annotation: change the presentation of the link anchor. link disabling: make the link anchor active or inactive.

User Modeling a user model represents the user’s state of mind: –knowledge (about the subject domain) –preferences (media, verbosity,...) –background (education, job, task,...) –experience (with computers and with AHS) We concentrate on representation of knowledge.

User modeling (cont.) The domain is divided into concepts. For each concept the user’s knowledge is represented as a value. Boolean model: known or unknown. discrete model: a few values, like unknown, learned, well learned, well-known. continuous model: range, e.g. [0..1], or an approximation like a percentage.

Adaptive hypermedia on the Web AH needs extensive logging in order to update the user model. AH needs a way to generate different versions of the same page (and disable unwanted caching by browsers and proxies). AH needs a way to generate alternative presentations of link anchors.

Server-side technology CGI-scripts: easy to write and install; runs on almost every Web-server; generates process and communication overhead. Fast-CGI: almost as easy to write; runs on some Web-servers; only communication overhead (no process overhead per request). Servlets: executed within the server; runs on Java-based Web-servers; no process or communication overhead.

Maintaining a User Model Each request is processed individually by a Web-server, CGI-script and/or Servlet. The user model must be saved in and restored from a file or database. The script knows when which page is requested. It is possible to also invoke a script when the user leaves a page. Thus it is possible to record the “reading time” for each page.

Adaptive presentation as in AHA low level technique: conditional text can be used for additional explanations or page and fragment variants. conditionals cannot be embedded as HTML tags. AHA uses structured HTML-comments: with XML it will become possible to encode conditionals as “real” tags.

Adaptive navigation in HTML direct guidance: the link destination of the “next button” is changed, but the button always looks the same. link sorting: the text in the HTML page must be sorted; (even absolute positioning using CSS is insufficient to do sorting). map adaptation: HTML is not graphical; only a “table of contents” style map can be generated; otherwise images are used.

Adaptive navigation in HTML link hiding, link annotation: using CSS one can create link anchors with different properties, like color; hiding is a special case of annotation: color is black. link removal: this is done through condi- tional text: conditionally delete the anchor. link disabling: this is done by removing the anchor tag, and by coloring the text like links.

Making AH work on the Web when the same page has a different content the browser must not reuse a cached version. –The AHS can generate a different URL every time a page is requested; this makes it impossible to bookmark a page. –The AHS can indicate that pages must not be cached, e.g. through an expires header; this is not guaranteed to work. (The HTTP standard allows browsers to cache expired pages.)

Working with frames Some AHS (e.g. Interbook, ELM-ART) use frames to present a partial table of contents, list of related concepts, etc. –Pages must contain (Java- or VB)Script code to force updates to the other frames. This does not work with every browser. –Each request generates several other requests to the same server; this may overload the server.

Using Dynamic HTML Dynamic HTML makes it possible to conditionally show or hide fragments. It is possible to combine a link with a (Java- or VB)Script function which determines the “real” destination of a link. (This can be used to implement direct guidance.) Absolute positioning offers a very limited way to do sorting.

Conclusions Adaptive hypermedia can be realized on the Web (with some limitations and browser- dependent features). Adaptive presentation and adaptive navigation are mixed because of HTML. The process of generating (adapted) pages must be done through server-side scripts. The process of updating the user model must be done through server-side scripts.