APPLICATIONS DE BUREAU. Cours d IHM - CSII 1ère année EPSI Bordeaux - Cours n 2

Transcription

1 APPLICATIONS DE BUREAU Cours d IHM - CSII 1ère année EPSI Bordeaux - Cours n 2

2 LE PARADIGME DU BUREAU The Desktop metaphor, également appelée WIMP (Window, Icon, Menu, Pointing device), conçu au Xerox PARC en Les programmes sont contenus dans des fenêtres, les icônes sont des raccourcis permettant de lancer des procédures, la souris permet l interaction avec la machine. A permis l ouverture de l informatique au grand public, par rapport aux systèmes antérieurs en ligne de commande. Premier prototype de souris, Douglas Endelbart, Stanford Research Institute, 1963 Apple Lisa, Mac OS, 1984 Microsoft Windows 1.0, 1985

3 AVANTAGES Facilité d abstraction des espaces de travail et des documents avec les notions de fichiers (feuilles de papier) et de dossiers (classement), La représentation en rectangles en deux dimensions facilite la programmation, Facilite le travail en multi-tâche, chaque application étant délimitée par sa fenêtre.

4 LIMITES Le paradigme est spécifiquement orienté vers la productivité, avec comme cible originelle (dans les années 1980) les professionnels et les applications de bureau (traitement de texte, tableur, etc.). La large adoption de ce modèle a favorisé la stagnation de des interfaces selon certains théoriciens. Post-WIMP? les interfaces embarquées à écran tactile et les interactions multi-touch : point and click flick and swipe

5 LES APPLICATIONS Applications riches, souvent orientées productivité ou multimedia (si l on exclut les multiples mini-applications qui enrichissent les fonctionnalités natives du système d exploitation)

6 COMPOSANTS PRIMITIFS On peut discerner des grandes familles : Conteneurs Composants d interaction (Command inputs) Composants mixtes (input / output) Composants informationnels Composants de navigation Fenêtres particulières

7 CONTENEURS la fenêtre : conteneur principal de l application la barre de menu : raccourci vers l ensemble des fonctionnalités de l application. barres d outils : ensemble d éléments visuels (icônes) permettant un accès rapide aux fonctionnalités principales de l application. le menu contextuel : accessible au clic droit, il permet d accéder rapidement aux fonctionnalités secondaires liées à l élément pointé par la souris. Onglets verticaux et horizontaux. l accordéon, les onglets (tabs) : sépare les fonctionnalités en grands groupes. Un seul peut être ouvert à la fois. Le ruban (ribbon menu) : innovation de Microsoft Office 2007, il permet de combiner barre d outils et barre de menu, et de se passer des grands menus rébarbatifs Ruban dans Office 2010

8 COMPOSANTS D INTERACTION (COMMAND INPUTS) le bouton l élément de menu Exemple de menu et sous-menu le menu radial (pie menu) Exemple de menu radial

9 COMPOSANTS MIXTES (INPUT / OUTPUT) Champ texte Cases à cocher Boutons radio Slider Spinner Combo box List box Table (Grid)

10 COMPOSANTS INFORMATIONNELS Info-bulle Barre d information (info-bar) (ex : Firefox) Barre de progression et spinning-wheel Splash-screen Barre d état (Status Bar) Tooltip Notification

11 COMPOSANTS DE NAVIGATION l arbre (tree view) : permet de naviguer dans une hiérarchie le fil d Ariane (breadcrumbs) : permet de se repérer dans une hiérarchie Exemple de tree-view Exemple de fil d Ariane

12 FENÊTRES SPÉCIALES Boite de dialogue (Message box) Selecteur de fichier (File dialog) Palette de couleurs (Palette window)

13 EVOLUTION DES INTERFACES Les standards évoluent en permanence! Exemple : le client mail. Eudora Pro, Windows 95, 1995 Sparrow, mac OS X, 2011

14 TRAVAUX PRATIQUES Concevez l interface d une application de bureau permettant de gérer l organisation d une soirée étudiante. Les fonctionnalités : Choix de la date, Gestion de la liste des invités, Gestion des courses (apéro + grignotage) et du budget, Application déconnectée et mono-utilisateur.

15 Document réalisé par : Nova-box Geoffroy Vincens mail : geoffroy.vincens@nova-box.com