Making Links Fundamentals of Hypertext and Hypermedia Dr Nicholas Gibbins - 2012-2013.

Slides:



Advertisements
Similar presentations
5 th grade Computer Terminology. Minimize Minimize refers to reducing a window to an icon, or a label at the bottom of the screen in your task bar, while.
Advertisements

Chapter 16 The World Wide Web.
MMDE5011 – INTERACTIVE MEDIA PRACTICE 1 WEEK 1: INTRODUCTION TO HTML5
 To publish information for global distribution, one needs a universally understood language, a kind of publishing mother tongue that all computers may.
HYPERMEDIA Chang-Yang Lin Eastern Kentucky University
INTRODUCTION 1: Hypertext, Hypermedia and Multimedia J394-PERANCANGAN SITUS WEB Program Studi Manajemen Universitas Bina Nusantara.
Hypermedia “The limits to learning is mostly self-imposed” Colin Rose.
Adaptive Hypermedia on the Web: Methods, Technology and Applications Paul De Bra Eindhoven University of Technology Eindhoven, The Netherlands Centrum.
Definition and Aspects
XLink: Open Linking Standard XML / XSL separate  data semantics  presentation semantics Need to also separate out  navigation semantics Single unique.
T.Sharon-A.Frank 1 Multimedia Hypertext and Hypermedia.
Copyright 2003 The McGraw-Hill Companies, Inc CHAPTER Application Software computing ESSENTIALS    
Browsing the World Wide Web. Spring 2002Computer Networks Applications Browsing Service Allows one to conveniently obtain and display information that.
CORE 2: Information systems and Databases HYPERTEXT/ HYPERMEDIA.
THE BASICS OF THE WEB Davison Web Design. Introduction to the Web Main Ideas The Internet is a worldwide network of hardware. The World Wide Web is part.
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
Software and Multimedia
The Internet & The World Wide Web Notes
Chapter 16 The World Wide Web. 2 Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Write basic HTML.
Chapter 16 The World Wide Web Chapter Goals ( ) Compare and contrast the Internet and the World Wide Web Describe general Web processing.
Chapter 16 The World Wide Web Chapter Goals Compare and contrast the Internet and the World Wide Web Describe general Web processing Describe several.
INFORMATION TECHNOLOGY IN BUSINESS AND SOCIETY SESSION 7 – THE WEB SEAN J. TAYLOR.
Chapter 16 The World Wide Web. 2 The Web An infrastructure of information combined and the network software used to access it Web page A document that.
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.
CPS120: Introduction to Computer Science The World Wide Web Nell Dale John Lewis.
WEB TERMINOLOGIES. Page or web page: a file that can be read over the world wide web Pages or web pages: the global collection of documents associated.
Applications Software. Applications software is designed to perform specific tasks. There are three main types of application software: Applications packages.
Centre for HCI Design INTERACT 2003 Tutorial Multimedia & the Web  Planning thematic threads through several media  Presentation layout: sequential or.
CMPD 434 MULTIMEDIA AUTHORING Chapter 06 Multimedia Authoring Process IV.
Objective Understand concepts used to web-based digital media. Course Weight : 5%
Using Multimedia Tools Mark Grabe. Copyright © Houghton Mifflin Company. All rights reserved.7-2 Classification of Student Projects n Embellished documents.
Web software. Two types of web software Browser software – used to search for and view websites. Web development software – used to create webpages/websites.
University of Malta CSA3080: Lecture 7 © Chris Staff 1 of 18 CSA3080: Adaptive Hypertext Systems I Dr. Christopher Staff Department.
1 WCAG2 for ICT Working Draft.
KMS: A Distributed Hypermedia System for Managing Knowledge in Organizations Robert M Akscyn, Donald L McCracken & Elise Yoder.
Digital Multimedia, 2nd edition Nigel Chapman & Jenny Chapman Chapter 12 This presentation © 2004, MacAvon Media Productions Hypertext and Hypermedia.
Directions for Hypertext Research: Exploring the Design Space for Interactive Scholarly Communication John J. Leggett & Frank M. Shipman Department of.
by Maria Rita Marruganti DIFFERENT WAYS OF SENDING INFORMATION Passive e.g. newspapers, radio, television. You don’t produce, just receive information.
Web Page Terminology LinksShareware AnchorOrganic Search MarqueeWhite Space BacklinkHTML Bounce RateMarkup FirewallImpression SEOLanding Page Exit PageE-commerce.
Introduction to Humanities Computing Geoffrey M. Rockwell x Togo Salmon 309A URL:
+ Information Systems and Databases 2.2 Organisation.
HYPERTEXT and HYPERMEDIA By Steven Geist and Larnic Ransom.
World Wide Web “WWW”, "Web" or "W3". World Wide Web “WWW”, "Web" or "W3"
Intro to Multimedia Unit 1.
Chapter 29 World Wide Web & Browsing World Wide Web (WWW) is a distributed hypermedia (hypertext & graphics) on-line repository of information that users.
Internet Network of networks Mother of all networks
Website design and structure. A Website is a collection of webpages that are linked together. Webpages contain text, graphics, sound and video clips.
Web Systems & Technologies Lecture 1
Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:
Hypertext. Hypertext History (1) Many early attempts to organize human knowledge Many early attempts to organize human knowledge Thesaurus (Roget) Thesaurus.
The Internet is a Big Collection of Computers and Cables. -"interconnection of computer networks". Millions of personal, business, and governmental.
1 HTML: HyperText Markup Language Representation and Management of Data on the Internet.
Web Design Terminology Unit 2 STEM. 1. Accessibility – a web page or site that address the users limitations or disabilities 2. Active server page (ASP)
The Internet Salihu Ibrahim Dasuki (PhD) CSC102 INTRODUCTION TO COMPUTER SCIENCE.
Glencoe Introduction to Multimedia Chapter 2 Multimedia Online 1 Internet A huge network that connects computers all over the world. Show Definition.
Objective % Select and utilize tools to design and develop websites.
Lecture 1: Introduction and Multimedia Data Representations
Multimedia Hypermedia What is It, How Do I Use It?
ET710 What are Hyperlinks? A hyperlink, or hot link, is a selectable element in an electronic document that serves as an access point to.
E-commerce | WWW World Wide Web - Concepts
E-commerce | WWW World Wide Web - Concepts
Business Administrative Support Vocabulary
Objective % Select and utilize tools to design and develop websites.
Web Development & Design Chapter 1, Sections 4, 5 & 6
Hypertext and Hypermedia
Software and Multimedia
Software and Multimedia
Hypertext Fundamentals
Chapter 16 The World Wide Web.
Introduction to World Wide Web
Presentation transcript:

