Stuart Pook Eric Lecolinet Guy Vaysseix Emmanuel Barillot

Slides:



Advertisements
Présentations similaires
Applications N-Tiers Rappels: architecture et méthodologie
Advertisements

Internet et le client- serveur Licence Pro IE Cours Internet / Intranet Le Web HTML Protocoles Le client universel Contenus dynamiques.
Le"cartable électronique"®
Journée Intech Device Independence – Page 1 IHM et multiplicité des supports : aperçu de la recherche actuelle et future Anne-Marie Déry
Introduction : plasticité des IHMs – Page 1 IHM et plasticité 1 IHM et Différents supports Différents utilisateurs Différents environnements Problématique.
Systèmes en temps réel Modélisation du comportement en temps réel avec UML.
La méthode expérimentale TD 2 - Licence Laure Fernandez
TER Gestionnaires de contenu en ligne
Exploitation et Gestion de l’iPBX Aastra X Series
1 Contexte et interaction dans les interfaces zoomables Stuart Pook Eric Lecolinet Guy Vaysseix Emmanuel Barillot École Nationale Supérieure des Télécommunications.
Interfaces homme-machine Deux aspects Tableau augmente Interfaces nomades Spécificités matérielles PDAs : petit écran tactile, pas de clavier tableau :
MIKHAYLOVA Vera Exposé Java principe de fonctionnement Lundi 17 mai 2004 DEUG 1ère année Science du langage Paris III.
Interaction Directe contrat Creative Commons Paternité-Pas d'Utilisation Commerciale- Partage des Conditions Initiales à l'Identique.
FORMATION OUTILS « FONCTIONS »
Comprendre l’ergonomie du module STSWEB
Premiers pas avec NetOp School Novembre 2008 Formations NetOp School –- ©2008 J. Buvat – Tous droits réservés – Page n° 1 Initiation à la.
TP 3-4 BD21.
Formulaire HTML Introduction. Définition de formulaire.
Webex.
1 logo Céline Joiron, Dominique Leclet - Confrontation dexpériences médicales : le forum DIACOM Confrontation dexpériences médicales : le Forum DIACOM.
METADYNE... L’architecture clients-serveurs d’un hypermédia adaptatif
IronWEB : Une architecture distribuée
JOME, un Composant Logiciel pour le Télé-Enseignement des Mathématiques via le WEB, Compatible OpenMath et MathML Laurent DIRAT OVE / I3S-UNSA.
Conception d’une application de gestion de fiches études
Les personas : une méthode pour l’intelligence client ?
Expertise et formation du lméca ESIA / Université de Savoie
Commission scolaire des Laurentides
16/10/10 Préparé par: Ing. Rodrigue Osirus (+509) , *** Site web dynamique.
Interface Homme Machine IHM Pro
SMS Demande de rappel Self-service Solde de compte Message vocal VIP seul CRM Client inconnu Service support Service commercial Client identifié
Laboratoire LCOMS Equipe « Evaluation de Performance et Systèmes d’Aide à la Personne » (EPSAP) Guy Bourhis CENRob 4-5 avril.
Université Mouloud Mammeri de Tizi-Ouzou
Musée national dart moderne George Pompidou Quelles nouvelles technologies internet à lhorizon ?
Le Téléphone Russe Le Téléphone Russe. Le Téléphone Russe Le Téléphone Russe.
Créer une animation simple Gif avec ImageReady.
Projection La nouvelle ergonomie présentée au travers de quelques écrans. MàJ : 16/12/2013.
Lycée Louis Vincent Séance 1
Développement d’IHM* et d’applicatifs spécifiques
Développement d’IHM* et d’applicatifs spécifiques
MICROSOFT POWER POINT Fais « Enter » Par Danièle Lippé.
Biologie – Biochimie - Chimie
Services fournis par le SI et technologies associées
INSCRIPTION AUX ELEMENTS
Les nouveaux modes dinteraction 23 novembre 2010 Mireille Bétrancourt - TECFA, FPSE - Cours Ergonomie des IPM TECFA Technologies pour la Formation et lApprentissage.
PhP-MySQL Pagora 2012/2013 CTD 1 - Presentation de moi ^^
Document élaboré à Centrale Paris par Pascal Morenton LES TECHNOLOGIES DU WEB 1. LES PHASES D UN DEPLOIEMENT DE RESEAUX 2. LE LANGAGE HTML 3. LE LANGAGE.
Projet de Master première année 2007 / 2008
JEE 5 F.Pfister 2 institut eerie JEE – Une plateforme serveur  Développement et exécution d'applications réparties.
Veolia Consommateurs Contenu
‘‘Open Data base Connectivity‘‘
LES CLIENTS WEB RICHES Tuteur : Olivier CARON LEFEBVRE Benoit
Presentaion Projet IA.
Internet et le client- serveur Licence Pro IE Cours Internet / Intranet Le Web HTML Protocoles Le client universel Contenus dynamiques.
Création et présentation d’un tableau avec Word 2007
Enrichir les menus linéaires par des gestes Gilles Bailly Anne Roudaut Eric Lecolinet Laurence Nigay Leaf Menus.
Outil de gestion des cartes grises
Gestion des fichiers et dossiers
1 Techniques de Menus : Description, Développement, Evaluation Gilles Bailly 1,2 Directeurs de thèse : Laurence Nigay 1 et Eric Lecolinet 2 LIG Grenoble.
JavaScript.
Réalisé par : Mr IRZIM Hédi Mr JRAD Firas
Comprendre l’ergonomie du module STSWEB. La page d’accueil de STSWEB Code et Nom de l’établissement Version du module Campagne en cours Année affichée.
Architecture Client/Serveur
Comprendre l’ergonomie du module STSWEB. La page d’accueil de STSWEB Code et Nom de l’établissement Version du module Campagne en cours Année affichée.
Dreamweaver le retour Avec Les Formulaires Les Calques
FORMULAIRES FOMULAIRE Permet à l’utilisateur d’entrer des renseignements le concernant. Utilisation –Inscription sur un site –Mise à jour d’une base.
Dreamweaver 2 Plan 1.Calques 2.CSS 3.Modèles 4.Comportements 5.Formulaires 6.Mise en ligne 1 Timothée Devaux Myriam Roudy Dreamweaver 2 Printemps 2008.
EXPOSE FLASH 2 SI 28 24/10/2006 Delphine GODREAU Hélène PERRIER.
SI28 : Adobe Image Ready 3.0 Agathe Edange.
Présenté par: François-Xavier LECHEVALIER Fateh BOUGOUFFA
LAMOUR Mathieu Présentation du logiciel SI28 Automne 2004.
Transcription de la présentation:

