Stphane Huot cole des Mines de Nantes 12 Juillet 2005 1 /50 1/50 - - PowerPoint PPT Presentation

st phane huot
SMART_READER_LITE
LIVE PREVIEW

Stphane Huot cole des Mines de Nantes 12 Juillet 2005 1 /50 1/50 - - PowerPoint PPT Presentation

Une nouvelle approche pour la conception crative: De linterprtation du dessin m ain leve au prototypage dinteractions non-standard Stphane Huot cole des Mines de Nantes 12 Juillet 2005 1 /50 1/50 /50 1 1/50 Le projet


slide-1
SLIDE 1

Une nouvelle approche pour la conception créative: De l’interprétation du dessin à m ain levée au prototypage d’interactions non-standard

Stéphane Huot

École des Mines de Nantes

12 Juillet 2005

slide-2
SLIDE 2

1/50 1 1 1/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Le projet GI NA

! Géométrie Interactive et NAturelle (P. Macé et G. Hégron) ! Construire facilement des modèles 3D Croquis

Interprétation & contraintes géométriques

Modèle 3D

Noyau mathématique

[Kuzo,1999;Sosnov,2003]

Interactions et environnement

slide-3
SLIDE 3

2/50 2 2 2/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Problém atique

! Introduire la modélisation 3D dans les premières phases de la conception architecturale

1. La tâche ? 2. Les paradigmes d’interaction ? 3. Outils et architectures logicielles ?

Conception créative Interprétation du dessin à main levée

&

Interactions non-standard

slide-4
SLIDE 4

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Plan

I . Conception, outils et I HM I I . Svalabard Svalabard, une table à dessin virtuelle I I I . Les Graphes Com binés I V. La boîte à outils MaggLite MaggLite

slide-5
SLIDE 5

4/50 4 4 4/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Conception, outils et I HM

Conception créative

! Résoudre un problème peu ou mal défini par une solution acceptable: la conception créative

! [Edmonds&Candy,2002]:

Exploration Solutions Évaluation

slide-6
SLIDE 6

5/50 5 5 5/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Conception, outils et I HM

Un outil privilégié: le dessin ( croquis)

! « The most important Thinking Tool »

[Goël&Pirolli,1989;Seitama-Hakkaainen et al.,2000] ! Extension cognitive (pose et mémorise les idées) ! Support figuratif libre (n’impose pas et permet la modification) ! Mode de dialogue (communique et suggère)

[Schön,1983;Goël,1995]

slide-7
SLIDE 7

6/50 6 6 6/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Conception, outils et I HM

L’exem ple de la CAO en conception architecturale

! Suivi et intégration

  • Archivage, recherche

! Transformation des données

  • Simulations (matériaux, structures, coûts, etc.)
  • Plans de construction

! Présentation et communication

  • Collaborateurs
  • Clients

! Phases amont de la conception ?

slide-8
SLIDE 8

7/50 7 7 7/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Conception, outils et I HM

La m odélisation 3 D

! Primitives géométriques

  • Assemblage
  • Opérations
  • Fonctionnalités ‘mathématiques’

! Interfaces complexes, interactions limitées

  • Multiples menus, options,

commandes

  • Manipulation directe souvent

‘détournée’

slide-9
SLIDE 9

8/50 8 8 8/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Conception, outils et I HM

Dans un contexte ‘créatif’: conception ou saisie ?

! Modélisation 3D et feuille blanche: analogie avec le dessin ? ! Inadéquation cognitive:

  • Spéculation Vs précision
  • Liberté Vs démarche imposée

! Inadéquation contextuelle:

  • Simplicité Vs complexité
  • Espace Vs confinement

Décalage avec le terme “Conception AO”

slide-10
SLIDE 10

9/50 9 9 9/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Conception, outils et I HM

Situation actuelle et intérêts

! Modélisation après la solution: un but

  • Acteurs spécialisés

! Apports envisagés: un moyen

  • Intégration complète au projet
  • Prise en compte au plus tôt de contraintes

spécifiques (simulations, normes, etc.)

  • Ouvrir et faciliter la création (vues, modèles,

analogies)

slide-11
SLIDE 11

10/50 10 10 10/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Conception, outils et I HM

Am éliorations par le savoir

! Bases d’objets et de contraintes spécifiques:

  • modeleurs architecturaux: ARCHICAD, Allplan, etc.

