SlideShare a Scribd company logo
1 of 77
Concevoir	
  l'interac.on	
  avec	
  l'informa.que	
  	
  
        diffusée	
  dans	
  les	
  objets	
  
     Céline	
  Coutrix,	
  CR	
  CNRS,	
  Équipe	
  IIHM,	
  LIG	
  
   École	
  théma.que	
  Intelligence	
  Ambiante	
  2011	
  
Plan	
  
•    Contexte,	
  Problème	
  et	
  Approche	
  
•    Réalisa.on	
  d’ébauches	
  d’objets	
  
•    Base	
  conceptuelle	
  
•    Conclusion	
  et	
  Ouverture	
  




                                                   2	
  
Contexte	
  :	
  Réalité	
  mixte	
  
•  Faire	
  disparaître	
  la	
  fron.ère	
  entre	
  mondes	
  
   physique	
  et	
  numérique	
  




                              CASPER	
             DigitalDesk	
  




                                                                     3	
  
Contexte	
  :	
  Réalité	
  mixte	
  
                               Réalité	
  augmentée	
  
                                                          Réalité	
  mixte	
  
 Interfaces	
  tangibles	
  




Virtualité	
  augmentée	
  
                                   Chirurgie	
  augmentée	
  
                                                                  Systèmes	
  mixtes	
  

                                                                                     4	
  
Contexte	
  :	
  Réalité	
  mixte	
  
•  Diversité	
  




                                                   5	
  
Contexte	
  :	
  Réalité	
  mixte	
  
•  Similitudes	
  




               DigitalDesk	
          NAVRNA	
  




           Tangible	
  Geospace	
                   6	
  
                                         PICO	
  
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	
  
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	
  
Approche	
  (1)	
  

                    Analyse




Évaluation
                         Conception




                 Prototypage

                                                  9	
  
Approche	
  (1)	
  

                    Analyse




Évaluation




                 Prototypage
                                    [Lim	
  et	
  al.,	
  2008]	
  
                                                            10	
  
Approche	
  (1)	
  

                   Analyse




Évaluation




                                    11	
  
Approche	
  (2)	
  


Analyse	
  des	
  besoins	
  



                 Concep.on	
  



                    Concep.on	
  logicielle	
  



                                     Implémenta.on	
  

                                                         12	
  
Approche	
  (2)	
  


                     Concep.on	
  de	
  l’interac.on	
  


Analyse	
  des	
                                           Concep.on	
  
  besoins	
                                                 logicielle	
     …	
  




                                                                              13	
  
Approche	
  (3)	
  
•  Centrée	
  sur	
  l’objet	
  




                                             14	
  
Approche	
  (3)	
  

Niveau	
  supérieur	
  :	
  interface	
  complète	
     Niveau	
  inférieur	
  :	
  technologie	
  




                     ASUR	
  
                                                                       Phidgets	
  

                                                                                                15	
  
Plan	
  
•    Contexte,	
  Problème	
  et	
  Approche	
  
•    Réalisa.on	
  d’ébauches	
  d’objets	
  
•    Base	
  conceptuelle	
  
•    Conclusion	
  et	
  Ouverture	
  




                                                   16	
  
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	
  




                                                                 19	
  
Réalisa.on	
  d’ébauches	
  d’objets	
  
•  Explora.on	
  concrète	
  des	
  alterna.ves	
  




                                                      20	
  
Réalisa.on	
  d’une	
  ébauche	
  
•  Alterna.ves	
  de	
  capteurs	
  
   –  Phidgets	
  




   –  Interface-­‐Z	
  




                                              21	
  
Réalisa.on	
  d’une	
  ébauche	
  
•  Capitalisa.on	
  des	
  ou.ls	
  du	
  niveau	
  inférieur	
  
   –  Phidgets	
  
   –  Interface-­‐Z	
  
   –  ARToolKit	
  




                                                                    22	
  
Réalisa.on	
  d’une	
  ébauche	
  
•  Alterna.ves	
  de	
  transforma.on	
  
   –  Seuil	
  



   –  +	
  Répé..on	
  




                                              23	
  
Réalisa.on	
  d’une	
  ébauche	
  
