http://www.flickr.com/photos/gregoirecliquet/5603411030/Laurent Neyssensas / L’Ecole de design Nantes Atlantique / READi d...
Laurent Neyssensas              http://laurentneyssensas.lecolededesign.com/                     Interac(on_interac(vité_i...
READI/DesignLabRecherche Expérimentales Appliquées en Design d’Interactivité                                              ...
Sommaire1. Introduction                                                                                         3. Paradig...
Design ?                                                                                                                  ...
Interactivité ?    nf.INFORM. « Qualité d’un logiciel dont l’exécution prend constamment en compte les informations fourni...
Livre VS Numérique                                       « le monde imprimé [n’était] plus suffisant                       ...
Livre VS NumériqueBooK:La révolution Technologique                                                                        ...
Paradigmes IHM                     Windows / Icons / Menus / Pointing Devices                                             ...
Paradigmes                    Windows / Icons / Menus / Pointing Devices                                                  ...
Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neys...
ParadigmesLa manipulation directe (Ben Schneiderman - 1982)Les objets ont une représentation permanente (métaphore des icô...
Paradigmes                    What yous see is what you get !                                                             ...
Interface ?                                                    Interface?                                                 ...
Interface ?Interface UtilisateurPermet lʼinteraction avec un ordinateur. Nécessité dʼun langage commun.Dispositifs de cont...
Interface ?Interface UtilisateurGUI : Graphical User Interface                                                            ...
Exemples d’interfaces                                                                                        Microsoft Sur...
Exemples d’interfaces                                                                                         Microsoft Su...
Innovation dans les interfacesLes apports de la SFMinority Report                                                         ...
Innovation dans les interfaces      John
Underkoffler
at
TED’s
conference                                                   ...
Langages et paradigmes futurs2. INTERFACES & INTERACTIONS Tactile & Interfaces Tangibles Faire communiquer des objets réel...
Langages et paradigmes futurs2. INTERFACES & INTERACTIONS Interfaces gestuelles naturelles Un langage corporel pour manipu...
Langages et paradigmes futursInterfaces gestuelles physiquesLe problème du feedback                      Sixthsense       ...
UX & bêta perpétuelleUX : Expérience utilisateur                                                                          ...
Interfaces tangibles      “leARn” / Victor Manselon   Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateur...
Interfaces tangibles                                                                                                    Im...
Réalité Virtuelle                                                  http://www.flickr.com/photos/loneyss/3187497169/sizes/l...
Réalité Virtuelle                           VR4D “Virtual Reality For Design” / project (2010)                           ...
Réalité Augmentée                                L’information est partout !                                              ...
Réalité Augmentée                                Une nouvelle ère de jeux !                                               ...
Réalité Mixte                                Une nouvelle ère de jeux !                                                   ...
Une interaction en temps réelRéalité Mixte                                                                            entr...
Paradigme 2.0                                                R_V.A.M                                         Reality-Virtu...
Paradigme 2.0                                                Espace & Temps                                               ...
Paradigme 2.0                                                   Sentir & Comprende                                        ...
I/O Entrées /Sorties                       korean_tupperware                                      Interac(on_interac(vité_...
Entrées Sorties   On appelle Entrées-Sorties les échanges dinformations entre le processeur et les                  périph...
Entrées Sorties                            Les capteurs permettent de récupérer, à des fins de traitement, les informations...
Entrées Sorties                                                                              Technologie radio courte dist...
Entrées Sorties                      Un Personal Aera Network ou Body Aera Network désigne la mise en                     ...
Radio Frequency IDentification est une méthode de mémorisation et de récupération par ondes radio des  Entrées Sorties     ...
Radio Frequency IDentification est une méthode de mémorisation et de récupération par ondes radio desEntrées Sorties   donn...
Entrées Sorties              GPS : Nʼimporte où sur la planète… mais en extérieur !                             WiFi / GPR...
Entrées Sorties                        Il existe des « bibliothèques » de composants logiciels qui permettent de détecter ...
Entrées Sorties                  Les Quick Response Code permettent dʼinscrire dans lʼespace physique des                 ...
Entrées Sorties          Les Quick Response Code peuvent également être colorés ou peuvent intégrer                       ...
Les Augmented Reality Markers permettent de capter la position dʼun objet dans lʼespaceEntrées Sorties   mais aussi son or...
Entrées Sorties                                                                        Envisager les opportunités et les p...
S’éditerAppli        Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobr...
EditerAppli        Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
...
Concept                      The Future of the Book by IDEO          Interac(on_interac(vité_interface:
plas(cité
des
supp...
Livre Interactif      The Fantastic Flying Book by MonnBot Studio                   Interac(on_interac(vité_interface:
pla...
Livre Augmenté      Augmented reality - VFX Breakdown by Soryn                 Interac(on_interac(vité_interface:
plas(cit...
Livre jeu                           The Night Of the Living Dead Pixels by                                    Les éditions...
imagehumain lieu    texte                                                                      média                      ...
Cette présentation est une proposition          basée sur différents cours et supports          réalisés en collaboration ...
Prochain SlideShare
Chargement dans…5
×

Journée numerique11

686 vues

Publié le

Support de cours de la journée numérique
http://blogs.iutlaroche.univ-nantes.fr/journee-numerique/

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

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

Aucune remarque pour cette diapositive
  • \n
  • Enseignant et Responsable Veille Design Interactivité\n\n* A1: Dossier Perso, Culture Image et Recherche Documentaire \n* A2 : Veille et Positionnement projet\n* A3 : Atelier Veille et Suivi de projet\n* Missions Projet VR4D, Readi\n
  • Tangible Interfaces\n Virtual Reality\n Visualizing and Sharing Knowledge\n
  • Objectifs : parler Livre et multisupport je ne vais donc pas parler de livre car mes compétences en ce domaine sont faibles un lecteur .Mais plutot traiter le livre comme contenu d’information et tenter de vous dresser un panorama des changements actuels .Ils sont de plusieurs ordre \nTechnologique Théorique (paradigme d’interaction) et d’usage tout cela est bien entendu lié Il s’agir donc de partager avec vous différents ingrédients qu’il est selon moi nécessaire de connaitre pour envisager les défis futurs dans le métier de l’édition.\nJe vais vous demander un effort de grand écart de tenter de sortir du livre et de penser contenu. Il s’agit d’un propos de designer (Digital Media. )\ndes nouvelles façon d’interagir avec des contenus en ligne et des enjeux de ces nouvelles modalités d’interactions ? Comment le designer aborde t -il la plasticité des interfaces ? Quels peuvent être les changements en terme de scénarisation et de production dans les pratiques et les métiers l’édition ?\n
  • \n
  • \n
  • Un malentendu qui à peur de l’autre \nLes débats furent marqués par le conflit opposant technophiles et technophobes . Sasn doute le côté iconoclaste des littéraires, le texte seul. L’illustration es t la perversion de la lecture \n 25 % de la population ne lit pas ? Avant même de s’interroger sur les bienfaits ou les méfaits de la technologie, d’autres questions, plus urgentes, semblent donc se poser.\nIllustration de \nUn paradigme est une représentation du monde, une manière de voir les choses, un modèle cohérent de vision du monde qui repose sur une base définie (matrice disciplinaire, modèle théorique ou courant de pensée). C'est une forme de rail de la pensée dont les lois ne doivent pas être confondues avec celles d'un autre paradigme et qui, le cas échéant, peuvent aussi faire obstacle à l’introduction de nouvelles solutions mieux adaptées.\n
  • Un vieux fond jugement techno reflexe conservatisme la peur comme l’adhésion fascination \n
  • Acronyme anglais pour « Windows, Icons, Menus and Pointing device », (fenêtres, icônes, menus et dispositif de pointage), le paradigme WIMP présente des bases fonctionnelles d'une interface graphique informatique.\nCe type d'interface, inventé à la fin des années 1970, et répandu dans les années 1980, est présent dès les années 1990 sur quasiment tous les types de systèmes d'exploitation, rendant l'apprentissage de la bureautique très aisé.\n\nSouris : Douglas Engelbart 1968\nTrackball (ici intégré à une souris)\nTrackPad : Ordinateurs portables\nJog Shuttle (mobiles)\nJoystick (jeux)\nTablette Graphique : Infographie\n\n
  • Souris : Douglas Engelbart 1968\nTrackball (ici intégré à une souris)\nTrackPad : Ordinateurs portables\nJog Shuttle (mobiles)\nJoystick (jeux)\nTablette Graphique : Infographie\n\n\n\n
  • un périphérique de pointage peux être détournée soit de son usage ici l’analyse d’image peut être aussi un pilotage ou on le verra plustard dans le principe du hack kinnect\nlien ver ananlyse lecture IPAD\n
  • CLI Ligne de commandes VS Graphical User Interface GUI\n La manipulation directe repose sur 2 métaphores :\n - La métaphore de la description\n - La métaphore du monde réel\n\n
  • What You See… Is What You Get !!\n\n\n\n
  • Avant de parler d’interfaces numériques, qu’est ce qu’une interface, son sens premier?\n\n
  • Définition de l’interface utilisateur : \nLimite commune à deux systèmes, deux entités permettant des échanges entre eux. \nElle favorise le dialogue (l’interaction) entre les machines et les humains \npar la stimulation des sens via des périphériques appropriés : \n\nAssociés aux 4 sens suivants : \nLe toucher : Dispositif de pointage : clavier, souris, stylet, écran tactile\n La vue : GUI, ou Graphical User Interface via une affichage écran\nL’ouïe : VUI, ou Voice User Interface via des commandes vocales\nLa gestuelle : Analyse des mouvements du corps, du visage\n\n\n\n\n\n\n\n
  • Les éléments : Concept , Fonctionnalités , Architecture, Contenu, Interactions, Graphisme\nLe designer ne fait pas de joli ou de gratuit. Il teste plusieurs options avant d’aboutir à une solution finalisée. C’est la méthode de conception en entonnoir. \n\nLa but est de créer un environnement cohérent en adéquation avec les fonctionnalités proposées.\nUne interface réussie est avant tout une interface bien conçue en amont. \n\n\n\n\n\n\n\n\n
  • Microsoft Surface\nParadigme d’éléments pouvant être manipulés et déplacés.\nOublier la dimension Portrait / Paysage, l’interface doit être flexible.\n\n\n\n\n\n\n\n\n
  • Microsoft Surface\nParadigme d’éléments pouvant être manipulés et déplacés.\nOublier la dimension Portrait / Paysage, l’interface doit être flexible.\n\nvideo Tony\nhttp://www.remanences.org/mindflow/\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
  • La semaine dernière, nous avons parlé d’innovation ascendante et descendante.\n\nLa science fiction est également un vecteur d’innovation\n\n\n\n\n\n\n\n\n\n
  • 10 Février 2010\n\n\n\n\n\n\n\n\n\n
  • La Reactable (ReacTable) est un instrument de musique électro-acoustique, créé à l'université Pompeu Fabra de Barcelone, Espagne. Björk l'utilise en concert pour sa tournée Volta 20071. Il s'apparente aux ondes Martenot.\n\nMicrosoft Surface a déjà proposé des scénarios d’exploration de contenus mobiles sur une table connectée. \n\n
  • Le projet SixthSense (« sixième sens »), parfois dénommé WUW pour Wear ur world, est un projet d'ordinateur ubiquitaire et dématérialisé.\n\nCe projet est en cours de développement au MIT par Steve Mann, Pranav Mistry et Pattie Maes au MIT Media Lab et a été présenté en 2001. Ce projet était intitulé à l'origine Synthetic Synesthesia of the Sixth Sense\n\nIl s'agit d'un système logiciel et d'interfaces permettant de transformer des objets de l'environnement quotidien en des éléments d'un ordinateur semi-dématérialisé, qu'on emporte avec soi ; de nombreux objets deviennent supports possibles d'information ou d'interaction.\n\n
  • La wiimote, connue car en avance sur son temps.\n\nAvantage : préhension de l’objet\nDésavantage, comme toutes les interfaces gestuelles ou tactiles : absence de feedback et donc, de ressenti physique de l’expérience\n
  • Qualifier le résultat et le ressenti de l'utilisateur lors d'une manipulation d'un objet fonctionnel ou d'une interface homme-machine via une interface utilisateur de manière heuristique par un ensemble de facteurs. Un mix entre le plaisir ressenti et l’efficacité du médium.\n\n
  • du GUI to NUI la position et la gestuelle comme mode d’interaction\nla disparition des interface graphiques et l’intelligenc embarqué dans les objets\ndes interfaces naturelles pour faciliter la collaboration \nLe DIY et la production individuellle\n
  • Tangible Interfaces & Mixed Reality : \nA step toward digital augmented environments\n
  • Well VR Brough a lot of innovation as accelerometer, gravitometer (wiimote) or infraRed (kinect)…\nJaron Lanier in 1985 for “computer-simulated environments”\n Virtual Reality (VR) aims by using special devices to simulate physical presence :stereoscopic display, haptic feedbacks, IR tracking…\nHuman into the Computer\n
  • Well VR Brough a lot of innovation as accelerometer, gravitometer (wiimote) or infraRed (kinect)…\n
  • Thomas Caudell & David Mizellin 1990 to overlap digital information in real time above the real world\n Augmented Reality acts as a filter between real space and human to enrich their experiences\n\n
  • Pratique pour localiser un service avoir une information supplémaentaire (contexte etc)\ncréer une nouvelle expérience (gamification ?)\n\n
  • KOBITO / Virtual Brownies (Society for the Study of Robotics / 2004)\n demo (video)\n
  • Paul Milgram and Fumio Kishino in 1994 defined mixed reality as the merging of real and virtual worlds to produce new environments and visualisations where physical and digital objects co-exist and interact in real time\n Mixed Reality enables users to interact physically with augmented art\n
  • 2. New paradigm in computing: VR / AR / MR ?\nVarious Realitie(S) related to their relationships with the “real” (perceived) environment\n New paradigms in computing // Keyboard + Mouse + Screen = Obsolete !\n\nFrom Direct Manipulation (B. Schneiderman / 1982) to Natural User Interaction\n Follow the state of child’s evolution :\nMouse to Point and Click / Multi-Touch Surfaces / Tangible & Gesture interactions (manipulating & moving)\n Find new metaphors to describe gesture and natural interactions (implying the body)\n
  • Virtual Reality : Generates spaces & objects (simulation / past-present-future)\n Augmented Reality : Enriches existing spaces & objects (extra information / past-present-future)\n Computers which are based on time to calculate are able to generate space (Time Generate Spaces)\n Time Shifted + Augmented Spaces = “another” reality / new means of expression (art)\n
  • Virtual Reality : Reinforce the feeling of being immerged into a virtual space (sens + emotions) by extending implied senses : Proprioception / Kinesthetic…\n Augmented Reality : How do I perceive that an environment, an object is augmented ?\n It’s often much more interesting to observe people’s reactions more than the disposal in itself !!\n\nHow users know that they can interact, “anyware” ? \n Affordance ? (Don. Norman) // How to these new Devices / Objects / Spaces will explain us their functioning ?\n New ways to design meaningful and usable “augmented” objects and spaces (tangible interfaces)\nThe cyberspace is too large to fit into my screen… so…\n Expand it into the real World !\n\nBut… Would it be large enough ?\n
  • Vidéo\n
  • Dans un système à base d'un processeur, d'un microprocesseur, d'un microcontrôleur ou d'un automate, on appelle Entrées-Sorties les échanges d'informations entre le processeur et les périphériques qui lui sont associés. De la sorte, le système peut réagir à des modifications de son environnement, voire le contrôler.Elles sont parfois désignées par l'acronyme I/O, issu de l'anglais Input/Output.\n\n
  • \nVidéo\n
  • Le nom Bluetooth est directement inspiré du roi danois Harald Ier surnommé Harald Blåtand (« homme à la dent bleue »), \nconnu pour avoir réussi à unifier les États du Danemark, de Norvège et de Suède. Le logo de Bluetooth, est d'ailleurs inspiré des initiales en alphabet runique du Futhark récent de Harald Blåtand :  (Hagall) (ᚼ) et  (Bjarkan) (ᛒ).\n\nBlue tootth\nRFID\nWifi\n
  • A noter : Le protocole « ZigBee » (moins chère et plus simple) http://fr.wikipedia.org/wiki/Zigbee\n
  • A noter : Voir l’ensemble des spécifications (http://fr.wikipedia.org/wiki/Radio-identification)\n
  • A voir : « RFID : dix applications en images (ZDNet.fr) »\nhttp://www.zdnet.fr/galerie-image/0,50018840,39391772,00.htm?xtor=EPR-100 \n
  • (cf. Projet « BlueEyes » http://www.blueeyes.fr/)\n\n
  • A voir : Open CV (Wiki) / http://opencv.willowgarage.com/wiki/\nProjet « SqTouch » Création Interactive de Pierre Le Bever (i2) / Tracking couleur et mix sonore.\n
  • A tester : Générateur de QRCode Kaywa : http://qrcode.kaywa.com/\n
  • A tester : Générateur de QRCode Jaxo-Systemes : http://www.jaxo-systems.com/barshow/ \nA voir : « Bocode » (Ramesh Raskar / MIT) / http://web.media.mit.edu/~ankit/bokode/\n
  • Vidéo : « Ceci n’est pas une boîte de Chocapic » http://www.youtube.com/watch?v=p3QgigeSE1s / 2010\n\nVidéo : http://www.metroparisiphone.com/ 2010\n\nA voir : Projets de Frantz Lasorne, Nicolas Guyon, David Arenou…\n
  • \n
  • méalnge de ses information de celle des autres dans un rapport à l’édition\n
  • méalnge de ses information de celle des autres dans un rapport à l’édition\n
  • \n
  • \n
  • \n
  • http://www.youtube.com/watch?v=h74x9O3EtIo\n
  • \n
  • \n
  • Journée numerique11

    1. 1. http://www.flickr.com/photos/gregoirecliquet/5603411030/Laurent Neyssensas / L’Ecole de design Nantes Atlantique / READi design lab Journée Numérique à La Roche sur Yon Interaction_interactivité_interface : plasticité des supports_utilisateurs Jeudi 20 Octobre 2011 Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    2. 2. Laurent Neyssensas http://laurentneyssensas.lecolededesign.com/ Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    3. 3. READI/DesignLabRecherche Expérimentales Appliquées en Design d’Interactivité http://www.flickr.com/photos/loneyss/5546547889/sizes/l/in/set-72157626191918529/ Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    4. 4. Sommaire1. Introduction 3. Paradigmes 2.0- design ? - NUI- interactivité ?- livre VS numérique 4 Entrée(s) Sortie(s)2. Paradigmes 5. Réalités- manipulation directe - Augmentée- WIMP - Virtuelle- GUI - Mixte- Interface 6. Conclusion_Discussion RePro3D / Tachi Lab IVRCTokyo 2010 . Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    5. 5. Design ? http://www.flickr.com/photos/loneyss/4068910451/* Une activité intégrable dans un processus projet qui a pour objectif de produire de la valeur ajoutée : Usages / Technologie / Identité* Il a pour finalité d’étendre la gamme, renforcer la marque ou faciliter l’innovation* Qualité globale perçue d’un produit ou d’un service est déterminée par le design « Un dessin à dessein » Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    6. 6. Interactivité ? nf.INFORM. « Qualité d’un logiciel dont l’exécution prend constamment en compte les informations fournies par l’utilisateur.» « Degré de satisfaction atteint par l’usager dans l’interaction vécue avec une machine » (interaction design / interactive design) Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    7. 7. Livre VS Numérique « le monde imprimé [n’était] plus suffisant pour exprimer nos connaissances » Janet MurrayUniversum - C. Flammarion, Holzschnitt, Paris 1888, Kolorit : Heikenwaelder Hugo, Wien 1998 Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    8. 8. Livre VS NumériqueBooK:La révolution Technologique Introducing The Book Livre de poche Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    9. 9. Paradigmes IHM Windows / Icons / Menus / Pointing Devices A1‐
ATELIER
DESIGN
D’INTERACTIVITE
2011‐2012 Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas F.Michel - L. Neyssensas - C.Thiery
    10. 10. Paradigmes Windows / Icons / Menus / Pointing Devices A1‐
ATELIER
DESIGN
D’INTERACTIVITE
2011‐2012 Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas F.Michel - L. Neyssensas - C.Thiery
    11. 11. Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    12. 12. ParadigmesLa manipulation directe (Ben Schneiderman - 1982)Les objets ont une représentation permanente (métaphore des icônes)Les actions physiques directes remplacent la saisie de commandes textuellesLe résultat des actions sur les objets est immédiatement visibleLes opérations sont rapides, incrémentables et réversibles A1‐
ATELIER
DESIGN
D’INTERACTIVITE
2011‐2012 Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas F.Michel - L. Neyssensas - C.Thiery
    13. 13. Paradigmes What yous see is what you get ! A1‐
ATELIER
DESIGN
D’INTERACTIVITE
2011‐2012 Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas F.Michel - L. Neyssensas - C.Thiery
    14. 14. Interface ? Interface? Permettre le dialogue entre deux systèmes Interface nf. (mot anglais) Limite commune à deux systèmes, deux entités permettant des échanges entre ceux-ci. Elle permet dans le cas de l’informatique de favoriser le dialogue (l’interaction) entre les machines et les humains par la stimulation des sens par des périphériques appropriés. Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    15. 15. Interface ?Interface UtilisateurPermet lʼinteraction avec un ordinateur. Nécessité dʼun langage commun.Dispositifs de contrôle physiquesGraphical User InterfacesVoice User InterfacesGestuelle A1‐
ATELIER
DESIGN
D’INTERACTIVITE
2011‐2012 Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas F.Michel - L. Neyssensas - C.Thiery
    16. 16. Interface ?Interface UtilisateurGUI : Graphical User Interface A1‐
ATELIER
DESIGN
D’INTERACTIVITE
2011‐2012 Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas F.Michel - L. Neyssensas - C.Thiery
    17. 17. Exemples d’interfaces Microsoft Surface A1‐
ATELIER
DESIGN
D’INTERACTIVITE
2011‐2012 Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas F.Michel - L. Neyssensas - C.Thiery
    18. 18. Exemples d’interfaces Microsoft Surface Table tactile : démonstrateur Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    19. 19. Innovation dans les interfacesLes apports de la SFMinority Report A1‐
ATELIER
DESIGN
D’INTERACTIVITE
2011‐2012 Minority
Report Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas F.Michel - L. Neyssensas - C.Thiery
    20. 20. Innovation dans les interfaces John
Underkoffler
at
TED’s
conference A1‐
ATELIER
DESIGN
D’INTERACTIVITE
2011‐2012 Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas hQp://www.ted.com/talks/john_underkoffler_drive_3d_data_with_a_gesture.html F.Michel - L. Neyssensas - C.Thiery
    21. 21. Langages et paradigmes futurs2. INTERFACES & INTERACTIONS Tactile & Interfaces Tangibles Faire communiquer des objets réels et des interfaces virtuelles Reactable A1‐
ATELIER
DESIGN
D’INTERACTIVITE
2011‐2012 hQp://fr.wikipedia.org/wiki/Reactable Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas F.Michel - L. Neyssensas - C.Thiery
    22. 22. Langages et paradigmes futurs2. INTERFACES & INTERACTIONS Interfaces gestuelles naturelles Un langage corporel pour manipuler les éléments virtuels Sixthsense A1‐
ATELIER
DESIGN
D’INTERACTIVITE
2011‐2012 Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas hQp://www.pranavmistry.com/projects/sixthsense/images/full/sixthsense04.jpg F.Michel - L. Neyssensas - C.Thiery
    23. 23. Langages et paradigmes futursInterfaces gestuelles physiquesLe problème du feedback Sixthsense A1‐
ATELIER
DESIGN
D’INTERACTIVITE
2011‐2012 Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas hQp://www.pranavmistry.com/projects/sixthsense/images/full/sixthsense04.jpg F.Michel - L. Neyssensas - C.Thiery
    24. 24. UX & bêta perpétuelleUX : Expérience utilisateur A1‐
ATELIER
DESIGN
D’INTERACTIVITE
2011‐2012 Nintendo
Wii
Commercial Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas F.Michel - L. Neyssensas - C.Thiery
    25. 25. Interfaces tangibles “leARn” / Victor Manselon Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    26. 26. Interfaces tangibles Immersive Rail shooter / David Arenou 2010 Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    27. 27. Réalité Virtuelle http://www.flickr.com/photos/loneyss/3187497169/sizes/l/in/set-72157612394649393/ Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    28. 28. Réalité Virtuelle  VR4D “Virtual Reality For Design” / project (2010) http://www.flickr.com/photos/loneyss/5187428975/sizes/l/in/set-72157625294610619 Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    29. 29. Réalité Augmentée L’information est partout ! Photographie de Frantz Lazorne Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    30. 30. Réalité Augmentée Une nouvelle ère de jeux ! http://www.layar.com Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    31. 31. Réalité Mixte Une nouvelle ère de jeux ! http://rogiken.org/vr/english.html Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    32. 32. Une interaction en temps réelRéalité Mixte entre objets réels_virtuels”Know How Augmented” / François Ballon 2011 Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    33. 33. Paradigme 2.0 R_V.A.M Reality-Virtuality continuum according to Milgram, Takemura, Utsumi and Kishino (1994) Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    34. 34. Paradigme 2.0 Espace & Temps Street Museum (London) Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    35. 35. Paradigme 2.0 Sentir & Comprende ”Stepping Garden” / P. Thebault / 2006 Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    36. 36. I/O Entrées /Sorties korean_tupperware Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas hQp://www.flickr.com/photos/regarde/456378850
    37. 37. Entrées Sorties On appelle Entrées-Sorties les échanges dinformations entre le processeur et les périphériques qui lui sont associés. De la sorte, le système peut réagir à des1. Principes modifications de son environnement, voire le contrôler. Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    38. 38. Entrées Sorties Les capteurs permettent de récupérer, à des fins de traitement, les informations relatives à la situation courante dʼun utilisateur et de lʼenvironnement.2. Interacteur Physique ( sans Contact ) “ Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    39. 39. Entrées Sorties Technologie radio courte distance conçue par Ericsson en 1994 destiné à simplifier les connexions entre les appareils électroniques (7 esclaves «actifs». 3. Blue Toothhttp://www.flickr.com/photos/rickyromero/3744838397/in/photostream/ Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    40. 40. Entrées Sorties Un Personal Aera Network ou Body Aera Network désigne la mise en réseau dʼéquipements nomades embarqué sur son corps (mobile/3. Blue Tooth (P.A.N) oreillette, casque, capteur physiologique...) http://www.athena-gatech.org/research/BIOMEDICAL/index.html#Antenna%20Body%20Area%20Networks Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    41. 41. Radio Frequency IDentification est une méthode de mémorisation et de récupération par ondes radio des Entrées Sorties données stockées dans des « radio-étiquettes » (« RFID tag » ou «  RFID transponder). Les tags sont collés ou incorporés dans des objets (étiquette électronique de type « code barre »), produits (cartes dʼaccès, de transport, de paiement…) et même implantées dans des organismes vivants… 3.R.F.I.Dhttp://izationlabs.com/2009/12/22/a-body-mod-most-curious/ Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    42. 42. Radio Frequency IDentification est une méthode de mémorisation et de récupération par ondes radio desEntrées Sorties données stockées dans des « radio-étiquettes » (« RFID tag » ou «  RFID transponder). Les tags sont collés ou incorporés dans des objets (étiquette électronique de type « code barre »), produits (cartes dʼaccès, de transport, de paiement…) et même implantées dans des organismes vivants…3.R.F.I.D Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    43. 43. Entrées Sorties GPS : Nʼimporte où sur la planète… mais en extérieur ! WiFi / GPRS : Triangulation par rapport à plusieurs bornes3.Récapitulatif Bluetooth : Proximité de lʼémetteur RFID : Par contact ou rapproché Nokia Sports Tracker (beta) Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    44. 44. Entrées Sorties Il existe des « bibliothèques » de composants logiciels qui permettent de détecter une forme (ici une main) et de suivre ses déplacements en temps réel.4. Détection Video (Computer Vision) http://en.wikipedia.org/wiki/OpenCV Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    45. 45. Entrées Sorties Les Quick Response Code permettent dʼinscrire dans lʼespace physique des informations numériques consultables via tous types de caméras (Mobiles). Lʼavantage de cette technologie est sa simplicité de mise en œuvre et son coût très abordable (frais4. QR Code dʼimpression dʼun QR Code). http://www.flickr.com/photos/loneyss/5046386633/ Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    46. 46. Entrées Sorties Les Quick Response Code peuvent également être colorés ou peuvent intégrer des images leur conférant un aspect graphique plus attrayant.4. QR Code http://www.flickr.com/photos/loneyss/4070782245 Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    47. 47. Les Augmented Reality Markers permettent de capter la position dʼun objet dans lʼespaceEntrées Sorties mais aussi son orientation (x,y et z). Aujourdʼhui les AR Markers disparaissent au profit de symboles plus simples, dʼimages photographiques ou encore grâce à la seule géolocalisation & inclinaison (mobiles).4. AR Markers http://www.flickr.com/photos/snoogward/3473507242/sizes/l/in/photostream/ Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    48. 48. Entrées Sorties Envisager les opportunités et les possibilités techniques en amont du projet. 5. Conclusion(s) Proposer des principes, schéma technique…M. Martin doit se rendre à un rendez-vous, il envisage de s’y rendre à pied lorsque le système l’informe qu’à ce rythme il sera en retard ; M.Martin pourrait alors envisager de courir… mais le système, détectant via les capteurs physiologiques de M. Martin que celui-ci ressent déjàdes signes de fatigue, et l’en déconseille fortement… en outre, une marche soutenue n’aurait que peu d’influence sur l’estimation de sonheure d’arrivée.Le système l’avise alors qu’il peut prendre le bus 41, l’arrêt le plus proche ne se trouvant qu’à une centaine de mètres dans une rue voisine.Même si le prochain bus ne passera à cet arrêt que dans une dizaine de minutes, celui-ci pourra le déposer à proximité de sa destinationfinale avant l’heure prévue ; enfin le coût du trajet fera l’objet d’une transaction directe entre la banque de M. Martin et celle de la compagniede transports. Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    49. 49. S’éditerAppli Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    50. 50. EditerAppli Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    51. 51. Concept The Future of the Book by IDEO Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    52. 52. Livre Interactif The Fantastic Flying Book by MonnBot Studio Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    53. 53. Livre Augmenté Augmented reality - VFX Breakdown by Soryn Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    54. 54. Livre jeu The Night Of the Living Dead Pixels by Les éditions Volumiques Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    55. 55. imagehumain lieu texte média machine flux Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas
    56. 56. Cette présentation est une proposition basée sur différents cours et supports réalisés en collaboration avec : Grégoire Cliquet Florent Michel Clément Thieryhttp://www.lecolededesign.comhttp://readi.lecolededesign.com Interac(on_interac(vité_interface:
plas(cité
des
supports_u(lisateurs/
IUT
La
Roche
sur
Yon/20
Octobre
2011
/Laurent

Neyssensas

    ×