! Approches bases de connaissances

  • Raisonnement par classification [Guéna,1997]
  • Contraintes et bases de connaissances [Boucard,2004]

Problèmes de présentation et de manipulation des données

slide-12
SLIDE 12

11/50 11 11 11/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Conception, outils et I HM

Am éliorations par le savoir-faire: des approches interactives expérim entales

! Des techniques en rupture avec les conventions

  • Reconnaissance de gestes: Sketch

[Zeleznik,1996]

  • Dessin libre et gestes: Teddy [Igarashi,1999]
  • Dessin vectoriel 3D et suggestions: Château

[Igarashi,2001]

Public et/ou problème particulier

slide-13
SLIDE 13

12/50 12 12 12/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Conception, outils et I HM

Am éliorations par le savoir-faire: des approches interactives scientifiques

! Interprétation de dessins plans: EsQUIsE

[Leclercq et al.,2002-2004], E.C. NAPKIN [Gross&Do,1996;Do,1998-2000]

! Interprétation de dessins en vue axonométrique: vectoriel Viking

[Pugh,1992], à main levée [Eggli,1997] ou

Digital Clay [Schweikardt&Gross,2000] ! Dessin en perspective: Projective Drawing

[Tolba et al.,2001]

slide-14
SLIDE 14

13/50 13 13 13/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Conception, outils et I HM

Les enjeux

! Dessin à main levée: vues et traits particuliers ! Nouvelles interactions: généralisation et appropriation ! En général: problèmes de réalisation Limites des outils actuels pour la conception d’interactions et d’interfaces

slide-15
SLIDE 15

14/50 14 14 14/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Conception, outils et I HM

Lim ites des outils actuels pour la conception d’interactions

! Boîtes à outils WIMP standards (de XToolkit à Java Swing)

  • Monolithiques
  • Peu flexibles et extensibles

! Boîtes à outils WIMP avancées (Subarctic [Hudson&Smith,1996], Garnet/Amulet [Myers et al.,1990-1997])

  • Améliorent les architectures à événements
  • Décrivent mieux et facilitent le développement d’interactions standards
  • Relativement fermées aux techniques d’interaction avancées

! Boîtes à outils Post-WIMP spécialisées (Satin [Hong&Landay,2000], MID

[Hourcade&Bederson,1999], WidgetTap [Greenberg&Boyle,2002], etc.)

  • Focalisées sur un problème (gestes, pointeurs multiples, interfaces

tangibles,etc.)

  • Manque de mécanismes pour l’intégration de techniques avancées
slide-16
SLIDE 16

15/50 15 15 15/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Conception, outils et I HM

Directions pour la conception d’I HM

! Remise en cause des outils pour la conception d’IHM:

  • Supporter des besoins liés à la modélisation 3D
  • Rendus graphiques
  • Interactions avancées
  • Adaptabilité
  • Favoriser l’utilisation de nouvelles techniques
slide-17
SLIDE 17

16/50 16 16 16/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Conception, outils et I HM

Directions pour la m odélisation 3 D

Un environnement de modélisation construit autour de: Un environnement de modélisation basé sur: L’utilisateur La médiatisation de la tâche Des profils d’utilisateurs variés Le dessin à main levée La compréhension Un système adaptable, évolutif et malléable

slide-18
SLIDE 18

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Plan

I . Conception, outils et I HM I I . Svalabard Svalabard, une table à dessin virtuelle I I I . Les Graphes Com binés I V. La boîte à outils MaggLite MaggLite

slide-19
SLIDE 19

18/50 18 18 18/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Svalabard Svalabard, une table à dessin virtuelle

Étude du trait: protocole

! Étude sur un groupe de 21 étudiants en architecture et 4 architectes [Huot

et al., 2002, 2003]

  • consigne : «Dessiner une vue extérieure,

unique et en perspective d’un bâtiment. Vous ne devez pas utiliser de modèle (images, photographies)[…] concevoir un nouveau bâtiment […] ne pas dessiner l’environnement extérieur (arbres, ciel, etc...)»

  • Disposition expérimentale: feuille de

papier et stylet à encre

slide-20
SLIDE 20

19/50 19 19 19/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Svalabard Svalabard, une table à dessin virtuelle

Taxinom ie des traits du dessin d’architecture en perspective

! Construction : lignes de fuite, repères,… ! Principaux

  • Primaires : premiers traits de

l’enveloppe

  • Secondaires

