Your SlideShare is downloading. ×
The presentation foils
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

The presentation foils

782
views

Published on


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
782
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. The Real History of The GUI Introduced By Lior Ur & Efrat Carmi
  • 2. What is GUI?
    • Many of us may think of
    • gooey
  • 3. GUI - Graphical User Interface
    • An interface for issuing commands to a computer utilizing a pointing device, such as a mouse, that manipulates and activates graphical images on a monitor.
  • 4. Why do we need GUI?
    • The idea of GUI derives from cognitive psychology – the study of how the brain deals with communication
    • Our brain works more efficiently with graphical icons & displays than with words
  • 5. Why do we need GUI?
    • For example:
  • 6. GUI history – The Mythology
    • December 1979:
    • The Apple team, Steve Jobs and his friends, enter Xerox’s Palo Alto Research Center (PARC) labs
    • They tour the place with childh like admiration while… memorizing schematics and taking notes
  • 7. GUI history – The Mythology
    • Jobs and cohort Steve Wozniak go back to their garage and stuff every idea and process they can remember from the Xerox tour into their new product:
    • The Macintosh!!!
  • 8. GUI history – The Mythology
    • Apple amazes the world with the GUI thing, and everyone wants to get their own computer
    • Xerox is confused and Microsoft’s Bill Gates is enraged!
  • 9. GUI history – The Mythology
    • Gates takes Job’s thievery one step further and brings out Apple-clone, Windows.
    • Microsoft succeeds to dodge an Apple lawsuit, And so Apple falls behind.
    • And…
  • 10. GUI history – The Mythology
    • Windows takes over the world…
  • 11. GUI history – The Mythology
    • Well … not exactly
    • The true story is quite different
  • 12. The real history of GUI Chapter 1
  • 13. The real history of GUI
    • 1940-1975: The early years
    • “ The best way to predict the future is to invent it”
    • Alan Kay and an informal PARC slogan
  • 14. The real history of GUI (1940-1975)
    • 1945 – Bush invents the “ memex ”
    • Vannevar Bush, a visionary scientist, invents the “ memex ”:
    • Acts as an external memory
    • Would make use “hyperlink” technology ( items retrieved rapidly through indexing, keywords, cross references )
    • Reflected the idea of hypertext (where documents are linked to related documents)
    • Was never constructed
  • 15. The real history of GUI (1940-1975) MEMEX
  • 16. The real history of GUI (1940-1975)
    • 1962 – The first “ mouse ”
    • Douglas Engelbart, a scientist at Stanford Research Laboratory (now SRI), invented the first “mouse”, a wooden box on wheels that moves around the desktop, and takes the cursor with it on the display.
  • 17. The real history of GUI (1940-1975)
    • He called it:
    • “ x-y position indicator ”
  • 18. The real history of GUI (1940-1975)
    • First graphical video game -
    • Space War (1962)
    • MIT project
    • Including the first computer joystick
  • 19. The real history of GUI (1940-1975)
    • 1963 - The “ sketchpad ”
    • Ivan Sutherland, a grad student at MIT, submits as his thesis a program named “ sketchpad ”, that supported manipulation of objects on screen using a light pen, including:
    • Grabbing objects
    • Moving objects
    • Changing size
  • 20. The real history of GUI (1940-1975) Sutherland and his sketchpad
  • 21. The real history of GUI (1940-1975)
    • A hypermedia groupware system that featured:
    • Use of mouse for graphics
    • Multiple tiled windows
    • Object addressing
    • Extensive use of linking
    • Videoconferencing
    • E-mail
    1968 - Engelbart creates NLS (oNLine System)
  • 22. The real history of GUI (1940-1975)
    • a computing “think tank”, where brilliant minds crank out ideas and implement them
    The place GUI was born PARC - Palo Alto Research Center
  • 23. The real history of GUI (1940-1975)
    • Main ideas that came from PARC
    • Development of icons
    • Extension of ‘desktop metaphor’ into ‘ office metaphor’ – collection of data will be known as files, that can be organized into folders
    • Implementation of object concept
    • Cursor changes to show system mode and context
    • Overlapped and tiled windows
  • 24. The real history of GUI (1940-1975)
    • Main ideas that came from PARC – cont.
    • Popup menus
    • Scroll bar
    • Push buttons
    • Check boxes
    • Dialog boxes
    • Multiple fonts & style in text
    • Move / copy / delete
  • 25. The real history of GUI (1940-1975)
    • Early 70’s at PARC
    • Failing project called “ Dynabook ” :
    • hand held, notebook-sized device (early laptop), where a person can touch the screen to access information
    • Alan Kay and others (from PARC) developed the Smalltalk programming language, with influences from “Logo” “Lisp” and the Sketchpad
  • 26. The real history of GUI (1940-1975)
    • Smalltalk features
    • Object orientation
    • A multi platform virtual machine
    • GUI features
    • Overlapping “windows”
    • Hierarchical menus
    • Bit-blt or “bit-blitting” - The protocol by which objects on the screen can be manipulated
    • Model-View-Controller
  • 27. The real history of GUI (1940-1975)
    • Pygmalion –
    • The first program to be written under Smalltalk
    • Demonstrating that computer programming can be graphically based and not restricted to text
    • Attempts to provide the programmer visual and intuitive programming
    • Coined the term “icons”
  • 28. The real history of GUI (1940-1975) traditional mainframe
  • 29. The real history of GUI (1940-1975)
    • Xerox’s Alto computer ( 1974)
    • First useable GUI
    • A “smaller”, portable replacement of mainframes
    • Started its life showing an image of Sesame Street’s “Cookie Monster”
    • Was not marketed
  • 30. The real history of GUI (1940-1975)
    • Alto computer - cont.
    • Extensive use of the mouse
    • Pioneered the bitmapped display
    • Featured graphical driven apps.
    • Iconic representations for programs
    • Popup menus
  • 31. The real history of GUI (1940-1975)
    • Alto’s Software
    • Word processor -“ Gypsy ”
      • The ability to cut/copy/paste with a mouse
    • Text editor - “ Bravo ”
      • Supported multiple fonts & style in text
    • First drawing program - “ Markup ”
    • First Painting program - “ Superpaint ”
    • WYSIWYG through bitmapping for “Gypsy” and “Bravo”
  • 32. The real history of GUI (1940-1975)
    • WYSIWYG - What You See Is What You Get
    • Pronounced "wizzy-wig“.
    • Refers to displaying text and graphics on screen, the same as they will print.
    • To have WYSIWYG text, there must be an equivalent screen font for each printer font used
  • 33. The real history of GUI (1940-1975) WYSIWYG
  • 34. The real history of GUI Chapter 2
  • 35. The real history of GUI
    • 1975-1985: The origins of pc
    • “ There is no reason why anyone would want a computer in their home”
    • Kan Olson, President, Chairman & founder of Digital Equipment Corp., 1977
  • 36. The real history of GUI (1975-1985)
    • “ So we went to Atari and said: hey, we’ve got this amazing thing, even built with some of your parts, and what do you think about funding us? …and they said ‘No’.
    • So then we went to Hewlett-Packard,
    and they said, ‘Hey, we don’t need you. You haven’t got through college yet’ “. Apple founder Steve Jobs on attempts to get Atari and HP interested in his and Steve Wozniak’s personal computer
  • 37. The real history of GUI (1975-1985)
    • The beginning of Apple
    • Jobs and Wozniak met at HP. Their careers begun by building (Wozniak) and selling (Jobs) “ blue boxes ” : illegal devices that scammed free phone calls from Ma Bell
  • 38. The real history of GUI (1975-1985)
    • The beginning of Apple
    • Jobs envisioned building personal desktop-size computers for the masses
    • 3/76 – Wozniak builds the first Apple
    • Apple  - a wooden boxed machine with LED display
  • 39. The real history of GUI (1975-1985)
    • The beginning of Apple
    • 1976 – Apple is founded in Job’s garage
    • About 200 units of Apple  ’s are sold
    • The team uses the money from Apple  ’s sales to start the work on the Apple 
  • 40. The real history of GUI (1975-1985) Apple II
  • 41. The real history of GUI (1975-1985)
    • Apple  (1977)
    • Featuring:
      • Color graphics
      • Video display
      • Inboard floppy disk
      • Game paddles
      • First spreadsheet – VisiCalc
  • 42. The real history of GUI (1975-1985)
    • … Followed by Apple 
    • (which was unsuccessful)
    Apple III
  • 43. The real history of GUI (1975-1985)
      • In exchange, Xerox got a block of Apple shares
    • The Apple team returned and started to work on Apple “Lisa”
    • 1979 – Apple’s visit to PARC
    • Apple negotiated a deal with Xerox:
      • 12/79 - Xerox allows Jobs and team to tour the place, take notes and make use of the ideas in their own creations
  • 44. The real history of GUI (1975-1985)
    • First computer desktop – Xerox Star (1981)
    • First true GUI driven PC featured:
      • Concept of desktop metaphor
      • Overlapping resizable windows
      • Extensive usage of icons
      • Sophisticated PARC mouse , that used laser beams
    • Star’s interface known as –WIMP (Windows, Icons, Menus & Pointers)
  • 45. The real history of GUI (1975-1985)
    • “ The [Lisa] user will be able to carry out many functions, simply by pointing to a picture of what he wants done, rather than typing instructions.”
    • Time Magazine, 1983
  • 46. The real history of GUI (1975-1985)
    • Apple “Lisa” (1983)
    • Lisa – L ocal I ntegrated S oftware A rchitecture
    • Development started at 1979, after the trip to PARC
    • First of a new GUI-based PC family
    • developed for business use
    • Eventually failed because of the high cost and lack of software
  • 47. The real history of GUI (1975-1985)
    • Apple Lisa
    • Lisa featured:
      • Click-and-drag capability
      • Pull-down menu
      • 77 – integrated software including word processor, spreadsheet, drawing program, chart builder and more
    • Desktop manager taken from PARC (the original plan didn’t have any icons)
    • Smalltalk influence
  • 48. The real history of GUI (1975-1985) Apple LISA - Desktop and 7/7
  • 49. The real history of GUI (1975-1985) Apple LISA
  • 50. The real history of GUI (1975-1985)
    • After Lisa
    • Apple worked with psychologists, artists and ordinary users to improve Lisa’s interface
    • Also provided California
    • schools with free LISA’s in order to enhance software and GUI
  • 51. The real history of GUI (1975-1985)
    • Macintosh (Mac) – 1984
    • Apple wanted to produce a computer with GUI that would be smaller and cheaper than LISA
    • First popular PC to feature GUI
    • Cost 2500$ (compared to the 10,000$ of Lisa)
  • 52. The real history of GUI (1975-1985)
    • Mac Toolbox (for Mac)
    • Developed by Apple after Lisa’s failure
    • Allowed third-party companies to produce software for the Mac
    • Contained example programs and Mac interface guidelines so software would be written in similar style to house software
  • 53. The real history of GUI (1975-1985)
    • Macintosh (Mac) – cont.
    • The Mac came with:
      • MacPaint – art design to the average user
        • Had the ability to drag and select shapes
      • MacWrite – a simple word processor that was the first WYSIWYG product in the market
    • 1984 Super Bowl commercial
  • 54. The real history of GUI (1975-1985)
    • “ The future lies with graphical windowing interface. Mouse cursor control, pull-down menus, dialog boxes, and the like are destined to take over the IBM PC and compatible world as well.”
    • W.F Zachmann, 1987
  • 55. The real history of GUI (1975-1985)
    • Microsoft joins the game
    • “ 640K ought to be enough for anybody”
    • Bill Gates, 1981
  • 56. The real history of GUI (1975-1985)
    • The beginning of Microsoft
    • 1974 – Bill Gates and Paul Allen start up Microsoft
    • 1975 – producing BASIC 1.0 interpreter for the MITS Altair, first programming language written specifically for a PC
    • 1975 – BASIC 2.0 for new versions of Altair
  • 57. The real history of GUI (1975-1985)
    • 1977 - Microsoft and Apple team up
    • Microsoft writes “Apple BASIC” for Apple. their fee: 21,000$
    • Apple sells over a million computers with Apple BASIC
  • 58. The real history of GUI (1975-1985)
    • Early 80’s
    • 1980 : Microsoft buys DOS from Seattle Computer Products
    • 1981 : Jobs visits Microsoft, and invites them to develop apps. for Apple’s new GUI-based system - the Mac
  • 59. The real history of GUI Chapter 3
  • 60. The real history of GUI
    • GUI wars
    • “ No Steve, I think it’s more like we both have a rich neighbor named Xerox, and you broke in to steal the TV set, and you found out I’d been there first, and you said, ‘Hey, that’s not fair!, I wanted to steal the TV set!”
    • Bill Gates
  • 61. The real history of GUI ( GUI wars)
    • 1985 computer market
    • Many platforms debuted in the early 80’s (visiOn, Gem and others)
    • The only one with significant influence was Commodore’s Amiga
  • 62. The real history of GUI ( GUI wars)
    • Commodore’s Amiga (1985)
    • Amiga developed a GUI called “Intuition”, where directories were shown as filing cabinet drawers
    • It also featured:
      • Advanced sound and video capabilities
      • Sophisticated GUI-driven OS
      • Multitasking
      • Shared libraries
      • Right click
  • 63. The real history of GUI ( GUI wars)
    • Windows 1.0 (1985)
    • 11/83 – Microsoft announcing that it is working on its own GUI-based OS, to be known as “ Windows ”
    • Gates tries to interest IBM in Windows, with no success
    • Apple-like drop-down menus, tiled windows and mouse support
  • 64. The real history of GUI ( GUI wars)
    • The Apple-Microsoft agreement
    • In an ingenious move, when the two companies began their cooperation on the Mac, Microsoft signed a licensing agreement with Apple that stated:
      • MS would not employ Apple technology In win 1.0
      • No agreement was made for further versions of windows
    • Apple realized that the contract they signed with Microsoft only prevents them from using features of the Mac in win1.0
  • 65. The real history of GUI ( GUI wars)
    • Windows 2.0 (1987)
    • Looks like Mac more than ever
    • Featuring:
      • Icons to represent
      • files, folders and programs
      • Cascading overlapping windows
    • Apple’s lawsuit vs. MS, claiming that Windows stole the Mac’s “look and feel”
    • Win 2.0 fails as well
  • 66. The real history of GUI ( GUI wars)
    • The big GUI lawsuit
    • Apple sues MS for stealing the Mac’s “look and feel”
    • Apple : “Windows had illegally copied the Mac GUI”
    • Microsoft : “Both systems “borrowed” liberally from the original Xerox concepts”
    • In fact, Window’s interface design looked more like the old Alto GUI than the Mac design
    • Microsoft won in 1993
  • 67. The real history of GUI ( GUI wars)
      • Mutual agreement to end the GUI dispute
    • 1997 – Jobs announced a formal partnership with MS
    • Microsoft buys $150 million of Apple shares
  • 68. The real history of GUI Chapter 4
  • 69. The real history of GUI
    • 1990 and on: The Windows Era
    • “ I think Windows 3.0 will get a lot of attention; people will check it out, and before long they will all drift back to raw DOS. Once in a while they’ll boot Windows for some specific purpose, but many will put it in the closet with the commodore 64.”
    • John Dvorak, 1990
  • 70. The real history of GUI (1990 and on)
    • Windows 3.0 (1990)
    • Launched with:
      • Dozens of Windows compatible applications
      • “ sculpted buttons” made by an icon designer
      • Win-compatible versions of Word and Excel
      • Support for sixteen colors
      • Improved speed and reliability
      • Selling over 3 million copies in the first year
  • 71. The real history of GUI (1990 and on)
    • Windows 3.1 (1992)
    • TrueType font support
    • Enhanced multimedia
    • Outselling Mac for the first time
    • Followed by -
    • Windows 3.1.1
    • Called “Windows for workgroups”
    • A version for enterprises
    • added no new features
  • 72. The real history of GUI (1990 and on)
    • Win NT (1993)
    • Started as a Microsoft-IBM cooperation
    • New stable kernel
    • Was more useful for business usage, but not marketed as such
    • Many users converted from Unix to NT
    • Had no backward DOS compatibility (problem for the gamers)
  • 73. The real history of GUI (1990 and on)
    • IBM’s OS/2 warp (1994)
    • Originally a Microsoft/IBM joint venture
    • IBM’s Warp featured a windows like GUI
    • Failed to compete with Windows
  • 74. The real history of GUI (1990 and on)
    • Microsoft Bob (1995)
    • “ Bob” – software program that Microsoft released , designed to replace the desktop of Win 3.1 and 95
    • Interface designed to simplify use
    • Despite of the big advertising campaign it failed due to:
      • PC’s of the day didn’t meet the minimum requirements
      • Not useful enough to justify its cost
      • Was too “cute” for the average PC user
      • People who wanted ease of use got a Macintosh
      • Win 95 was about to be released and take all attention
  • 75. The real history of GUI (1990 and on) Microsoft Bob
  • 76. The real history of GUI (1990 and on)
    • Windows 95 (1995)
    • First MS GUI integrated OS
    • Very user-friendly
    • Had the new Windows Explorer interface
    • Win NT 4.0 boosts NT popularity with integrated Win 95 GUI
  • 77. The real history of GUI (1990 and on)
    • Apple’s products
    • Apple tries to redeem itself with:
      • Mac OS 8 “Platinum” – a popular and stable OS
      • OS9 (1999) – an upgrade to the “Platinum” system
      • iMac (1998)
        • comes with either OS 9 or OS X installed
        • Great color scheme
        • User-friendly design
    • None of which seem to makes the difference
  • 78. The real history of GUI (1990 and on)
    • Microsoft’s products
    • 1998 - Microsoft launches the Win98 , an upgrade for 95 with:
      • "Internet Explorer 4" built in
      • Active Desktop allowing to setup a desktop as a personal web page
    • Followed by Windows Millennium , minor upgrade for 98
    • Windows 2000 or Win 2K – Last iteration of the NT line
    • 2002 – Windows XP , uniting the Win9X and NT series
  • 79. The real history of GUI
    • The GUI today
    • No significant changes were made since Lisa, desktop became only faster, smoother and nicer
    • Latest UI innovations:
      • Touch screens (usually for business use)
      • voice recognition
      • Retinal and fingerprint scans for security
      • Holographic representations
    • Some of which exist but too expensive for common use
    • New attempts – win3d (cont of Bob)
  • 80. The End!
  • 81. The real history of GUI About the writer - Mike Tuck An educator, freelance writer, and self-taught PC user. Expert in Microsoft product optimization and usage. Written 5 articles for SitePoint. His hobbies include basketball, politics and spoiling his cats.
  • 82. The real history of GUI
    • Article critique
    • Good:
    • Written in a friendly manner (language and structure)
    • Has an objective view
    • Gives good overview
    • Bad :
    • Missing specific information about various GUI features
    • Tends to drift away from the main topic
    • Missing future prospect of GUI
  • 83. Discussion - The future of the GUI
    • What are Apple, MS and others planning ?
    • Do you think the mousekeyboard will be replaced, by what ?
    • How will VR come in to play ?
    • How can GUI become more intuitive ?
  • 84. Discussion - The future of the GUI