3 2 1_contact: A touch, multitouch, and stylus exploration


Published on

Breakout session from NEKLS 2011 Tech Day

Published in: Self Improvement, Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

3 2 1_contact: A touch, multitouch, and stylus exploration

  1. 1.
  2. 2. Copyright belongs to Children's Television Workshop / Sesame Workshop<br />http://www.youtube.com/watch?v=4KU6pd6cxgw<br />
  3. 3. Why 3-2-1 Contact?<br /><ul><li>Making "contact" with computers and other digital devices a more human, intuitive experience
  4. 4. Hoping this breakout session can capture the "aha" moments that the original show inspired</li></li></ul><li>Keyboards<br /><ul><li>Mechanical "key punch" post  industrial revolution
  5. 5. Full typewriter style keyboards with punch cards post WW2
  6. 6. Remain popular with punch cards until 1970s when punch cards were replaced by terminal and graphic video displays</li></ul>"IBM 029 Keypunch" via ookaboo.com<br />Mouse<br /><ul><li>American Inventor, Douglas Engelbart, patented in 1970 as 2 axis input device
  7. 7. Allowed user ease of use and limited mistakes 
  8. 8. Apple obtained license for $40K, first to have success 
  9. 9. First widespread use with Mac in '84</li></ul> <br /> "First Computer Mouse 1964" via popular-pics.com<br />
  10. 10. <ul><li>The light pen, a stylus, was used with the cathode ray tubes 
  11. 11. developed in the 50's by MIT, 
  12. 12. gaining some popularity in the 80's
  13. 13. Used with programs like Auto cad 
  14. 14. Other digitizers that used a slate to map to a screen</li></ul> <br />"Electrical-Engineering1" via zimbio.com<br /><ul><li>Touch screens were first officially conceived in the late 60's and patented by U of K in early 70's
  15. 15. HP 150,1983, "world's first touchscreen computer" </li></ul>"HP 150" via slashgear.com<br />
  16. 16. That Was Then:<br />There have been any number of peripherals for talking to our machines for specialized tasks<br /> <br /><ul><li>some like light-pen or motion and camera controlled</li></ul> <br /><ul><li>others mundane like keyboard, mouse, and game pad</li></li></ul><li>This Is Now:<br /><ul><li>Now we are seeing a large variety of industries moving towards peripherals/software that allow more natural use.
  17. 17. The commonality is the input. From the  iPhones IOS, Android, Wacom, Smartboard, Playstation Move,  Xbox Kinect to Microsoft Windows. The goal is of ease of use. When you stop worrying about the OS you can be a better user</li></li></ul><li>No longer are we just using simple peripherals with limited use, instead we have engaging computer interactions that allows the user full control of the Operating System<br />
  18. 18. Why touchscreen , multi-touch, and stylus?<br />Captures a wide stroke of  related technology that abandons the keyboard and mouse<br />Moving towards a more human/intuitive use of machines<br /><ul><li>easier to point with a finger than use a mouse </li></ul>Allowing economic/effective use<br /><ul><li>shorter time using programs
  19. 19. ability to collaborate more effectively</li></li></ul><li>TouchScreens<br />Desktops<br /><ul><li>Asus EeeTop
  20. 20. HP Smart Touch</li></ul>eReaders<br /><ul><li>Nook
  21. 21. Kobo
  22. 22. Sony </li></ul>    Kiosks<br /><ul><li>POS
  23. 23. ATM</li></li></ul><li>MultiTouch<br />Windows 7<br />Laptops<br />Tablets<br />All-In-One PCs<br />iOS<br />iPhone<br />iPad<br />iPod touch<br />Android<br />Motorola Zoom/Droid<br />Asus Eee Pad<br />Samsung Galaxy<br />HTC Flyer<br />S<br />Web OS<br />HP TouchPad<br />OSX<br />Magic Mouse<br />Magic Trackpad<br /> <br />
  24. 24. Stylus<br />WACOM<br /><ul><li>Bamboo
  25. 25. Intuos
  26. 26. Cintiq</li></ul>SMART<br /><ul><li>SMART Board
  27. 27. SMART Table
  28. 28. SMART Podium</li></ul>Tablet PCs<br />
  29. 29. What's the single touchscreen good for?<br /><ul><li>Limiting the reliance on Keyboard and Mouse
  30. 30. For first time users young and old
  31. 31. On digital devices that have simplified OS
  32. 32. At the Opac?
  33. 33. Anywhere you are looking to get away from having to use a full blown Desktop i.e. Kitchen </li></li></ul><li>What's multitouch good for?<br /><ul><li>Control of an OS 
  34. 34. Efficient Navigation
  35. 35. Intuitive Manipulation
  36. 36. Apps
  37. 37. Apps</li></li></ul><li>Pinch-Swipe-Rotate-Expand-Flick<br />"It immediately enables multiple users to interact with a shared display, the interface simply disappears. <br />Here's a lightbox app. Dragging photos around. Two fingers at once, I can start zooming, rotating, all in one really seamless motion. It's neat because it's exactly what you expect would happen if you grabbed this virtual photo here. All very seamless and fluid."<br />-Jeff Han at ETech, 7 Mar 2006 <br />mobiledia.com<br />tgdaily.com<br />1800pocketpc.com<br />
  38. 38. Chrome Apps<br />
  39. 39. Google Earth / Maps<br />
  40. 40. Touch Pack for Windows 7<br />Microsoft Blackboard, an intricate game of physics in which you solve a puzzle by creating a fanciful machine on a blackboard.<br />Microsoft Garden Pond, a tranquil game that takes place in serene Japanese water gardens. Microsoft Rebound, a game in which you use your fingertips to control Tesla spheres with an electrical field between them to catapult a metal game ball into your opponent's goal. <br />Microsoft Surface Globe, a program that you can use to explore the earth as a flat 2-D map or as an immersive 3-D experience. Microsoft Surface Collage, a program that you can use to explore and interact with your photos and arrange them as a desktop background.Microsoft Surface Lagoon, a screen saver and interactive water simulation, complete with a meditative rock arrangement and playful, shy fish.<br />
  41. 41. Tablet / Smart Phone Apps<br />Amazon Appstore for Android<br />http://www.amazon.com/mobile-apps/b?ie=UTF8&node=2350149011<br />iTunes Appstore<br />http://www.apple.com/iphone/apps-for-iphone/<br />Make Use Of - The 106 Best iPhone Apps<br />http://www.makeuseof.com/pages/best-iphone-apps<br />Free App Alert – Paid Apps That Just Became Free<br />http://freeappalert.com/<br />
  42. 42. What's a stylus good for?<br /> <br /><ul><li>Control of an OS
  43. 43. Ease of use, comfort, precision 
  44. 44. Collaboration
  45. 45. Presenatation
  46. 46. Creativity
  47. 47. Fun</li></ul> <br /> <br />
  48. 48. Image Editing<br />Photoshop<br />GimpShop<br />Art Rage 2<br />Collaboration<br />Microsoft Office<br />Presentation<br />Smart Notebook<br />Fun<br />Bamboo Dock<br />
  49. 49. "Today’s new ideal for Wacom is to expand the use of multi-touch and pressure sensitivity beyond creative professionals to the mass market, making it fun and easy for consumers to use Wacom devices regardless of their skills or background."<br />
  50. 50. What’s Next for UI?<br /> <br />Merging Interfaces<br />Vocal, Virtual, Contextual, Cerebral<br />Precise, Sensitive, Tailored,Augmented<br />Natural Navigation & Manipulation<br />3 Dimensional / Spatial<br />
  51. 51. The Inspiration<br /> <br />
  52. 52. Kinect Hacks<br /> <br />
  53. 53. Microsoft: Manual Deskterity<br />“The pen writes, touch manipulates, and the combination of pen + touch yields new tools”<br />-Ken Hinckley, Microsoft Research<br />
  54. 54. MIT Media Lab – Tangible Media Group<br />
  55. 55. “We are as human beings the creatures that create, and we should make sure that our machines aid us in that task and are built in that same image”“In 5 years time when you buy a computer you’ll get this”-John Underkoffler, MIT Tangible Media GroupTED Conference Fe0bruary 2010<br />
  56. 56. This presentation was made possible by the Northeast Kansas Library System and viewers like you<br />
  57. 57. 1. History of peripherals<br />first-mouse-1964.jpg (JPEG Image, 545x407 pixels)<br />Mouse (computing) - Wikipedia, the free encyclopedia<br />Douglas Engelbart- Inventor of the Computer Mouse « The Blog of Peter Johnson<br />Input Devices - computer hardware, hardware, computer components, motherboard, cpu, ram, printers, peripherals, inkjet, notebooks, systems, hardware security components<br />User interface - Wikipedia, the free encyclopedia<br />Computer user satisfaction - Wikipedia, the free encyclopedia<br />2. single touch<br />5 HP TouchSmart Apps That Truly Showcase Touch Computing: HP TouchSmartDev Zone<br />Who Invented Touch Screen Technology?<br />
  58. 58. 3. Multi-touch<br />Clash of the Tablets: From iPad to TouchPad, 6 Slates Compared | Gadget Lab | Wired.com<br />Multitouch -- Engadget<br />What's new for computers with touchscreens?<br />MultiTouch Capabilities in Windows 7<br />The Multi Touch Screen: Documenting Jeff Han's Multi Touch Technology<br />Dan Rodney's List of Mac OS X Multi-Touch Gestures<br />What's the Microsoft Touch Pack for Windows 7?<br />4. Stylus<br />Best drawing tablet tip 1: Touch, multi-touch, or stylus?<br />Switched On: Pen again -- Engadget<br />
  59. 59. 5. What's newYouTube - ‪Channel 9: Microsoft Research Campus Tour part 2‏Microsoft Makes Hacking Kinect Easier : NPRmulti-touch and surface computing with kinect sensorEvoluce Blog | Multitouch and 3D Sensing BlogMinority Report-like Interface - KinectHacks.netYouTube - ‪Matrix Zion Control Interface‏YouTube - ‪Cool UI from Minority Report‏Dragon Dictate for Mac breaks its "Golden Rule"&mdash;and users rejoiceTangible Media | MIT Media LabJohn Underkoffler points to the future of UI | Video on TED.com<br />