•  Alterna.ves	
  de	
  retour	
  d’informa.on	
  
   –  Impulsion	
  +	
  Diode	
  




                                                     24	
  
Réalisa.on	
  d’une	
  ébauche	
  
•  Alterna.ves	
  de	
  retour	
  d’informa.on	
  
   –  Impulsion	
  +	
  Son	
  




                                                     25	
  
Réalisa.on	
  d’une	
  ébauche	
  
•  Alterna.ves	
  de	
  retour	
  d’informa.on	
  
   –  Répé..on	
  +	
  Impulsion	
  +	
  Diode	
  




                                                     26	
  
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	
  
Plan	
  
•    Contexte,	
  Problème	
  et	
  Approche	
  
•    Réalisa.on	
  d’ébauches	
  d’objets	
  
•    Base	
  conceptuelle	
  
•    Conclusion	
  et	
  Ouverture	
  




                                                   28	
  
Modèle	
  d’interac.on	
  mixte	
  
•  Niveau	
  objet	
  




                                              29	
  
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	
  
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	
  
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	
  
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	
  
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	
  
Exemple	
  




    PICO	
  




               35	
  
Objet	
  mixte	
  :	
  exemple	
  


   caméra	

      vision	
  par	

                  ordinateur	

                                      [x,	
  y]	



  projecteur	

   carré	
  jaune	





    table	
        ac.va.on	

  aimantée	


                                                     36	
  
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	
  
Caractérisa.on	
  intrinsèque	
  



              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



                                                       38	
  
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	
  
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	
  
Caractéris.ques	
  intrinsèques	
  




                        Est exposé




                                      41	
  
Caractéris.ques	
  intrinsèques	
  


                  Captées
                Non générées

Non captées
     Captées
Non générées
    Générées

                Non captées
                 Générées




                                             42	
  
Objet	
  mixte	
  :	
  exemple	
  


             caméra	

      vision	
  par	

                            ordinateur	

                                                [x,	
  y]	

Position

            projecteur	

   carré	
  jaune	





              table	
        ac.va.on	

            aimantée	



                                                           43	
  
Caractéris.ques	
  intrinsèques	
  




 Forme
Couleurs
   Lumière
   …




                                           44	
  
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	
  
Caractéris.ques	
  intrinsèques	
  

                    taille




                                                 résolution



•  Penser	
  à	
  des	
  solu.ons	
  de	
  concep.on	
  non	
  envisagées	
  

                                                                                46	
  
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	
  
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	
  
Caractéris.ques	
  intrinsèques	
  
•  Lien	
  avec	
  l’ou.l	
  de	
  prototypage	
  




                                                     49	
  
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	
  
Interac.on	
  instrumentale	
  


             Ou1l	
  




                              Objet	
  de	
  
                              la	
  tâche	
  


                                                51	
  
Interac.on	
  instrumentale	
  

                            DigitalDesk	
  
             Ou1l	
  




                                   Objet	
  de	
  
                                   la	
  tâche	
  


                                                     52	
  
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	
  
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	
  
Modalité	
  d’interac.on	
  	
  




     Disposi.f	
         Langage	
       Système	
  
   d’interac.on	
     d’interac.on	
  




                                             55	
  
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	
  
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	
  
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	
  
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	
  
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	
  
Exemple	
  




 Tangible	
  Geospace	
  



                            61	
  
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	
  
Exemple	
  




  NAVRNA	
  




               63	
  
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	
  
Caractéris.ques	
  extrinsèques	
  
•  Extension	
  de	
  la	
  métaphore	
  de	
  nom	
  


                                 Pra.que	
                Pra.que	
  
                                 physique	
              numérique	
  



        Commande	
  




         Paramètre	
  


                                                                         65	
  
Caractéris.ques	
  extrinsèques	
  
•  Alterna.ves	
  explorant	
  les	
  métaphores	
  de	
  nom	
  


                              Pra.que	
            Pra.que	
  
                              physique	
          numérique	
  



        Commande	
  




        Paramètre	
  


                                                                  66	
  
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	
  
