Introduction to Humanities Computing Geoffrey M. Rockwell x 24072 Togo Salmon 309A URL:

Slides:



Advertisements
Similar presentations
Introduction to Multimedia Adeyemi Adeniyi Bsc, MCP MCTS
Advertisements

Hypertext, hypermedia and interactivity. A brief overview and background primer.
Chapter 4 Planning Site Navigation. 2 Principles of Web Design Chapter 4 Objectives Understand navigation principles Build navigation schemes that meet.
Cyberlesson Let’s Begin TITLE AUTHOR: Presented by: Recommended Grade Level:
HYPERTEXT “The origin of the concept of hypertext is normally associated with an article published in 1945 by Vannevar Bush: "As we may think" …, while.
Making Links Fundamentals of Hypertext and Hypermedia Dr Nicholas Gibbins
HYPERMEDIA Chang-Yang Lin Eastern Kentucky University
Introducing new web content management tools for Priority...
. Website and file organization. How websites work.
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.
Designing Your Page Step 1: Design for a Computer Medium A computer screen is not a printed page. Readability changes depending on color, layout and format.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
T.Sharon-A.Frank 1 Multimedia Hypertext and Hypermedia.
Copyright © 2006 Pearson Education, Inc. publishing as Benjamin Cummings. The Literature of Health Education Chapter 9.
Chapter 4 Planning Site Navigation. Principles of Web Design 2nd Ed. Chapter 4 2 Principles of Web Design Chapter 4 Objectives Create usable navigation.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
Hypertext Computer Science 01i Introduction to the Internet Neal Sample 6 February 2001.
Chad Wickman Kent State University Hypertext and Writing.
MULTIMEDIA Programming
* The basic components of a web site are: * Content – information displayed or accepted from users * Static – content that doesn’t change for different.
Writing for the World Wide Web Differences between Printed Essays and Web Pages Size and diversity of the potential audience Possibilities of hypertext.
Spring Chp.16: Hypermedia and the WWW The internet was not invented by Al Gore Rather, vision of hypertexed documents is credited to Vannevar Bush.
Introduction to Multimedia. The beginning ( History )… 1945 : “…a device in which one stores all his books, records and communications, and which is mechanized.
The WWW and HTML CMPT 281. Outline Hypertext The Internet The World-Wide-Web How the WWW works Web pages Markup HTML.
HTML History CS 101. HTML Stands for Hypertext Markup Language A “Markup Language” dates from the early days of publishing when editing was done manually.
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.
Matthew Cantley Samantha Johnson Girwan Khadka
Chapter 2 Web Site Design Principles
Programming the Web Web = Computer Network + Hypertext.
Web Site Design Principles
Cataloguing Electronic resources Prepared by the Cataloguing Team at Charles Sturt University.
Chapter 3 Multimedia Skills
Course Title: M.M.T Chapter No: 01 “Introduction to Multimedia”
Chapter 14 a Guide to Print, Electronic, and Other Sources.
Web Development. Interaction Design How is information organized? How will people find their way around the site? How will people work with the information?
Learning and Technology Hypertext, hypermedia and the web Claire O’Malley.
Hypermedia Cooper and Davis. What Is Hypermedia?  The combination of text, video, graphic images, sound, hyperlinks, and other elements in the form typical.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Introduction to Web Page Design. General Design Tips.
PRINCIPLES OF WEB DESIGN. EDGAR GARCIA – WEB DESIGN 2/8/13.
Interface Design Web Design Professor Frank. Design Graphic design and visual graphics are equally important Both work together to create look, feel and.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
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.
Adobe Certified Associate Objectives 1 Setting Project Requirements.
University of Malta CSA4080: Topic 1 © Chris Staff 1 of 20 CSA4080: Adaptive Hypertext Systems II Dr. Christopher Staff Department.
HYPERTEXT and HYPERMEDIA By Steven Geist and Larnic Ransom.
Multimedia and the Web.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Dasar-Dasar Multimedia
Review Computers in Humanities Education Geoffrey M. Rockwell x Togo Salmon 309A URL:
Introduction to Web Session 01 Subject: L0182 / Web & Animation Design Year: 2009.
Web Systems & Technologies Lecture 1
Introduction to Humanities Computing Spring 1999 Lecture Eight.
Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:
Web page layout in elegance.  Specific Designs for Target Audiences Consider your audiences tastes when creating your website.
MARK3030 Navigational Testing Navigation Design Basics all of the ways that users can move around a site and understand where to go revealed in the appearance.
1 Part A Multimedia Production Chapter 1 Multimedia Applications What is Multimedia Information and Communication Technology “Multimedia Production.
Chapter 2 Web Site Design Principles
Chapter 10 Multimedia and the Web.
Lecture 1: Introduction and Multimedia Data Representations
Warm Handshake with Websites, Servers and Web Servers:
Step 1: Design for a Computer Medium
HTML History CS 101.
Page plans A01 Design.
HCI and Hypermedia/WWW
Chapter 4 Planning Site Navigation
Chapter 2 Web Site Design Principles
Introduction to Multimedia
Presentation transcript:

Introduction to Humanities Computing Geoffrey M. Rockwell x Togo Salmon 309A URL: McMaster University

Evaluate a hypermedia work How would you evaluate a hypermedia work? What criteria would you use?

Possible Criteria Usability - Is it easy to use? Audience - Is it appropriate for its audience? Accuracy - Is the content appropriate and accurate? Multimedia Integration - Are the different media used appropriately and well integrated? Hypertextuality - Is the hypertext design appropriate to the content? Interactivity - Is it interactive? Would it be better on paper?

What is Hypertext? Well, by “hypertext” I mean non-sequential writing--text that branches and allows choices to the reader, best read at an interactive screen. As popularly conceived, this is a series of text chunks connected by links which of the reader different pathways. (Nelson, Literary Machines, p. 0/2)

Nodes and Links Entry Point Path

Anchors and Links

Some Proto-Hypertexts Encyclopedia - "See also". Library - Footnotes. Literary Allusions and References. Manuscripts and Marginal Glosses.

Main Text Interlinear Text Commentary Marginal Text Secondary Text

Manuscript Main Text Interlinear Text Commentary Marginal Text Link?

Text and Hypertext

1945, Vannevar Bush “As We May Think” article in the Atlantic Monthly Screens Recording Device Keypad Storage Projection

1965, Ted Nelson and Xanadu THIS BOOK DESCRIBES THE LEGENDARY AND DARING PROJECT XANADU, AN INITIATIVE TOWARD AN INSTANTANEOUS ELECTRONIC LITERATURE; the most audacious and specific plan for knowledge, freedom and a better world yet to come out of computerdom; the original (and perhaps the ultimate) HYPERTEXT SYSTEM. (Nelson, Literary Machines, Cover)

First Systems 1967/8 - Hypertext Editing System and FRESS. Andy van Dam, Brown University Aspen Movie Map. Andy Lippman, MIT Intermedia HyperCard. Bill Atkinson, Apple World Wide Web. Tim Berners-Lee, CERN

Hypertext (media) Comes of Age Hyperfiction. On the cover of the New York Times Book Review Hypermedia Encyclopedias. Print encyclopedias are surpassed in sales by hypermedia ones A Hard Day's Night. Voyager Netscape. Netscape Corp is traded on the stock market.

Designing a Hypertext When would you decide to use hypermedia for a work over print technology? How would you go about designing a hypermedia work? How would you make sure your readers are not lost in your hypermedia work? What sort of people would you need in a team?

Hypertext and Interactivity Hypertext is one form of interactivity The most common on the Web Home Pages, Tables of Content, Navigation Bars, Indexes, Site Maps, Associative Links, Image Maps What are some other types? Searching (Google) Visualization (Video, Virtual Spaces) Interactive Games and Toys

Design of the Whole - Audience What is the point of this work? Who is your audience? Why will they bother? My Hypertext How will they interact with it?

Hypertext Topography Home Page Page 1 Page 2 Page 3 Branching Linear Axial Home Page Page 1 Page 2Page 3 Home Page Page 1 Page 2 Page 3 Annotation

Page Structure Where am I? What can I do here? Where can I go? Identification Page Abstract Content Landmark Links Internal Associations Direction of Reading Toolbar Banner Table of Contents

Tips Have a clear titling scheme so that the reader knows where they are. Keep the site fairly flat - don’t dice your content into so many layers of pages that the reader gets lost. Be consistent - graphically and hypertextually. Have a common toolbar at the bottom of every page. Have a credits page. Have a signature at the bottom of each page.

End