Secondaires : repassages ! Détail : caractéristiques (portes, fenêtres, …) ! Décoration : apparence (matériaux,

  • mbres,…)

! Style/Amélioration : environnement (arbres, nuages, etc.)

slide-21
SLIDE 21

20/50 20 20 20/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Svalabard Svalabard, une table à dessin virtuelle

Analyses et résultats

! 3 phases :

  • 1. constructive (construction, primaires et secondaires)
  • 2. complétion et amélioration (secondaires, détail et

décor)

  • 3. Style

! Phase constructive en début de dessin ! Temps de pause plus longs lors des changements de phase ! Importance du style et de l’environnement

Contextes de dessin

slide-22
SLIDE 22

21/50 21 21 21/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Svalabard Svalabard, une table à dessin virtuelle

Lignes directrices

! Interactions, environnement et retours graphiques

  • Utilisation, compréhension et configuration

! Réduire les contraintes de projection

  • Liberté de représentation

! Réduire les contraintes de sémantique du trait

  • Liberté d’organisation

! Réduire les contraintes de qualité du trait

  • Liberté de style et de retouches
slide-23
SLIDE 23

22/50 22 22 22/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Svalabard Svalabard, une table à dessin virtuelle

Une m étaphore inscrite dans les habitudes

! La table à dessin [Huot et al.,2004a]:

  • Feuilles de papier virtuelles
  • Dessin non contraint, libre
  • Association directe de périphériques

d’entrée aux outils de l’application (composition d’instruments

[Beaudouin-Lafon,2000]) + interaction

bimanuelle [Guiard, 1987]

! Reprend les principes de ‘T3’ (Tablets, Two-hands and Transparency)

[Kurtenbach et al.,1997] mais adaptable

selon les habitudes et les buts

slide-24
SLIDE 24

23/50 23 23 23/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Svalabard Svalabard, une table à dessin virtuelle

Un paradigm e qui exploite les aptitudes: les feuilles d’interaction

! Le dessinateur pilote l’activité

  • Analyse sous-jacente du dessin
  • Comportements du système guidés par les actions

(modes implicites)

! Organisation verticale (modèle multi-couches

[Fekete,1996]) rejoignant les fonctions du

dessin d’architecte [Estevez,2001]:

  • Spéculatif
  • Prescriptif
  • Descriptif
slide-25
SLIDE 25

24/50 24 24 24/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Svalabard Svalabard, une table à dessin virtuelle

La feuille de dessin ( 1 )

! Outil de dessin libre (brosses, couleurs, épaisseur) ! Tablette écran ! Glissières

slide-26
SLIDE 26

25/50 25 25 25/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Svalabard Svalabard, une table à dessin virtuelle

La feuille de dessin ( 2 ) Les calques

! Technique maîtrisée

[Goldsmith,2002]

! Fixer des solutions ou les décomposer ! Ajout, ordre, ‘pliage’ ! Shuttle

slide-27
SLIDE 27

26/50 26 26 26/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Svalabard Svalabard, une table à dessin virtuelle

La feuille augm entée

! Affichage des résultats des traitements ! Annotation du dessin ! Saisie de propriétés ! Tablette

slide-28
SLIDE 28

27/50 27 27 27/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Svalabard Svalabard, une table à dessin virtuelle

La feuille 3 D

! Manipulation du modèle 3D ! Rendu non photo- réaliste ! Magellan

slide-29
SLIDE 29

28/50 28 28 28/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Svalabard Svalabard, une table à dessin virtuelle

I nteractions globales

! Zone de gestes

  • Mobile et transparente

(‘See-Through tools’ [Bier et al.,1994])

  • u

! ‘Marking Menus’

[Kurtenbach,1993]

  • Gestes & items

Cohérence et intégration

slide-30
SLIDE 30

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Video

slide-31
SLIDE 31

30/50 30 30 30/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Svalabard Svalabard, une table à dessin virtuelle

Traitem ent des entrées: une cascade de filtres

! Des traitements modulaires et configurables ! Structurer les entrées reçues

  • A. Des données brutes aux traits
  • B. Des traits aux segments ([Sezgin et al.,2001])

! Épurer et nettoyer le dessin

  • C. Écarter les traits inutiles pour le noyau
  • D & E. Prendre en compte les modifications et corriger les « imprécisions »les

(adaptation de [Shpitalni et al.,1997])