Caractéris.ques	
  extrinsèques	
  
         caméra	

   vision	

                                 Mouvements	
  	
                     langage	
  
                                 reconnus	
                        d’interac1on	
  
                                                                    en	
  entrée




                                                           gommer	
  




                                                proj.	

   transf.	


                                                                            68	
  
Caractéris.ques	
  extrinsèques	
  
         caméra	

   vision	

                                                                   langage	
  
                                 [x,y]	
  
                                                                d’interac1on	
  
                                                                 en	
  entrée




                                                        gommer	
  


                                                                     formes	



                                             proj.	

   transf.	


                                                                         69	
  
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	
  
Caractéris.ques	
  extrinsèques	
  




 propriétés	
  	
           propriétés	
  
 physiques	

              numériques	
  




                                             71	
  
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	
  
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	
  
Conclusion	
  
•  Systèmes	
  conçus	
  et	
  prototypés	
  



                                         Playground	
  
                                                          ORBIS	
  
      RAZZLE	
  

                                          Yubi	
  




                   Snap2Play	
                            Roam	
      74	
  
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	
  
Ouverture	
  
•  Ergonomie	
  de	
  l’ou.l	
  
•  Couverture	
  de	
  l’ou.l	
  




                                        76	
  
Concevoir	
  l'interac.on	
  avec	
  l'informa.que	
  	
  
        diffusée	
  dans	
  les	
  objets	
  
     Céline	
  Coutrix,	
  CR	
  CNRS,	
  Équipe	
  IIHM,	
  LIG	
  
   École	
  théma.que	
  Intelligence	
  Ambiante	
  2011	
  

More Related Content

Viewers also liked

Animation en bilbiothèque
Animation en bilbiothèqueAnimation en bilbiothèque
Animation en bilbiothèquemaximeetcelia
 
Fundamentos teóricos para la implementación de la didáctica en el proceso e a
Fundamentos teóricos para la implementación de la didáctica en el proceso e aFundamentos teóricos para la implementación de la didáctica en el proceso e a
Fundamentos teóricos para la implementación de la didáctica en el proceso e aLilia G. Torres Fernández
 
Module 2B - FR - Mettre en place un Point Nodal GBIF III: Positionnement str...
Module 2B - FR - Mettre en place un Point Nodal GBIF III:  Positionnement str...Module 2B - FR - Mettre en place un Point Nodal GBIF III:  Positionnement str...
Module 2B - FR - Mettre en place un Point Nodal GBIF III: Positionnement str...Alberto González-Talaván
 
Rev industrial 1º
Rev industrial 1ºRev industrial 1º
Rev industrial 1ºLuz García
 
PresentacióN Transmilenio
PresentacióN TransmilenioPresentacióN Transmilenio
PresentacióN Transmileniosuarezospinaam
 
Les amoureux de_la_photo
Les amoureux de_la_photoLes amoureux de_la_photo
Les amoureux de_la_photoKévin Mencé
 
Carta De Un Hombre A Las Mujeres Ina
Carta De Un Hombre A Las Mujeres InaCarta De Un Hombre A Las Mujeres Ina
Carta De Un Hombre A Las Mujeres InaMARISSA208
 
Crecimiento y desarrollo del niño..
Crecimiento y desarrollo del niño..Crecimiento y desarrollo del niño..
Crecimiento y desarrollo del niño..Jorge Proaño
 
Pita Pinta Asturiana
Pita Pinta AsturianaPita Pinta Asturiana
Pita Pinta AsturianaIsa Gon
 
Exposición Anduaga
Exposición AnduagaExposición Anduaga
Exposición Anduagaus
 
Herramientas Taller
Herramientas TallerHerramientas Taller
Herramientas Tallerpicaxu
 
Una jornada de trabajo en la escuela secundaria
Una jornada de trabajo en la escuela secundariaUna jornada de trabajo en la escuela secundaria
Una jornada de trabajo en la escuela secundariacebecinj
 

Viewers also liked (20)

Guia int de_superficie_teo_de_gauss_y_stokes_02_13
Guia int de_superficie_teo_de_gauss_y_stokes_02_13Guia int de_superficie_teo_de_gauss_y_stokes_02_13
Guia int de_superficie_teo_de_gauss_y_stokes_02_13
 
