We left off in the previous article with the groundbreaking “Mother of all Demos”. Once into the ’70s, NLS was mostly used internally at the Stanford Research Institute. There were a few events and issues that prevented further adoption. The user input required remembering numerical codes via the Chorded Keyset shown below. It worked like playing the piano, where you could press a combination of the 5 keys as if you were playing a chord.
Dans le dernier article, nous avons terminé avec la « Mère de toutes le démos », qui était révolutionnaire. Une fois que les années 70 ont débuté, le NLS était principalement utilisé de façon interne à l’Institut de recherche de Standford. Il y avait eu quelques événements et problèmes qui empêchaient un usage plus large. L’entrée de l’utilisateur nécessitait de se souvenir des codes numériques via le Chorded Keyset montré ci-dessous.
Cela fonctionnait comme un piano où vous pouviez appuyer sur une combinaison des cinq touches comme si vous jouiez un accord.
Other issues were the restrictions of the time-sharing computer mainframe systems. The creation of the more powerful Minicomputer was also less expensive to buy and use (in regards to electrical power requirements). Even though there were successful ports of NLS to the Mini, there was still a steep learning curve. Due to some disagreements between Douglas and his team over plans for NLS, many left to join Xerox at their Palo Alto Research Center (PARC). Xerox PARC is not just responsible for the advancement in the graphical user interface, they also created the Laser Printer, Computer generated Bitmap graphics, and Ethernet – to name a few. They were founded in 1969 as the Research and Development division of Xerox. Using the knowledge gained from NLS and the new Minicomputer architecture, Xerox’s Special Programs Group built their Minicomputer called the Alto. It was the first computer designed for use with a graphical user interface on March 1st, 1973. Here is a picture of it shown below.
D’autres problèmes étaient dus au partage des ordinateurs centraux. Une fois créé, le mini-ordinateur était plus puissant et aussi moins cher à l'achat et à l'utilisation (en termes d’alimentation électrique). Bien que des portages du NLS vers le mini aient réussi, la courbe d’apprentissage restait exigeante. À cause de quelques désaccords entre Douglas et son équipe concernant les projets pour le NLS, beaucoup de personnes sont parties pour rejoindre Xerox à leur centre de recherche à Palo Alto (le Palo Alto Research Center ou PARC).
Le PARC de Xerox n’est pas seulement responsable de l’avancée de l’interface graphique, ils ont également créé notamment l’imprimante Laser, les graphismes Bitmap générés par l’ordinateur et l’Ethernet. Le PARC a été créé en 1969 comme la division de Recherche et développement de Xerox. Avec les connaissances acquises du NLS et l’architecture du nouveau Minicomputer, le Special Programs Group de Xerox a construit leur mini-ordinateur appelé l’Alto. C’était le premier ordinateur conçu pour un usage avec une interface graphique, le 1er mars 1973. En voici une photo (voir ci-dessous).
Some argue that Alto is the first personal computer, while others say it was a small Minicomputer. In either case, it was quite a machine for its day. It used a TTL-based CPU at 5.88 MHz, with 128 kilobytes of memory, 2.5 MB cartridge (like hard drive storage), 606 x 808 resolution monitor, keyboard, 3-button mouse, 5-key chorded keyset, and Ethernet. The Alto would boot using the Alto OS (the operating system) to a text command interface. You would need to type the command to load the program you want to use. This new way of displaying text and graphics on the screen was called WYSIWYG (What you see is what you get). There is a dispute over the origin of that phrase. For our intent and purposes, I will use the 1974 release of Bravo mentioned below. It is believed to be the first use applied to computers. Here is a list of some of the available programs (some dates and developer information could not be found): Bravo Bravo was the first WYSIWYG typesetting program created by Butler Lampson and Charles Simonyi. It was a mode based editor, where you had the command input mode and text input mode. Typesetting functions like cut, paste, delete, italic, bold, position, justification and fonts were done in command mode. While typing text was done in insert mode. For example: To enter text you press the i key, then type what you want, followed by the esc key. It will print what you typed and return to command mode. It was a bit cumbersome to use for the average person.
Certains diraient que l’Alto est le premier PC, alors que d’autres disent qu’il était un petit mini-ordinateur. Dans les deux cas, la machine était vraiment quelque chose pour son époque. Elle utilisait une CPU basé sur TTL à 5,88 MHz avec 128 Ko de mémoire, une cartouche de 2,5 Mo (comme le stockage sur un disque dur), un écran d’une résolution de 606 x 808, un clavier, une souris à 3 boutons, un « chorded keyset » de 5 touches et l’Ethernet. L’Alto démarrait sur une interface en ligne de commande avec le système d’exploitation Alto. Vous deviez taper la commande pour charger le programme voulu. Cette nouvelle façon d’afficher du texte et des graphismes sur l’écran s’appelait WYSIWYG (What you see is what you get - ce que vous voyez est ce que vous obtiendrez). L’origine de cette phrase est disputée. Pour ce qui nous concerne, j’utiliserai la sortie en 1974 de Bravo, mentionné ci-dessous, car l’on croit que c’était la première fois que c’était utilisé au sujet des ordinateurs.
Voici une liste de quelques-uns des programmes disponibles (certaines dates et informations sur le développeur étaient introuvables) :
Bravo Bravo était le premier programme de composition WYSIWYG créé par Butler Lampson et Charles Simonyi. C’était un éditeur basé sur des modes où il y avait le mode de saisie d’une commande et le mode de saisie du texte. Des fonctions de composition comme couper, coller, supprimer, italique, gras, position, justification et la police étaient faites en mode commande, alors que la saisie de texte était faite en mode insertion. Par exemple : pour saisir du texte, vous appuyez sur la touche i, puis tapez ce que vous voulez, suivi d’un appui sur la touche échap. Il imprimera ce que vous avez tapé et retournera au mode commande. Pour une personne lambda, c’était peu commode.
Gypsy Gypsy was the replacement for Bravo. It was based on Bravo and created by Larry Tesler, Timothy Mott, and other colleagues in 1975. Gypsy did away with the modes, instead utilizing the mouse, keyboard, and the chorded keyset. To enter text, just click the mouse pointer where you want to begin, and start typing. Cut, paste, etc, use keys on the keyboard and chorded keyset. PARC made much better use of the keyset compared to how it was used on the NLS. I will include a video demonstrating someone using Gypsy on an Alto. It is very similar to how it works on modern computers. Laurel and Hardy They were the Email programs, Laurel was first and Hardy was the replacement. Laurel was created by Doug Brotz in 1981. Side note, PARC didn’t create Email. SIL A vector graphics program for creating technical drawings. Markup A bitmap editor which was an early paint program. Draw A graphical editor using lines and splines.
Gypsy
Créé par Larry Tesler, Timothy Mott et d'autres collègues en 1975, Gypsy, basé sur Bravo, remplaçait celui-ci. Gypsy a supprimé les modes en utilisant la souris, le clavier et le « chorded keyset ». Pour entrer du texte, il suffit de cliquer sur la souris, là où vous voulez commencer, et de taper. Couper, coller, etc. se servent des touches sur le clavier et le chorded keyset. PARC utilisait bien mieux le keyset comparé au NLS. J’inclurai une vidéo montrant quelqu’un se servant de Gypsy sur un Alto. C’est très similaire à ce qui se passe sur des ordinateurs modernes.
Laurel et Hardy
Ils étaient des clients mail, Laurel en premier et Hardy l’a remplacé. Laurel a été créé par Doug Brotz en 1981. D’ailleurs, PARC n’a pas créé le courrier électronique.
SIL
Un programme de graphiques vectoriels pour la création de dessins techniques.
Markup
Un éditeur de bitmap qui était en fait un programme de peinture précoce.
Draw
Un éditeur graphique utilisant des lignes et des splines.
An integrated circuit editor which showed the design as it was being created, WYSIWYG. The editor was based on the work by Lynn Conway, Carver Mead, and the Mead and Conway revolution. It helped advance future semiconductor chip designs. SmallTalk programming language and development environment. It was an early Object Oriented programming language first released in 1972. There wasn’t any spreadsheet or database software at that time. It wouldn’t be until 1979 that VisiCalc was created. It was the first spreadsheet program created by Dan Bricklin and Bob Frankston. Listed below, I will link some YouTube videos to show how some of these applications looked and how the computer interfaces functioned on the Alto. https://youtu.be/Dhmz68CII9Y The Gypsy text editor was demonstrated by Larry Tesler, a co-creator, and Tim Mott (not pictured). It is 1 min 30 seconds. https://youtu.be/tngrLvyiNEI The Laurel email client was demonstrated by one of the developers, Doug Brotz. It is 14 min 18 seconds, worth the watch in my opinion. You see the pride he still has for his creation. https://youtu.be/q_Na1SJXSBg
Un éditeur de circuit intégré montrait le dessin au fur et à mesure de sa création, WYSIWYG. L’éditeur était basé sur le travail de Lynn Conway, Carver Mead et la révolution Mead et Conway. Il faisait avancer les dessins futurs de puces à semi-conducteurs.
Le langage de programmation et l’environnement de développement, SmallTalk, était un langage de programmation orienté objet précoce, publié en 1972.
Il n’y avait ni tableur, ni base de données à l’époque. Ce n’était qu’en 1979 que VisiCalc, le premier tableur, a été créé par Dan Bricklin et Bob Frankston.
Ci-dessous, je vous donne quelques liens vers des vidéos sur YouTube qui montrent quelques-unes de ces applications et le fonctionnement des interfaces ordinateur sur Alto.
L’éditeur de texte Gypsy a été démontré par Larry Tesler, l’un des créateurs, et Tim Mott (qui ne paraît pas à l’image). Celle-ci dure 1 minute et 30 secondes.
La démonstration du client mail Laurel a été faite par l’un des développeurs, Doug Brotz. Elle dure 14 minutes et 18 secondes et, à mon avis, vaut le coup d’être regardée. Vous pouvez y ressentir combien il est encore fier de sa création.
The Bravo text editor was demonstrated by Charles Simonyi and Tom Malloy, some of the developers of Bravo. It is 15 min 49 seconds. The first half is about the history, and the demo begins at 6 min and 30 seconds. You can skip ahead since much of what he says echoes what I stated above. It is quite amazing what they could do in 1974. FYI, Charles Simonyi went to work at Microsoft in 1981 and was the primary developer of what became Microsoft Word. It was originally called Multi-Tool Word and was released in 1983. The name was later shortened to Microsoft Word. The Alto and the later Alto II, though never an official commercial product, sold 2,120 units (120 Alto and 2000 Alto II). In 1978, Xerox donated 50 units to MIT, Stanford, Carnegie Mellon, and the University of Rochester. Once these Alto’s were out in the public, they drew great interest. Two years later, in 1975, an update was created, but I can’t find any references to specific changes compared to the original.
La démonstration de l’éditeur de texte Bravo a été faite par Charles Simonyi et Tim Malloy, deux de ses développeurs. Elle dure 15 minutes et 49 secondes. La première moitié traite de son histoire et la démo commence à 6 minutes 30. Vous pouvez zapper un peu, car ce qui est dit répète beaucoup de ce que j’ai écrit ci-dessus. Ce qu’ils pouvaient faire en 1974 est vraiment époustouflant.
Pour info, Charles Simonyi a commencé à travailler chez Microsoft en 1981 ; il était le développeur principal de ce qui est devenu Microsoft Word. Au début, il s’appelait Multi-Tool Word et a été publié en 1983.
Bien que n'ayant jamais été un produit commercial, l’Alto et, après, l’Alto II, ont été vendues à 2 120 unités (120 Alto et 2000 Alto II). En 1978, Xerox a donné 50 unités à Stanford, Carnegie Mellon, l’Université de Rochester et au MIT. Une fois ces Alto rendus publics, beaucoup de gens exprimaient leur intérêt. Deux ans plus tard, en 1975, on a créé une mise à jour, mais je ne trouve aucune référence sur des modifications précises par rapport à l’original.
By 1977, Xerox began developing their first commercially available GUI computer called the Xerox Star. All design and development was done on the Alto II. During the same time, to compete with existing computer systems available at the time, Xerox also developed the Xerox 820. It used the CP/M (Control Program for Microcomputers) operating system, a predecessor to DOS; both were text-based interfaces. The 820 was sold with a smaller monitor using 24 lines of 80-characters, and a keyboard. None of the more advanced features in the Alto were used. Management inside Xerox didn’t see a market for the advanced features in the Alto and the only people who used the Alto was PARC. Most people inside the Xerox corporate offices requested the 820 over the Alto. The 820 was the first entry into the PC market for Xerox, but management was not sure of its marketability because of the company’s roots in laser printers. This unproven technology (by their assessment) made them wary of this business risk. Once the 820 was released, it was met with mixed reviews and acceptance. Many reviews of the 820 called it a ‘me too’ product which was more expensive than the competition. Though production of the 820 would continue until 1985. Xerox wanted to compete better in the market, accepted the risk, and created the Systems Development Department (SDD) in El Segundo, California, to develop the Star. The Star was officially called the Xerox 8010 Star Information System.
Dès 1977, Xerox a commencé le développement du Xerox Star, leur premier ordinateur avec une interface graphique à être disponible sur le marché. Toute la conception et le développement a été fait sur l’Alto II. Au cours de cette même période, Xerox a également développé le Xerox 820 pour pouvoir concurrencer des systèmes informatiques disponibles à l’époque. Il utilisait le système d’exploitation CP/M (Control Program for Microcomputers), un prédécesseur de DOS ; l’interface de chacun était basée sur le texte. Le 820 était vendu avec un moniteur plus petit (24 lignes de 80 caractères) et un clavier. Aucune des fonctionnalités plus avancées de l’Alto n'était utilisée. L’administration de Xerox ne voyait pas un marché pour ces fonctionnalités avancées et les seules personnes qui se servaient de l’Alto étaient au PARC. La plupart des gens au siège social de Xerox demandaient le 820 plutôt que l’Alto. Le 820 était le premier PC de Xerox a être mis sur le marché, mais l’administration n’était pas certaine de son potentiel commercial à cause des racines de la société dans les imprimantes laser. Cette technologie, qui n’avait pas encore fait ses preuves (du moins selon les responsables), les rendait soucieux d’un risque commercial.
Une fois que le 820 est sorti, il a reçu des critiques et un accueil mitigés. Beaucoup de critiques appelaient le 820 un produit « me too » qui coûtait plus cher que ceux de ces concurrents. Et malgré cela, la production du 820 continuerait jusqu’en 1985. Voulant être un meilleur compétiteur, Xerox a accepté le risque et à créé le Systems Development Department (SDD – département de développement de systèmes) à El Segundo, en Californie, pour développer le Star. Le nom official du Star était le Xerox 8010 Star Information System.
SDD used what was learned from the Alto and Alto II with people from PARC to design the “Office of the future”. They upgraded the hardware to an AMD Am2900 CPU; 384 KB of memory (3 times more than the Alto) expandable to 1.5 MB; 10, 29, or 40 MB hard drive; and an 8″ floppy drive. The monitor was upgraded to 17″ with a resolution of 1024 x 800 @ 38.7 Hz. They kept the 3-button mouse but opted to replace the 5-key keyset in favor of a redesigned keyboard. The new keyboard incorporated functions the keyset provided, and added more. They found that the keyset was difficult to use by a wide group of people. The new keyboard included keys like delete, copy, and move, that were previously performed with the keyset. Other keys were for typesetting functions like center, bold, italic, and underline. Another advancement was called Pilot. It was a single-user multitasking operating system. Instead of booting to a command prompt like in Alto’s Alto OS, the Star loaded the graphic environment where you enter your username and password. This was the beginning of WYSIWYG (see discussion of the Alto, above) on the desktop. The key philosophy to this interface design was to mimic common office items already understood. For example, the filing cabinet holds documents, so there is a picture of a filing cabinet. Documents are displayed as file folders. Once logged in, you would see the desktop – which was another office metaphor. The GUI was much easier to use over previous designs. Clicking on a document would open the required application. The idea of cut-and-paste, though not invented by PARC or SSD, was used on the Star. An example of how you move one document to another folder: click the document and press the move key on the keyboard, locate the folder you want to move to, and click it with the mouse pointer. These same functions also worked in a document editor. Selecting text and pressing the delete key would delete that selected text. Sounds basic by today’s standards but, in the late 1970s, this was a breakthrough in functionality.
SDD a utilisé ce qui avait été appris des Alto I et II avec des gens du PARC pour concevoir le « Bureau de l’avenir ». Ils ont mis le matériel à niveau vers un processeur AMD Am2900, 384 Ko de mémoire (3 fois plus que dans l’Alto) extensible à 1,5 Mo, un disque dur de 10, 29 ou 40 Mo et un lecteur de disquette de 8“ (20 cm). Le moniteur a été mis à niveau à 17” (43 cm) avec une résolution de 1024 x 800 @ 38,7 Hz. Ils ont gardé la souris à trois boutons, mais ont choisi de remplacer le « keyset » de cinq touches par un clavier repensé. Le nouveau clavier incorporait des fonctions fournies par le keyset et en rajoutait d'autres. Ils trouvaient que l’utilisation du keyset était compliquée pour un large ensemble de gens. Le nouveau clavier comprenait des touches comme suppression, copier et déplacer, des fonctions qui étaient auparavant accomplies avec le keyset. D’autres touches se chargeaient de fonctions de composition comme centrer, gras, italique et soulignement.
Une autre avancée s’appelait Pilot. C’était un système d’exploitation à multi-tâches pour un seul utilisateur. Au lieu de démarrer sur une invite de commande comme dans l’Alto OS d’Alto, le Star chargeait un environnement graphique où vous entriez votre nom d’utilisateur et mot de passe. C’était le début de WYSIWYG (voir Alto, ci-dessus) sur le bureau. La philosophie clé de la conception de cette interface était de reproduire des éléments de bureau ordinaires et déjà compris. Par exemple, le classeur à tiroirs tient des documents, d’où l’image d’un classeur à tiroirs. Les documents sont affichés comme des dossiers de fichiers. Une fois connecté, vous voyiez le bureau – encore une métaphore du travail. L’interface graphique était beaucoup plus facile à utiliser par rapport aux précédentes. Un clic sur un document ouvrait l’application requise. L’idée de couper/coller, bien qu’elle ne soit pas inventée par PARC ou SDD a été utilisée sur le Star. Voici un exemple de comment déplacer un document vers un autre dossier : cliquez sur le document et appuyez sur la touche déplacer (move) du clavier, trouvez le dossier vers lequel vous voulez le déplacer et cliquez dessus avec le pointeur de la souris. Ces mêmes fonctions pouvaient s’utiliser également dans un éditeur de document. Sélectionner du texte et appuyer sur la touche suppression et le texte sélectionné serait supprimé. En termes des normes d’aujourd’hui, cela semble basique, mais, à la fin des années 1970, c’était une avancée majeure dans la fonctionnalité de la machine.
Listed below are some videos showing how the Star evolved. https://youtu.be/Cn4vC80Pv6Q Xerox Star User Interface demonstrated by David Smith of Xerox SDD. Incidentally, he was one of Douglas Englebart’s programmers at the Augmentation Research Center (ARC) at the Stanford Research Institute (SRI), which was discussed in my previous article. He was one of the programmers who left to join PARC. He became one of the six principle designers of the user interface for the Star. The video is 8 min and 41 seconds. This is a marketing video created by Xerox. It is pretty good at showing how the Star functioned. https://youtu.be/ODZBL80JPqw Here is part 2 of the previous video. This demonstration is by Charles Irby. He worked with David at SRI, and was the chief architect on the NLS (which was mentioned in detail in the previous article). At Xerox, he led the user interface design for the Star. This video is 8 min and 1 second. He goes into detail on how to work with documents.
Vous trouverez ci-dessous quelques vidéos illustrant l’évolution de Star.
L’interface utilisateur du Xerox Star démontrée par David Smith de Xerox SDD.
Du reste, Smith était l’un des programmeurs de Douglas Englebart à l’Augmentation Research Center (ARC) au Stanford Research Institute (SRI), dont j’ai parlé dans l’article précédent. Il était l’un des programmeurs qui sont partis pour rejoindre le PARC. Il est devenu l’un des six concepteurs principaux de l’interface utilisateur du Star. La vidéo dure 8 minutes et 41 secondes. Il s’agit d’une vidéo marketing créée par Xerox et elle montre très bien le fonctionnement du Star.
Voici la deuxième partie de la vidéo précédente. Cette démonstration est par Charles Irby. Il a travaillé avec David au SRI et était l’architecte en chef sur le NLS (dont j’ai parlé en détail dans l’article précédent). Chez Xerox, il dirigeait la conception de l’interface utilisateur pour le Star. La durée de cette vidéo est de 8 minutes et 1 seconde. Il détaille le travail avec des documents.
In 1979, Xerox reached out to Apple computer, which was located in the nearby city of Cupertino. Xerox had a lot of experience in manufacturing Laser Printers and producing them in volume, but they were not sure they could handle the demand for their computers, since this was a new market for them. Apple already had its process down and was quite successful. Some deals were made between the two companies. Steve Jobs, the co-founder and CEO of Apple Computer, requested he be given some disclosure agreements on what Xerox PARC was working on. Xerox management agreed and was invited for multiple visits, to the surprise of the PARC researchers. I will post a video I found that explains the details from a first-hand account. https://youtu.be/ZOF-j6Nxm04 Larry Tesler talks about his interactions with Steve Jobs during his many visits to PARC. This is a very important part of history that changed the direction of the GUI. . All of the computing systems at that time were text-based, with some graphical applications. All input was via the keyboard. The use of the mouse was still non-existent. The light pens I mentioned in the previous article were used, but not as commonly. Most interaction with a computer was done via the keyboard.
En 1979, Xerox a pris contact avec Apple qui se trouvait dans la ville voisine de Cupertino. Xerox avait beaucoup d’expérience dans la fabrication d’imprimantes Laser et leur production en volume, mais ils n’étaient pas certains de pouvoir gérer la demande pour leurs ordinateurs puisque c’était un nouveau marché pour eux. Apple connaissait très bien son processus et son succès était retentissant. Les deux sociétés ont conclu des accords. Steve Jobs, le cofondateur et PDG d’Apple Computer a demandé qu’on lui donne quelques accords de divulgation sur les travaux actuels du PARC de Xerox. L’administration de Xerox était d’accord et Apple les a invités à faire de multiples visites, ce qui a surpris les chercheurs du PARC. Voici une vidéo que j’ai trouvée qui explique les détails à partir d’un compte-rendu en direct.
Larry Tesler parle de ses interactions avec Steve Jobs au cours de ses nombreuses visites au PARC.
Historiquement, cela était très important et a changé la direction de la GUI. Tous les systèmes informatiques de l’époque étaient basés sur le texte, avec quelques applications graphiques. Toutes les entrées étaient faites via le clavier. La souris n’était pas utilisée. Les crayons optiques que j’ai mentionnés dans le dernier article étaient utilisés, mais pas beaucoup. La plupart de l’interaction avec un ordinateur avait lieu via le clavier.
Apple had a successful run of their Apple I and Apple II series of computers using a text interface. In 1978, the Apple III was the next model using the text-based interface. Apple was also developing a new computer in the same year called the Lisa. It was also originally another text-based interface, but the goal was to make it more modern. This was a year after the initial development was when Steve was shown the Alto, mentioned above. After subsequent visits with members of his design team, the decision was made to re-think the design of the Lisa. In the next article, I will bring us into the 1980s with a continuation of the development of Apple’s Lisa. The 1980s will be quite a formable decade for the GUI.
Apple a eu beaucoup de succès avec sa série d’ordinateurs, Apple I et Apple II, avec une interface textuelle. En 1978, l’Apple III était le modèle suivant et se servait toujours de l’interface basée sur du texte. La même année, Apple développait un nouvel ordinateur appelé Lisa. Au départ, l’interface devait être basée sur le texte, mais l’objectif était de le rendre plus moderne. C’était l’année après le développement initial quand on a montré l’Alto à Steve (voir ci-dessus). Après d’autres visites avec des membres de son équipe de conception, ils ont décidé de ré-imaginer la conception du Lisa.
Dans le prochain article, je nous amènerai aux années 1980, avec la continuation du développement du Lisa d’Apple. Les années 1980 seront une décennie formidable pour la GUI.