The Xerox Star: A Retrospective Presented by: Yang Wang Michal Shmueli-Scheuer.

Slides:



Advertisements
Similar presentations
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Copyright © 2006 by The McGraw-Hill Companies,
Advertisements

Automating Tasks With Macros
ISE554 Human Computer Interaction Design 2.1 Core Concepts of HCI.
The Xerox “Star” A Retrospective By Bruno Nadeau & Luv Sharma.
RAND’s vision (1954) From ImageShack web site // ; original source unknown.
These courseware materials are to be used in conjunction with Software Engineering: A Practitioner’s Approach, 6/e and are provided with permission by.
CAD/CAM Design Process and the role of CAD. Design Process Engineering and manufacturing together form largest single economic activity of western civilization.
“Doctoral Level Independent Study” Fall Semester 2006 Assess An Existing PhD Thesis Peng Michael Shao Yingdan Huang.
Other Interaction Styles: Direct Manipulation, Haptic, Multimedia, Multimodal, Virtual Reality, Video Games Dr.s Barnes and Leventhal.
1 An Introduction to Visual Basic Objectives Explain the history of programming languages Define the terminology used in object-oriented programming.
Developing a Basic Web Page with HTML
Computer Skills Preparatory Year Presented by: L.Obead Alhadreti.
Design, goal of design, design process in SE context, Process of design – Quality guidelines and attributes Evolution of software design process – Procedural,
Web Design Basic Concepts.
Present by : Juan José Foronda
1 Introduction to Web Development. Web Basics The Web consists of computers on the Internet connected to each other in a specific way Used in all levels.
Computer for Health Sciences
Section 6.1 Explain the development of operating systems Differentiate between operating systems Section 6.2 Demonstrate knowledge of basic GUI components.
What is Web Design?  Web design is the creation of a Web page using hypertext or hypermedia to be viewed on the World Wide Web.
Parts of the Computer. Three Components of an Information System 1.Hardware The physical components that make up the computer and other devices connected.
Jayden Sedunary. For those non computer literate people, a Graphical User Interface is a type of interface item that allows people to interact with programs.
1 Lecture 5: Deep Dive: Desktop Metaphors, Icons, Window Managers Brad Myers A/05-499A: Interaction Techniques Spring, 2014 © Brad Myers.
XP New Perspectives on Introducing Microsoft Office XP Tutorial 1 1 Introducing Microsoft Office XP Tutorial 1.
Microsoft Visual Basic 2005: Reloaded Second Edition
11.10 Human Computer Interface www. ICT-Teacher.com.
Microsoft Office Project One Creating and Editing a Word Document Textbook pages WD4-63.
AS Level ICT Selection and use of appropriate software: Interfaces.
ACS 367 Interface Design Introduction & Text Overview Galitz, Wilbert O. The Essential Guide to User Interface Design.
Introduction to Interactive Media Interactive Media Tools: Software.
These slides are designed to accompany Software Engineering: A Practitioner’s Approach, 7/e (McGraw-Hill, 2009) Slides copyright 2009 by Roger Pressman.1.
The Xerox Star: A Retrospective Part 1 By: Frank Lin.
Software Writer:-Rashedul Hasan Editor:- Jasim Uddin.
Human-Computer Interaction IS/HCC 760 Fall 2011 Shaun Kane.
Operating Systems. Without an operating system your computer would be useless! A computer contains an Operating System on its Hard Drive. This is loaded.
Chapter 8 Introduction to HTML and Applets Fundamentals of Java.
Visual BASIC 1 Introduction
CHAPTER TEN AUTHORING.
History of HCI. Objectives By the end of the class, you will be able to… –Describe major milestones in the history of HCI and explain their impact in.
Paradigms Material from Authors of Human Computer Interaction Alan Dix, et al.
Computer Components.
ACS 367 Interface Design History. Brief History n Early research –SRI in 1960s »The very system that I am using to access this information has its intellectual.
* Property of STI Page 1 of 18 Software: Systems and Applications Basic Computer Concepts Software  Software: can be divided into:  systems software.
©Ian Sommerville 2004Software Engineering, 7th edition. Chapter 4 Slide 1 Slide 1 Human Computer Interface Design (HCI - Human Computer Interactions Alias.
Introduction to Microsoft publisher
Foundation year Lec.3: Computer SoftwareLec.3: Computer Software Lecturer: Dalia Mirghani Year: 2014/2015.
Copyright © 2006 by The McGraw-Hill Companies, Inc. All rights reserved. McGraw-Hill Technology Education Copyright © 2006 by The McGraw-Hill Companies,
CS 346 – Chapter 2 OS services –OS user interface –System calls –System programs How to make an OS –Implementation –Structure –Virtual machines Commitment.
Win OS & Hardware. Input Getting data into the computer.
Alan Kay: LCC 2700: Intro to Computational Media Spring 2005.
Introduction to Interactive Media Interactive Media Tools: Authoring Applications.
COMPUTER SOFTWARE FORM 1. Learning Area Introduction to computer software Operating System (OS) Application Software Word Processing Software Presentation.
Different Types of HCI CLI Menu Driven GUI NLI
The Xerox Star: A Retrospective Jeff Johnson and Teresa L. Roberts US West Advanced Technologies William Verplank, IDTwo David C. Smith, Cognition, Inc.
Operating Systems. An operating system (os) is a software program that enables the computer hardware to communicate and operate with the computer software.
CONTENT  Introduction Introduction  Operating System (OS) Operating System (OS) Operating System (OS)  Summary Summary  Application Software Application.
Parts of the Computer.
Brad Myers /05-640: Interaction Techniques Spring, 2016
1 INTRODUCTION TO COMPUTER GRAPHICS. Computer Graphics The computer is an information processing machine. It is a tool for storing, manipulating and correlating.
Operating System Basics. Outline The User Interface Running Programs Managing Files Managing Hardware Utility Software.
Augmenting Understanding: 2 Digital Innovators LCC 2700: Intro to Computational Media Fall 2005 Ian Bogost.
Unit Unit 4 – Windows OS File Structure Introducing Your Computer Widows File Types, Trees & Explorer.
LCC 2700: Intro to Computational Media
The Importance of the User Interface
GUI Evolution (Fruit vs Squares)
11.10 Human Computer Interface
History of the GUI.
GRAPHICAL USER INTERFACE
The Importance of the User Interface
Presentation transcript:

The Xerox Star: A Retrospective Presented by: Yang Wang Michal Shmueli-Scheuer

This presentation is mainly based on: “The Xerox Star: A Retrospective” - Jeff Johnson, Teresa L. Roberts (US West Advanced Tech) - William Verplank (IDTwo) - David C. Smith (Cognition, Inc.) - Charles H. Irby, Marian Beard (Metaphor Com. Sys.) - Kevin Mackey (Xerox)

A bird’s-eye view of this presentation Part I: What is Star? - Brief introduction - Distinctive features Part II: History of Star development - Pre-Xerox, Star, and ViewPoint - Lessons from experience

I. What is Star?

Brief introduction Xerox introduced the 8010 “Star” Information system in April of Star was designed as an office automation system where users would produce, retrieve, distribute, and organize documentation, presentations, memos, and reports.

Assumptions & goals Assumption 1: Users are only interested in getting their work done and not at all interested in computers. Goal 1: To make the “computer” as invisible to users as possible.

Assumptions & goals (Cont.) Assumption 2: Star’s users would be casual, occasional users rather than people who spent most of their time at the machine. Goal 2: Star should be easy to learn and remember.

Star’s features Machine and network level Window and file manager level User interface level Document editor level

Star’s features Machine and network level Window and file manager level User interface level Document editor level

Machine and network level Star was designed primarily to operate in a distributed computing environment. All personal workstations would be connected via Ethernet and would share access to file servers, printers.. Use 2-button mouse

Star’s features Machine and network level Window and file manager level User interface level Document editor level

Window and file manager level Windows: –Star allowed several programs to display information simultaneously in separate windows. –Windows don’t overlap because early testing showed that users spent a lot of time adjusting windows. Integrated applications: –Text, graphics, tables, and mathematical formulas are all edited inside documents. –Star was not fully integrated in this sense.

Star’s features Machine and network level Window and file manager level User interface level Document editor level

User interface level Desktop Metaphor Generic Commands Direct Manipulation and Graphical User Interface Icons and Iconic File Management Few Modes Objects have properties Progressive Disclosure Consistency Emphasis on Good Graphic and Screen Design

Desktop Metaphor Resembles the top of an office desk, together with surrounding furniture and equipment. The system associates different types of data files with appropriate programs, so users mainly deal with data files instead of programs. Example: - users “ open a document ”, rather than “ invoke a text editor ” Make the system easy to learn and use

Generic Commands A small set of generic commands simplifies the system. Generic commands apply to all types of data, and each type of data object interprets a generic command in a way appropriate for it. Examples: move, copy, open …

Direct Manipulation & Graphical User Interface Assumption: casual users Design philosophy: –Recognition > Recall –Seeing and Pointing > Remembering and Typing User control the system by manipulating graphic elements on the screen. Make the users easier to learn and use Star.

Icons and Iconic File Management Icons: pictures of office objects Data files are represented by icons Each type of file has a characteristic icon representation Allow users to organize files spatially rather than by distinctive naming. Example: –Files can be kept together by putting them into a folder

Few Modes A system has modes if user actions differ in effects or availability in different situations “ Modes in interactive computer systems are undesirable because they restrict the functions available at any given point and force the user to keep track of the system ’ s state to know what effect their actions will have …” ---Tesler Star ’ s approaches to avoid modes: –Extensive use of generic commands –Allow applications to operate simultaneously

Objects have properties Properties allow objects of the same type to vary in appearance, layout and behavior. In Star, properties are displayed and changed in graphic forms called property sheets.

Property Sheet

Progressive Disclosure Detail is hidden from users until they ask or need to see it To avoid overwhelming users with information Star provides default settings and hides settings that users are unlikely to change Example: in property sheets

Consistency Star and all its applications were designed and developed in a unified way by a single development group. Star achieved a high degree of consistency. Example: –The left button of mouse always selects. –The right button of mouse always extends the selection.

Emphasis on Good Graphic and Screen Design Windows, icons, and property sheets are useless if user cannot easily distinguish them from the background or each other … Xerox hired graphic designers to determine the appearance and placement of objects Some principals applied: –The illusion of manipulable objects (e.g. scrolling window) –Visual order and user focus …

Visual order and user focus In Star, the icon selected by the user is indicated by inverting the image Still popular

Star’s features Machine and network level Window and file manager level User interface level Document editor level

WYSIWYG (what you see is what you get) Star documents are displayed as they will print Extended character set for multilingual capability The document editor is supposedly the primary application, thus most applications are integrated into the document editor.

History of star development

Memex Alto BravoX Star (8010) ViewPoint (6085) ViewPoint 2.0 SimulaReactive Engine NLSSketchpad Bravo SIL Draw SRI Smalltalk Flyer MarkupPress Interpress Postscript Augment Deluxe paint Doodle Office Talk interleaf Cognition MCAE system Mess Pymalion Gypsy Lisa Macintosh Mac II Cedar Tajo Metaphor workstation

Memex As we may think…. Vannevar Bush After 18 years….

Sketchpad Ivan Sutherland Interactive graphic system Create graphical figures on a 9 inch CRT display using a light pen Geometric shapes as Objects: move, copy, rotate..

Sketchpad- 1963

NLS- 1960’s Douglas Engelbart Compare different devices: light pen, track ball, joysticks, the "Graficon“ and Knee brace Invent the mouse

NLS- 1960’s First system to organize textual and graphical information in trees and networks. CRT display Full screen oriented MOUSE

Smalltalk Alan Kay “children should program in Smalltalk” Fact: The Star wasn’t written in Smalltalk ! Smalltalk relied heavily on graphics, animation, mouse driven input, windows and simultaneous applications.

Xerox PARC : ALTO: 2.5 MB HD, 256KB Memory, bitmapped display, 50KB of display memory and a mouse. Became operational 1972 Palo Alto Research Center was established in order to explore technologies Expansion into the office systems business. Personal computer in a distributed environment

Xerox PARC Ethernet, 1973 Bob Metcalfe Standardized layered communications protocol Soon after the first Altos were built, they were networked together. Provided a way of connecting computers much more flexibly than previously possible.

Pygmalion David C. Smith The first large program to be written in Smalltalk Programming can be accomplished by interacting with graphical elements on a screen. Computers can be programmed in the language of the user interface By demonstrating what you want done and having the computer remember and reproduce it. Fact: The idea of using icons came mainly from Pygmalion !

Pygmalion- 1975

Other software's for Alto Bravo- advanced document editing system WYSIWYG, underline, boldface, italic, font, size.. Gypsy- text editor BravoX- led to Microsoft Word. Text editor Draw- graphical object editor Markup- bitmap graphics editor (paint program) Graphic editor Laser printing- press page-description language (Adobe, postscript) Laurel and Hardy- electronic mail Officetalk- prototype office automation system (tracking…) Different utilities

Star (Xerox 8010) El Segundo did most of the implementation Palo Alto did most of the design and prototyping The hardware was designed in conjunction with the software To develop Star, Xerox created the Systems Development Department (SDD) Mesa, a dialect of Pascal, was the primary product programming language used SDD was split between two locations: El Segundo (So. Cal) and Palo Alto (No. Cal):

Star (Xerox 8010) Hardware: 384KB- 1.5MB Memory, HD 40MB, 17 inch display, 8 inch floppy disk a mouse and Ethernet. Software: Uniformity of specifications, uniform design Strict format- Objects and Actions Objects- applications and system features Actions- actions that the software provide for manipulating the objects. Cost- starting from $16,500

Problems…. It was monolithic: The system knew about all applications, and all parts of the system knew about all other parts. It was difficult to correct problems, add new features and increase performance. The star didn’t sale as expected. Performance, extensibility, maintainability, cost… The monolithic architecture did not lend itself to distributed, multiparty development. Star’s infrastructure was rewritten according to more flexible model- ViewPoint

Lessons from experience Pay attention to industry trends: PARC researchers and Star’s designers didn’t pay enough attention to the “other” personal computer revolution occurring outside of Xerox. Release new technologies to public- become a standard. Pay attention to what customers want: Star should have been designed from the start to be open and extensible by users, as the Alto was. Star didn’t have the functionality customers wanted.

Lessons from experience Know your competition: The price of a star’s workstation was too high to compete with other microcomputer-based PC Avoid geographically split development organizations: The implementers didn’t benefit from much of the prototyping done as PARC. Lack of shared background

The best way to predict the future is to invent it.. [Alan Kay]