Animation en bilbiothèque
Animation en bilbiothèqueAnimation en bilbiothèque
Animation en bilbiothèque
 
Fundamentos teóricos para la implementación de la didáctica en el proceso e a
Fundamentos teóricos para la implementación de la didáctica en el proceso e aFundamentos teóricos para la implementación de la didáctica en el proceso e a
Fundamentos teóricos para la implementación de la didáctica en el proceso e a
 
Module 2B - FR - Mettre en place un Point Nodal GBIF III: Positionnement str...
Module 2B - FR - Mettre en place un Point Nodal GBIF III:  Positionnement str...Module 2B - FR - Mettre en place un Point Nodal GBIF III:  Positionnement str...
Module 2B - FR - Mettre en place un Point Nodal GBIF III: Positionnement str...
 
Rev industrial 1º
Rev industrial 1ºRev industrial 1º
Rev industrial 1º
 
Patrono de la Esc. 23
Patrono de la Esc. 23Patrono de la Esc. 23
Patrono de la Esc. 23
 
PresentacióN Transmilenio
PresentacióN TransmilenioPresentacióN Transmilenio
PresentacióN Transmilenio
 
Les amoureux de_la_photo
Les amoureux de_la_photoLes amoureux de_la_photo
Les amoureux de_la_photo
 
Lcbx results
Lcbx resultsLcbx results
Lcbx results
 
Carta De Un Hombre A Las Mujeres Ina
Carta De Un Hombre A Las Mujeres InaCarta De Un Hombre A Las Mujeres Ina
Carta De Un Hombre A Las Mujeres Ina
 
Crecimiento y desarrollo del niño..
Crecimiento y desarrollo del niño..Crecimiento y desarrollo del niño..
Crecimiento y desarrollo del niño..
 
Prueba
PruebaPrueba
Prueba
 
Slosh_copil2014
Slosh_copil2014Slosh_copil2014
Slosh_copil2014
 
sesion4
sesion4sesion4
sesion4
 
Pita Pinta Asturiana
Pita Pinta AsturianaPita Pinta Asturiana
Pita Pinta Asturiana
 
Expmodi
ExpmodiExpmodi
Expmodi
 
Exposición Anduaga
Exposición AnduagaExposición Anduaga
Exposición Anduaga
 
Herramientas Taller
Herramientas TallerHerramientas Taller
Herramientas Taller
 
Una jornada de trabajo en la escuela secundaria
Una jornada de trabajo en la escuela secundariaUna jornada de trabajo en la escuela secundaria
Una jornada de trabajo en la escuela secundaria
 
Teoria de bayesiana
Teoria de bayesianaTeoria de bayesiana
Teoria de bayesiana
 

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

Vers le living_object_design-pour-pdf2
Vers le living_object_design-pour-pdf2Vers le living_object_design-pour-pdf2
Vers le living_object_design-pour-pdf2Dominique Sciamma
 
Vers une approche praxéologique du design
Vers une approche praxéologique du designVers une approche praxéologique du design
Vers une approche praxéologique du designlaureno
 
Apports de la tangibilité à l’interaction, exemple sur table interactive en s...
Apports de la tangibilité à l’interaction, exemple sur table interactive en s...Apports de la tangibilité à l’interaction, exemple sur table interactive en s...
Apports de la tangibilité à l’interaction, exemple sur table interactive en s...IHM'10
 
Talk Session COSMAL du GDR GPL 2011
Talk Session COSMAL du GDR GPL 2011Talk Session COSMAL du GDR GPL 2011
Talk Session COSMAL du GDR GPL 2011Sébastien Mosser
 
L’étagère numérique retour expérience-fc
L’étagère numérique   retour expérience-fcL’étagère numérique   retour expérience-fc
L’étagère numérique retour expérience-fccatherine muller
 
WUD2010- le studio digital collaboratif
WUD2010- le studio digital collaboratifWUD2010- le studio digital collaboratif
WUD2010- le studio digital collaboratifFlupa
 
Approche systémique de processus
Approche systémique de processusApproche systémique de processus
Approche systémique de processusPatrick Ostertag
 
