MGL835: diapos et contenu de cours

Introduction

Tendances technologiques: ETS-mcguffin-introduction-tendances.ppt

Vidéos facultatives pour vous inspirer:

• BumpTop (bureau virtuel avec piles de documents et simulation physique) https://youtu.be/M0ODskdEPnQ
• Tape Drawing (technique de dessin 2D à 2 mains) https://youtu.be/LvyzwN36PSw
• Mockup Builder (modélisation 3D à 2 mains) https://youtu.be/ZxJD9DXDB1E
• Sketch-n-sketch (programmation visuelle) https://www.youtube.com/watch?v=YuGVC8VqXz0&t=10m16s (10:16 - 18:18)
• Manual Deskterity (environnement de dessin 2D avec toucher et stylet simultanés) https://youtu.be/9sTgLYH8qWs
• ILoveSketch (modélisation 3D avec stylet) https://youtu.be/hSxCZE6PG50
• HandyWidgets (palette d'outils multitactile) https://youtu.be/jANW0YkQh-s
• Multi-Touch Pen (stylet recouvert d'une surface multitactile) https://youtu.be/E9ABzZx3QGE
• Toolglass (palette d'outils à 2 mains, permettant une sélection simultanée de commande et d'objet avec un "clic-à-travers") https://youtu.be/fUwYCbhFj1U
• SpaceTop, et d'autres travaux de Jinha Lee: https://www.youtube.com/watch?v=rJ33ixP9QG0&t=12s et https://www.youtube.com/watch?v=pgo9YygqEow&t=7s
• Cubimorph (dispositif physique qui change de forme) https://youtu.be/jhutb0k1WDM
• Materiable (surface physique qui change de forme) https://vimeo.com/165798784
• Exemple de programmation visuelle de Bret Victor https://vimeo.com/66085662
• Xiki (extensions à l'invite de commande traditionnelle) https://youtu.be/bUR_eUVcABg

Articles facultatifs:

• Michel Beaudouin-Lafon, "40 ans d'interaction homme-machine : points de repères et perspectives", 2001
  (recherche google pour des copies en ligne)
• Brad A. Myers, "A brief history of human-computer interaction technology", Interactions 5(2):44-54, 1998,
  http://doi.acm.org/10.1145/274430.274436 ,
  http://scholar.google.ca/scholar?q=myers+%22brief+history+of+human-computer+interaction+technology%22
• Myers, Hudson, Pausch, "Past, present, and future of user interface software tools", ACM Transactions on Computer-Human Interaction (TOCHI) 7(1), 2000, https://scholar.google.ca/scholar?q=myers+hudson+pausch+past+present+future+user+interface+software+tools

La programmation JavaScript

Le JavaScript:
https://www.youtube.com/watch?v=nOK7o0zQwY0
ETS-mcguffin-javascript-partie1.pptx
ETS-mcguffin-javascript-partie1/
ETS-mcguffin-javascript-partie2.pptx

Exemples de programmation événementielle en JavaScript: ETS-mcguffin-evenementielle-javascript

Concepts de base de Donald Norman (affordances, contraintes, etc.)

Exemples de conception centrée utilisateur

Facultatif:
Jensen Harris : The Story of the Ribbon

L'analyse de tâches

Diapos supplémentaires et facultatifs:
ETS-mcguffin-analyseTaches-questions.ppt
ETS-mcguffin-analyseTaches-exemple01-formulaireConsentement.doc
ETS-mcguffin-analyseTaches-exemple01-questionnaire.doc

Articles facultatifs:

• Lewis+Rieman 1994 (livre gratuit en ligne)
• http://www.helpscout.net/blog/why-steve-jobs-never-listened-to-his-customers/

Le prototypage d'interfaces utilisateurs

Facultatif:

article de Lauesen et Harning sur les fenêtres virtuelles (copie locale)
article de Lauesen et Harning sur les fenêtres virtuelles (recherche google)

Outils de dessin:
  gimp (édition de bitmaps avec couches)
  Inkscape (édition de dessins vectoriels avec couches)
  paint.net (édition de bitmaps avec couches)

"6th sense" (projet de Pattie Maes et Pranav Mistry, au MIT)
http://www.ted.com/talks/pattie_maes_demos_the_sixth_sense.html
http://www.youtube.com/watch?v=YrtANPtnhyg

L'interaction

Des techniques de visualisation

La perception

Vidéos: ETS-mcguffin-perception-videos/

Interfaces utilisateurs 3D

Reconnaissance de gestes

Dabbleboard:
http://dabbleboard.com/tour
http://www.youtube.com/watch?v=5kZDqiH_nGM

Articles facultatifs:

• Rubine, Specifying gestures by example, SIGGRAPH 1991, http://dx.doi.org/10.1145/127719.122753
• Wobbrock et al., Gestures without libraries, toolkits or training: a $1 recognizer for user interface prototypes, UIST 2007, http://dx.doi.org/10.1145/1294211.1294238

Interfaces perceptuelles (c.-à-d. avec caméras)

Articles facultatifs:

• Malik and Laszlo, Visual touchpad: a two-handed gestural input device, ICMI 2004, http://dx.doi.org/10.1145/1027933.1027980
• Wilson, Robust computer vision-based detection of pinching for one and two-handed gesture input, UIST 2006, http://dx.doi.org/10.1145/1166253.1166292
  Vidéo: http://research.microsoft.com/en-us/um/people/awilson/publications/wilsonuist2006/wilsonuist2006.html
  Code Java: http://code.google.com/p/opentaffi/