Notions IHM

Notions d’I.H.M. Module 1ere année d’initiation au design d’interactivité Grégoire Cliquet / Laurent Neyssensas / Clément Thiery L’École de design Nantes Atlantique 2010 - 2011

Sommaire : 1. Evolution des ordinateurs 2. Interactions Humains Machines 3. Evolutions Source : Skokie / Flickr

1. Evolution des Ordinateurs des ordinateurs et des hommes… Ordinateur : Proposé par Jacques Perret à IBM France en 1955 (computers) le terme désigne des machines automatiques de traitement de l'information , obéissant à des programmes formés par des suites d'opérations arithmétiques et logiques. Informatique : Le terme "informatique", est un néologisme français, introduit en 1962 par Philippe Dreyfus, condensant les mots information et automatique . Les Anglo-Saxons parlent de computer science et de data processing. Mare Nostrum / Barcelone http://www.iterfan.org/photo_of_a_month/march2009.jpg

1. Evolution des Ordinateurs 1945-1965 : L’Ere des Calculateurs Evolution des machines à calculer mécaniques http:// lowtech.org/projects/raid/gfx/raid.jpeg /

1. Evolution des Ordinateurs 1945-1965 : L’Ere des Calculateurs Le Colossus est construit en 1942 par Alan Turing pour décrypter les messages allemands codés par Enigma (en haut à gauche). Le Colossus fut le premier calculateur électronique fondé sur le langage binaire . Installé près de Londres, à Bletchley Park, il était constitué de 2400 tubes à vide et réalisait 5000 opérations par secondes Pour info : 2Ghz = 2 Milliards d’opération par secondes. Cryptage Vs Langage Humain (USA) Enigma Video : http://www.youtube.com/watch?v=DnBsndE1IkA&feature=related

1. Evolution des Ordinateurs 1945-1965 : L’Ere des Calculateurs Le Colossus qui comporte 2 000 tubes à vide, peut lire des rubans perforés à la vitesse de 5 000 caractères à la seconde. Un seul ruban à la fois est donné à la machine . Pour info : “Il y a grosso modo un marché mondial pour cinq ordinateurs.” 1943, THOMAS J. WATSON, président du conseil d’administration d’IBM. Video : http://www.youtube.com/watch?v=O8WXNPn1QKo

1. Evolution des Ordinateurs 1945-1965 : L’Ere des Calculateurs L’ENIAC (1946) : Sa capacité est de 20 nombres à dix chiffres signés permettent de réaliser un total de 100 000 additions par seconde . Il ne peut en revanche gérer que 357 multiplications ou 38 divisions par seconde . Physiquement l'ENIAC est un monstre , il contient 17 468 tubes à vide, 7 200 diodes à cristal, 1 500 relais, 70 000 résistances, 10 000 condensateurs et environ 5 millions de joints soudés à la main. Son poids est de 30 tonnes occupant une surface de 167 mètres carrés. Sa consommation est de 160 kilowatts. Pour info : ”there is a bug in the machine” ! Video : http://www.youtube.com/watch?v=mxj6h5JyfXs&feature=related

1. Evolution des Ordinateurs 1945-1965 : L’Ere des Calculateurs L’ENIAC 1946 « L’ homme »… ou plutôt les femmes dans la machine Video : http://www.youtube.com/watch?v=VAnhFNJgNYY

1. Evolution des Ordinateurs 1945-1965 : L’Ere des Calculateurs Whirlwind 1952 (M.I.T.) Le Whirlwind est le tout premier ordinateur possédant une interface graphique utilisateur, bien que celle ci soit encore trés rudimentaire, héritant de l'interface des radars. Il affiche les tous premiers symboles graphiques : des T pour les cibles (Target) et F pour les combattants (Fighter). Surveillance radar du territoire américain (Guerre Froide). Pour info : 20000 instructions par seconde / Affichage de graphiques sur écran cathodique en 32 pixels par 32.

1. Evolution des Ordinateurs 1945-1965 : L’Ere des (mini) Calculateurs PDP-1 / DEC 1959 (M.I.T.) Le PDP-1 était le premier ordinateur interactif et a lancé le concept de mini-ordinateur. Il avait une vitesse d’horloge de 0,2 MHz et pouvait stocker 4 096 mots de 18 bits. Il effectuait 100 000 opérations par seconde. Pour info : 120 000 $. SpaceWar / 1961 (Pong 1972) Video : http://www.youtube.com/watch?v=7bzWnaH-0sg