Ergonomie et Accessibilité sont dans un bateau : comment ramer dans la même d...
Ergonomie et Accessibilité sont dans un bateau : comment ramer dans la même d...Ergonomie et Accessibilité sont dans un bateau : comment ramer dans la même d...
Ergonomie et Accessibilité sont dans un bateau : comment ramer dans la même d...Flupa
 
Projets d'Humanités numérique et collaboration de différents métiers
Projets d'Humanités numérique et collaboration de différents métiersProjets d'Humanités numérique et collaboration de différents métiers
Projets d'Humanités numérique et collaboration de différents métiersEmmanuelle Morlock
 
20210610 #EIAH2021 keynote ANR #CreaMaker
20210610 #EIAH2021 keynote ANR #CreaMaker20210610 #EIAH2021 keynote ANR #CreaMaker
20210610 #EIAH2021 keynote ANR #CreaMakerMargarida Romero
 
Introduction à l'exploration du Web
Introduction à l'exploration du WebIntroduction à l'exploration du Web
Introduction à l'exploration du WebSébastien
 
Leanstartup de l'idee au produit
Leanstartup de l'idee au produitLeanstartup de l'idee au produit
Leanstartup de l'idee au produitPeople in action
 
Leanstartup de-lidee-au-produit
Leanstartup de-lidee-au-produitLeanstartup de-lidee-au-produit
Leanstartup de-lidee-au-produitAspectize
 
Exemple-Epi-Trace-avec-un-robot.pptx
Exemple-Epi-Trace-avec-un-robot.pptxExemple-Epi-Trace-avec-un-robot.pptx
Exemple-Epi-Trace-avec-un-robot.pptxKediViking
 
Introduction à l'objet - Deuxième année ISIMA
Introduction à l'objet - Deuxième année ISIMAIntroduction à l'objet - Deuxième année ISIMA
Introduction à l'objet - Deuxième année ISIMALoic Yon
 
Presentation pfe 2012
Presentation pfe 2012Presentation pfe 2012
Presentation pfe 2012Sellami Ahmed
 
Faire du-code-centre-sur-l-humain devoxx
Faire du-code-centre-sur-l-humain devoxxFaire du-code-centre-sur-l-humain devoxx
Faire du-code-centre-sur-l-humain devoxxVISEO
 

Similar to Concevoir l'interaction avec l'informatique diffusée dans les objets (20)

Vers le living_object_design-pour-pdf2
Vers le living_object_design-pour-pdf2Vers le living_object_design-pour-pdf2
Vers le living_object_design-pour-pdf2
 
Vers une approche praxéologique du design
Vers une approche praxéologique du designVers une approche praxéologique du design
Vers une approche praxéologique du design
 
Cours1 1
Cours1 1Cours1 1
Cours1 1
 
Programme 42
Programme 42Programme 42
Programme 42
 
Apports de la tangibilité à l’interaction, exemple sur table interactive en s...
Apports de la tangibilité à l’interaction, exemple sur table interactive en s...Apports de la tangibilité à l’interaction, exemple sur table interactive en s...
Apports de la tangibilité à l’interaction, exemple sur table interactive en s...
 
Talk Session COSMAL du GDR GPL 2011
Talk Session COSMAL du GDR GPL 2011Talk Session COSMAL du GDR GPL 2011
Talk Session COSMAL du GDR GPL 2011
 
L’étagère numérique retour expérience-fc
L’étagère numérique   retour expérience-fcL’étagère numérique   retour expérience-fc
L’étagère numérique retour expérience-fc
 
WUD2010- le studio digital collaboratif
WUD2010- le studio digital collaboratifWUD2010- le studio digital collaboratif
WUD2010- le studio digital collaboratif
 
Approche systémique de processus
Approche systémique de processusApproche systémique de processus
Approche systémique de processus
 
Ergonomie et Accessibilité sont dans un bateau : comment ramer dans la même d...
Ergonomie et Accessibilité sont dans un bateau : comment ramer dans la même d...Ergonomie et Accessibilité sont dans un bateau : comment ramer dans la même d...
Ergonomie et Accessibilité sont dans un bateau : comment ramer dans la même d...
 