slide-32
SLIDE 32

31/50 31 31 31/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Svalabard Svalabard, une table à dessin virtuelle

Conclusion

! Le dessin plus qu’une technique ! Conjugaison de deux approches: scientifique et expérimentale ! Système modulaire et configurable:

  • Au niveau des interactions et comportements
  • Au niveau des fonctionnalités (feuilles, filtres, etc.)

! Une architecture logicielle plus flexible

Façonner l’outil

slide-33
SLIDE 33

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Plan

I . Conception, outils et I HM I I . Svalabard Svalabard, une table à dessin virtuelle I I I . Les Graphes com binés I V. La boîte à outils MaggLite MaggLite

slide-34
SLIDE 34

33/50 33 33 33/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Les Graphes Com binés

Vue générale

! Graphe de scène:

  • affichage

! Graphe d’interaction:

  • Interactions/comportements

! ‘Graphe Combiné’ [Huot et

al.,2004b]:

  • connexion dynamique
slide-35
SLIDE 35

34/50 34 34 34/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Les Graphes Com binés

Graphes de scène

! Représentation de scènes 3D (OpenInventor

[Wernecke,1993])

! Organisation hiérarchique

  • Compréhension
  • Optimisation

! Encapsulation de l’interaction

slide-36
SLIDE 36

35/50 35 35 35/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Les Graphes Com binés

Graphes d’interaction

! Flot de données: modèle des configurations d’entrée ICom [Dragicevic,2004] ! Flexible, adaptable et configurable à l’exécution ! Points d’Accès à l’Interaction (IAPs) pour communiquer avec le graphe de scène

slide-37
SLIDE 37

36/50 36 36 36/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Les Graphes Com binés

! Nœuds du graphe d’interaction qui agissent sur des classes de nœuds d’un graphe de scène ! Interactions génériques et ‘enfichables’

I APs: Dispositifs d’interaction

slide-38
SLIDE 38

37/50 37 37 37/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Les Graphes Com binés

! Nœuds du graphe d’interaction qui agissent sur des instances de nœuds d’un graphe de scène ! Externalisation des capacités des objets graphiques pour:

  • Un contrôle direct
  • Des interconnexions

I APs: Manipulateurs

slide-39
SLIDE 39

38/50 38 38 38/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Les Graphes Com binés

! Nœuds du graphe d’interaction qui appliquent des comportements ou états sur des instances de nœuds d’un graphe de scène

! Comportements

  • Réutilisables
  • Contrôlables

I APs: Dispositifs de com portem ent

slide-40
SLIDE 40

39/50 39 39 39/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Les Graphes Com binés

! Noeuds du graphe d’interaction qui réalisent des actions à l’intérieur des limites graphiques de nœuds spécifiques d’un graphe de scène ! Externalisation d’outils (réutilisables dans d’autre applications) ! 2 modes de gestion des entrées:

  • Mode local (projection complète du

dispositif sur le composant)

  • Mode global (projection écran)

I APs: Outils internes

slide-41
SLIDE 41

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Plan

I . Conception, outils et I HM I I . Svalabard Svalabard, une table à dessin virtuelle I I I . Les Graphes Com binés I V. La boîte à outils MaggLite MaggLite

slide-42
SLIDE 42

41/50 41 41 41/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

La boîte à outils MaggLite MaggLite

I m plém entation du m odèle d’architecture logicielle

! Réalisation des graphes de scènes:

  • Implémentation en Java, basée sur Java 2D

! Réalisation des graphes d’interaction et des IAPs:

  • Utilisation et extension de la boîte à outils ICon

[Dragicevic,2004]

  • Configurateur graphique dynamique
  • Nouvelles abstractions
  • Nouveaux périphériques
  • Nouvelles interactions

! Mécanismes de base, objets graphiques et dispositifs par défaut.

slide-43
SLIDE 43

42/50 42 42 42/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

La boîte à outils MaggLite MaggLite

Un exem ple de prototypage d’interface avec MaggLite: le puzzle

! Un constructeur d’interface basé sur le dessin: MaggLite Interface Builder (MIB) Dessiner les objets ! Connecter les interactions avec le langage visuel de Input Configurator (ICon) Connecter les interactions ! Connexion dynamique des graphes à l’exécution Utiliser l’interface

slide-44
SLIDE 44

43/50 43 43 43/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

La boîte à outils MaggLite MaggLite

