Adaptive Hypermedia. Hypermedia “Static” hypermedia Same page content Same links For all users.

Slides:



Advertisements
Similar presentations
Overview of Adaptive Navigation Technologies Michal Tvarožek FIIT STU BA.
Advertisements

Adaptive Hypermedia on the Web: Methods, Technology and Applications Paul De Bra Eindhoven University of Technology Eindhoven, The Netherlands Centrum.
1 Computing for Todays Lecture 22 Yumei Huo Fall 2006.
1212 / Department of Computer Science Adaptive Hypermedia 2ID20 Prof. dr. Paul De Bra.
Web Page Introduction. What is a web page? A web page is a text file containing markup language tags. –A markup language combines text and extra information.
Hyperlinks in HTML How to “throw an anchor”, or to create a hyperlink in raw HTML.
1 CS428 Web Engineering Lecture 18 Introduction (PHP - I)
WEB DESIGNING Prof. Jesse A. Role Ph. D TM UEAB 2010.
McGraw-Hill/Irwin © 2004 by The McGraw-Hill Companies, Inc. All rights reserved. Beginning Active Server Pages Barry Sosinsky Valda Hilley Programming.
DAT602 Database Application Development Lecture 15 Java Server Pages Part 1.
Section 2.1 Compare the Internet and the Web Identify Web browser components Compare Web sites and Web pages Describe types of Web sites Section 2.2 Identify.
Lecturer: Ghadah Aldehim
Lecture Set 3 Introduction to Visual Basic Concepts Part A – User Interfaces and Windows Forms – The Toolbox.
Advanced Web 2012 Lecture 4 Sean Costain PHP Sean Costain 2012 What is PHP? PHP is a widely-used general-purpose scripting language that is especially.
INFM 603: Information Technology and Organizational Context Jimmy Lin The iSchool University of Maryland Thursday, October 18, 2012 Session 7: PHP.
Aurora: A Conceptual Model for Web-content Adaptation to Support the Universal Accessibility of Web-based Services Anita W. Huang, Neel Sundaresan Presented.
Web Page Introduction. What is a web page? A web page is a text file containing markup language tags. –A markup language combines text and extra information.
Server-side Scripting Powering the webs favourite services.
2013Dr. Ali Rodan 1 Handout 1 Fundamentals of the Internet.
Copyright © Allyn & Bacon 2008 POWER PRACTICE Chapter 7 The Internet and the World Wide Web START This multimedia product and its contents are protected.
1 Web Basics Section 1.1 Compare the Internet and the Web Compare Web sites and Web pages Identify Web browser components Describe types of Web sites Section.
EPortfolios.
Chapter 7 Web Content Mining Xxxxxx. Introduction Web-content mining techniques are used to discover useful information from content on the web – textual.
NMED 3850 A Advanced Online Design January 26, 2010 V. Mahadevan.
1 Essential HTML coding By Fadi Safieddine (Week 2)
SHOPPING CARTS CHAPTER 19. E-COMMERCE Typically, an e-commerce site will have public pages and admin pages.
Section 17.1 Add an audio file using HTML Create a form using HTML Add text boxes using HTML Add radio buttons and check boxes using HTML Add a pull-down.
G053 Lecture 12 Introduction To HTML Mr C Johnston ICT Teacher
Homework #4 HTML Web Assignment II ©2001 E. Kinnear.
INTERACTIVE BRAND COMMUNICATION Class 6 Creative Issues II: Creating Effective Online Advertising.
CSC350: Learning Management Systems COMSATS Institute of Information Technology (Virtual Campus)
October 31, 2000 Universal Web Accessibility Symposium Adaptive Hypermedia John M.D. Hill Curtis A. Carver Jr.
Peter Brusilovsky. Index What is adaptive navigation support? History behind adaptive navigation support Adaptation technologies that provide adaptive.
1 DIG 3134 Lecture 6: Maintaining State Michael Moshell University of Central Florida Media Software Design.
Web Page Introduction. What is a web page? A hypertext that contains clickable links. A web page is a text file containing Hyper Text MarkUp Language.
ADAPTIVE HYPERMEDIA Presented By:- Debraj Manna Raunak Pilani Gada Kekin Dhiraj.
introductionwhyexamples What is a Web site? A web site is: a presentation tool; a way to communicate; a learning tool; a teaching tool; a marketing important.
INFSCI 2955 Adaptive Web Systems Session 2-1: Adaptive Navigation Support Peter Brusilovsky School of Information Sciences University of Pittsburgh, USA.
Web Programming Java Script-Introduction. What is Javascript? JavaScript is a scripting language using for the Web. JavaScript is a programming language.
User Modeling, Adaptation, Personalization Part 2 ΕΠΛ 435: Αλληλεπίδραση Ανθρώπου Υπολογιστή.
XP Creating Web Pages with Microsoft Office
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.
JavaScript Part 1 Introduction to scripting The ‘alert’ function.
Section 10.1 Define scripting
Your Poster Title Goes Here
Section 17.1 Section 17.2 Add an audio file using HTML
User-Adaptive Systems
WAYNE STATE UNIVERSITY – DETROIT, MICHIGAN
Chapter 27 WWW and HTTP.
Building Web Applications
CSA3212: User Adaptive Systems
Your Poster Title Goes Here
Your Poster Title Goes Here
Your Poster Title Goes Here
Your Poster Title Goes Here
Your Poster Title Goes Here
Your Poster Title Goes Here
WAYNE STATE UNIVERSITY – DETROIT, MICHIGAN
WAYNE STATE UNIVERSITY – DETROIT, MICHIGAN
WAYNE STATE UNIVERSITY – DETROIT, MICHIGAN
Your Poster Title Goes Here
WAYNE STATE UNIVERSITY – DETROIT, MICHIGAN
WAYNE STATE UNIVERSITY – DETROIT, MICHIGAN
Your Poster Title Goes Here
WAYNE STATE UNIVERSITY – DETROIT, MICHIGAN
Your Poster Title Goes Here
WAYNE STATE UNIVERSITY – DETROIT, MICHIGAN
Your Poster Title Goes Here
Your Poster Title Goes Here
Presentation transcript:

