dispositivi per la manipolazione diretta. scopo di questa lezione presentare una rassegna dei...

78
DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA

Upload: floriana-pintus

Post on 01-May-2015

214 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

DISPOSITIVI PER LAMANIPOLAZIONE DIRETTA

Page 2: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Scopo di questa lezione

Presentare una rassegna dei principali dispositivi di interazione uomo-computer che possono essere usati, con l’uso delle mani, nel paradigma della manipolazione diretta

Page 3: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Temi

1. Il paradigma della manipolazione diretta

2. Dispositivi diretti

3. Dispositivi indiretti

Page 4: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Il paradigma della manipolazione diretta

Page 5: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Il paradigma della manipolazione diretta

• Azioni fisiche su oggetti rappresentati sul video, non linguaggio di comandi

• Rappresentazione continua dell’oggetto di interesse

• Operazioni rapide, incrementali, reversibili• Feedback sull’oggetto di interesse visibile

immediatamente(Ben Shneiderman,

1982)

Page 6: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

feedback

Page 7: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

(Un gioco di scacchi per il Macintosh, circa 1987)

Page 8: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Dispositivi per la manipolazione diretta

Page 9: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Classificazione dei dispositivi per la manipolazione diretta

Page 10: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Dispositivi diretti

Page 11: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Classificazione dei dispositivi per la manipolazione diretta

Page 12: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Classificazione dei dispositivi per la manipolazione diretta Single-

touch

Multi-touch

Page 13: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

[Single]touch screen (schermo tattile)

Varie tecnologieVarie dimensioni…

Page 14: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Touch screen: esempio

Page 15: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Chioschi informativi: esempio 1

Page 16: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Chioschi informativi: esempio 2

Page 17: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Chioschi informativi: esempio 3

Page 18: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Piccoli touch screen

Col dito (es.: iPhone)

Con lo stilo (es.: Palm Pilot)

Page 19: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Che cosa posso fare con un dito

• Indicare• Selezionare• Toccare• Cliccare• Trascinare• Spingere• Disegnare• Far segno• Sfogliare• …

Page 20: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Esempio: disegnare

Page 21: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Esempio: sfogliare (iPhone)

Page 22: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Chi et al., CHI 2005

Esempio: sfogliare

Page 23: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Esempio: BumpTop (3D Desktop Prototype)

www.bumptop.com

http://it.youtube.com/watch?v=M0ODskdEPnQ&eurl=http://www.ictblog.it/index.php?/archives/1536-BumpTop-Prototype.html

Page 24: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Classificazione dei dispositivi per la manipolazione diretta Single-

touch

Multi-touch

Page 25: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Multi-touch: esempio

Page 26: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Multi-touch: iPod Touch

Video: http://it.youtube.com/watch?v=kj0UZjrSVLA

(guardare da 9,45 a 10,35)

Page 27: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Jeff Han multi-touch demo

Video:http://it.youtube.com/watch?v=zwGAKUForhM

Page 28: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Esempio: Microsoft Surface

Video: www.microsoft.com/surface

Page 29: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Classificazione dei dispositivi per la manipolazione diretta

Page 30: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Light pen• La penna “sente” il fascio luminoso di un CRT• Oggi poco usata

Page 31: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Classificazione dei dispositivi per la manipolazione diretta

Page 32: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Eye-tracking (gaze-tracking, sistemi di rilevazione dello sguardo )

Page 33: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Dispositivi di eye tracking invasivi

Page 34: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Dispositivi di eye tracking non invasivi

riflesso corneale

pupilla“pupilla bianca” (raggi infrarossi)

Page 35: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Video• Sessione di eye tracking sul sito web dell’Ikea:http://it.youtube.com/watch?v=xKdOMgu0C5Q

• Sessione di eye tracking sul sito web di Carphone Warehouse:

http://it.youtube.com/watch?v=5mNmA04ld58

• Sessione di eye tracking sul sito web di American Express:http://it.youtube.com/watch?v=VbWu7GC5w3k

Page 36: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Esempio: SmartEye

Eye & head tracking (1,8 m headbox)

Page 37: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Video: Scrivere con gli occhi

http://it.youtube.com/watch?v=fOt-nm1ats0

Page 38: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Esempio: EyePassword

M. Kumar, T. Garfinkel, D. Boneh, T. Winograd, Reducing Shoulder-surfing by Using Gaze-based Password Entry

Page 39: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Manipolazione diretta con eye tracking

• Imprecisione: i movimenti saccadici sono poco controllabili

• Il problema del “tocco di re Mida”: occorre confermare la selezione in altri modi (es. tasto o altro)

• Applicazioni:SI: scrittura su tastiera virtuale, pressione di bottoniNO: disegnare con gli occhiMA: ci possono essere molte applicazioni innovative che non

richiedono il controllo preciso dei movimenti oculari

Page 40: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Esempio: rendering con gli occhi

A. Santella, D. DeCarlo, Abstracted Painterly Renderings Using Eye-Tracking Data, 2002

Page 41: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Dispositivi indiretti

Page 42: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Classificazione dei dispositivi per la manipolazione diretta

Page 43: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Tasti cursore

• Movimento discreto del cursore su una griglia logica discreta (form, testo, tabella)

• 4 oppure 8 direzioni

Page 44: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Tasti cursore joystickNei device piccoli (es.: cellulari, telecomandi), sonovantaggiosamente sostituiti da piccoli joystick

Page 45: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Classificazione dei dispositivi per la manipolazione diretta