1. Evolution des Ordinateurs 1945-1965 : L’Ere des Calculateurs SAGE / IBM 1961 Semi-Automatic Ground Environment est le successeur du Whrilwind dans la surveillance de l’espace aérien américain. Cette machine se distingue par des modalités d’interaction novatrices. Le projet débuta en 1950 et le SAGE fut opérationnel en 1963. Il resta ensuite en activité jusqu’en 1983. Traitement : 75 000 instructions par seconde . Pour info : 250 tonnes !! L’ordinateur le plus encombrant et le plus lourd jamais construit (12 Milliards de $) Opérateur / Interaction Périphériques spécifiques Video : http://www.youtube.com/watch?v=5D-RHFta4aQ http://www.youtube.com/watch?v=o7ssZyRl6MU&feature=related

1. Evolution des Ordinateurs b. 1965-1980 : Les Ordinateurs de Gestion Les calculateurs au service des entreprises (Banques, Assurances, Compagnies aériennes, etc…) Le « sacre d’IBM » de « Big Blue ». Logotypes par Paul Rand : www.paul-rand.com

1. Evolution des Ordinateurs b. 1965-1980 : Les Ordinateurs de Gestion S/360 IBM 1965 L’IBM S/360 ouvre l’ère de l’informatique centralisée sur ce que l’on nomme des Mainframes. Les Mainframes sont consultables depuis une certain nombre de terminaux. Pour info : de 0.034 MIPS à 1.700 MIPS avec de 8 kB à 8 MB de mémoire interne (de $133 000 à $5 500 000) Video : http://www.youtube.com/watch?v=ZGRCn0vwK3c&feature=related

1. Evolution des Ordinateurs b. 1965-1980 : Les (mini) Ordinateurs de Gestion PDP-8 / DEC 1965 L’IBM S/360 ouvre l’ère de l’informatique centralisée sur ce que l’on nomme des Mainframes. Les Mainframes sont consultables depuis une certain nombre de terminaux. Pour info : seulement… 35 000 opérations/seconde ($18 000) Video : http://www.youtube.com/watch?v=DPioENtAHuY

1. Evolution des Ordinateurs b. 1965-1980 : Les Ordinateurs de Gestion S/370 IBM 1971 Successeur de la gamme S/360

1. Evolution des Ordinateurs b. 1965-1980 : Les Ordinateurs de Gestion Univac 1100 / Remington / 1972 de la concurrence ?

1. Evolution des Ordinateurs b. 1965-1980 : Les Ordinateurs de Gestion IRIS 80 / Cii / 1972 de la concurrence française !!?

1. Evolution des Ordinateurs c. 1980-1995 : Les Ordinateurs personnels (les prémices) Steve Jobs (Apple) et William Gates (Microsoft) / 2007 http://www.flickr.com/photos/cksample3/527038599/in/photostream/#/

1. Evolution des Ordinateurs c. 1980-1995 : Les Ordinateurs personnels (les prémices) MICRAL / R2E / 1972 André Truong et François Gernelle pour répondre à une commande de l'INRA dans le but de réaliser un système de mesure et de calcul de l'évaporation des sols, à un tarif inférieur au prix du mini-ordinateur PDP-8 4K (à 45 000 FF). Pour info : Le Micral N était vendu à un prix extrêmement bas selon les critères du moment : soit 1300 euros environ.

1. Evolution des Ordinateurs c. 1980-1995 : Les Ordinateurs personnels (les prémices) ALTO / XEROX PARC / 1973 Il fut le premier ordinateur à utiliser la métaphore du bureau et une interface graphique. Le Alto fut un outil de recherche de Xerox, pas un produit commercial. Pour info : L’Alto intègre tous les principes de l’informatique « moderne » qui seront repris par Apple.

1. Evolution des Ordinateurs c. 1980-1995 : Les Ordinateurs personnels (les prémices) Apple 1 / Apple Computer / 1976 Les premiers ordinateurs personnels sont destinés aux étudiants des campus universitaire. Apple lance l’ordinateur à assembler soi-même. Pour info : L’Apple 1 était vendu au prix de $666.66, en avril 1977 son prix sera de $475.

1. Evolution des Ordinateurs c. 1980-1995 : Les Ordinateurs personnels ZX-80 / Sinclair / 1978 L’apprentissage de la programmation en famille (BASIC) Pour info : Le ZX-80 était vendu au prix de $100 (à connecter à une TV et magnétophone à K7) .

1. Evolution des Ordinateurs c. 1980-1995 : Les Ordinateurs personnels Personal Computer / IBM PC / 1981 La bureautique accessible à tous (?) Pour info : de $1600 à $4500 selon les configurations

1. Evolution des Ordinateurs c. 1980-1995 : Les Ordinateurs personnels Macintosh / Apple / 1984 Une machine compacte, accessible qui intègre tous les principes de l’Alto. D'une conception tout-en-un, le Macintosh 128 K avait un écran 9" en noir et blanc (1 bit) de 512 par 342 pixels. Il intègre un lecteur de disquettes 400 Ko 3,5" à chargement manuel et… une souris ! Pour info : environ $2500, 50.000 exemplaires écoulés en 2 mois. Video : http://www.youtube.com/watch?v=OYecfV3ubP8