Projets d'Humanités numérique et collaboration de différents métiers
Projets d'Humanités numérique et collaboration de différents métiersProjets d'Humanités numérique et collaboration de différents métiers
Projets d'Humanités numérique et collaboration de différents métiers
 
20210610 #EIAH2021 keynote ANR #CreaMaker
20210610 #EIAH2021 keynote ANR #CreaMaker20210610 #EIAH2021 keynote ANR #CreaMaker
20210610 #EIAH2021 keynote ANR #CreaMaker
 
Introduction à l'exploration du Web
Introduction à l'exploration du WebIntroduction à l'exploration du Web
Introduction à l'exploration du Web
 
Leanstartup de l'idee au produit
Leanstartup de l'idee au produitLeanstartup de l'idee au produit
Leanstartup de l'idee au produit
 
Leanstartup de-lidee-au-produit
Leanstartup de-lidee-au-produitLeanstartup de-lidee-au-produit
Leanstartup de-lidee-au-produit
 
Exemple-Epi-Trace-avec-un-robot.pptx
Exemple-Epi-Trace-avec-un-robot.pptxExemple-Epi-Trace-avec-un-robot.pptx
Exemple-Epi-Trace-avec-un-robot.pptx
 
Introduction à l'objet - Deuxième année ISIMA
Introduction à l'objet - Deuxième année ISIMAIntroduction à l'objet - Deuxième année ISIMA
Introduction à l'objet - Deuxième année ISIMA
 
Presentation pfe 2012
Presentation pfe 2012Presentation pfe 2012
Presentation pfe 2012
 
Faire du-code-centre-sur-l-humain devoxx
Faire du-code-centre-sur-l-humain devoxxFaire du-code-centre-sur-l-humain devoxx
Faire du-code-centre-sur-l-humain devoxx
 
