![Page 1: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/1.jpg)
Task 1
Draw a picture of a person using a computer
You have 60 seconds
![Page 2: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/2.jpg)
Task 2
Draw a picture of multiple people using a computer
You have 60 seconds
![Page 3: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/3.jpg)
Drawing a line
This is what it typically looks like.
![Page 4: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/4.jpg)
Drawing a line
How should a line behave if 2 people were using it?
Task 3. – Sketch out several design ideas
![Page 5: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/5.jpg)
Drawing a line
How should a line behave if 2 people were using it?
Task 3. – Sketch out several design ideas– Now do it again after you:
• get a partner • manipulate a rubber band, string to help generate ideas
![Page 6: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/6.jpg)
Drawing a line
![Page 7: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/7.jpg)
Drawing a line
![Page 8: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/8.jpg)
How people work together
Contrast restrictions imposed by– screen / mouse / keyboard vs.– paper / pencil
Video (Xerox PARC) [.wmv]
![Page 9: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/9.jpg)
Single Display Groupware
![Page 10: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/10.jpg)
Single Display Groupware
Co-located people work simultaneously on– a table, a wall display, or a monitor through– multiple mice, keyboards, multi-touch surfaces
![Page 11: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/11.jpg)
Characteristics of SDG applications
Support to face-to-face interactionShared and coupled viewShared user interfaceShared feedback Multiple cursorsDifferent input devices No privileged devices
Slide adapted from A. Zanella presentation on Single Display Groupware
![Page 12: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/12.jpg)
Why now?
Screen size increasing– large LED screens, HDTV, projectors, tabletop
displays, Smart boards…
Public vs. personal location– living rooms, family rooms, public walls
www.sonoma.edu/edtech/arem/Smart.jpg
![Page 13: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/13.jpg)
Why Collaborate?
Editable work surfaces
http://www.rl.af.mil/tech/facilities/Images/c2tc.gif
![Page 14: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/14.jpg)
Why Collaborate?
Meeting Tools
http://www.rl.af.mil/tech/facilities/Images/c2tc.gif
Microsoft Clipart
![Page 15: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/15.jpg)
Why Collaborate?
Peer education
http://www.rl.af.mil/tech/facilities/Images/c2tc.gif
http://www.rl.af.mil/tech/facilities/Images/c2tc.gifFrom Understanding Children’s Interactions in Synchronous Shared Environments. Stacey D. Scott, Regan L. Mandryk, Kori M. Inkpen
![Page 16: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/16.jpg)
Why Collaborate?
Command and control systems
http://www.rl.af.mil/tech/facilities/Images/c2tc.gif
![Page 17: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/17.jpg)
Why Collaborate?
Games
http://f.screensavers.com/migration/ss/unreal_215.gif
http://www.futuregamez.net/ps2games/burnout/review.html
split screen
first person shooter
![Page 18: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/18.jpg)
Why Collaborate?
Serendipity
http://www.rl.af.mil/tech/facilities/Images/c2tc.gif
From Public and Situated Displays : Social and Interactional Aspects of Shared Display Technologies, Kluwer Academic Press, Chapter 1 (Blueboard) by D. Russell and A. Sue
![Page 19: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/19.jpg)
The Problem
GUI toolkits ignore multiple inputs, multiple users
![Page 20: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/20.jpg)
Solutions
Research technologies that provide:
–multiple mice and keyboards
–multiple cursors
–multi-touch surfaces
• vertical displays
• tabletop displays
About 15 years of work in this area
![Page 21: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/21.jpg)
Videos
Multiple mice/keyboards
MMM: multi-device, multi-user, multi-editor [mpg]Eric Pier 1992, Xerox Park, ACM CHI 1991 ~6:55
SDG Toolkit. [wmv]Tse, E. and Greenberg. S. (2004) Video Proc ACM CSCW Conference on Computer Supported Cooperative Work. 3:55
Designing storytelling technology to encourage collaboration between young children [.wmv]
S. Benford, B. Bederson et al., ACM CHI 2000. ~2:08
Multiple lenses in single display groupware [.wmv]Greenerg and Carpendale, (2003) U Calgary. ~:47
![Page 22: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/22.jpg)
SDG widgets
Multi-user widgets
Rob Diaz
radio buttonscheckbox
slider
![Page 23: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/23.jpg)
SDG widgets
Local Tools
Instead of tool palettes– scatter tools atop the work surface– pick it up and use it– put it down when down
http://www.cs.umd.edu/hcil/kiddesign/kidpad.shtml
![Page 24: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/24.jpg)
SDG widgets
PebblesDraw
http://www.cs.cmu.edu/~pebbles/v5/multicursor/pebblesdraw2.gif
![Page 25: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/25.jpg)
SDG widgets
Transparent menus
Zanella, A. and Greenberg, S. (2001) Reducing Interference in Single Display Groupware through Transparency. Proc ECSCW 2001, Kluwer.
![Page 26: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/26.jpg)
Videos
Touch Surfaces
The Grouplab DiamondTouch™ Toolkit. [.mp4]Diaz-Marino, R., Tse, E. and Greenberg. S. Video Proc ACM CSCW Conference on Computer Supported Cooperative Work. 3:12
VideoArms [.wmv]Video Proc ACM CSCW Conference on Computer Supported Cooperative Work. 5:20.
Gesture registration, relaxation and reuse for multi-point direct touch surfaces. [.mov]
Wu, Shen, Ryall, Forlines, Balakrishnan. Proceedings of TableTop 2006 - the IEEE Workshop Horizontal Interactive Human Computer Systems. ~4:20
BlueBoard [.wmv]
IBM Almaden
![Page 27: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/27.jpg)
Videos
Tabletops
Philips Table
Rotation and Translation [.wmv]Rusell Kruger, Stacey Scott, Sheelagh Carpendale (U Calgary)
Storage Territories [.wmv] [.wmv]Stacey Scott and Sheelagh Carpendale (U Calgary)
Interface Currents. [.mov]Uta Hinrichs and Sheelagh Carpendale (U Calgary)
![Page 28: Task 1 Draw a picture of a person using a computer You have 60 seconds](https://reader030.vdocument.in/reader030/viewer/2022032800/56649d2a5503460f949fe612/html5/thumbnails/28.jpg)
Table designs
Interface Currents
http://innovis.cpsc.ucalgary.ca/research/currents.html