Technopedia Center
PMB University Brochure
Faculty of Engineering and Computer Science
S1 Informatics S1 Information Systems S1 Information Technology S1 Computer Engineering S1 Electrical Engineering S1 Civil Engineering

faculty of Economics and Business
S1 Management S1 Accountancy

Faculty of Letters and Educational Sciences
S1 English literature S1 English language education S1 Mathematics education S1 Sports Education
  • Registerasi
  • Brosur UTI
  • Kip Scholarship Information
  • Performance
  1. Weltenzyklopädie
  2. Interface graphique — Wikipédia
Interface graphique — Wikipédia 👆 Click Here! Read More..
Un article de Wikipédia, l'encyclopédie libre.
Page d’aide sur l’homonymie

Pour les articles homonymes, voir GUI.

Page d’aide sur l’homonymie

Ne doit pas être confondu avec Environnement de bureau.

Interface graphique
Type
Interface utilisateur, logiciel systèmeVoir et modifier les données sur Wikidata
Caractéristiques
Composé de
Active window (en)Voir et modifier les données sur Wikidata
Invention
Inventeur
Ivan SutherlandVoir et modifier les données sur Wikidata
Date
1973Voir et modifier les données sur Wikidata

modifier - modifier le code - modifier WikidataDocumentation du modèle

Quelques widgets typiques.

En informatique, une interface graphique (en anglais GUI pour graphical user interface) ou un environnement graphique est un dispositif de dialogue homme-machine, dans lequel les objets à manipuler sont dessinés sous forme de pictogrammes à l'écran, de sorte que l'usager peut les utiliser en imitant la manipulation physique de ces objets avec un dispositif de pointage, le plus souvent une souris.

Ce type d'interface a été créé en 1973 sur le Xerox Alto par les ingénieurs du Xerox PARC pour remplacer les interfaces en ligne de commande. Mis sur le marché à la fin des années 1970 avec le Star de Xerox, le Lisa d'Apple est popularisé par cette dernière firme avec l'ordinateur Macintosh, commercialisé en 1984[1],[2].

Les interfaces graphiques sont mises en œuvre par un ensemble de logiciels souvent inclus dans les systèmes d'exploitation (Windows) ou fournis avec eux par les distributions (Linux). Ils sont devenus vers le milieu des années 1990 le standard des appareils informatiques, notamment ordinateurs, tablettes, téléphones, récepteurs GPS et guichets automatiques de billetterie (dont bancaires).

Histoire

[modifier | modifier le code]

En 1970, les ordinateurs se manipulent en tapant au clavier d'une console, voire sur carte perforée, des ordres indiquant les opérations et les noms des objets sur lesquels opérer — c'est l'interface en ligne de commande. Cette interface spartiate est imposée alors par le coût élevé des mémoires[3] et la faible puissance des processeurs. En conséquence, « les usagers de nouveaux ordinateurs [étaient] souvent frustrés et déçus par de lourdes procédures de manipulation, des messages d'erreurs obscurs, des systèmes intolérants et confus au comportement incompréhensible, mystérieux et intimidant »[4]. Or les prix des processeurs comme des mémoires diminuent peu à peu (voir Loi de Moore) et permettent d'envisager de transférer sur les machines une partie du travail des utilisateurs.

Le Xerox Star créé par Xerox en 1981 est une station de travail destinée à être utilisée pour la bureautique par des utilisateurs occasionnels. Ces utilisateurs sont employés de bureau et non informaticiens. Xerox leur met donc en place sur l'écran une métaphore de bureau : fichiers et répertoires cessent de se présenter comme des objets abstraits qu'on doit manipuler par un langage ad hoc, et sont représentés comme des dossiers, documents, et classeurs. On y ajoute une machine à écrire, une corbeille "à papiers" et même une calculatrice. Cliquer sur un de ces objets indique que l'on désire s'en servir et fait apparaître la liste des opérations possibles avec lui. On n'a donc plus jamais (sauf à sa création) à taper le nom de l'objet, ni à retenir et frapper celui d'une action. Les coûts de formation, la productivité et le confort y gagnent d'autant.

Cette interface est considérablement plus lente et coûteuse, en ressources comme en temps, mais rend l'ordinateur beaucoup plus simple d'emploi[1]. Or les temps ont changé : un utilisateur coûte désormais plus cher par jour que l'ordinateur qu'il utilise : c'est donc son temps à lui qu'il faut réduire, quitte à dépenser davantage en matériel.