Making Links Fundamentals of Hypertext and Hypermedia Dr Nicholas Gibbins

Overview 2 Basic hypertext terminology Hypertext writing History of hypertext Open hypermedia Spatial/temporal/conceptual hypermedia The future of hypertext

What is hypertext?

What is Hypertext? Nelson, T.H. (1965) A file structure for the complex, the changing and the indeterminate. Proceedings of the 20 th ACM National Conference..

What is Hypertext? [hypertext is] a combination of natural language text with the computer’s capacity for branching, or dynamic display Nelson, T.H. (1967) "Getting it out of our system": Information Retrieval: A Critical Review, Schechter, G. (ed.). Washington, DC: Thompson Books.

What is Hypertext?

The reaction of the hypertext research community to the World Wide Web is like finding out that you have a fully grown child. And it’s a delinquent. Nelson, T.H. (1997) After-dinner speech at Hypertext ‘97, Southampton, UK.

“An application which uses associative relationships among information contained within multiple media data for the purpose of facilitating access to, and manipulation of, the information encapsulated by the data.” What is Hypertext? Lowe, D and Hall, W. (1999) Hypermedia and the Web: An Engineering Approach. Chichester, UK: John Wiley.

What is Hypertext? Non-linear writing –Interlinked texts –Multiple pathways, multiple reading sequences Annotation and commentary Association of ideas Writing and reading not separated Interactive

What is Hypermedia? Hypertext + Multimedia = Hypermedia –Multiple media: video, audio, images, s, databases, spreadsheets

Hypertext terminology

A node represents a ‘chunk’ of information that corresponds to a natural ‘semantic unit’ -e.g. screen, page, frame … -The act of chunking information is part of authoring process Nodes, Links and Anchors

A link represents an association between nodes -Machine-supported fast inter-node connections Nodes, Links and Anchors

An anchor represents a link on a node -e.g. buttons, bolded text, “hotspots”, images … -the whole node might be an anchor but should be able to designate a sub-region as a source or destination of a link Nodes, Links and Anchors

Links on the Web Links are part of the source node – –Embedded links (c.f. first class links) Links can only be followed in the forward direction Links can only connect a pair of nodes Link anchors must be specified explicitly Links (usually) contain no additional information

Embedded vs. First class links Links are embedded in web pages To create a link from a web page, the web page must be edited Only the owner of a web page may create/edit links within it Separating links from nodes allows richer linking –Multiple different link overlays (linkbases) –Personalisation, task-orientation, etc

Bidirectional links Not generally possible to see what links to a given web page (without using a global index such as Google) Web links can only be followed from the source document (in which the link is embedded) to the destination, not the other way Separating links from nodes means that it is as easy to traverse links backwards as forwards

N-ary links Web links connect only two documents together With first class links, we can have links that connect many source nodes to many destination nodes

Generic (functional, dynamic) links Web links have explicitly specified anchors –Source anchor is the location in which the is embedded –Destination anchor is given by the fragment identifier on the URI reference: Richer location specifiers (locspecs) in anchors –Put a link on all occurrences of the word ‘hypertext’

Typed links Web links may contain some additional information – –In practice, most Web authors don’t use rel/rev –In practice, most Web browsers ignore rel/rev Links are more than just navigation – underlying associative relationship