contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique 2.0 France License
Comment ? Introduction Pourquoi ? Que vient faire lIHM dans ma vie ? Aspects informatiques Une boîte à outils : Swing Architecture logicielle Conception dIHM (Fi2)
Historique Il était une fois...
Memex Vannevar Bush, 1945 système hypertexte « A memex is a device in which an individual stores all his books, records, and communications, and which is mechanized so that it may be consulted with exceeding speed and flexibility. It is an enlarged intimate supplement to his memory. »
Sketchpad Ivan Sutherland, 1963 manipulation directe de formes géométriques display 9 CRT lightpen + bank of switches TX-2 Lincoln Laboratory (MIT)
NLS/Augment Douglas Engelbart, 1968 travail collaboratif, partage de documents, visio- conférence
Pong Atari, 1972
Pacman Namco, 1980
Star Xerox Parc, 1981 station de travail, environnement de travail graphique (desktop interface)
Macintosh Apple, 1984 ordinateur personnel graphique
Les années 80 X Window System (MIT, 1985) plateforme graphique pour Unix World-Wide Web (CERN, 1990) modèle hypertexte en réseau Bloc note électronique (Apple, 1993)
Java AWT Sun, 1995 Évolutions Swing, 1999 JavaFX, 2007
Palm Palm Pilot 1000, 1996 Graffiti
Struts Apache Jakarta Project, 2000 Évolutions AJAX based toolkits, 2005 Web 2.0, 2007
Google Earth SIG 3D Keyhole, Google, 2005
Wii Nintendo, 2006
iPhone Apple, 2007
IHM ? Quid es ?
Interaction Homme-Machine
Définitions de lIHM (HCI) L interaction homme-machine désigne l ensemble des phénomènes physiques et cognitifs qui interviennent dans la réalisation de tâches avec le concours de l ordinateur. L interface homme-machine désigne un assemblage de composants logiciels et matériels qui permet laccomplissement de tâches avec le concours de lordinateur communication homme-machine communication humaine médiatisée dialogue homme-machine
Dialogue homme-machine ?
Une approche inter-disciplinaire Psychologie Sociologie Physiologie Informatique Composante sociale et institutionnelle Composante physique composante technique composante cognitive et affective
Quels enjeux ? Éthiques Productivistes et économiques Intellectuels et scientifiques Productifs
Quel enjeu pour vous ? (court terme) Projet OSE Fi2 Projet OSE Fi3 Projets Fi4 Capacité à développer rapidement vos propres outils en fonction de vos besoins Meilleure maitrise de la composante informatique Meilleure visibilité sur la complexité des développements informatiques
Quel enjeu pour vous ? (long terme) Savoir concevoir une IHM Savoir réaliser une IHM Savoir évaluer une IHM Faire appel à des spécialistes ou créer une équipe pluridisciplinaire !
Pour quels objectifs ? permettre à lutilisateur d accomplir ses tâches : De façon efficace Avec une bonne productivité En toute sécurité En prenant plaisir à le faire En apprenant rapidement à utiliser le système
Ressources Bibliographie Internet Intranet
Points de départ ! CAMPUS2 transparents liens bibliographie exemplesetc… Portails en ergonomie
Bibliographie Interaction Homme-Machine pour les Systèmes dInformations (2 tomes) Christope Kolski Hermès Designing the user interface Ben Shneiderman Addison Wesley (3rd edition) Human-Computer Interaction Alan Dix, Janet Finlay, Gregory Abowd, Russel Beale Prentice Hall (2nd edition)
Cours S3S4 – IHM - Programmation Approche Technique Pragmatique Première confrontation Mise en évidence des difficultés de lIHM qualité structuration maintenabilité utilisabilité