DesignInternet&Objets
DesignInternet&ObjetsDesignInternet&Objets
DesignInternet&Objets
 

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

  • 1. Concevoir  l'interac.on  avec  l'informa.que     diffusée  dans  les  objets   Céline  Coutrix,  CR  CNRS,  Équipe  IIHM,  LIG   École  théma.que  Intelligence  Ambiante  2011  
  • 2. Plan   •  Contexte,  Problème  et  Approche   •  Réalisa.on  d’ébauches  d’objets   •  Base  conceptuelle   •  Conclusion  et  Ouverture   2  
  • 3. Contexte  :  Réalité  mixte   •  Faire  disparaître  la  fron.ère  entre  mondes   physique  et  numérique   CASPER   DigitalDesk   3  
  • 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. Contexte  :  Réalité  mixte   •  Diversité   5  
  • 6. Contexte  :  Réalité  mixte   •  Similitudes   DigitalDesk   NAVRNA   Tangible  Geospace   6   PICO  
  • 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. 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. Approche  (1)   Analyse Évaluation Conception Prototypage 9  
  • 10. Approche  (1)   Analyse Évaluation Prototypage [Lim  et  al.,  2008]   10  
  • 11. Approche  (1)   Analyse Évaluation 11  
  • 12. Approche  (2)   Analyse  des  besoins   Concep.on   Concep.on  logicielle   Implémenta.on   12  
  • 13. Approche  (2)   Concep.on  de  l’interac.on   Analyse  des   Concep.on   besoins   logicielle   …   13  
  • 14. Approche  (3)   •  Centrée  sur  l’objet   14  
  • 15. Approche  (3)   Niveau  supérieur  :  interface  complète   Niveau  inférieur  :  technologie   ASUR   Phidgets   15  
  • 16. Plan   •  Contexte,  Problème  et  Approche   •  Réalisa.on  d’ébauches  d’objets   •  Base  conceptuelle   •  Conclusion  et  Ouverture   16  
  • 17. Réalisa.on  d’ébauches  d’objets   •  Prototypes  sta.ques   17  
  • 18. Réalisa.on  d’ébauches  d’objets   •  Prototypes  interac.fs   18  
  • 19. Réalisa.on  d’ébauches  d’objets   •  Exemple  d’u.lisa.on  de  l’ou.l  de  prototypage   19  
  • 20. Réalisa.on  d’ébauches  d’objets   •  Explora.on  concrète  des  alterna.ves   20  
  • 21. Réalisa.on  d’une  ébauche   •  Alterna.ves  de  capteurs   –  Phidgets   –  Interface-­‐Z   21  
  • 22. Réalisa.on  d’une  ébauche   •  Capitalisa.on  des  ou.ls  du  niveau  inférieur   –  Phidgets   –  Interface-­‐Z   –  ARToolKit   22  
  • 23. Réalisa.on  d’une  ébauche   •  Alterna.ves  de  transforma.on   –  Seuil   –  +  Répé..on   23  
  • 24. Réalisa.on  d’une  ébauche   •  Alterna.ves  de  retour  d’informa.on   –  Impulsion  +  Diode   24  
  • 25. Réalisa.on  d’une  ébauche   •  Alterna.ves  de  retour  d’informa.on   –  Impulsion  +  Son   25  
  • 26. Réalisa.on  d’une  ébauche   •  Alterna.ves  de  retour  d’informa.on   –  Répé..on  +  Impulsion  +  Diode   26  
  • 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. Plan   •  Contexte,  Problème  et  Approche   •  Réalisa.on  d’ébauches  d’objets   •  Base  conceptuelle   •  Conclusion  et  Ouverture   28  
  • 29. Modèle  d’interac.on  mixte   •  Niveau  objet   29  
  • 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. 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. 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. 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. 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. Exemple   PICO   35  
  • 36. Objet  mixte  :  exemple   caméra vision  par ordinateur [x,  y] projecteur carré  jaune table   ac.va.on aimantée 36  
  • 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. Caractérisa.on  intrinsèque   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 38  
  • 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. 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  
  • 42. Caractéris.ques  intrinsèques   Captées Non générées Non captées Captées Non générées Générées Non captées Générées 42  
  • 43. Objet  mixte  :  exemple   caméra vision  par ordinateur [x,  y] Position projecteur carré  jaune table   ac.va.on aimantée 43  
  • 44. Caractéris.ques  intrinsèques   Forme Couleurs Lumière … 44  
  • 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. Caractéris.ques  intrinsèques   taille résolution •  Penser  à  des  solu.ons  de  concep.on  non  envisagées   46  
  • 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. 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. Caractéris.ques  intrinsèques   •  Lien  avec  l’ou.l  de  prototypage   49  
  • 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. Interac.on  instrumentale   Ou1l   Objet  de   la  tâche   51  
  • 52. Interac.on  instrumentale   DigitalDesk   Ou1l   Objet  de   la  tâche   52  
  • 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. 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. Modalité  d’interac.on     Disposi.f   Langage   Système   d’interac.on   d’interac.on   55  
  • 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. 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. 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. 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. 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. Exemple   Tangible  Geospace   61  
  • 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. Exemple   NAVRNA   63  
  • 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. Caractéris.ques  extrinsèques   •  Extension  de  la  métaphore  de  nom   Pra.que   Pra.que   physique   numérique   Commande   Paramètre   65  
  • 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. 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. Caractéris.ques  extrinsèques   caméra vision Mouvements     langage   reconnus   d’interac1on   en  entrée gommer   proj. transf. 68  
  • 69. Caractéris.ques  extrinsèques   caméra vision langage   [x,y]   d’interac1on   en  entrée gommer   formes proj. transf. 69  
  • 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. Caractéris.ques  extrinsèques   propriétés     propriétés   physiques numériques   71  
  • 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. 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. Conclusion   •  Systèmes  conçus  et  prototypés   Playground   ORBIS   RAZZLE   Yubi   Snap2Play   Roam   74  
  • 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. Ouverture   •  Ergonomie  de  l’ou.l   •  Couverture  de  l’ou.l   76  
  • 77. Concevoir  l'interac.on  avec  l'informa.que     diffusée  dans  les  objets   Céline  Coutrix,  CR  CNRS,  Équipe  IIHM,  LIG   École  théma.que  Intelligence  Ambiante  2011