Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Beyond the Code - MaKey MaKey workshop

Pearl Chen
September 19, 2014

Beyond the Code - MaKey MaKey workshop

Pearl Chen

September 19, 2014
Tweet

More Decks by Pearl Chen

Other Decks in Technology

Transcript

  1. M a Ke y M a Ke y B E

    YO N D T H E C O D E Download slides: go.klab.ca/btc-mkmk
  2. Yo u r h o s t s B E

    YO N D T H E C O D E @_nadine Nadine Lessio
 mentor @PearlChen Pearl Chen
 lead
  3. Te c h n o l o g i s

    t + E d u c a t o r I ’ M A … Karma Laboratory
  4. H T M L 5 Ro c k s .

    c o m YO U M AY K N O W M E F R O M …
  5. H a p t i c n av i g

    a t o r C U R R E N T P E R S O N A L P R O J E C T
  6. W h a t i s a M a Ke

    y M a ke y? 3 0 S E C O N D I N T R O • “An invention kit for the 21st century.” • Turns everyday objects into touch pads. Make + Key = MaKey MaKey • Created by Jay Silver and Eric Rosenbaum at MIT Media Lab’s Lifelong Kindergarten group in 2011. • Aimed at artists, kids, educators, engineers, designers, inventors, makers... everyone. Image credit: makeymakey.com If you’re looking for technical specs, scroll down to the “Seriously, I Am a Geek, Tell Me All the Krazy Tech Stuff” section of the makeymakey.com homepage.
  7. W h a t i s a M a Ke

    y M a ke y? 2 M I N U T E I N T R O Kickstarter campaign video: http://vimeo.com/60307041
  8. Ho w t o u s e a M a

    Ke y M a ke y? G E T T I N G S TA R T E D, O V E R V I E W 1. Connect a computer to the MaKey MaKey via USB. 2. Connect wires and/or alligator clips to the MaKey MaKey. 3. Touch objects (anything conductive) with the alligator clips. Successful electrical connections are mapped to keyboard commands. 
 e.g. Up/down/left/right arrows, return key, space bar, letters (A, S, D), numbers (1, 2, 3), etc. Image credit: makeymakey.com
  9. C o n n e c t c o m

    p u t e r G E T T I N G S TA R T E D, S T E P 1 1. Plug the MaKey MaKey into your laptop using the Mini-B USB cable. 2. Dismiss any popups for drivers or keyboard setup. 
 The MaKey MaKey doesn’t need any drivers for regular usage. (It does if you want to re- flash firmware on it though.) 3. Open up a text editor 
 (e.g. Notepad, TextEdit) ! Image credit: makeymakey.com/howto.php
  10. C o n n e c t a l l

    i g a t o r c l i p s G E T T I N G S TA R T E D, S T E P 2 1. Connect alligator clip #1 to “Earth”. Image credit: makeymakey.com/howto.php 2. Connect alligator clip #2 to “Space”.
  11. To u c h o b j e c t

    s G E T T I N G S TA R T E D, S T E P 3 4. Use free ends of alligator clip #1 and #2 like discovery probes…
 Touch the two clip ends together…
 What else will trigger the keyboard? Image credit: makeymakey.com/howto.php Goal: You’re trying to “complete a circuit”. Imagine an electron originating from “Space” on the MaKey MaKey. It needs to get to “Earth” before anything can happen. If there’s a gap or a roadblock, the electron can’t get to “Earth”. The electron will try to travel through anything conductive in it’s quest to get to “Earth”.
  12. W h a t w o r k s w

    i t h i t ? G E T T I N G S TA R T E D, S T E P 3 • non-distilled water • humans and animals • plants and fruit • Play-Doh • wires and alligator clips • copper tape • tin foil • pencil graphite • paper clips Almost anything that contains metal or moisture is conductive: Note: You can chain any of these objects together.
 e.g. Two people hold the open ends of the alligator clips and joust with a metal stick.
  13. W h a t d o e s n’ t

    w o r k ? G E T T I N G S TA R T E D, S T E P 3 • rubber gloves • wool mitts • felt swatches • plastic • wood • paper Sometimes you need a layer of insulation. These don’t conduct electricity: Note: If any of these are damp, the water will conduct electricity.
 So avoid humidity, sweat, and general wet things.
  14. R a p i d P ro t o t

    y p i n g U S I N G T H E M A K E Y M A K E Y F O R : • Quickly augment software that is already written to accept keyboard commands. • Focus on software first (visual UX, audio design, networking APIs, etc), hardware next. • Involve your entire team with prototyping; no programming knowledge required. • Low cost way to experiment with new physical interactions. • Opens your eyes to look harder at everyday objects and user experiences.
  15. P ro j e c t Id e a s

    R E S O U R C E S Image credit: makeymakey.com http://makeymakey.com/gallery/
  16. Ti l t s h i r t + No

    t Pa c M a n P R O J E C T E X A M P L E S Not PacMan Shirt by Dan Epstein Not PacMan by Stab Yourself
 stabyourself.net/notpacman
  17. M a c h i n e ’s S ke

    t c h b o o k P R O J E C T E X A M P L E S Moment Factory Labs
 http://vimeo.com/78110845
  18. Mu s i c a l C a r ro

    t s P R O J E C T S Musical Carrots
 http://youtu.be/pPUDH0ZUTl0
  19. Fo u r-H a n d e d S e

    q u e n c e r P R O J E C T E X A M P L E S Wearable Pokey Slappy Makey Four-Handed Sequencer by Brent Dixon
 vimeo.com/81055224
  20. S u p e r S l a c k

    B ro s . P R O J E C T E X A M P L E S Yuri Santos | EDSI Brazil http://esdint.com.br/index.php/super-slack-bros/ 

  21. Fr u s t r a t i o n

    G a m e P R O J E C T E X A M P L E S MediaLAB Amsterdam http://youtu.be/faTJQ-RaARY

  22. S q u i d d l e P R

    O J E C T E X A M P L E S by Nadine Lessio http://nadinelessio.com/2012/12/10/no-jam-and-squiddle/

  23. L o n g Ti m e C o m

    i n g P R O J E C T E X A M P L E S by Nadine Lessio http://nadinelessio.com/2013/04/17/knife-board-for-long-time-coming/

  24. E x p l o r i n g f

    u r t h e r R E S O U R C E S Image credit: makeymakey.com
  25. G o w i r e l e s s

    E X P LO R I N G F U R T H E R MaKey MaKey can be connected to a computer via a Bluetooth adapter. Bluetooth and LiPo Add-On for Makey Makey
 ~$45, sparkfun.com/products/11378
  26. G o m o b i l e E X

    P LO R I N G F U R T H E R • OTG adapter for supported Android devices
 ~Under $10, amazon.com • USB adapter from Apple Camera Connection Kit for iPhone/iPad
 See makeymakey.com/forums/index.php?topic=5743.0 for required firmware tweaks.
 ~$30, store.apple.com Connect MaKey MaKey to phones or tablets!
  27. S e n d m o u s e i

    n p u t E X P LO R I N G F U R T H E R Connect analog sensors to the female headers on the back using male-to-male (or male-to-female) jumper wires. Image credit: learn.sparkfun.com/tutorials/makey-makey-quickstart-guide/what-is-the-makey-makey
  28. “A r d u i n o m o d

    e ” E X P LO R I N G F U R T H E R You can flash new firmware when you need to: • update the firmware to the latest (see github.com/sparkfun/ MaKeyMaKey) • map a different set of keys (edit settings.h file)
 (Note: works on Mac but may not work on Windows.) • add new functionality* (edit makey_makey.ino Arduino sketch) To do this: • Use the Arduino IDE (arduino.cc) to write the firmware • Follow the “Installing the Arduino Addon” guide
 https://learn.sparkfun.com/tutorials/makey-makey-advanced-guide/installing-the-arduino-addon * Depending on what you’re doing, you might need to cut the trace on the back of the board to disconnect the large pull-up resistors.
  29. M a Ke y M a Ke y " r

    e c i p e s " R E S O U R C E S Image credit: makeymakey.com
  30. • Connect the 1st object to the MK key •

    Connect the 2nd object to another MK key • Connect the 3rd object to another MK key, etc… • Connect trigger to EARTH • Touch trigger to object #1, 2, or 3 Tr i g g e r m u l t i p l e ke y s R E C I P E
  31. Tr i g g e r m u l t

    i p l e ke y s R E C I P E
  32. When you want to use fingers, elbows, or other body

    parts to trigger a keyboard command: • Connect the object to the MK key • Make a conductive ring that touches your skin • Connect bracelet to EARTH • You are the trigger! Touch the object A d d a h u m a n t o u c h R E C I P E
  33. A d d a h u m a n t

    o u c h R E C I P E
  34. In series (aka "daisy chain"): • Connect the 1st object

    to the MK key • Daisy chain together any additional objects • Connect trigger object to EARTH • Touch trigger to any object in daisy chain Re - u s e t h e s a m e ke y R E C I P E
  35. Re - u s e t h e s a

    m e ke y R E C I P E
  36. D I Y s w i t c h R

    E C I P E Making a soft switch is like making a sandwich: ➡ Images from Make: Wearable Electronics
  37. G o M a ke S o m e t

    h i n g ! T H A N K S ! Themes: ‘ ’‗❅‚ or 㽈⽃̇ Show & tell! 1pm