Page 46: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Mouse• Mouse = Topo, oppure

Manually Operated User Selection Equipment

• Dispositivo in grado di inviare un input a un computer in modo tale che ad un suo movimento ne corrisponda uno analogo di un indicatore sullo schermo (“cursore”)

• È inoltre dotato di uno o più tasti, rotelle o altro ai quali possono essere assegnate varie funzioni (ne esistono molte varianti)

• Oggi: tecnologia meccanica o ottica; wired o wireless• Brevettato da Douglas Engelbart nel 1967, ebbe ampia

diffusione solo a partire dal 1984, con il primo Macintosh della Apple

Page 47: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Il primo mouse, 1964

(D.Engelbart)

Page 48: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Il primo Macintosh, 1984

un solo bottone !

tastiera senza tasti funzione

né ESC !

Page 49: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Mouse: la evoluzione della specie (I)

Microsoft, 1983

Sun 3, anni 80

2 bottoni:

Xerox Star, 1982

3 bottoni:

Page 50: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Mouse: la evoluzione della specie (II)

Da: http://www.billbuxton.com/input02.Devices.pdf

rotella

pallina

nipple

touchpad

Page 51: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Apple Mighty Mouse

Page 52: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

PersonalizzazioneOggi i mouse sono fortemente personalizzabili

Esempio: Mighty Mouse

Page 53: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Mouse e legge di Fitts

I movimenti del mouse seguono la legge di Fitts: T = 1.03 + 0.96 log2 (D/S + 0.5)

T = tempo per posizionare il mouse (in secondi)

D = distanza dall’oggetto (in pixels)

S = larghezza dell’oggetto

Le costanti (1.03 e 0.96) sono circa le stesse dei movimenti manuali. Pertanto il mouse è quasi ottimale come pointing device

Page 54: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Classificazione dei dispositivi per la manipolazione diretta

Page 55: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

TrackballUn “mouse capovolto”, che resta fermo sul tavolo:

Vantaggi:- richiede poco spazio- La pallina si muove con le dita, e lascia il polso in posizione di riposo- è più precisa di un mouse

da 3-4 cm di diametro (fino a 10 cm, per maggiore precisione, es, applicazioni CAD)

Page 56: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Trackball nei laptop• Usata ne primo PowerBook Apple, 1991• Oggi si usa il touchpad

PowerBook, 1991

Page 57: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Trackball: altri esempi

Page 58: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Classificazione dei dispositivi per la manipolazione diretta

Page 59: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Touchpad• Tavolette sensibili al tatto, di 50-75 mm,

con uno-due tasti• Sostituiscono il mouse in assenza

di spazio• Utilizzate sui PC laptop, a partire

da Apple Powerbook 500 (1994)

• Possono essere molto sofisticati, es.:

• “hot spot” dedicati a funzioni particolari (es. scroll)• “click by tap”• accelerazione software• multi-touch (Apple MacAir)

PowerBook 500

Page 60: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Touchpad: la evoluzione della specie (I)

Per tracciare le lettere

Page 61: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Touchpad: la evoluzione della specie (II)

Modalità “pannello di controllo”: mail, wi-fi, printer, volume, shortcuts user defined

Page 62: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Classificazione dei dispositivi per la manipolazione diretta

Page 63: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Esempio: Tavoletta grafica: esempio

Wacom

corrispondenza configurabile

bottoniconfigurabili

Page 64: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Stilo per tavoletta grafica: tipi

Lo stilo comunica:- Posizione sulla tavoletta (x,y)- Pressione sulla tavoletta- Angolo con la tavoletta- Direzione dell’angolo- Rotazione attorno al suo asse

Wacom

tip sensibile alla pressione

Page 65: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Multimodalità

Page 66: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Disegnare con la tavoletta grafica

Page 67: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Ricalcare con la tavoletta grafica

Page 68: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Classificazione dei dispositivi per la manipolazione diretta

Page 69: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Joystick

• Asta con impugnatura anatomica, mobile in tutte le direzioni, che sporge da una base fissa

• Corredata da uno o più pulsanti• Derivati dalla cloche degli aerei, soprattutto

per i videogiochi• Numerosi tipi

Page 70: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Joystick - esempi

Page 71: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Esempio: Flight simulator (Microsoft, 2004)

Page 72: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Piccoli joystick (es. cellulari)

Page 73: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Nipple

• Piccolo joystick usato a volte nei PC portatili in aggiunta al touchpad:

Page 74: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Joystick (Sony Playstation)

Page 75: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Video: FIFA 08• http://it.youtube.com/watch?v=9WiBOUDTfDI• http://it.youtube.com/watch?v=lkac_f2W8Hk&feature=related

Page 76: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Conclusioni

Si è verificata una grande evoluzione delle possibilità di interazione per manipolazione diretta, dal semplice movimento di un cursore discreto sullo schermo, fino alle applicazioni multi-touch e multi-utente, con rilevazione di pressione e accelerazione, o con joystick multifunzionali

Page 77: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Che cosa si potrà ancora fare con le mani?

Page 78: DISPOSITIVI PER LA MANIPOLAZIONE DIRETTA. Scopo di questa lezione Presentare una rassegna dei principali dispositivi di interazione uomo-computer che

Dove studiare

Sul libro di testo:- Cap. 2, Dix, pagg.62-70

Inoltre, su questi temi, le voci di Wikipedia (anche in italiano) sono in genere affidabili e aggiornate