In this series of articles, I will be going through the history of the Graphical User Interface (GUI). The questions addressed will include: • What is a GUI? • How old is it?, • Who created the first one? • Why did they create it? • How have they evolved over time? I will try to cover as much of this as I can.
Dans cette série d’articles, je parcourrai l’histoire de l’Interface utilisateur graphique (GUI – Graphical User Interface). Les questions auxquelles j’espère répondre comprennent :
Qu’est-ce qu’une GUI ? Quel âge a-t-elle ? Qui en a créé la première ? Pourquoi ? Comment a-t-elle évolué au fil du temps ?
J’essaierai de traiter autant de ces questions que possible.
What is a GUI? A GUI (pronounced gooey) is how you interact with a computer or other electronic device without needing to type in commands using a keyboard. The most common ways of interacting are by way of a stylus, mouse/trackball, touch pad or just your finger. You tap or click on icons that represent functions you wish to perform. When the early computer pioneers created text input via keyboards, the computer became more broadly used. The early adoption was slow and had a niche following. They knew a better way was needed. How old is it? The idea started longer ago than you might think. It all started with a device called the light pen. The light pen was created around 1955 at the Massachusetts Institute of Technology (MIT), a private land-grant research university in Cambridge, Massachusetts. This was part of a larger project. The U.S. Navy’s Naval Research Lab approached MIT about creating a computer to act as a flight simulator to train bomber crews. After some initial talks they decided to fund the development under the name Project Whirlwind.
Qu’est-ce qu’une GUI ?
Une interface utilisateur graphique vous donne la possibilité d'interagir avec un ordinateur ou autre dispositif électronique sans devoir saisir des commandes avec un clavier. Les façons les plus habituelles d’interagir sont avec un stylet, une souris/un trackball, un pavé tactile ou tout simplement avec votre doigt. Vous tapez ou cliquez sur des icônes représentant des fonctions que vous voulez utiliser. Quand les premiers pionniers des ordinateurs ont créé la saisie de texte avec des claviers, l’ordinateur est devenu plus largement utilisé. Mais son adoption était lente et peu de gens s’y mettaient. Ils savaient qu’une meilleure méthode était nécessaire.
Quel âge a-t-elle ? L’idée a démarré il y a probablement plus longtemps que vous ne le pensez. Tout a commencé avec un dispositif appelé un crayon optique. Le crayon optique fut créé aux environs de 1955 au MIT (Masschusetts Institute of Technology), une université de recherche privée à Cambridge au Massachusetts. Cela faisait partie d’un plus grand projet. Le Naval Research Lab de la Marine des États-Unis a pris contact avec le MIT au sujet de la création d’un ordinateur qui agirait comme un simulateur de vol pour entraîner des équipes de bombardiers. Après quelques conférences initiales, ils ont décidé de subventionner le développement sous le nom de Project Whirlwind (Projet tourbillon).
The light pen was a light-sensitive wand that was connected to a computer terminal’s cathode-ray tube (CRT) display. The light pen detects changes in brightness of screen pixels when updated by the CRT’s electron beam and sends that timing information to the computer. Since the update of pixels was done one at a time by the electron beam and at a known refresh rate, the computer terminal could figure out where the light pen was touching the screen. Over time, once it was determined to be reliable, it was more widely used on the Situation Display consoles of the AN/FSQ-7, a large computer system for military airspace surveillance built by IBM (though MIT still aided in the development). After IBM took over development, they made use of this technology on many of their other terminals. A few things about the terminology and the technology that was used in the 1950’s and 1960’s: These computer systems were multiple cabinets that would fill an entire floor of a building. When they say it was a graphics terminal, by today’s standards it was text . These Graphics Display Units (terminals) were only input and output devices, as they needed to connect to a Central Processing Unit to be of any use. The graphics terminals themselves processed all the input and output for the Central Processing Unit. A graphics terminal consisted of a CRT, light pen and a keyboard. To shown left is an example of an IBM 2250 Graphics Display Unit.
Le crayon optique était une baguette sensible à la lumière qui était connectée à l’écran à tube cathodique (Cathode Ray Tube, CRT) de l’ordinateur. Le crayon optique détectait des modifications de la luminosité des pixels de l’écran quand cette luminosité était mise à jour par le canon à électrons et envoyait cette information de timing à l’ordinateur. Puisque la mise à jour des pixels se faisait un par un par le canon d’électrons et à un taux de rafraîchissement connu, le terminal de l'ordinateur pouvait comprendre où le crayon optique touchait l’écran. Une fois reconnu comme fiable, au fil du temps, il a été plus largement utilisé sur les consoles D’affichage de situation du AN/FSQ-7, un grand système informatique pour la surveillance de l’espace aérien militaire construit par IBM (bien que le MIT ait continué à aider côté développement). Après qu'IBM en a repris le développement, ils ont utilisé cette technologie sur beaucoup de leurs autres terminaux.
Quelques informations sur la terminologie et la technologie utilisées dans les année 1950 et 1960 : ces systèmes informatiques étaient plusieurs armoires qui remplissaient tout l’étage d’un bâtiment. Quand ils disent que c’était un terminal graphique, par rapport aux normes d’aujourd’hui, c’était du texte. Ces terminaux (Graphics Display Units) n’étaient que des dispositifs d’entrée et de sortie, car, pour être d’une quelconque utilité, il fallait qu’ils soient connectés à une CPU (Unité centrale de traitement ou processeur). Les terminaux graphiques eux-même traitaient toutes les entrées et sorties pour la CPU. Un terminal graphique était composé d’un CRT, un crayon optique et un clavier. Comme exemple, voici une Graphics Display Unit IBM 2250 :
The Central Processing Unit is what we would refer to as the computer. It contains the core memory, disk storage, keyboard, control panel and a line printer. Shown top left is an example of an IBM 1131 Central Processing Unit and below is an example of a IBM 1130 Central Processing Unit. Bottom right shows them connected together. (Images courtesy of Columbia University in NYC, IBM, The Museum of Applied Arts & Sciences and By Martin Skøtt – Flickr: IBM 1130, CC BY-SA 2.0 via Wikimedia)
L’unité centrale de traitement est ce que nous appellerions l’ordinateur. Elle contenait la mémoire principale, le disque, un clavier, un panneau de contrôle et une imprimante par ligne.
Ci-dessus a gauche, il y a l’exemple d’un CPU IBM 1131 et ci-dessous il y a un exemple de l’Unité centrale IBM 1130.
En bas à droite, une photo les montre connectés ensemble. (Les images sont de l’Université Columbia dans la ville de New York, IBM, The Museum of Applied Arts & Science et de Martin Skøtt - Flickr : IBM 1130, CC BY-SA 2.0 via Wikimedia).
Countless people at many companies and universities continued further development throughout the 1960’s. The US Government continued their involvement by funding many of these projects. Here are some notable creations: The Sketchpad was a computer program by Ivan Sutherland in 1963. It is considered to be the ancestor of both Computer Aided Design (CAD) and a major breakthrough in computer graphics in general. It was the first program to use a complete graphical user interface. It ran on the Lincoln TX-2, which was an advanced transistor-based computer built in 1958 by MIT’s Lincoln Laboratory. Users would draw on the screen using a light pen. They could create an initial drawing and then further modify it using geometric constraints. Geometric constraints were a major invention. In short, this allowed for precise drawing as opposed to free hand drawing. It would correct crooked lines to an exact length, and angles could be maintained while the drawing is modified. Here is a 7 minute 16mm film from 1963, it is a demonstration of how Sketchpad works: https://youtu.be/57wj8diYpgY De très nombreuses personnes de beaucoup de sociétés et d’universités en ont continué le développement pendant les années 1960. Le gouvernement des États-Unis s’impliquait toujours en subventionnant nombre de ces projets. Voici quelques créations notables : Sketchpad était un programme créé par Ivan Sutherland en 1963. On le considère comme l’ancêtre de la CAO et une avancée majeure dans les graphismes informatiques en général. C’était le premier programme qui utilisait une interface utilisateur graphique complète. Il tournait sur le Lincoln TX-2, un ordinateur avancé, à base de transistors, construit en 1958 par le Lincoln Laboratory du MIT. Les utilisateurs dessinaient sur l’écran avec un crayon optique. Ils pouvaient créer un dessin initial, puis le modifier avec des contraintes géométriques. Les contraintes géométriques étaient une invention majeure. Bref, cela permettait un dessin précis contrairement au dessin à main levée. Il corrigeait les lignes tordues en leur donnant une longueur exacte et les angles étaient maintenus pendant la modification du dessin. Voici un film de 7 minutes en 16 mm de 1963 qui démontre le fonctionnement de Sketchpad : https://youtu.be/57wj8diYpgY The RAND Tablet, developed by the Rand Corporation in 1964, was an input device that used a stylus attached to a 10″ by 10″ (254 mm by 254 mm) printed-circuit screen using capacitive sensors. It looks and functions similar to today’s drawing tablets, like a Wacom tablet. The Rand Tablet had 100 lines per inch (25.4 mm) resolution, capable of digitizing 1 million locations, and used a handwriting recognition program called GRAIL (Graphical Input Language). GRAIL could identify 53 hand drawn numbers, letters, symbols and geometric shapes. It was also able to use gestures to manipulate text and etc on the screen. This product was the inspiration for the later creation of devices like Wacom’s drawing tablet, Apple’s Newton and the Palm Pilot by Palm Inc..
RAND continued to develop computing devices and computer systems. They also partnered with IBM to create the VGS (Videographic System). It was a very interesting computer system, but a little too much to explain here. It combined video content (viewable on modified TV’s) and the RAND Tablet to allow a way of annotating the content. Cartographers found this system an amazing tool to create and annotate maps. I will link some PDF files below. La tablette RAND, développée par la Rand Corporation en 1964 était un dispositif de saisie qui utilisait un stylet attaché à un écran sur circuit imprimé de 25,4 x 25,4 cm utilisant des capteurs capacitifs. Ça ressemble à, et fonctionne d’une façon similaire, aux tablettes de dessin d’aujourd’hui, comme une tablette Wacom. La tablette Rand avait une résolution de 100 lignes par pouce (25,4 mm), pouvait numériser 1 million d’emplacements et utilisait un programme de reconnaissance de l’écriture manuscrite appelé GRAIL (GRaphical Input Language – langage de saisie graphique). GRAIL savait identifier 53 nombres, lettres, symboles et formes géométriques dessinés à la main. La tablette pouvait aussi utiliser les gestes pour la manipulation de texte et autre à l’écran. Ce produit a inspiré la création plus tard d’appareils comme la tablette de dessin de Wacom, le Newton d’Apple et le Palm Pilot de Palm Inc. Rand a continué le développement de dispositifs informatiques et de systèmes d’ordinateur. La société a également collaboré avec IBM pour la création du VGS (Videographic System). C’était un très intéressant système informatique, mais un peu trop complexe à expliquer ici. Il combinait du contenu vidéo (affiché sur des téléviseurs modifiés) et la tablette Rand pour permettre l’annotation du contenu. Les cartographes ont trouvé que ce système était un outil génial pour la création et l’annotation de cartes. Ci-dessous, vous trouverez des liens vers quelques fichiers PDF. RAND Videographic System. This is a technical overview of the complete system. Shows all the components that were used: https://www.rand.org/pubs/reports/R0753.html
RAND and the Information Evolution. For information specifically on the Videographic System, start at page 89: https://www.rand.org/pubs/corporate_pubs/CP537.html
Light pen usage continued into the 1980’s, as early personal computers had the ability to use them. They fell out of use later in the decade, due the fact that you needed to keep your arm extended for long periods of time. A similar technology was used on game consoles, where the light pen was made to look like a gun, such as was used in a popular arcade game called Duck Hunt. RAND Videographic System. Il s’agit d’une synthèse technique du système complet et il montre toutes les composants utilisés : https://www.rand.org/pubs/reports/R0753.html RAND and the Information Evolution. Pour des renseignements concernant spécifiquement le Videographic System, commencez à la page 89 : https://www.rand.org/pubs/corporate_pubs/CP537.html L’utilisation du crayon optique a continué jusqu’aux années 1980, car les premiers PC avaient la capacité de les utiliser. Ils ont cessé d’être utilisés plus tard dans la décennie, parce qu’il fallait garder le bras tendu pendant de longues périodes. Une technologie similaire était utilisée sur des consoles de jeux, où le crayon optique était fabriqué pour ressembler à un pistolet, qui était utilisé dans un jeu d’arcade poulaire appelé Duck Hunt. Linked here are two YouTube videos on how the RAND Tablet functioned. The first one is a 2 minute excerpt of a 97 minute presentation done by Alan Kay called “Doing With Images Makes Symbols: Communicating With Computers”. He is one of the many computer scientists that were responsible for the graphical interfaces that we use today, and is best known for his work on object-oriented-programming and windowing graphical user interface design. The second video is the original video Alan was commenting on in his presentation. Alan started it at the 7 minute and 30 second mark. The entire video is 14 minutes long and was produced by the RAND Corporation from the mid 1960’s. It is a very well produced video and the computer screen is very clear and legible. If you don’t want to take the time watching it; I would suggest at least skipping through it, as I think you will be surprised at its functionality. https://youtu.be/QQhVQ1UG6aM
Alan Kay “Doing With Images Makes Symbols: Communicating With Computers”. https://youtu.be/2Cq8S3jzJiQ Je vous donne ici les liens vers deux vidéos sur YouTube concernant le fonctionnement de la Tablette RAND. La première est un extrait de 2 minutes d’une présentation de 97 minutes faite par Alan Key, appelée « Doing With Images Makes Symbols : Communicating With Computers. » Il est l’un des nombreux informaticiens responsables des interfaces que nous utilisons aujourd’hui ; il est surtout connu pour son travail sur la programmation orientée objet et la conception des fenêtres dans l’interface utilisateur graphique. La deuxième vidéo est la vidéo originale qu'Alan commentait dans sa présentation. Alan démarre celle-ci à 7 minutes et 30 secondes. La vidéo entière fait 14 minutes et a été produite par la RAND Corporation au milieu des années 1960. La vidéo est très bien faite et l’écran de l’ordinateur est très clair et lisible. Si vous ne voulez pas prendre le temps de la regarder, je vous conseille de la regarder en sautant des passages, car je pense que les fonctionnalités de cette tablette vous surprendront. https://youtu.be/QQhVQ1UG6aM Alan Kay “Doing With Images Makes Symbols: Communicating With Computers”. https://youtu.be/2Cq8S3jzJiQ The last two projects of the 1960’s I am going to mention were also revolutionary in how modern graphical user interfaces operate. The following was the work of Douglas Engelbart, he was an engineer and inventor. He joined the Stanford Research Institute (now known as SRI International) in 1957. His interests centered around how people interact with objects they use in day to day activities, with a particular interest in how children do the same. He recruited others in the 1960s to form the Augmentation Research Center at the Stanford Research Institute. Out of the many contributions he and his group made to computing, I will mention three of them that I consider ground breaking.
He created the idea of hypertext. It is the foundation of how point and click actually works. The icon is a link that refers to another object. Professor Sir Tim Berners-Lee, a Computer Scientist at CERN (European Nuclear Research), used this idea to create HTML in 1989, and released it in 1990. To quote him “I just had to take the hypertext idea and connect it to the Transmission Control Protocol and domain name-system ideas and—-ta-DA!—the World Wide Web”. Les deux derniers projets que je vais mentionner étaient également révolutionnaires pour le fonctionnement des interfaces utilisateur graphiques modernes. Ce qui suit a été fait par Douglas Engelbard, un ingénieur et inventeur. Il a commencé à travailler au Stanford Research Institute (connu maintenant comme SRI International) en 1957. Ses centres d'intérêts étaient sur l’interaction des gens avec les objets qu’ils utilisent quotidiennement, avec un intérêt particulier sur l'interaction des enfants avec de tels objets. Au cours des années 60, il en a recruté d’autres, pour créer l’Augmentation Research Center au Stanford Research Institute. Des très nombreuses contributions que lui et son groupe ont faites à l’informatique, je parlerai de trois que je considère vraiment innovantes. Il a créé l’idée de l’hypertexte. C’est la véritable base de fonctionnement du pointer-et-cliquer. L’icône est un lien qui se réfère à un autre objet. Le professeur Sir Tim Berners-Lee, un informaticien du CERN a utilisé cette idée pour créer le HTML en 1989 et l’a publié en 1990. Pour le citer « J’ai été obligé de prendre l’idée de l’hypertexte et la connecter au Transmission Control Protocol et des idées de nom de domaine-système et – ta-DA! – le World Wide Web. » Continuing on with Douglas, he and his group (he is named on the patent) created the computer mouse. It was given that as a nickname because the cord resembled a mouse tail. They intended to create an official name but the nickname caught on. The first prototype was in 1964 with its public demonstration in 1968. The patent was filed in 1967 and granted in 1970. You might find it interesting that the trackball predated his invention. It was invented by two separate people in separate countries a few years apart. Going by the earliest date first, an English engineer named Ralph Benjamin invented it in 1946 and was granted the patent in 1947, he called it roller ball. A few years later in 1952 a British electrical engineer in Canada named Kenyon Taylor and his team at the Royal Canadian Navy’s Digital Automated Tracking and Resolving project (DATAR) created their version of the trackball.
I saved the best for last. One of the three aforementioned projects Douglas worked on was the Augmentation of Human Intellect project. That project created the oN-Lin System (NLS). Douglas was inspired by some papers written by Vannevar Bush in 1945. He was an early engineer, inventor and science administrator for the US Government. His concept was called Memex. It outlines how our computers work today, really shocking how he described the functionality 76 years ago. Pour continuer avec Douglas, lui et son groupe (son nom figure sur le brevet) ont créé la souris. Ce surnom lui a été attribué parce que le cordon ressemblait à la queue d’une souris. Ils avaient l’intention de créer un nom officiel, mais le surnom est devenu trop populaire. Le premier prototype arrivait en 1964 et a été démontré publiquement en 1968. Le brevet a été déposé en 1967 et octroyé en 1970. Vous pourriez trouver intéressant de savoir que le trackball précédait son invention. Celui-ci a été inventé par deux personnes distinctes dans deux pays distincts à seulement quelques années d’intervalle. Si l’on prend la première date d’abord, un ingénieur anglais nommé Ralph Benjamin l’a inventé en 1946 et son brevet a été accordé en 1947. Il l’appelait le roller ball. Quelques années plus tard, en 1952, un ingénieur électricien anglais au Canada appelé Kenyon Taylor et son équipe du projet Digital Automated Tracking and Resolving (DATAR) de la Marine royale canadienne ont créé leur version du trackball. J’ai gardé le meilleur pour la fin. L’un des trois projets précités sur lequel Douglas travaillait était le projet Augmentation of Human Intellect. Ce projet-là a créé le oN-Line System (NLS). Douglas a été inspiré par quelques articles écrits en 1945 par Vannevar Bush, un ingénieur, inventeur et administrateur scientifique pour le gouvernement des États-Unis. Son concept s’appelait Memex. Il définit les grandes lignes du fonctionnement de nos ordinateurs actuels ; le fait qu’il a décrit ce fonctionnement il y a 76 ans, est vraiment stupéfiant. The NLS was software that allowed many functions. To name a few, there was document creation/removal and editing. You could select text and link it to other portions of the document or even another document (a form of hypertext linking). Edit a document with multiple people remotely, which makes it the first groupware application. (Think of it as a Wiki.) This had the ability to move and resize multiple windows. It was also the first time anyone had ever seen a mouse before. The early development was using the CDC 3100 in 1965 and later using the Scientific Data Systems (SDS) 940 in 1968. These were smaller yet more powerful computers compared to those used in the 1950’s. Instead of filling a floor or multiple floors of a building, these computers (fully connected) were about the size of a bus. Each unit was about 4 ft wide (1.14m) and 6 ft tall (1.87m). The amount of these connected together determined the computation ability and the amount of memory available, for a lack of a more technical explanation.
Developments of design concepts began and were supported by the US Air Force from 1959 to 1960, and Douglas later published a framework in 1962. In 1968, development moved to the above-mentioned SDS 940 using the Berkeley Timesharing System, which was an operating system that allowed multiple people to use it. Non-time-sharing operating systems would need to process the request of one person before it could process another. Le NLS était un logiciel qui rendait possibles de très nombreuses fonctions, notamment la création ou suppression et l’édition de documents. Vous pouviez sélectionner du texte et le lier à d’autres parties du document ou même à un autre document (une forme de lien par hypertexte). Vous pouviez éditer un document à distance avec plusieurs personnes, ce qui en fait la première application du genre collecticiel. (Pensez-y comme à un Wiki.) Le logiciel pouvait déplacer et redimensionner de multiples fenêtres. C’était également la première fois que n’importe qui voyait une souris. Au début, le développement utilisait le CDC 3100 en 1965 et, plus tard, les Scientific Data Systems (SDS) 940 en 1968. Il s’agissait d’ordinateurs plus petits et pourtant plus puissants par rapport à ceux utilisés aux années 1950. Au lieu de remplir un ou des étages, ces ordinateurs entièrement connectés avait à peu près la taille d’un car. Chaque unité faisait environ 1,14 m de largeur et 1,87 m de hauteur. La quantité des machines connectées ensemble déterminait la capacité de calcul et la quantité de mémoire disponible, faute de pouvoir donner une explication plus technique. Les développements des conceptions du design ont commencé et ont été soutenus par l’US Air Force de 1959 à 1960 et Douglas a publié un framework plus tard en 1962. En 1968, le développement s’est déplacé sur le SDS 940 mentionné ci-dessus avec le Berkeley Timesharing System ; c’était un système d’exploitation que plusieurs personnes pouvaient utiliser. Les systèmes d’exploitation qui n’étaient pas en temps partagé devaient traiter la demande d’une personne avant de pouvoir traiter celle d’une autre. Douglas and his team gave a demonstration at the Association for Computing Machinery / Institute of Electrical and Electronics Engineers (ACM/IEEE)—Computer Society’s Fall Joint Computer Conference in San Francisco, California on December 9th, 1968. This demonstration is referred to as The Mother of All Demos. Douglas’s terminal was connected via a home built 1200 baud modem back to their lab in Menlo Park. Additionally a mouse, keyboard and a 5 key chorded keyset was connected to the terminal. They also had two microwave transmitters, a video switcher and cameras on loan from NASA. Which provides video between the conference and their lab in Menlo Park. Output of the terminal was projected on a large screen for the audience. After the 90 minute long demonstration the audience gave a standing ovation. I will link below the 90 minute video and a highlights playlist of 10 excerpts plus 2 additional videos from the 90 minute video. It is about 24 minutes if you watch all 12. I found it quite amazing at what this software could do. There is an over the shoulder view of the keyset, mouse and keyboard. The keyset is on the left, it looks like a 5 key mini piano: https://youtu.be/2nm47PFALc8 Douglas et son équipe en ont fait une démonstration à la Computer Society’s Fall Joint Computer Conference de l’Association for Computing Machinery/l’Institute of Electrical and Electronics Engineers (ASM/IEEE) à San Francisco en Californie, le 9 décembre 1968. Cette démonstration est connue sous le nom de la Mère de toutes les démos. Le terminal de Douglas était connecté à son labo à Menlo Park via un modem fait maison de 1 200 bauds. De plus, une souris, un clavier et un jeu de 5 touches de raccourcis étaient connectés aux terminal. Ils avaient aussi deux transmetteurs par micro-ondes, un commutateur vidéo et des caméras, prêtées par la NASA, qui fournissaient la vidéo entre la conférence et le labo à Menlo Park. Les sorties du terminal étaient projetées sur un grand écran pour les spectateurs. Après la démonstration de 90 minutes, les spectateurs les avaient ovationnés. Ci-dessous, je donne des liens vers la vidéo de 90 minutes et une liste de lecture de 10 extraits plus 2 vidéos supplémentaires prises dans la vidéo de 90 minutes. Les 12 extraits ensemble prennent environ 24 minutes. J’ai trouvé que ce logiciel faisait des choses vraiment époustouflantes. Il y a une de vue du jeu de touches, de la souris et du clavier prise par-dessus l’épaule. Le clavier des raccourcis, qui est à gauche, ressemble à un mini-piano de 5 touches : https://youtu.be/2nm47PFALc8 The Mother of All Demos
Excerpts from The Mother of All Demos: https://youtu.be/VScVgXM7lQQ?list=PLCGFadV4FqU2yAqCzKaxnKKXgnJBUrKTE
To see the list of videos click once on the = in the top right of the video window, if it does show them click again.
In the next article, we will enter into the 1970’s and the beginning of the GUI as you know it today.**
La Mère de toutes les démos
Extraits : https://youtu.be/VScVgXM7lQQ?list=PLCGFadV4FqU2yAqCzKaxnKKXgnJBUrKTE
Pour voir la liste des vidéos, cliquez une fois sur le = en haut à droite de la fenêtre de la vidéo et, si la liste est montrée, cliquez à nouveau.
Dans le prochain article, nous entrerons dans les années 1970 et les débuts de la GUI comme vous la connaissez aujourd’hui.