Making in the Human-Computer Interaction Lab (HCIL)

1,948 views

Published on

You can download the PowerPoint file with embedded movies here: http://www.cs.umd.edu/~jonf/talks.html

----------------

In the HCIL's Makeability Lab at the University of Maryland, we design interactive experiences that cross between bits and atoms—the virtual and the physical—and back again to confront some of the world's greatest challenges: environmental sustainability, health and wellness, and universal accessibility.

In my talk, I’ll begin with an overview of the “Maker ethos” and the rise of Maker/DIY culture. I’ll then discuss how "Making" at the University of Maryland before shifting to how the HCIL (Human-Computer Interaction Lab) has begun introducing Maker tools and projects in research (e.g., [1–4]) and in the classroom including an introduction to our new(ish) HCIL Hackerspace. The talk closes with an overview of my Tangible Interactive Computing classes and how I've attempted to imbue it with a "Maker" and design studio spirit. At end, I hope to prompt discussion about the future of physical computing and making and where university education fits in.

REFERENCES

[1] Hara, K., Le, V. and Froehlich, J. 2013. Combining Crowdsourcing and Google Street View to Identify Street-level Accessibility Problems. Proceedings of the SIGCHI Conference on Human Factors in Computing Systems (CHI ’13) (New York, NY, USA, May 2013).

[2] Hara, K., Shiri, A., Campbell, M., Cynthia, B., Le, V., Pannella, S., Moore, R., Minckler, K., Ng, R. and Froehlich, J. 2013. Improving Public Transit Accessibility for Blind Riders by Crowdsourcing Bus Stop Landmark Locations with Google Street View. Proceedings of the 15th International ACM SIGACCESS Conference on Computers and Accessibility Technology (2013), 16:1–16:8.

[3] Mauriello, M., Gubbels, M. and Froehlich, J. 2014. Social Fabric Fitness: The Design and Evaluation of Wearable E-Textile Displays to Support Group Running. SIGCHI Conference on Human Factors in Computing Systems (CHI ’14) (2014).

