Concevoir	  linterac.on	  avec	  linforma.que	  	          diffusée	  dans	  les	  objets	       Céline	  Coutrix,	  CR	  C...
Plan	  •    Contexte,	  Problème	  et	  Approche	  •    Réalisa.on	  d’ébauches	  d’objets	  •    Base	  conceptuelle	  • ...
Contexte	  :	  Réalité	  mixte	  •  Faire	  disparaître	  la	  fron.ère	  entre	  mondes	     physique	  et	  numérique	  ...
Contexte	  :	  Réalité	  mixte	                                 Réalité	  augmentée	                                      ...
Contexte	  :	  Réalité	  mixte	  •  Diversité	                                                     5	  
Contexte	  :	  Réalité	  mixte	  •  Similitudes	                 DigitalDesk	          NAVRNA	             Tangible	  Geos...
Problème	  •  Concep.on	  mal	  maîtrisée	     –  Difficile	  d’u.liser	  des	  éléments	  de	  concep.on	  isolés	     –  D...
Problème	  1.  Fournir	  des	  ou.ls	  pour	  une	  explora.on	      systéma.que	  de	  l’espace	  de	  concep.on	  2.  Fo...
Approche	  (1)	                      AnalyseÉvaluation                         Conception                 Prototypage     ...
Approche	  (1)	                      AnalyseÉvaluation                 Prototypage                                    [Lim...
Approche	  (1)	                     AnalyseÉvaluation                                    11	  
Approche	  (2)	  Analyse	  des	  besoins	                   Concep.on	                      Concep.on	  logicielle	       ...
Approche	  (2)	                       Concep.on	  de	  l’interac.on	  Analyse	  des	                                      ...
Approche	  (3)	  •  Centrée	  sur	  l’objet	                                               14	  
Approche	  (3)	  Niveau	  supérieur	  :	  interface	  complète	     Niveau	  inférieur	  :	  technologie	                 ...
Plan	  •    Contexte,	  Problème	  et	  Approche	  •    Réalisa.on	  d’ébauches	  d’objets	  •    Base	  conceptuelle	  • ...
Réalisa.on	  d’ébauches	  d’objets	  •  Prototypes	  sta.ques	                                                17	  
Réalisa.on	  d’ébauches	  d’objets	  •  Prototypes	  interac.fs	                                                18	  
Réalisa.on	  d’ébauches	  d’objets	  •  Exemple	  d’u.lisa.on	  de	  l’ou.l	  de	  prototypage	                           ...
Réalisa.on	  d’ébauches	  d’objets	  •  Explora.on	  concrète	  des	  alterna.ves	                                        ...
Réalisa.on	  d’une	  ébauche	  •  Alterna.ves	  de	  capteurs	     –  Phidgets	     –  Interface-­‐Z	                     ...
Réalisa.on	  d’une	  ébauche	  •  Capitalisa.on	  des	  ou.ls	  du	  niveau	  inférieur	     –  Phidgets	     –  Interface...
Réalisa.on	  d’une	  ébauche	  •  Alterna.ves	  de	  transforma.on	     –  Seuil	     –  +	  Répé..on	                    ...
Réalisa.on	  d’une	  ébauche	  •  Alterna.ves	  de	  retour	  d’informa.on	     –  Impulsion	  +	  Diode	                 ...
Réalisa.on	  d’une	  ébauche	  •  Alterna.ves	  de	  retour	  d’informa.on	     –  Impulsion	  +	  Son	                   ...
Réalisa.on	  d’une	  ébauche	  •  Alterna.ves	  de	  retour	  d’informa.on	     –  Répé..on	  +	  Impulsion	  +	  Diode	  ...
Réalisa.on	  d’ébauches	  d’objets	  •  Prototypes	  d’objets	  interac.fs	  •  Combinaison	  des	  éléments	  logiciels	 ...
Plan	  •    Contexte,	  Problème	  et	  Approche	  •    Réalisa.on	  d’ébauches	  d’objets	  •    Base	  conceptuelle	  • ...
Modèle	  d’interac.on	  mixte	  •  Niveau	  objet	                                                29	  
Plan	  •  Contexte,	  Problème	  et	  Approche	  •  Réalisa.on	  d’ébauches	  d’objets	  •  Base	  conceptuelle	         •...
Plan	  •  Contexte,	  Problème	  et	  Approche	  •  Réalisa.on	  d’ébauches	  d’objets	  •  Base	  conceptuelle	         •...
Modèle	  d’interac.on	  mixte	        Objet physique             Objet numérique        Propriétés                   Propr...
Modèle	  d’interac.on	  mixte	                                          Objet mixte                               Propriét...
Modèle	  d’interac.on	  mixte	  • 	  Modalité	  de	  Liaison	                       Dispositif       Langage              ...
Exemple	      PICO	                 35	  
Objet	  mixte	  :	  exemple	     caméra	      vision	  par	                  ordinateur	                                  ...
Plan	  •  Contexte,	  Problème	  et	  Approche	  •  Réalisa.on	  d’ébauches	  d’objets	  •  Base	  conceptuelle	         •...
Caractérisa.on	  intrinsèque	                Dispositif   Langage              de liaison   de liaison              en ent...
Caractéris.ques	  intrinsèques	  •  4	  niveaux	  d’abstrac.on	                              disposi1f	  	     langage	   ...
Caractéris.ques	  intrinsèques	                            Acquises                       Non matérialisées               ...
Caractéris.ques	  intrinsèques	                          Est exposé                                      41	  
Caractéris.ques	  intrinsèques	                    Captées                Non généréesNon captées     CaptéesNon générées ...
Objet	  mixte	  :	  exemple	               caméra	      vision	  par	                            ordinateur	              ...
Caractéris.ques	  intrinsèques	   FormeCouleurs   Lumière   …                                           44	  
Caractéris.ques	  intrinsèques	      Capitalisa.on	  de	  caractéris.ques	  existantes	                          disposi1f...
Caractéris.ques	  intrinsèques	                      taille                                                 résolution•  P...
Caractéris.ques	  intrinsèques	                      Capteur	  	                        de	           Seuiller	           ...
Caractéris.ques	  intrinsèques	  •  Défini.on	  et	  caractérisa.on	  selon	  4	  niveaux	     d’abstrac.on	               ...
Caractéris.ques	  intrinsèques	  •  Lien	  avec	  l’ou.l	  de	  prototypage	                                              ...
Plan	  •  Contexte,	  Problème	  et	  Approche	  •  Réalisa.on	  d’ébauches	  d’objets	  •  Base	  conceptuelle	         •...
Interac.on	  instrumentale	               Ou1l	                                Objet	  de	                                ...
Interac.on	  instrumentale	                              DigitalDesk	               Ou1l	                                 ...
Interac.on	  instrumentale	                               Ou1l	                                                           ...
Modalité	  d’interac.on	  	  • m	  =	  (disposi.f,	  langage)	      •  	  geste	  =	  	      (gant,	  langage	  de	  geste...
Modalité	  d’interac.on	  	       Disposi.f	         Langage	       Système	     d’interac.on	     d’interac.on	          ...
Interac.on	  instrumentale	  enrichie	                                    Ou1l	                                           ...
Interac.on	  instrumentale	  enrichie	                                                                     Langage	       ...
Plan	  •  Contexte,	  Problème	  et	  Approche	  •  Réalisa.on	  d’ébauches	  d’objets	  •  Base	  conceptuelle	         •...
Caractérisa.on	  extrinsèque	                                                                 Langage	                    ...
Caractéris.ques	  extrinsèques	  •  Métaphore	  de	  nom	   [Fishkin,	  2004]	      –  Un	  <x>	  dans	  le	  système	  es...
Exemple	   Tangible	  Geospace	                              61	  
Caractéris.ques	  extrinsèques	           caméra	   vision	                                                               ...
Exemple	    NAVRNA	                 63	  
Caractéris.ques	  extrinsèques	           caméra	   vision	                                                               ...
Caractéris.ques	  extrinsèques	  •  Extension	  de	  la	  métaphore	  de	  nom	                                   Pra.que	...
Caractéris.ques	  extrinsèques	  •  Alterna.ves	  explorant	  les	  métaphores	  de	  nom	                                ...
Caractéris.ques	  extrinsèques	  •  Métaphore	  de	  verbe	   [Fishkin,	  2004]	      –  <X>-­‐er	  dans	  le	  système	  ...
Caractéris.ques	  extrinsèques	           caméra	   vision	                                 Mouvements	  	                ...
Caractéris.ques	  extrinsèques	           caméra	   vision	                                                               ...
Caractéris.ques	  extrinsèques	  •  Alterna.ves	  explorant	  les	  métaphores	  de	  verbe	                              ...
Caractéris.ques	  extrinsèques	   propriétés	  	           propriétés	   physiques	              numériques	              ...
Plan	  •  Contexte,	  Problème	  et	  Approche	  •  Réalisa.on	  d’ébauches	  d’objets	  •  Base	  conceptuelle	         •...
Conclusion	  •  Ébauches	  d’objets	  •  Base	  conceptuelle	                      dispositif                             ...
Conclusion	  •  Systèmes	  conçus	  et	  prototypés	                                           Playground	                ...
Conclusion	  •  U.liser	  des	  éléments	  de	  concep.on	  existants	     dans	  un	  cadre	  cohérent	  •  Étendre	  des...
Ouverture	  •  Ergonomie	  de	  l’ou.l	  •  Couverture	  de	  l’ou.l	                                          76	  
Concevoir	  linterac.on	  avec	  linforma.que	  	          diffusée	  dans	  les	  objets	       Céline	  Coutrix,	  CR	  C...
Prochain SlideShare
Chargement dans…5
×

Concevoir l'interaction avec l'informatique diffusée dans les objets

707 vues

Publié le

Publié dans : Technologie
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
707
Sur SlideShare
0
Issues des intégrations
0
Intégrations
2
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Concevoir l'interaction avec l'informatique diffusée dans les objets

  1. 1. Concevoir  linterac.on  avec  linforma.que     diffusée  dans  les  objets   Céline  Coutrix,  CR  CNRS,  Équipe  IIHM,  LIG   École  théma.que  Intelligence  Ambiante  2011  
  2. 2. Plan  •  Contexte,  Problème  et  Approche  •  Réalisa.on  d’ébauches  d’objets  •  Base  conceptuelle  •  Conclusion  et  Ouverture   2  
  3. 3. Contexte  :  Réalité  mixte  •  Faire  disparaître  la  fron.ère  entre  mondes   physique  et  numérique   CASPER   DigitalDesk   3  
  4. 4. Contexte  :  Réalité  mixte   Réalité  augmentée   Réalité  mixte   Interfaces  tangibles  Virtualité  augmentée   Chirurgie  augmentée   Systèmes  mixtes   4  
  5. 5. Contexte  :  Réalité  mixte  •  Diversité   5  
  6. 6. Contexte  :  Réalité  mixte  •  Similitudes   DigitalDesk   NAVRNA   Tangible  Geospace   6   PICO  
  7. 7. Problème  •  Concep.on  mal  maîtrisée   –  Difficile  d’u.liser  des  éléments  de  concep.on  isolés   –  Difficile  d’explorer  l’espace  de  concep.on   –  Difficile  de  profiter  des  expériences  précédentes   7  
  8. 8. Problème  1.  Fournir  des  ou.ls  pour  une  explora.on   systéma.que  de  l’espace  de  concep.on  2.  Fournir  un  guide  ergonomique  pour  la   concep.on   8  
  9. 9. Approche  (1)   AnalyseÉvaluation Conception Prototypage 9  
  10. 10. Approche  (1)   AnalyseÉvaluation Prototypage [Lim  et  al.,  2008]   10  
  11. 11. Approche  (1)   AnalyseÉvaluation 11  
  12. 12. Approche  (2)  Analyse  des  besoins   Concep.on   Concep.on  logicielle   Implémenta.on   12  
  13. 13. Approche  (2)   Concep.on  de  l’interac.on  Analyse  des   Concep.on   besoins   logicielle   …   13  
  14. 14. Approche  (3)  •  Centrée  sur  l’objet   14  
  15. 15. Approche  (3)  Niveau  supérieur  :  interface  complète   Niveau  inférieur  :  technologie   ASUR   Phidgets   15  
  16. 16. Plan  •  Contexte,  Problème  et  Approche  •  Réalisa.on  d’ébauches  d’objets  •  Base  conceptuelle  •  Conclusion  et  Ouverture   16  
  17. 17. Réalisa.on  d’ébauches  d’objets  •  Prototypes  sta.ques   17  
  18. 18. Réalisa.on  d’ébauches  d’objets  •  Prototypes  interac.fs   18  
  19. 19. Réalisa.on  d’ébauches  d’objets  •  Exemple  d’u.lisa.on  de  l’ou.l  de  prototypage   19  
  20. 20. Réalisa.on  d’ébauches  d’objets  •  Explora.on  concrète  des  alterna.ves   20  
  21. 21. Réalisa.on  d’une  ébauche  •  Alterna.ves  de  capteurs   –  Phidgets   –  Interface-­‐Z   21  
  22. 22. Réalisa.on  d’une  ébauche  •  Capitalisa.on  des  ou.ls  du  niveau  inférieur   –  Phidgets   –  Interface-­‐Z   –  ARToolKit   22  
  23. 23. Réalisa.on  d’une  ébauche  •  Alterna.ves  de  transforma.on   –  Seuil   –  +  Répé..on   23  
  24. 24. Réalisa.on  d’une  ébauche  •  Alterna.ves  de  retour  d’informa.on   –  Impulsion  +  Diode   24  
  25. 25. Réalisa.on  d’une  ébauche  •  Alterna.ves  de  retour  d’informa.on   –  Impulsion  +  Son   25  
  26. 26. Réalisa.on  d’une  ébauche  •  Alterna.ves  de  retour  d’informa.on   –  Répé..on  +  Impulsion  +  Diode   26  
  27. 27. Réalisa.on  d’ébauches  d’objets  •  Prototypes  d’objets  interac.fs  •  Combinaison  des  éléments  logiciels  pour   explorer  concrètement  des  alterna.ves   d’objets  •  Capitalisa.on  des  ou.ls  du  niveau  inférieur  à   l’objet  •  U.lisa.on  des  objets  dans  des  contextes   applica.fs   27  
  28. 28. Plan  •  Contexte,  Problème  et  Approche  •  Réalisa.on  d’ébauches  d’objets  •  Base  conceptuelle  •  Conclusion  et  Ouverture   28  
  29. 29. Modèle  d’interac.on  mixte  •  Niveau  objet   29  
  30. 30. Plan  •  Contexte,  Problème  et  Approche  •  Réalisa.on  d’ébauches  d’objets  •  Base  conceptuelle   •  Objet  mixte   •  Interac.on  avec  un  objet  mixte  •  Conclusion  et  Ouverture   30  
  31. 31. Plan  •  Contexte,  Problème  et  Approche  •  Réalisa.on  d’ébauches  d’objets  •  Base  conceptuelle   •  Objet  mixte   –  Défini.on   –  Caractérisa.on  intrinsèque   •  Interac.on  avec  un  objet  mixte   –  Défini.on   –  Caractérisa.on  extrinsèque  •  Conclusion  et  Ouverture   31  
  32. 32. Modèle  d’interac.on  mixte   Objet physique Objet numérique Propriétés Propriétés physiques numériques Objet mixte Propriétés Propriétés physiques ? numériques 32  
  33. 33. Modèle  d’interac.on  mixte   Objet mixte Propriétés Propriétés physiques ? numériques• Modalité  d’interac.on  m  =  (disposi.f,  langage)   •   geste  =     (gant,  langage  de  gestes  de  commande)   33  
  34. 34. Modèle  d’interac.on  mixte  •   Modalité  de  Liaison   Dispositif Langage de liaison de liaison en entrée en entrée Propriétés Propriétés physiques numériques Dispositif Langage de liaison de liaison en sortie en sortie 34  
  35. 35. Exemple   PICO   35  
  36. 36. Objet  mixte  :  exemple   caméra vision  par ordinateur [x,  y] projecteur carré  jaune table   ac.va.on aimantée 36  
  37. 37. Plan  •  Contexte,  Problème  et  Approche  •  Réalisa.on  d’ébauches  d’objets  •  Base  conceptuelle   •  Objet  mixte   –  Défini.on   –  Caractérisa.on  intrinsèque   •  Interac.on  avec  un  objet  mixte   –  Défini.on   –  Caractérisa.on  extrinsèque  •  Conclusion  et  Ouverture   37  
  38. 38. Caractérisa.on  intrinsèque   Dispositif Langage de liaison de liaison en entrée en entréePropriétés Propriétésphysiques numériques Dispositif Langage de liaison de liaison en sortie en sortie 38  
  39. 39. Caractéris.ques  intrinsèques  •  4  niveaux  d’abstrac.on   disposi1f     langage   d’entrée d’entrée propriétés     propriétés   physiques numériques   disposi1f   langage   de  sor1e   de  sor1e   39  
  40. 40. Caractéris.ques  intrinsèques   Acquises Non matérialisées Acquises Non acquises Matérialisées Non matérialisées Non acquises Matérialisées 40  
  41. 41. Caractéris.ques  intrinsèques   Est exposé 41  
  42. 42. Caractéris.ques  intrinsèques   Captées Non généréesNon captées CaptéesNon générées Générées Non captées Générées 42  
  43. 43. Objet  mixte  :  exemple   caméra vision  par ordinateur [x,  y] Position projecteur carré  jaune table   ac.va.on aimantée 43  
  44. 44. Caractéris.ques  intrinsèques   FormeCouleurs Lumière … 44  
  45. 45. Caractéris.ques  intrinsèques   Capitalisa.on  de  caractéris.ques  existantes   disposi1f     langage   d’entrée d’entrée propriétés     propriétés  physiques numériques   disposi1f   langage   de  sor1e   de  sor1e   45  
  46. 46. Caractéris.ques  intrinsèques   taille résolution•  Penser  à  des  solu.ons  de  concep.on  non  envisagées   46  
  47. 47. Caractéris.ques  intrinsèques   Capteur     de Seuiller luminosité Est  exposé Diode Clignoter Haut-­‐   Bip Parleur •  Penser  à  des  solu.ons  de  concep.on  non  envisagées   47  
  48. 48. Caractéris.ques  intrinsèques  •  Défini.on  et  caractérisa.on  selon  4  niveaux   d’abstrac.on   disposi1f     langage   d’entrée d’entrée propriétés     propriétés   physiques numériques   disposi1f   langage   de  sor1e   de  sor1e   48  
  49. 49. Caractéris.ques  intrinsèques  •  Lien  avec  l’ou.l  de  prototypage   49  
  50. 50. Plan  •  Contexte,  Problème  et  Approche  •  Réalisa.on  d’ébauches  d’objets  •  Base  conceptuelle   •  Objet  mixte   •  Interac.on  avec  un  objet  mixte   –  Défini.on   –  Caractérisa.on  extrinsèque  •  Conclusion   50  
  51. 51. Interac.on  instrumentale   Ou1l   Objet  de   la  tâche   51  
  52. 52. Interac.on  instrumentale   DigitalDesk   Ou1l   Objet  de   la  tâche   52  
  53. 53. Interac.on  instrumentale   Ou1l   Tâche  élémentaire  Ac.on   Réponse   Réac.on   Objet  de   la  tâche   Retour  d’informa.on   53  
  54. 54. Modalité  d’interac.on    • m  =  (disposi.f,  langage)   •   geste  =     (gant,  langage  de  gestes  de  commande)   Disposi.f   Langage   Système   d’interac.on   d’interac.on   54  
  55. 55. Modalité  d’interac.on     Disposi.f   Langage   Système   d’interac.on   d’interac.on   55  
  56. 56. Interac.on  instrumentale  enrichie   Ou1l   Tâche  élémentaire   Ac.on   Réponse   Réac.on   Objet  de   la  tâche   Retour  d’informa.on   56  
  57. 57. Interac.on  instrumentale  enrichie   Langage   Ou1l   d’interac.on   Disposi.f   d’interac.on   en  entrée   Tâche   Langage   élémentaire   Ac.on   Réponse   d’interac.on   en  sor.e   Réac.on   Réponse   Objet  de   la  tâche   Retour  d’informa.on   57  
  58. 58. Plan  •  Contexte,  Problème  et  Approche  •  Réalisa.on  d’ébauches  d’objets  •  Base  conceptuelle   •  Objet  mixte   •  Interac.on  avec  un  objet  mixte   –  Défini.on   –  Caractérisa.on  extrinsèque  •  Conclusion   58  
  59. 59. Caractérisa.on  extrinsèque   Langage   Ou1l   d’interac.on   Disposi.f   d’interac.on   en  entrée   Tâche   Langage   élémentaire   Ac.on   Réponse   d’interac.on   en  sor.e   Réac.on   Réponse   Objet  de   la  tâche   Retour  d’informa.on   59  
  60. 60. Caractéris.ques  extrinsèques  •  Métaphore  de  nom   [Fishkin,  2004]   –  Un  <x>  dans  le  système  est  comme  un  <x>  dans  le   monde  réel   60  
  61. 61. Exemple   Tangible  Geospace   61  
  62. 62. Caractéris.ques  extrinsèques   caméra vision langage   [x,  y]   d’interac1on   en  entrée déplacer  le  dôme  en  [x,y]   [x-­‐dome,     y-­‐dome] proj. transf. 62  
  63. 63. Exemple   NAVRNA   63  
  64. 64. Caractéris.ques  extrinsèques   caméra vision langage   [x,  y]   d’interac1on   en  entrée déplacer  la  base  d’ARN  en  [x,y]   [x-­‐base,     y-­‐base] proj. transf. 64  
  65. 65. Caractéris.ques  extrinsèques  •  Extension  de  la  métaphore  de  nom   Pra.que   Pra.que   physique   numérique   Commande   Paramètre   65  
  66. 66. Caractéris.ques  extrinsèques  •  Alterna.ves  explorant  les  métaphores  de  nom   Pra.que   Pra.que   physique   numérique   Commande   Paramètre   66  
  67. 67. Caractéris.ques  extrinsèques  •  Métaphore  de  verbe   [Fishkin,  2004]   –  <X>-­‐er  dans  le  système  est  comme  <x>-­‐er  dans  le   monde  réel   67  
  68. 68. Caractéris.ques  extrinsèques   caméra vision Mouvements     langage   reconnus   d’interac1on   en  entrée gommer   proj. transf. 68  
  69. 69. Caractéris.ques  extrinsèques   caméra vision langage   [x,y]   d’interac1on   en  entrée gommer   formes proj. transf. 69  
  70. 70. Caractéris.ques  extrinsèques  •  Alterna.ves  explorant  les  métaphores  de  verbe   Pas  de   Métaphore   métaphore   Est tourné Est exposé Angle de rotation 70  
  71. 71. Caractéris.ques  extrinsèques   propriétés     propriétés   physiques numériques   71  
  72. 72. Plan  •  Contexte,  Problème  et  Approche  •  Réalisa.on  d’ébauches  d’objets  •  Base  conceptuelle   •  Caractéris.ques  intrinsèques  à  l’objet   •  Caractéris.ques  extrinsèques  à  l’objet  •  Conclusion  et  Ouverture   72  
  73. 73. Conclusion  •  Ébauches  d’objets  •  Base  conceptuelle   dispositif de liaison en entrée langage de liaison en entrée –  Défini.on   propriétés propriétés physiques numériques dispositif langage –  Caractérisa.on   de liaison de liaison en sortie en sortie•  Pouvoirs  descrip.f,  compara.f,  généra.f   73  
  74. 74. Conclusion  •  Systèmes  conçus  et  prototypés   Playground   ORBIS   RAZZLE   Yubi   Snap2Play   Roam   74  
  75. 75. Conclusion  •  U.liser  des  éléments  de  concep.on  existants   dans  un  cadre  cohérent  •  Étendre  des  éléments  de  concep.on  existants  •  Associer  concep.on  et  prototypage  →  Fournir  des  ou.ls  pour  une  explora.on   systéma.que  de  l’espace  de  concep.on   75  
  76. 76. Ouverture  •  Ergonomie  de  l’ou.l  •  Couverture  de  l’ou.l   76  
  77. 77. Concevoir  linterac.on  avec  linforma.que     diffusée  dans  les  objets   Céline  Coutrix,  CR  CNRS,  Équipe  IIHM,  LIG   École  théma.que  Intelligence  Ambiante  2011  

×