One Computer, many users (Mainframe) One Computer, One user (PC) Many Computers, One user (Ubiquitous Computing)

1. Evolution des Ordinateurs (conclusion) d. 1995-2000 : Les ordinateurs multimédia e. 2000-2008 : Internet et le Web f. 2008-2011 : L’informatique mobile & d’assistance Source : http://www.firingsquad.com/media/article_image.asp/2505/02

2. Interactions Humains Machines (C.H.I.) a. Rappels Interaction : nf. Influence réciproque de deux phénomènes, de deux personnes Interactif : adj. Se dit de phénomènes qui réagissent les uns sur les autres Interactivité : nf. 1.INFORM. Qualité d’un logiciel dont l’exécution prend constamment en compte les informations fournies par l’utilisateur. On considèrera l’interactivité comme le degré de satisfaction atteint par l’usager dans l’interaction vécue avec la machine John Underkoffler Video (TED) : http://www.ted.com/talks/john_underkoffler_drive_3d_data_with_a_gesture.html

2. Interactions Humains Machines (C.H.I.) b. Interfaces nf. (mot anglais) Limite commune à deux systèmes , deux entités permettant des échanges entre ceux-ci. Elle favorise le dialogue (l’interaction) entre les machines et les humains par la stimulation des sens via des périphériques appropriés : Le touché : par l’intermédiaire d’un dispositif de pointage : Souris, stylet, écran tactile ou clavier. La vue : par l’affichage écran, c’est ce que l’on nomme les GUI : « Graphical User Interfaces ». L’ouie : par commandes vocales appelés encore VUI : « Voice User Interface ». La gestuelle : par l’analyse des mouvements du corps, du visage, d’un pointeur.

2. Interactions Humains Machines (C.H.I.) c. Principes de la Manipulation Directe Pour Ben. Schneiderman (1982) : Une interface est dite de « manipulation directe » si elle possède les propriétés suivantes : - Les objets concernés ont une représentation permanente (métaphores/icônes). - Des actions physiques directes remplacent la saisie de commandes textuelles . - Le résultat des actions sur les objets est immédiatement visible . - Les opérations sont rapides, incrémentales et réversibles . La manipulation directe repose sur 2 métaphores : La métaphore de la description La métaphore du monde réel

2. Interactions Humains Machines (C.H.I.) c. Principes de la Manipulation Directe « Ligne de commandes (C.L.I.) » Vs « Graphical User Interface (G.U.I.) »

2. Interactions Humains Machines (C.H.I.) d. W.I.M.P. W indows | La fenêtre ouvre en permanence sur le bureau (Apple) ou l’occulte (PC). Le fenêtrage des applications permet l’utilisation simultanée de plusieurs applications (Multitâche / Multifenêtrage).

2. Interactions Humains Machines (C.H.I.) d. W.I.M.P. W indows | I cons Les icones permettent de représenter des actions, de différencier les applications, d’identifier les périphériques, etc… Lorsque le logogramme se réfère à un élément abstrait de la réalité (comme une notion ou un morphème), on le nomme idéogramme . L’idéogramme est un symbole graphique représentant un mot ou une idée (chinois, japonais, hiéroglyphes…). Les pictogrammes représentent des éléments concrets de la réalité.

2. Interactions Humains Machines (C.H.I.) d. W.I.M.P. W indows | I cons | M enus a_ Menus 'déroulants ' liés à la barre de menu principal généralement située sous la zone de titre de la fenêtre. b_ Menus de type 'pop-up' pour afficher des indications ou des messages d'erreurs. c_ Boîtes à Outils et palettes qui regroupent des actions / outils sous la forme d'icônes (surtout dans le cas des palettes). d_ Boutons de type 'Radio' qui permettent de choisir une action parmi une liste. e_ Cases à cocher qui permettent une sélection multiple d’actions. f_ Listes de sélection , voisines des menus (ex. fichier ->'ouvrir‘). g_ Boîtes de Dialogue qui sont devenues des éléments récurrents dans les interfaces WIMP.

2. Interactions Humains Machines (C.H.I.) e. W.Y.S.I.W.Y.G. What You See… Is What You Get !! Hopefully ;)

3. Evolutions Evolution des paradigmes d’interaction liés à l’évolution technologique - Multitouch / multipoints - Gestuelle et Physique (accéléromètres / wiimote) - Mobilité ? - Multimodalité ? - Cérébrale ? (Brain Computer interface) - Ligne de commande ??? Ubiquity (Mozilla)

Merci ;) des questions ? [email_address] [email_address] [email_address] Caprica / BSG / Sci-Fi Channel

Notions IHM

Contenu connexe

Similaire à Notions IHM

Plus de lecolededesign

Dernier

Notions IHM

Notes de l'éditeur