C'est à cette époque que Steve Jobs et son équipe d'ingénieurs visitent le centre de recherche Xerox Parc. Sur les trois sujets qui leur sont présentés, la métaphore du bureau, l'ethernet et la programmation objet, le jeune patron d'Apple cerne immédiatement le potentiel commercial de l'interface graphique couplée à l'usage d'une souris (il regrettera dans une interview ultérieure, avoir de ce fait moins porté attention aux deux autres), ce qui conduit en 1983 à la commercialisation de l'ordinateur Lisa multitâche, pour la moitié du prix du Xerox Star, et du Macintosh alors monotâche, deux fois moins cher que le Lisa, l'année suivante, premiers appareils grand public à profiter de ces innovations[5].

Parallèlement, l'idée de Xerox continue de se développer sur les stations de travail. En 1988, Sun Microsystems et AT&T proposent une interface graphique pour UNIX, OpenWindows, qui exploite la bibliothèque graphique X Window System. La bibliothèque Motif de l'Open Software Foundation suit quelques mois plus tard.

Principes

[modifier | modifier le code]

Actuellement, la majorité des interfaces graphiques sont composées de fenêtres, icônes, menu et d'un système de pointage (souris, trackpad, trackpoint ou écran tactile) (anglais Window, Icon, Mouse, Pulldown menu, abr. WIMP), selon le principe lancé par Xerox en 1980[2].

Une fenêtre est une portion d'écran rectangulaire qui contient une vue d'une interface graphique. Les fenêtres peuvent être réduites, agrandies et disposées les unes sur les autres, telles des feuilles de papier. Une icône est un pictogramme ou un logo d'un objet que l'utilisateur peut manipuler. L'utilisation d'une image est plus innée et « naturelle » que celle d'un texte, les capacités de manipulation visuelles d'un humain apparaissant avant le langage[6].

L'utilisation du dispositif de pointage en lieu et place du clavier permet d'éviter de transcrire les opérations, évitant ainsi l'apprentissage du lexique et de la syntaxe de commandes et les erreurs de dactylographie. L'utilisation de la souris plutôt qu'un autre dispositif de pointage tel que le stylo ou l'écran tactile offre l'avantage que la main de l'usager n'est pas en face de l'écran et ne gêne pas la visibilité.

L'objet manipulé est continuellement visible, les modifications sont effectuées par des manipulations simples telles que pression sur un bouton ou déplacement de la souris, et le résultat est immédiatement visible et réversible[6]. Des études comparatives réalisées en 1967 sur la vitesse de manipulation de différents appareils tels que stylo optique, joystick et souris ont démontré que la souris était l'appareil le mieux approprié pour désigner des objets[7].