Adaptive Hypermedia

Hypermedia

“Static” hypermedia Same page content Same links For all users

Problems of hypermedia Users are overwhelmed, too much choice Users get lost “How did I get here” “Where did I find this last time?” Difficult to maintain narrative flow

Visualisation Part of the problem is visualisation –Where am I in the graph? –What do I click on to find my information?

Graph Navigation Hypergraphs

Adaptive hypermedia Works on assumption that not all pages are as relevant for each user at a certain moment in time Tries to adapt the hyperspace to the user Closely related to Personalisation and Recommender Systems (future lectures) –Amazon, etc.

Where is it used? (1) Education On-line information –Electronic encyclopedias –Information kiosks –Virtual museums –E-commerce –Performance support

Typical Situation Museum Tour Guide –Poorly Defined Initial Interests of the visitor –Museum contents not known to the visitor Possible adaptation –Visitor describes initial interests to the guide –Guide points out items of interest that refine the interests of the visitor –Guide in turn refines its guidance through every such experience

Where is it used? (2) Information retrieval –Search-oriented –Browsing-oriented –WebWatcher (CMU) Compares hyperlinks on a page with user model to make recommendations. On-line help/information Lot happening, dedicated conferences

Adapting to what? User Goals / tasks Knowledge; Experience in that hyperspace Background Preferences; Interests => Topic of next week’s lecture on User modeling Environment

What can be adapted? Content = Adaptive presentation Links = Adaptive navigation support

Adaptive Presentation Canned text adaptation –inserting/removing fragments –stretch text –altering fragments –sorting fragments –dimming fragments Natural language generation Modality adaptation

Example of natural language generation

Example application Arts tour Painting Introduction Links to other art demo

Adaptive Navigation Support Link Hiding: disabling, hiding, removal Sorting Annotation Direct guidance Creating new links => Recommender systems lectures

Link Hiding (Example) Introduction to PHP Putting a database on the web Why adaptivity is important Social filtering Content-based filtering

Link Sorting (Example) Why adaptivity is important Content-based filtering Social filtering Introduction to PHP Putting a database on the web

Link Annotation Textual annotation Graphical annotation Font color, type Font size Ready to be learned, Known, Not ready to be learned

Link Annotation (Example) Introduction to PHP Putting a database on the web Why adaptivity is important Social filtering Content-based filtering

Direct guidance (Example) Introduction to PHP Putting a database on the web Why adaptivity is important Social filtering Content-based filtering NEXT

Implementation You need to be change web pages at runtime Depending on what you have figured out about the user (so, need to remember data from one page to the next)

Implementation: General For the ArtTour example I have used PHP PHP = HTML + scripting There are many other ways, servelets, perl, etc But that is not the focus of this course

Implementation: How to do it Take an ordinary HTML file Change its extension to.php Note: for php code to work, it has to be viewed via a web server! Type script code between

Prevent caching Put at start of file <?php // Prevent caching header("Pragma: no-cache"); ?>

If statements if ( ) { }

Session variables Session variables allow the system to remember values from one page to the next Connect to existing session or starts one: session_start(); (put before ) Add new session variables: session_register("SomeName"); Give a session variable a value: $HTTP_SESSION_VARS ["SomeName"] = 0;

Useful use of If statement: <?php if ($HTTP_SESSION_VARS ["BeenHere"]==1) { ?> Welcome back. <?php } ?> <?php $HTTP_SESSION_VARS ["BeenHere"] =1; ?>

How do we adapt? (How?) Adaptive hypermedia - content and navigation What can we adapt to? (To What?) User model 29 Wait, how does this stuff fit together?!

Adaptive hypermedia has grown a lot in the last years... 30