[4] Norooz, L. and Froehlich, J. 2013. Exploring early designs for teaching anatomy and physiology to children using wearable e-textiles. Proceedings of the 12th International Conference on Interaction Design and Children - IDC ’13 (New York, New York, USA, Jun. 2013), 577–580.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,948
On SlideShare
0
From Embeds
0
Number of Embeds
491
Actions
Shares
0
Downloads
31
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Making in the Human-Computer Interaction Lab (HCIL)

  1. 1. Making in the HCIL 31st HCIL Symposium May 29, 2014 @jonfroehlich Human Computer Interaction Laboratory makeability lab
  2. 2. Motivating Story Two high school interns One aerial quadcopter robot One professor (me)
  3. 3. Broken Gear
  4. 4. What’s remarkable is not just that these students did this but that they thought of doing it and had the resources around them to seamlessly support the effort.
  5. 5. But the story does not end there…
  6. 6. Built-in tool support for remixing
  7. 7. Built-in tool support for remixing Explicit shout-out & nod to spirit of making / sharing
  8. 8. This is a BIG deal
  9. 9. Chris Anderson, Makers: The New Industrial Revolution , 2012
  10. 10. This Talk: Three Parts
  11. 11. This Talk: Three Parts Rise of Maker/DIY Movement Making & Makerspaces at UMD ‘Making’ in the Classroom
  12. 12. Rise of Maker/DIY Movement Making & Makerspaces at UMD ‘Making’ in the Classroom
  13. 13. 'Maker culture' emphasizes learning-through-doing (constructivism) in a social environment. Typical interests include electronics, robotics, 3D printing, and the use of CNC tools, as well as more traditional activities such as metalworking, woodworking, and traditional arts and crafts. Wikipedia Maker Culture http://en.wikipedia.org/wiki/Maker_culture
  14. 14. 'Maker culture' emphasizes learning-through-doing (constructivism) in a social environment. Typical interests include electronics, robotics, 3D printing, and the use of CNC tools, as well as more traditional activities such as metalworking, woodworking, and traditional arts and crafts. The culture stresses new and unique applications of technologies, and encourages invention and prototyping. There is a strong focus on using and learning practical skills and applying them creatively. Wikipedia Maker Culture http://en.wikipedia.org/wiki/Maker_culture
  15. 15. Computer Science making
  16. 16. why now?
  17. 17. 1. COST AND SPEED
  18. 18. 2. OPEN HARDWARE The Arduino has lowered the barrier to programming physical computing systems and created a vibrant eco-system of use
  19. 19. 3. THE INTERNET Websites provide easy access to help, supportive communities, and, just as importantly, purchasable materials
  20. 20. 4. NEW TOOLS/MATERIALS 3D-Printing CNC machines
  21. 21. 4. NEW TOOLS/MATERIALS
  22. 22. 5. SUPPORTIVE COMMUNITY
  23. 23. HCIL Booth at the Silver Spring Mini-Maker Faire
  24. 24. Rise of Maker/DIY Movement Making & Makerspaces at UMD ‘Making’ in the Classroom
  25. 25. Rise of Maker/DIY Movement Making & Makerspaces at UMD ‘Making’ in the Classroom
  26. 26. Making at UMD
  27. 27. UMD Maker/Hackerspaces
  28. 28. UMD Maker/Hackerspaces
  29. 29. UMD Maker/Hackerspaces STARTUP SHELL http://startupshell.org/ COLLIDER http://www.collider.org/ MCKELDIN LIBRARY http://startupshell.org/ HCIL HACKERSPACE http://slidesha.re/1mHefoy
  30. 30. UMD Maker/Hackerspaces STARTUP SHELL http://startupshell.org/ COLLIDER http://www.collider.org/ MCKELDIN LIBRARY http://startupshell.org/ HCIL HACKERSPACE http://slidesha.re/1mHefoy
  31. 31. what makes a space a makerspace
  32. 32. MAKERBOT REPLICATOR 2 3D-Printer in McKeldin Library
  33. 33. MLK LIBRARY Downtown Washington DC
  34. 34. MLK LIBRARY DIGITAL COMMONS http://dclibrary.org/digitalcommons
  35. 35. MLK LIBRARY DIGITAL COMMONS http://dclibrary.org/digitalcommons
  36. 36. MLK LIBRARY DREAM LAB http://dclibrary.org/digitalcommons
  37. 37. MCKELDIN LIBRARY Beginning to Create Makerspace
  38. 38. MCKELDIN LIBRARY Future Location of First Makerspace
  39. 39. UMD Maker/Hackerspaces STARTUP SHELL http://startupshell.org/ COLLIDER http://www.collider.org/ MCKELDIN LIBRARY http://startupshell.org/ HCIL HACKERSPACE http://slidesha.re/1mHefoy
  40. 40. UMD Maker/Hackerspaces STARTUP SHELL http://startupshell.org/ COLLIDER http://www.collider.org/ MCKELDIN LIBRARY http://startupshell.org/ HCIL HACKERSPACE http://slidesha.re/1mHefoy
  41. 41. Howdo you design a space for making?
  42. 42. I want(ed) to make the HCIL Hackerspace a place to… …inspire creativity & excitement …encourage and allow for serendipitous interaction …attract a diverse set of students …allow students to experiment, play, learn, make …build community and imbue a spirit of collaboration …rapidly prototype physical computing designs …promote working with low-tech and high-tech materials together …
  43. 43. Design Build Evaluate Human-Centered Iterative Design
  44. 44. Google Docs enabled multiple parties to easily provide feedback and even make their own edits to the planning doc
  45. 45. HCIL Hackerspace Prior to Renovation
  46. 46. HCIL Hackerspace Version 1.0
  47. 47. HCIL Hackerspace Version 1.0
  48. 48. We allowed the space to evolve over time as we observed use and added additional equipment.
  49. 49. HCIL Hackerspace Version 1.0
  50. 50. HCIL Hackerspace Version 2.0
  51. 51. HCIL Hackerspace Version 2.0
  52. 52. HCIL Hackerspace Version 3.0
  53. 53. HCIL Hackerspace Version 3.0
  54. 54. Making is enabled not just by space but ready access to material and tools
  55. 55. Three Soldering Stations HCIL Hackerspace
  56. 56. Craft/Textile Station HCIL Hackerspace
  57. 57. Two Mannequins HCIL Hackerspace
  58. 58. Basic Electronic Supplies HCIL Hackerspace
  59. 59. Wall of Electronic Components HCIL Hackerspace
  60. 60. Quadcopters HCIL Hackerspace
  61. 61. One Oscilloscope HCIL Hackerspace
  62. 62. Two 3D-Printers HCIL Hackerspace
  63. 63. One CNC Machine HCIL Hackerspace
  64. 64. One CNC Machine HCIL Hackerspace
  65. 65. Observe the use of space and iterate1. Top Five Tips 3. Configure not just for work but for inspiration 4. Big, open tables are important for collab making Allow the makers to help make the space2.
  66. 66. Students Working Outside The Hackerspace
  67. 67. Students Working Outside The Hackerspace
  68. 68. Students Working Outside The Hackerspace
  69. 69. Observe the use of space and iterate1. Top Five Tips 3. Configure not just for work but for inspiration 4. Big, open tables are important for collab making Allow the makers to help make the space2. 5. Provide as much equipment as you can afford & keep it organized/accessible
  70. 70. Rise of Maker/DIY Movement Making & Makerspaces at UMD ‘Making’ in the Classroom
  71. 71. Rise of Maker/DIY Movement Making & Makerspaces at UMD ‘Making’ in the Classroom
  72. 72. For me, the type of making that gets me excited combines computation with physical material to create new interactive experiences (e.g., fabrics, objects)
  73. 73. Ryokai et al., I/O Brush: Drawing With Everyday Objects as Ink, CHI2004
  74. 74. Tangible Interactive Computing Spring 2014 Tangible Interactive Computing Fall 2012 My ‘Maker’ Course
  75. 75. [Source: http://st-marks-preschool.org/wp-content/uploads/2013/02/Sandbox-play.jpg] Sandbox Days Alternates with lectures; focused on discussions, rapid prototyping, & peer learning
  76. 76. MUSICAL SPAGHETTI MADNESS By Richard Johnson, Spring 2014
  77. 77. Richard brought spaghetti & sauce
  78. 78. LOW TECH TOUCHPAD By Peter Enns & Chris Imbriano, Spring 2014
  79. 79. STARRY NIGHT By Meethu Malu & Hitesh Maidasani, Spring 2014
  80. 80. CMSC838f Instructables Stats Total Views: 108,040 Total Favorites: 651
  81. 81. CMSC838f Instructables Stats Total Views: 108,040 Total Favorites: 651 24,625 293 Spring 2014 totals; posted May 16
  82. 82. 0 10,000 20,000 30,000 40,000 Inside/Outside Tracker Interactive Living Wall HandSight X-Track Bear With Me Bicycle Trip Visualizer Chem4D 23-Aug-13 Instructables Views as of August 2013 CMSC838f, Fall2012 63,514 248 Aug, 2013
  83. 83. 0 10,000 20,000 30,000 40,000 Inside/Outside Tracker Interactive Living Wall HandSight X-Track Bear With Me Bicycle Trip Visualizer Chem4D 23-Aug-13 28-May-14 Instructables Views Over Time CMSC838f, Fall2012 63,514 248 Aug, 2013 83,415 358 May, 2014 Even after 1.5 years, the first round of Instructables are still making an impact!
  84. 84. Student interaction extends beyond classroom Community suggests new ideas and alternative approaches!
  85. 85. in the classroom! Fulfilled original goal: allowed for impact beyond the classroom & to contribute back to the maker community1. Impact continued over time: student Instructables sustained interest/readership long after course completed2. Interaction with maker community: Instructables provided a forum for students to interact w/makers3. Intrinsic satisfaction: The above three things served to increase student’s sense of accomplishment & satisfaction4.
  86. 86. Rise of Maker/DIY Movement Making & Makerspaces at UMD ‘Making’ in the Classroom
  87. 87. We are creatures who need to make. Frank Bidart Poet Quote from: Wilkinson & Petrich, The Art of Tinkering, 2014
  88. 88. We are creatures who need to make. Frank Bidart Poet Quote from: Wilkinson & Petrich, The Art of Tinkering, 2014
  89. 89. Upcoming ‘Maker’ Talks Today BodyVis: Body Learning Through Wearable Sensing & Visualization Leyla Norooz & Jon Froehlich 1:05PM Social Fabric Fitness: The Design & Evaluation of Wearable E-textile Displays to Support Group Running Matt Mauriello, Jon Froehlich, Michael Gubbels 1:19PM Current and Future Mobile and Wearable Device Use by People with Visual Impairments Hanlu Ye, Meethu Malu, Uran Oh, Leah Findlater 1:47PM Physically Computing Physical Computing: Creative Tools for Building w/Physical Materials & Computation Michael Gubbels & Jon Froehlich 2:15PM
  90. 90. Making in the HCIL 31st HCIL Symposium May 29, 2014 @jonfroehlich Human Computer Interaction Laboratory makeability lab
  91. 91. Bearded Man by Riccardo Greg http://thenounproject.com/term/bearded-man/36280/ Quadcopter by Nithin Davis Nanthikkara http://thenounproject.com/term/quadcopter/22061/ Students by Hadi Davodpour http://thenounproject.com/term/students/28126/ Icon Credits Eye by Michael Rowe http://thenounproject.com/term/eye/19791/ Heart Public Domain http://thenounproject.com/term/heart/219/
  92. 92. Book Resources Electronic Books ↑ E-Textiles ↑
  93. 93. http://learn.sparkfun.com http://learn.adafruit.com/ http://www.instructables.com/ proquest.safaribooksonline.com/ Some Online Resources http://highlowtech.org/ itp.nyu.edu/physcomp/Tutorials
  94. 94. Making MAKERSPACES Resources

×