Hypertext: Are we still not there yet? a hypertext “unkeynote” Prof. dr. Paul De Bra Eindhoven University of Technology.

Slides:



Advertisements
Similar presentations
A Toolbox for Blackboard Tim Roberts
Advertisements

School of Computer Science & Information Technology G6DPMM - Lecture 5 Hypertext I.
HYPERMEDIA Chang-Yang Lin Eastern Kentucky University
Copyright 2004 Monash University IMS5401 Web-based Systems Development Topic 2: Elements of the Web (g) Interactivity.
Project 1 Introduction to HTML.
Personalization and Adaptation in Learning Management Systems Prof. dr. Paul De Bra Eindhoven University of Technology February 1, 2011 Learntec Slide.
Links and Comments.
1 Frameworks. 2 Framework Set of cooperating classes/interfaces –Structure essential mechanisms of a problem domain –Programmer can extend framework classes,
INFORMATION ORGANIZATION LAB SEPTEMBER 1, 2009 Information Organization Lab Faculty: Bob Glushko Student Instructors: Nick Doty & Ryan Greenberg.
© 2010, Robert K. Moniot Chapter 1 Introduction to Computers and the Internet 1.
HTTP: the hypertext transfer protocol
Introduction to Web Database Processing
Adaptive Hypermedia on the Web: Methods, Technology and Applications Paul De Bra Eindhoven University of Technology Eindhoven, The Netherlands Centrum.
Outline IS400: Development of Business Applications on the Internet Fall 2004 Instructor: Dr. Boris Jukic Server Side Web Technologies: Part 2.
1 The HyperText Transfer Protocol: HTTP Nick Smith Stuart Alley Tara Tjaden.
T.Sharon-A.Frank 1 Multimedia Hypertext and Hypermedia.
What is adaptive web technology?  There is an increasingly large demand for software systems which are able to operate effectively in dynamic environments.
WWW and Internet The Internet Creation of the Web Languages for document description Active web pages.
Mgt 240 Lecture Website Construction: Software and Language Alternatives March 29, 2005.
1st Project Introduction to HTML.
1 Internet History Internet made up of thousands of networks worldwide No one in charge of Internet - No governing body Internet backbone owned by private.
Chapter ONE Introduction to HTML.
INTRODUCTION TO WEB DATABASE PROGRAMMING
The WWW and HTML CMPT 281. Outline Hypertext The Internet The World-Wide-Web How the WWW works Web pages Markup HTML.
Copyright © cs-tutorial.com. Introduction to Web Development In 1990 and 1991,Tim Berners-Lee created the World Wide Web at the European Laboratory for.
16-1 The World Wide Web The Web An infrastructure of distributed information combined with software that uses networks as a vehicle to exchange that information.
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.
JavaScript, Fourth Edition Chapter 12 Updating Web Pages with AJAX.
Introducing Dreamweaver MX 2004
Chapter 6 The World Wide Web. Web Pages Each page is an interactive multimedia publication It can include: text, graphics, music and videos Pages are.
REST.  REST is an acronym standing for Representational State Transfer  A software architecture style for building scalable web services  Typically,
XP New Perspectives on Browser and Basics Tutorial 1 1 Browser and Basics Tutorial 1.
5 Chapter Five Web Servers. 5 Chapter Objectives Learn about the Microsoft Personal Web Server Software Learn how to improve Web site performance Learn.
Programming the Web Web = Computer Network + Hypertext.
10 Adding Interactivity to a Web Site Section 10.1 Define scripting Summarize interactivity design guidelines Identify scripting languages Compare common.
HOW WEB SERVER WORKS? By- PUSHPENDU MONDAL RAJAT CHAUHAN RAHUL YADAV RANJIT MEENA RAHUL TYAGI.
MULTIMEDIA REVOLUTION
Human-Computer Interaction IS/HCC 760 Fall 2011 Shaun Kane.
Learning and Technology Hypertext, hypermedia and the web Claire O’Malley.
Chapter 8 Introduction to HTML and Applets Fundamentals of Java.
Active Server Pages  In this chapter, you will learn:  How browsers and servers interacted on the Internet when the Internet first became popular 
University of Malta CSA3080: Lecture 7 © Chris Staff 1 of 18 CSA3080: Adaptive Hypertext Systems I Dr. Christopher Staff Department.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 12 This presentation © 2004, MacAvon Media Productions Hypertext and Hypermedia.
1 MSCS 237 Overview of web technologies (A specific type of distributed systems)
INTRODUCTION TO WEB APPLICATION Chapter 1. In this chapter, you will learn about:  The evolution of the Internet  The beginning of the World Wide Web,
GALE: The GRAPPLE Adaptive Learning Environment Paul De Bra Eindhoven University of Technology January 24, 2011 GRAPPLE Public Event Slide 1.
HYPERTEXT and HYPERMEDIA By Steven Geist and Larnic Ransom.
World Wide Web “WWW”, "Web" or "W3". World Wide Web “WWW”, "Web" or "W3"
SSE3 Hypertext concepts 1. Agenda Pioneers and evolution Hypermedia – Modern hypermedia technology – Structure domains Architectural evolution The project.
1 WWW. 2 World Wide Web Major application protocol used on the Internet Simple interface Two concepts –Point –Click.
David Lawrence 7/8/091Intro. to PHP -- David Lawrence.
HTML Concepts and Techniques Fifth Edition Chapter 1 Introduction to HTML.
Hypertext. Hypertext History (1) Many early attempts to organize human knowledge Many early attempts to organize human knowledge Thesaurus (Roget) Thesaurus.
 Remembering that HTML stands for HyperText Markup Language…  …what the heck is "hypertext"?!  Wikipedia says: "Hypertext is text displayed on a computer.