Le puzzle: dessin des pièces

! Outil de dessin

  • Sélection des objets graphiques avec une

‘toolglass’

  • Composants de forme libre

! Outil de gestes

  • Composants de forme standard
  • Commandes (effacement, sauvegarde,

etc.)

  • Annotations

! Couleurs des objets

  • ‘Toolglass’
slide-45
SLIDE 45

44/50 44 44 44/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

La boîte à outils MaggLite MaggLite

Le puzzle: interactions

! Description graphique

  • Choix des périphériques
  • Choix des interactions

! Changer d’interaction ! Comportements ! Changer de périphérique

slide-46
SLIDE 46

45/50 45 45 45/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

La boîte à outils MaggLite MaggLite

La librairie

! Objets graphiques:

  • Effets graphiques: ombres, transparence, déformations,…
  • Composants prédéfinis: ‘fenêtres’, calques, conteneur multicalques, conteneur

d’image, 3D OpenGl,…

  • Widgets: Glissière, bouton, zone de texte

! Périphériques d’entrée:

  • Souris, claviers, tablettes, joysticks, contrôleurs MIDI, web cams,

reconnaissance vocale,…

! Dispositifs d’interaction et outils:

  • Drag, ‘Paper Sheet’, poignées, pliage, gestes, dessin, fisheyes,…

! Dispositifs de comportement:

  • Pulsation, surlignage, ‘collage’

! Abstractions pour faciliter l’extension (composants graphiques, interactions génériques, outils)

slide-47
SLIDE 47

46/50 46 46 46/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

La boîte à outils MaggLite MaggLite

Réalisation de Svalabard Svalabard

! Feuilles d’interactions (graphe de scène)

  • Feuille de dessin: composant multi-calque
  • Feuille augmentée: création d’un calque d’affichage vectoriel
  • Feuille 3D: composant 3D OpenGL

! Interactions, outils et comportements

  • Dispositif de sélection des objets (feuille augmentée)
  • Filtres de dessin
  • Graphe d’interaction reconfigurable
slide-48
SLIDE 48

47/50 47 47 47/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Conclusion

! Contributions

  • Étude du dessin en perspective et

identification de particularités

  • Un système de dessin numérique plus ‘libre’

se rapprochant des usages

  • Un nouveau modèle d’architecture logicielle

et ses preuves de faisabilité (MaggLite MaggLite et Svalabard Svalabard)

slide-49
SLIDE 49

48/50 48 48 48/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Apports

! Une approche instrumentée du dessin numérique:

  • Plus de liberté dans la démarche
  • Interactions cohérentes et associations de périphériques
  • Système adaptable et configurable

! Un modèle d’architecture logicielle pour les applications interactives:

  • Développeurs: flexible et modulaire
  • Concepteurs d’IHMs: dynamique et favorise l’exploration
  • Utilisateurs: adaptable et configurable
slide-50
SLIDE 50

49/50 49 49 49/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Applications

! ! Svalabard Svalabard

  • Autres domaines (dessin

technique, dessin artistique, etc.)

  • Autres plateformes (TabletPC,

réalité augmentée, travail collaboratif, etc)

! ! MaggLite MaggLite

  • Nouvelles interactions
  • Prototypage
  • Enseignement
slide-51
SLIDE 51

50/50 50 50 50/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Perspectives

! ! Svalabard Svalabard

  • Traitements du dessin (profils utilisateurs, reconnaissance de

formes, reconstruction 3D)

  • Évaluation (choix de conception, filtres de traitement,

utilisabilité et adaptabilité)

  • Évolution vers un système de suggestions
  • Plateforme pour la composition d’outils informatiques

‘créatifs’ ?

! Les graphes combinés

  • Extension du modèle
  • Compléter et utiliser MaggLite

MaggLite

  • Du prototype à un AGL pour la conception d’IHM ?
slide-52
SLIDE 52

51/50 51 51 51/50 /50 /50

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Applications « créatives » et ingénierie des I HMs

! Concevoir de nouveaux outils est une tâche de conception créative ! Les limites des applications ‘créatives’ ne doivent pas être dictées par les limites de leurs concepteurs mais par celles de leurs utilisateurs… [Huot&Dumas]

slide-53
SLIDE 53

Équipe Conception et Modélisation Interactives (CMI) – Dpt. Informatique de l’École des Mines de Nantes - Stéphane Huot – Juillet 2005

Merci