CMSC838. Tangible Interactive Assistant Professor Computer Science

Transcription

1 CMSC838 Tangible Interactive Computing Week 01 Lecture 02 Jan 29, 2014 About You, Tangible Bits Discussion, & Hackerspace Tour Human Computer Interaction Assistant Professor Computer Science

2 oday s lass

3 Today 1. About you 2. Tangible Bits Reading Discussion 3. Hackerspace Walk / Tour

4 Graduate Degree Programs

5 Programming Language Experience

6 Programming Language Experience

7 Favorite Programming Language

8 Experience Levels

9 Experience Levels No Experience or Beginniner Intermediate Advanced or Expert Systems Programming (e.g., C/C++/Java/C#) Web Development (Javascript & Server-side programming) User Interface Design (e.g., HTML, JSS, Flash) Breadboarding simple sensing/actuation circuits General shop skills (drilling, cutting, etc.) Analyzing circuits (Multimeter, Logic analyzer, oscilloscope) Soldering Mobile Programming (e.g., ios, Android SDK) Digital Fabrication: 3D printing PCB layout and design (e.g., Eagle) Digital Fabrication: 2D cutting (laser or vinyl cutter) 3D CAD (e.g., Solidworks, Autocad) Embedded Microcontroller Programming (e.g., Arduino, PIC) 0% 20% 40% 60% 80% 100%

10 Experience Levels No Experience or Beginniner Intermediate Advanced or Expert Systems Programming (e.g., C/C++/Java/C#) Web Development (Javascript & Server-side programming) User Interface Design (e.g., HTML, JSS, Flash) Breadboarding simple sensing/actuation circuits General shop skills (drilling, cutting, etc.) Analyzing circuits (Multimeter, Logic analyzer, oscilloscope) Soldering Mobile Programming (e.g., ios, Android SDK) Digital Fabrication: 3D printing PCB layout and design (e.g., Eagle) Digital Fabrication: 2D cutting (laser or vinyl cutter) 3D CAD (e.g., Solidworks, Autocad) Embedded Microcontroller Programming (e.g., Arduino, PIC) 0% 20% 40% 60% 80% 100%

11 Experience Levels No Experience or Beginniner Intermediate Advanced or Expert Systems Programming (e.g., C/C++/Java/C#) Web Development (Javascript & Server-side programming) User Interface Design (e.g., HTML, JSS, Flash) Breadboarding simple sensing/actuation circuits General shop skills (drilling, cutting, etc.) Analyzing circuits (Multimeter, Logic analyzer, oscilloscope) Soldering Mobile Programming (e.g., ios, Android SDK) Digital Fabrication: 3D printing PCB layout and design (e.g., Eagle) Digital Fabrication: 2D cutting (laser or vinyl cutter) 3D CAD (e.g., Solidworks, Autocad) Embedded Microcontroller Programming (e.g., Arduino, PIC) 0% 20% 40% 60% 80% 100%

12 Question: This class is about making. Tell me about something that you are proud of making (e.g., iphone app, balsa wood tower, giant furniture fort, death star out of legos, oil painting of your favorite animated gif). I enjoy "making" photographs (composing, capturing, then editing), though that is a fairly intangible process/product. I've also enjoyed creating hand-lettered typography and fonts. I was a computer engineer in undergrad, had the opportunity to make a two wheeled robot that played dodgeball, it fired high velocity raquet balls. I took off a semester from college and moved into a one room apartment. I then proceeded to install in my living room a ceiling sculpture made out of drinking straws and yarn using a tetrahedral pattern.

13 Question: This class is about making. Tell me about something that you are proud of making (e.g., iphone app, balsa wood tower, giant furniture fort, death star out of legos, oil painting of your favorite animated gif). I have a Makerbot Rep 2 in my apartment :) I recently printed out a really great lamp. The design is not my own, but that of a really talented designer on Thingiverse (Emett - overview) What's so cool about this piece is it printed in two parts. All of the moving pieces are printed in place. I once wired up an Arduino to a Mathmos Aduki (read- tricolor led under a weirdly shaped diffuser)

14 Question: This class is about making. Tell me about something that you are proud of making (e.g., iphone app, balsa wood tower, giant furniture fort, death star out of legos, oil painting of your favorite animated gif). I made a wedding cake hat for a friend. Had a blast putting it together.

15 eading iscussion

16

17 Live Wire (or Dangling String ) Natalie Jeremijenko, 1995 Developed while Natalie was an artist-inresidence at Xerox PARC. One of the earliest examples of an Ambient Interface The movement of the dangling wire is proportional to the number of packets on the network. That is, the more traffic on the local area network, the higher the frequency of the "wiggles." The transceiver plugs into the network, and the dynamic behavior of the wire become an intuitive peripheral representation of the network activity. In contrast to a screen based graph of ethernet activity this device is a shared social display of information.

18 Making the invisible, visible.

19 Timo Arnall, Jørn Knutsen, & Einar Martinussen, Immaterials: Light Painting WiFi

20 Timo Arnall, Jørn Knutsen, & Einar Martinussen, Immaterials: Light Painting WiFi

21 Timo Arnall, Jørn Knutsen, & Einar Martinussen, Immaterials: Light Painting WiFi

22 Helen Evans and Heiko Hansen, Nuage Vert,

23 Helen Evans and Heiko Hansen, Nuage Vert,

24 Kuznetsov et al., Red Balloon, Green Balloon, Sensors in the Sky, UbiComp2011

25 Kuznetsov et al., Red Balloon, Green Balloon, Sensors in the Sky, UbiComp2011

26 UIST1997

27 The metadesk Ullmer & Ishii, UIST1997 Source:

28

29 ambientroom Ishii et al., CHI1998 Source:

30 transboard Ullmer & Ishii, ~1997 The transboard is a Tangible Bits platform which explores the use of a digitally enhanced whiteboard as a model of a wall in the future. The transboard supports distributed access to physical whiteboard activity. Distributed users can monitor realtime drawing processes over the internet or can be aware of drawing activity through ambient displays in the ambientroom. The transboard also supports the use of physical icons (phicons) as containers of digital strokes. In contrast to the metadesk, the transboard provides an interesting platform for considering tangible interfaces with rich input, but limited output modalities.

31

32

33