+ Publishing Your First Post USING WORDPRESS. + A CMS (content management system) is an application that allows you to publish, edit, modify, organize,
Vannevar Bush ’s Memex (you know for remembering) IN 1945?! “The first idea, however, to be drawn from the analogy concerns selection. Selection by association,
Chapter 9 Hypertext. Key Points ► Hypertext is text augmented with links that point to other pieces of text. ► Hypertext has a relatively long history,
1 Chapter 1 INTRODUCTION TO WEB. 2 Objectives In this chapter, you will: Become familiar with the architecture of the World Wide Web Learn about communication.
E-commerce | WWW World Wide Web - Concepts
Dongwon Lee, Ph.D. IST 516 Fall 2011
E-commerce | WWW World Wide Web - Concepts
Web page a hypertext document connected to the World Wide Web.
HTTP: the hypertext transfer protocol
Should all the building blocks be yellow?
Hypertext and Hypermedia
Chapter 27 WWW and HTTP.
World Wide Web “WWW”, "Web" or "W3". World Wide Web “WWW”, "Web" or "W3"
World Wide Web “WWW”, "Web" or "W3". World Wide Web “WWW”, "Web" or "W3"
An Introduction to HTML Pages
Presentation transcript:

Hypertext: Are we still not there yet? a hypertext “unkeynote” Prof. dr. Paul De Bra Eindhoven University of Technology

Hypertext, are we still not there yet? At HT’98 we asked “Are we here yet?” What was the answer, and why? if “yes” then stop HT else continue HT What was the answer really (each year), and why? if “yes” then start making hypertext ubiquitous else continue to further develop hypertext In fact we kept saying “No” until HT’2006 Once we said “Yes” HT started doing well (again)

Let’s step back into history… Vannevar Bush inventor of hypertext? “As We May Think” (Atlantic Monthly, 1945): But what did he really suggest: The human mind … operates by association. With one item in its grasp, it snaps instantly to the next that is suggested by the association of thoughts, in accordance with some intricate web of trails carried by the cells of the brain. It has other characteristics, of course; trails that are not frequently followed are prone to fade, items are not fully permanent, memory is transitory. Selection by association, rather than indexing, may yet be mechanized…. it should be possible to beat the mind decisively in regard to the permanence and clarity of the items resurrected from storage.

Let’s step back into history… What did Bush really suggest (cont.): If affords an immediate step, however, to associative indexing, the basic idea of which is a provision whereby any item may be caused at will to select immediately and automatically another. This is the essential feature of the memex. The process of tying two items together is the important thing. …he runs through an encyclopedia, finds an interesting but sketchy article, leaves it projected. Next, in a history, he finds another pertinent item, and ties the two together. Thus he goes, building a trail of many items. Occasionally, he inserts a comment of his own, either linking it into the main trail or joining it by a side trail to a particular item… There is a new profession of trail blazers, those who find delight in the task of establishing useful trails through the enormous mass of the common record.

If Bush did not invent “hypertext”, who did? clue 1: who wrote

If Bush did not invent “hypertext”, who did? clue 2: who wrote

What is “hypertext” according to Ted Nelson?