User-friendly (littéralement : « amical avec l'usager ») est une qualité attribuée aux interfaces homme-machine. En ergonomie, cette qualité signifie que le dialogue entre la machine et l'humain se fait de la même manière qu'entre deux humains, la communication est ainsi rendue facile et naturelle, les erreurs sont mutuellement acceptées et corrigées, et de l'aide est apportée en cas de problème[8]. Cette convivialité offerte par les interfaces graphiques permet aux utilisateurs de se familiariser très facilement avec un système ou un programme informatique sans avoir à suivre de formation[9].

Un logiciel de traitement de texte présente à l'écran les documents tels qu'ils seront une fois imprimés, selon le principe what you see is what you get (abr. WYSIWYG) — traduction : « ce que vous voyez est ce que vous allez obtenir ». Ce principe, hérité de l'interface graphique de Xerox, est utilisé dans de nombreuses applications informatiques[10].

L'interface utilisateur fait analogie à des objets familiers en vue de faciliter l'apprentissage. Dans un environnement de bureau, le contenu de l'ordinateur est présenté comme étant des documents et des classeurs sur un bureau. Le logiciel de traitement de texte s'utilise de manière similaire à une machine à écrire et la lecture de documents hypertexte est assimilée à de la navigation[11].

Look and feel - aspect et comportement

[modifier | modifier le code]

Le look and feel est un ensemble de règles qui régissent la présentation visuelle ainsi que le comportement des interfaces graphiques. Les règles de présentation concernent en particulier l'usage des couleurs, la typographie, la présentation et la signification des logos et des icônes, la présentation des fenêtres — emplacement, forme et comportement des widgets — et les formes du curseur. Les règles de comportement régissent la manière dont les éléments visuels — notamment les widgets — répondent aux actions de l'utilisateur — mouvements de la souris, pression sur les boutons de la souris et du clavier. L'application de ces règles vise à faciliter l'apprentissage, améliorer la satisfaction utilisateur, apporter une identité visuelle aux produits et réduire leur coût de développement[12]. Le look and feel est mis en œuvre en grande partie par le toolkit, la bibliothèque logicielle qui met en œuvre tous les objets manipulables (widgets) de l'interface graphique[13].

Composition

[modifier | modifier le code]
Article détaillé : Interface système.

L'interface utilisateur graphique ainsi que le système de fenêtrage qui sont nécessaires pour mettre en œuvre l'interface graphique sont souvent inclus dans le système d'exploitation, dans ce cas on parle d'interface système (shell). Cette suite logicielle manipule une image matricielle projetée à l'écran ; elle y dessine des lignes, des images et des textes sur demande de différents logiciels applicatifs. Les manipulations de l'image se font avec l'assistance d'un pilote informatique et du processeur graphique présent dans l'ordinateur. Cet ensemble récupère également les manipulations effectuées à la souris, et les distribue aux logiciels applicatifs concernés, en fonction de la fenêtre qui se trouve sous le curseur.

Un composant d'interface graphique (widget) est un composant logiciel qui met en œuvre un objet manipulable, celui-ci affiche à l'écran l'image d'un bouton poussoir, d'un curseur ou d'une lampe témoin, qui réagit aux manipulations de la souris. Un kit de composant d'interface graphique est typiquement inclus avec le système d'exploitation sous la forme d'une bibliothèque logicielle. Des kits de composant d'interface graphique additionnels sont disponibles sur le marché.

Un environnement de bureau est un logiciel qui sert à manipuler les fichiers et les programmes présents dans l'ordinateur. Le logiciel fait une analogie à un bureau, et présente le contenu de l'ordinateur sous forme d'objets tels que documents, classeurs, outils et corbeille à papier[14].

Notes et références

[modifier | modifier le code]
  1. ↑ a et b (en) Ronald M. Baecker, Readings in Human-Computer Interaction : Toward the Year 2000, Morgan Kaufmann, 1995, 950 p. (ISBN 978-1-55860-246-5).
  2. ↑ a et b (en) Maurizio Rafanelli, John C. Klensin et Per Svensson, Statistical and Scientific Database Management : Fourth International Working Conference SSDBM, Rome, Italy, June 21-23, 1988: Proceedings, Springer, 1989, 458 p. (ISBN 978-3-540-50575-4, lire en ligne)
  3. ↑ Hermann Simon, Florent Jacquet et Franck Brault, La stratégie prix - 3e éd. : Le pricing, levier indispensable pour augmenter, Paris, Dunod, DL, 2011, 298 p. (ISBN 978-2-10-056703-4, BNF 42502911, lire en ligne), p. 33
  4. ↑ (en) Paul A. Booth, An Introduction to Human-Computer Interaction, Psychology Press - 1989 (ISBN 9780863771224).
  5. ↑ Walter Isaacson, Steve Jobs, JC Lattès, 2011 (ISBN 978-2709638326), chapitre 8 : « Xerox et Lisa ».
  6. ↑ a et b (en) Yannis Vassiliou, Human Factors and Interactive Computer Systems: Proceedings of the NYU Symposium on User Interfaces, New York, May 26-28, 1982, Volume 1982, Intellect Books - 1984 (ISBN 9780893911829).
  7. ↑ (en) Stuart K. Card - Thomas P. Moran - Allen Newell, The Psychology of Human-Computer Interaction, Routledge - 1983 (ISBN 9780898598599).
  8. ↑ (en) Peter A. Hancock, Human Factors Psychology, Elsevier - 1987 (ISBN 9780444703194).
  9. ↑ « Qu’est-ce qu’une interface graphique utilisateur (GUI informatique) ? », sur IONOS Digitalguide (consulté le 18 mars 2022)
  10. ↑ (en) Maurice M. de Ruiter, Advances in Computer Graphics III, Springer - 1988 (ISBN 9783540187882).
  11. ↑ (en) Dominique Burger et Jean Claude Sperandio, Non-Visual Human-Computer Interactions: Prospects for the Visually Handicapped, John Libbey Eurotext - 1993 (ISBN 9782742000142).
  12. ↑ (en) Jakob Nielsen, Coordinating User Interfaces for Consistency, Morgan Kaufmann - 1989 (ISBN 9781558608214).
  13. ↑ (en) Dan R. Olsen, Developing User Interfaces, Morgan Kaufmann - 1998 (ISBN 9781558604186).
  14. ↑ (en) InfoWorld, 21 novembre 1983 (ISSN 0199-6649).

Voir aussi

[modifier | modifier le code]

Sur les autres projets Wikimedia :

  • Interface graphique, sur Wikimedia Commons
  • interface graphique, sur le Wiktionnaire
  • Interface graphique, sur Wikibooks

Articles connexes

[modifier | modifier le code]
  • Aqua (informatique)
  • AWT
  • GTK+
  • Swing
  • Thème (informatique)
  • Tkinter
  • PyQt
  • wxWidgets
  • Qt
  • X Window System

Liens externes

[modifier | modifier le code]
  • Notices d'autoritéVoir et modifier les données sur Wikidata :
    • LCCN
    • Israël
    • Tchéquie
  • Notices dans des dictionnaires ou encyclopédies généralistesVoir et modifier les données sur Wikidata :
    • Britannica
    • Enciclopedia De Agostini
v · m
Composants des interfaces graphiques
Commandes
  • Bouton
  • Menu
  • Menu circulaire
  • Menu contextuel
  • Écran d'accueil
Données
  • Boîte combinée
  • Bouton fléché
  • Bouton radio
  • Case à cocher
  • Liste déroulante
  • Slider
    • Progress slider
  • Tableau synoptique
  • Zone de texte
  • Zone de liste
  • Champ de recherche
    • Recherche délimitée
    • Recherche incrémentale
Informations
  • Barre de titre
  • Barre d’état
  • Barre de progression
  • Barre d’information
  • Étiquette
  • Icône
  • Infobulle/bulle d’aide
  • Indicateur d’activité
  • Bulle de notification
  • Zone de notification
Groupement
  • Barre de menu
  • Menu latéral
  • Barre d’outils
  • Fenêtre
  • Onglet
  • Ruban
Navigation
  • Arborescence
  • Barre d’adresse
  • Barre de défilement
  • Zone de navigation
  • Fil d’Ariane
  • Hyperlien
Fenêtres spéciales
  • À propos de
  • Boîte de dialogue
  • Boîte de dialogue de fichier
  • Fenêtre modale
  • Fenêtre flottante
Autres
  • Boîte à outils
  • Icône
  • Widget interactif
  • Graphiques
  • icône décorative Portail de l’informatique
  • icône décorative Portail du design
Ce document provient de « https://fr.teknopedia.teknokrat.ac.id/w/index.php?title=Interface_graphique&oldid=227924155 ».
Catégorie :
  • Interface utilisateur
Catégories cachées :
  • Page utilisant P279
  • Page utilisant des données de Wikidata à traduire de l'anglais
  • Page utilisant P527
  • Page utilisant P61
  • Page utilisant P575
  • Page utilisant P18
  • Article utilisant l'infobox Objet
  • Article utilisant une Infobox
  • Catégorie Commons avec lien local identique sur Wikidata
  • Article de Wikipédia avec notice d'autorité
  • Page utilisant un modèle Bases inactif
  • Page utilisant P1417
  • Page utilisant P6706
  • Page pointant vers des bases externes
  • Page pointant vers des dictionnaires ou encyclopédies généralistes
  • Portail:Informatique/Articles liés
  • Portail:Technologies/Articles liés
  • Portail:Design/Articles liés

  • indonesia
  • Polski
  • الرية
  • Deutsch
  • English
  • Español
  • Français
  • Italiano
  • مصر
  • Nederlands
  • 本語
  • Português
  • Sinugboanong Binisaya
  • Svenska
  • Українска
  • Tiếng Việt
  • Winaray
  • 中文
  • Русски
Sunting pranala
Pusat Layanan

UNIVERSITAS TEKNOKRAT INDONESIA | ASEAN's Best Private University
Jl. ZA. Pagar Alam No.9 -11, Labuhan Ratu, Kec. Kedaton, Kota Bandar Lampung, Lampung 35132
Phone: (0721) 702022
Email: pmb@teknokrat.ac.id