Stuart Pook Eric Lecolinet Guy Vaysseix Emmanuel Barillot Des aides transparentes de navigation et un nouveau type de menu pour les interfaces zoomables Stuart Pook Eric Lecolinet Guy Vaysseix Emmanuel Barillot Voir http://www.infobiogen.fr/services/zomit pour plus d’information École nationale supérieure des télécommunications (ENST), Infobiogen, et Généthon Projet co-financé par France Télécom R & D, et Infobiogen 10/04/2017 19:39 ERGO-IHM 2000

Introduction 1. Contrôle des opérations continues Plusieurs problèmes nouvel interacteur: «Controlmenu » sélection puis contrôle continu appliqué aux interfaces zoomables 2. Contexte et interaction dans les interfaces zoomables Manque de contexte problème de désorientation nouvelles aides contextuelles Interaction : souris surchargée agrandir, défiler, entrer, ... « Control menu »

1. Opérations continues Choisir et contrôler des opérations continues Exemple : Acrobat Reader 3 façons de « zoomer » : boîte de dialogue, option menu, souris 3 façons de faire défiler : boîte de dialogue, ascenseurs, souris Plusieurs problèmes : trop de modes et façons de faire nombreux changements de focus non contextuel place écran usages répétés

résultat final (dézoom) « Control Menu » Nouveau type de menu contextuel ressemble à un « pie menu » Combine choix et contrôle une seule action continue et réversible pas de changement de focus feedback immédiat 1. choisir zoom 2. zoomer bouton de la souris pressé 3. dézoomer bouton de la souris relâché 4. zoomer résultat final (dézoom)

Utilisation du control menu Utilisateur novice attend le menu défilement zoom ..., etc, ... Vidéo : pan novice & zoom novice

Control versus Marking Menus Control et marking menus : les novices voient le menu les experts ne le voient pas Control menu : distance versus forme du geste contrôle (proportionnel) interacteur bidirectionnel remplace un menu et deux ascenseurs

Défilement expert puis zoom Vidéo : défilement expert puis zoom

Propriétés des Control menus Critères du modèle d’interaction de M. Beaudouin-Lafon écart spatial zéro (menu contextuel) écart temporel zéro (réaction immédiate) niveau d’intégration 2/2 (2 degrés de liberté de la souris utilisés) degré de compatibilité haut pendant défilement moyen pendant zoom

2. Interfaces zoomables : problèmes Trop d’opérations contrôlées à la souris control menu un seul control menu suffit pour toutes les opérations un seul geste pour chaque opération unification des opérations Manque de contexte : désorientation perdu dans l’hyperespace 3 nouvelles aides contextuelles

Perdu dans l’hyperespace Problème de désorientation perte de contexte après plusieurs zooms 3 nouvelles aides contextuelles couche de contexte couche historique vue hiérarchique Vidéo : comment l’utilisateur peut se perdre dans l’hyperespace

Couche de contexte Transparente Temporaire Dynamique Superposition focus (fixe) : dernière vue courante contexte (variable) : vue globale

Couche de contexte (vidéo) Rappel de la position du focus dans le contexte Contrôle interactif de l’échelle de contexte mieux situer le «focus » Le mouvement aide à séparer les 2 vues Vidéo : la couche de contexte

Couche historique Même principe Superposition Positions de transparente dynamique temporaire Superposition vue globale : fixe vue historique : variable Positions de la dernière vue courante la vue historique Contrôle interactif de la position dans le temps « revenir dans le temps »

Couche historique (construction)

Vue hiérarchique Permanente À coté de l’IZ Représentation hiérarchique de l’espace Indique l’existence des informations pas encore visibles Outil de navigation

3. Architecture client/serveur Zomit : IZ utilisable à distance Client en Java Serveur bibliothèque en C++ Jaune : générique Bleu : spécifique à l’application navigateur web Client (applet Java) page html classes Java serveur web serveur biblio. (C++) code applicatif machine client notre machine serveur base de données connexion TCP/IP

4. IZ : état et développements Zomit et HuGeMap base de données biogénétiques disponible à http://www.infobiogen.fr/services/zomit Bibliothèque virtuelle Jean-Daniel Fekete & Frédéric Jourdan (EMN) évaluation de l’utilité des IZ dans ce domaine (comparées à un environnement 3D)

Control menus : autres applications Control menus : technique générale d’interaction Exemples navigation dans un environnement de réalité virtuelle (VREng, Philippe Dax, ENST) traitement de texte His tender heir might bear his memory But thou contracted to thine own bright eyes, Feed’st thy light’s flame with self-substantial fuel 1 2 3 Voir http://www.infobiogen.fr/services/zomit pour plus d’information