21 Février 2013 MARTINS Stéphanie VIEIRA Stella 21 Février 2013.

Présentation au sujet: "21 Février 2013 MARTINS Stéphanie VIEIRA Stella 21 Février 2013."— Transcription de la présentation:

1 21 Février 2013 MARTINS Stéphanie VIEIRA Stella 21 Février 2013

2  Définition : Interface utilisateur Dispositif qui permet à un usager de manipuler la machine.  Google et Apple ont chacun révolutionné l'interface utilisateur, comment ? Plan : I.Google  Avant Google  L’ évolution de Google II.Apple   Historique  Situation actuelle Introduction

3 Trois types :  L´interface système : dispositif qui permet à l'utilisateur de commander un système d'exploitation.  L´interface graphique :dispositif dans lequel les objets à manipuler sont présentés sous forme de pictogrammes sur lesquels l'usager peut imiter des manipulations physiques avec une souris.  L´interface en ligne de commande : dispositif dans lequel l'utilisateur peut saisir des phrases correspondant aux opérations à effectuer. Introduction Interface graphique Interface système Interface en ligne de commande

4  Avant Google : Interface moteur de recherche Yahoo 1997 Chargé en contenue Chargée en pub Longue à afficher I.GOOGLE

5  Avant Google : PREMIERE INTERFACE GOOGLE I.GOOGLE Mention Copyright

6 JAVAJAVASCRIPT plus rapide intégré au navigateur menus déroulants boutons fenêtres de dialogue éléments graphiques… I.GOOGLE

7 les widgets : pour la plupart des éléments de formulaires mais aussi des menus s’affichant au survol de la souris, des boutons enrichis en image etc. ; les panneaux : pour découper aisément la page en zones distinctes, étirables ou non, de manière proportionnelle ou au pixel près ; les listes : les classiques listes déroulantes mono ou multi-critères, des arborescences ou encore des listes d’autosuggestion lors de saisie dans des champs de texte ; les textes : prise en charge de la sélection du texte, éditeur visuel enrichi ; les fenêtres : fausses-fenêtres (popup) déplaçables ou pas et écartant les problèmes de rendus dus aux éléments HTML/FLash. I.GOOGLE Web Toolkit (GWT)

8 I.GOOGLE Personnalisation graphique Personnalisation du contenu

9 I.GOOGLE

10  Historique II.Apple 1979 - 1983 1984 1991 1997 2000 2002 2003 2007

11  Historique  LISA : Sa souris et surtout son premier OS (Operating System) à interface graphique (avec les fameuses fenêtres)  Macintosh : Interface graphique intégrée au système d’exploitation. II.Apple "Hello, I am Macintosh and I am glad to be out of that bag"

12  Historique II.Apple 1979 - 1983 1984 1991 1997 2000 2002 2003 2007

13  Historique  Système 7 : Interface en couleur, apparition du gestionnaire d’application.  Système 8 : Interface en 3D et platine Réduction des fenêtres Tableau de bord Apparence Centre d’aide Multi-utilisateur ( 9 ) II.Apple

14  Historique II.Apple 1979 - 1983 1984 1991 1997 2000 2002 2003 2007

15  Historique 2000 : MAC OS X BETA Aqua, interface utilisateur : couleurs, le relief et la transparence Outil de recherche -> Boutons pour présentation Dock : icônes libres 2002 : Jaguar iChat : logiciel de discussion sur Internet Dock : fond blanc, nombre d’éléments II.Apple

16  Historique II.Apple 1979 - 1983 1984 1991 1997 2000 2002 2003 2007

17  Historique 2003 : Panther Finder : colonne à gauche : accès aux fichiers Fast User Switching : comptes utilisateurs sans fermer -> multiutilisateur (effet cube) Exposé : combinaisons de déplacement des fenêtres 2005 : Tiger Indexation et recherche de fichiers (Spotlight) (« iTunes » pour fichiers) II.Apple

18  Historique II.Apple 1979 - 1983 1984 1991 1997 2000 2002 2003 2007

19  Historique 2007-2009 : Leopard Time Machine : outil de sauvegarde des fenêtres Dock en 3D Présentation Cover Flow dans le Finder BootCamp pour Windows Snow Leopard : Dock adopte Exposé (fenêtre ouverte par chaque application) Handicapés : écrans en braille, lecture à haute voix des pages Web II.Apple

20  Aujourd’hui : OS X Mountain Lion sortie le 16 Février 2012 II.Apple Adopte les fonctionnalités des interfaces tactiles Mission Control : ensemble des fonctions piloté par son touchpad Launchpad = écran d’accueil de l’iPad (widgets) ShareSheets : partager les médias par 1 simple clic iCloud, iMessages remplace iChat Centres de notifications (alertes) Dictée

21  Ces deux entreprises se différencient de leurs concurrents par leur interface simple, épurée, instinctive. Apple insiste sur le design et l’ergonomie de ses produits.  De plus, à l’ère actuelle, cet interface ne se limite plus qu’à l’ordinateur mais aux Smartphones, aux tablettes tactiles. Conclusion

22 http://www.apple.com/fr/osx/#video http://pro.01net.com/editorial/530280/histoire-des-interfaces- utilisateurs-(4)-linterface-graphique/ http://www.aventure-apple.com/logiciels/evolx.html http://web.univ-pau.fr/~lompre/Histoire/histo.htm http://histoire.info.online.fr/gui.html http://www.itespresso.fr/apple-verrouille-son-interface-utilisateur- 12044.html http://fr.wikipedia.org/wiki/OS_X http://en.wikipedia.org/wiki/History_of_Mac_OS http://www.zdnet.fr/actualites/design-comment-apple-a- revolutionne-l-informatique-grand-public-39764641.htm?p=3 http://www.apple.com/fr/magictrackpad/ http://www.dicofr.com/cgi-bin/n.pl/dicofr/definition/20010101002727 http://www.macgeneration.com/unes/voir/128662/apple-prepare-la- prochaine-revolution-des-interfaces-homme-machine http://www.01net.com/editorial/558902/nouveau-mac-os-x-visite-de- mountain-lion-en-dix-etapes/#diaporama http://www.graphism.fr Webographie