Some Basic Hypertext Ideas Hypertext connects all texts Xanadu = magic place of literary memory Copying (even quoting) is evil: why quote when you can show the original in-line? cross-reference links are a referral to information elsewhere; (following the link takes you elsewhere) transclusions look like quotes but the original source is shown in-line; it’s not a copy (note: transclusion requires fine-grained addressing) (to avoid broken links) you can never really delete anything; you can only create new versions

Quick look at hypertext between 1960 and 1990 Working hypertext: Hypertext Editing System (1967), FRESS (1968) NLS, the oN-Line System (1968), successor of the Augment project to augment the human mind ZOG, first hypertext system with “real” application ( ), used on the USS Carl Vinson Performance through simplicity: KMS let you navigate quickly (hoping to reduce disorientation) Cards: Nodes became “cards” in NoteCards (over 50 types), later also in HyperCard (with programmed behavior)

Quick look at hypertext between 1960 and 1990 More and more functionality: Intermedia linking protocol to integrate different applications (for different media); this is like “mash-ups” bidirectional links links not hardwired to nodes, users can create their own web of links Complete programmability: HyperCard link is just the “goto” statement of a programming language; link anchors are independent of content Link databases: Hyperties database of anchor-destination pairs open hypermedia takes this idea further

Some illustrations: Intermedia web view Intermedia create link (and other options) HyperCard stacks

So hypertext systems became sophisticated! All functionality of all systems represented in a model: the Dexter Model (NIST Workshop, 1990)

Essential Dexter elements/properties Components: atom, link, composite component atom is an atomic fragment composite: −a page is a composite element (consists of atoms) −an abstract composite component consists of other (smaller) components, either abstract or atoms (a composite with atoms is a “page”) link: sequence of two or more endpoints (unidirectional, bidirectional or even undirected) Page selector: when a link destination is abstract (composite) a page must be selected to be displayed Page constructor: after a page is selected the presentation must be constructed from the atoms

And then…

The (early) Web Tim Berners Lee (1989/1990): the Web as an aid for physicists for sharing documents Marc Andreessen (1992): the Mosaic browser made the Web read-only Key properties/limitations in the basic Web: uni-directional links between single nodes links are not objects (have no properties of their own) links are hardwired to their source anchor only pre-authored link destinations are possible monolithic browser static content, limited dynamic content through CGI links can break no transclusion of text, only of images

So why was this primitive Web successful? 1.Simplicity Especially publishing was very simple (HTML) 2.Availability “Everyone” could get it and use it (and it was free) 3.Timeliness The Web became available when Unix and X-Windows became popular, and when Internet became available 4.(Pure) Client-Server Architecture This was fitting for the typical computing infrastructure with powerful file servers and less powerful workstations

Are we there yet? Take two  1990 (start of the Web) threw us back to pre-1960 Two approaches to recover: “This is bad, let’s build a better alternative.” “This is bad, let’s make it better.” Since 1990 we are working on the second approach: “If you can’t beat them, join them.” “Are we there yet?” = “Have we integrated everything from into the Web yet?” but also: “Are we using everything from on the Web yet?”

So how do we get “there”? Take the Web browser and server for granted! Build extensions into this architecture browser plugins browser applets proxy services server side scripts servlets database back-end extend user interface, browser offers network int. change content “on the fly” select or compute content better storage

Example: GRAPPLE / GALE Overall GRAPPLE Infrastructure:

GRAPPLE Adaptive Learning Environment

Things that make GALE into “real” hypertext Domain Model (DM) with concepts and relations for each concept there may be several resources concepts and resources identified by URI User Model (UM) with for each concept certain attributes (values) Links always refer to concepts: page selection: concept access involves (recursive) resource selection page construction: page may contain −conditionally included fragments −conditionally included objects (object transclusion)

Things that make GALE able to get “there” Spring configuration lets you change most things: Processing is done by a pipeline of processors (LayoutProc., Loadproc., XMLProcessor, …) XML adaptation is done by modules (one per tag) − for conditional fragments − for transclusion of objects (concepts) − for adaptive links − for generating a list of elements − for selecting DM or UM info − for arbitrary generated views over DM − for multiple choice tests (specific for e-learning)

Example application: Milkyway

Are we there yet? Yes (for the most part) we are there. So… Time to look into hypertext applications more closely Careful not to confuse “hypertext” with “web application” Time to look for new hypertext concepts that go beyond the state of the art from Visionaries have already done so: −Semantic Web (web of data, leading to web of things) −Multi-dimensional structures/browsing: ZigZag −Mobile applications, combining on-line location- aware communication and information sources −… what *you* will come up with!

See you all… at HT2011!