A Unix-based Sun implementation in the SUN OS and NEWS environments was built by Don Hopkins, Bill Weiland, and Rodrigo Botafogo under the leadership of Catherine Plaisant. Rodrigo Botafogo developed the first image map implementation on the PC for touchscreen selections in the Smithsonian Institution's exhibit "King Herod's Dream" in May 1988. The public access kiosk, developed by Catherine Plaisant and Richard Potter, was called "Guide to Opportunities in Volunteer Archaeology (GOVA) and toured for 18 months in six cities.
In 1989, Ben Shneiderman and Greg Kearsley published Hypertext Hands-on!, the world's first commercial electronic book with the highlighted links idea. This innovative book/software package provided the first hands-on, non-technical introduction to hypertext. The publicity claimed:
- describes hypertext applications for travel guides, product catalogs, technical documentation, novels, blueprints, textbooks, encyclopedias, and more
- software contains examples of a hyper novella, hyper travel guide, hyper business procedures, hyper blueprints, and even a hyper joke.
- discusses system design issues such as user interface, performance, networks, direct manipulation, windows, browsing, indexes, etc.
Table of Contents:
1) Essential Concepts
3) System Design Issues
4) Implementation Issues
9) The End is Just the Beginning
Epilog: The Making of Hypertext Hands-On!
". . .several programs have been made exploring these ideas, both
commercially and academically. Most of them use "hot spots" in documents,
like icons, or highlighted phrases, as sensitive areas. Touching a hot
spot with a mouse brings up the relevant information, or expands the test
on the screen to include it. Imagine, then, then references in this document,
all being associated with the network address of the thing to which they
referred, so that while reading this document you could skip to them with
a click of the mouse."
--------------- Adapted from Ben Shneiderman's history review in -----------
Designing the User Interface:
Strategies for Effective Human Computer Interaction, Third Edition (1998)
Hyperties was conceived of as a publication tool in which authors produce hypermedia for thousands of readers. It has separate tools for browsing and authoring documents. Hyperties was based on the metaphor of an electronic encyclopedia. Each document was called an article and cross-reference were implemented as highlighted text links and image maps. Using the metaphor of an electronic reference book comprised of a collection of titled articles made for easy acceptance and facilitated navigation. Built into Hyperties were author- generated and alphabetical tables of contents including every article plus history lists supporting reversible actions. Hyperties was one of the first software packages that needed no error messages since the design prevented the user from making errors.
In the late 1980's, commercial hypertext applications began to appear. In 1987, Apple provided Bill Atkinson's HyperCard system free with every Macintosh. Although the brochures referred to Vannevar Bush's vision, Apple refrained from using the term hypertext in describing HyperCard (Figure 16.1a-b). Building on the metaphor of cards arranged in stacks, Apple claimed in the online help that "you can use HyperCard to create your own applications for gathering, organizing, presenting, searching and customizing information."
The July 1988 Communications of the ACM contained eight papers
from the first hypertext conference. Three electronic versions of this
issue, built with KMS, HyperCard, and Hyperties, were marketed by ACM to
thousands of professionals. Hyperties was used the following year to create
the first commercial electronic book, Hypertext Hands-On! (Shneiderman
and Kearsley, 1989). Hewlett-Packard used Hyperties to distribute electronic
documentation for its LaserJet 4 printers in 15 languages. This may have
been the first worldwide distribution of hypertext prior to implementation
of the World Wide Web.
Today, the World Wide Web uses hypertext to link tens of millions of documents together. The basic highlighted text link can be traced back to a key innovation, developed in 1983, as part of TIES (The Interactive Encyclopedia System, the research predecessor to Hyperties). The original concept was to eliminate menus by embedding highlighted link phrases directly in the text (Koved and Shneiderman, 1986). Earlier designs required typing codes, selecting from menu lists, or clicking on visually distracting markers in the text. The embedded text link idea was adopted by others and became a user interface component of the World Wide Web (Berners-Lee, 1994).
Other Hyperties features anticipated the World Wide Web. Charles
Kreitzberg, Whitney Quesenbery, and programmers at Cognetics made professional
implementations of image maps, animations, and a markup language called
HTML (Hyperties Markup Language). It is quite similar to the HTML markup
language used with web browsers; both drew on concepts in SGML, which continues
to be an important markup language within the publishing community. Hyperties
also had a Java-like scripting language, which allowed processes to be
attached to pages or to links.
This first screen was the one that generated the aha! moment. The names in the sentence were duplicated in the menu, so following the spirit of direct manipulation, it seemed natural to make them highlighted and selectable, as in the second screen. The original PhotoQuery system became TIES and then Hyperties, refined and implemented by Dan Ostroff.
These screens show early Hyperties examples implemented at the Univ. of Maryland for various projects and then by Cognetics Corporation for its demos and commercial clients.
Images available as PowerPoint
Early readings on HyperTIES:
(A full list with abstracts on our hypertext research)
Ewing, J., Mehrabanzad, S., Sheck, S. Ostroff, D., and Shneiderman, B., An experimental comparison of a mouse and arrow-jump keys for an interactive encyclopedia, International Journal of Man-Machine Studies 24, 1 (January 1986), 29-45.
Shneiderman, B., User interface design for the Hyperties electronic encyclopedia, Hypertext '87 Workshop Proceedings, Raleigh, NC, November 13-15, 1987, 199-204.
Shneiderman, B. (Editor), Hypertext on Hypertext, Hyperties disk with 1Mbyte data and graphics incorporating Communication of the ACM (July 1988), New York: ACM Press.
Koved, L. and Shneiderman, B., Embedded menus: Selecting items in context, Communications of the ACM 29, 4 (April 1986), 312-318.
Shneiderman, B., Reflections on authoring, editing, and managing hypertext. In Barrett, E. (Editor), The Society of Text, MIT Press, Cambridge, MA (1989), 115-131.
Shneiderman, B. and Kearsley, G., Hypertext Hands-On! An Introduction to a New Way of Organizing and Accessing Information, Addison-Wesley, Reading, MA (1989).
Shneiderman, B., Plaisant, C., Botafogo, R., Hopkins, D., and Weiland, W., Designing to facilitate browsing: A look back at the Hyperties workstation browser, Hypermedia 3, 2 (1991), 101-117.
Brethauer, D., Plaisant, C., Potter, R., and Shneiderman, B., Three
evaluations of museum installations of a hypertext system, Journal of
the American Society for Information Science 40, Special Issue on Hypertext,
(May 1989), 172-182.