bakera – Tangible Interfaces http://mas834.media.mit.edu MAS.834 Sat, 12 Dec 2015 03:52:20 +0000 en-US hourly 1 https://courses.media.mit.edu/2015fall/mas834/wp-content/uploads/sites/6/2015/09/cropped-TIlogoB-02-copy2-32x32.png bakera – Tangible Interfaces http://mas834.media.mit.edu 32 32 TRANSFORM as Tangible Programming Environment http://mas834.media.mit.edu/2015/12/07/transform-as-tangible-programming-environment/ Tue, 08 Dec 2015 04:00:09 +0000 http://mas834.media.mit.edu/?p=5306 Paper Abstract

TRANSFORM as Tangible Programming Environment (PDF)

 

Concept Video

Inspiration

There is “a dynamic relationship between things and thinking. We tie a knot and find ourselves in a partnership with string in our exploration of space. Objects are able to catalyze self creation.”

– Sherry Turkle

Wang, Zhang, Chen - E-block Suzuki, Kato - AlgoBlocks Scratch Horn, Jacob - Quetzal

McNerney - Tangible Programming Bricks Gallardo, Julia, Jorda - TurTan Curlybot

  • reality-based interaction (8)
  • tangibility (5)
  • tinkering (13)
  • bricolage (1)
  • play (2)
  • simplicity (11)
  • engagement(12)
  1. Papert – Logo [1967]
  2. Vygotsky – Imagination and Creativity in Childhood [1967]
  3. Papert – Mindstorms [1993]
  4. Suzuki, Kato – AlgoBlocks [1995]
  5. McNerney – Tangible Programming Bricks [2000]
  6. Frei, Su, Mikhak, Ishii – Curlybot [2000]
  7. Blackwell – Cognitive Dimensions of Tangible Programming [2003]
  8. Horn, Jacob – Designing TPL for Classroom Use [2007]
  9. Turkle – The Things that Matter [2007]
  10. Gallardo, Julia, Jorda – TurTan [2008]
  11. Wang, Zhang, Chen – E-block [2012]
  12. Brennan – Learning Computing through Creating & Connecting [2013]
  13. Resnick, Rosenbaum – Designing for Tinkerability [2013]

 Goal

tangible + radical programming

  • hands-on interaction with digital media
  • immediate physical feedback (visual, audible, tactile)
  • bi-directional programming
  • multi-modal representation + interface

 Technical Overview

Toolbox

toolbox screenshot

 

display 1: function manipulation

once loaded, functions can be intuitively manipulated (rotated, scaled, etc.)

RotateArrow_GIF_reduced

display 2: source code

functions are assembled in the middle display and represented as individual “lines of code;” the entire ensemble represents the compiled “source code”

EnteringLineOfCode_Compressed

display 3: cursor + result

the final display is a running, 3D representation of the program; a cursor indicates the location of the work being done

Future Directions

LoopAsteroids_WIP

  • more tools (conditionals, arrays, etc.)
  • animations (play/pause, run speed)
  • multiplayer programming (games)
  • more robust editing of result
  • scrolling through longer code
  • enhanced tangible editing
]]> Digital Bricks http://mas834.media.mit.edu/2015/11/02/4926/ Tue, 03 Nov 2015 03:48:32 +0000 http://mas834.media.mit.edu/?p=4926 Digital Bricks are a way to envision a 3-dimensional shape display. Initially, there is a cube made of many smaller cubic bricks. Bricks can be individually activated to latch on to their neighbors; the latching mechanism can also push bricks out from the larger cube. As the bricks are activated, unneeded bricks fall to the sides. This could perhaps be paired with Transform so that once the base bricks are identified, Transform would elevate the base bricks so that all unneeded bricks would fall away, leaving the desired shape. Transform is limited because it cannot create complex shapes or shapes with bases that are are narrower than their highest point. Digital Bricks is shape display to model more complex objects. The user would also be able to interact with the shape; peeling bricks away or adding more bricks would update the corresponding digital model.

IMG_1554 copy

 

 

]]> Active Paper http://mas834.media.mit.edu/2015/09/28/active-paper/ Mon, 28 Sep 2015 14:59:13 +0000 http://mas834.media.mit.edu/?p=4378 Active Paper is a thin, pneumatically actuated tab used for writing. Instead of writing a reminder on a post it, the piece of paper itself would be able to move to get the user’s attention at a given time.

Active Paper notes can physically show priority by propping themselves up so that more important memos are physically taller.

Instead of shuffling papers around on a desk, when the user is no longer drawing or writing, the paper would be able to curl or fold itself up to save space. When a note is no longer needed, it would even be able to fold and unfold to move across the desk out of the way. For instance, this behavior could be activated by drawing an X across the page.

This technology could be coupled with smart/digital paper to become highly functional and reusable.

IMG_1510

 

]]> Anthony Baker http://mas834.media.mit.edu/2015/09/19/anthony-baker/ Sat, 19 Sep 2015 18:53:44 +0000 http://mas834.media.mit.edu/?p=4200 I am currently a Technology, Innovation, and Education Master’s student at Harvard Graduate School of Education. One of my passions is working to increase children’s access to and experience with algorithmic thinking.

My background is in English (with a focus on creative writing) and Computer Science. I know C, C++, Java, HTML/CSS, JavaScript, SQL/relational database design, some assembly languages, and I have extensive experience with Python and the Django web framework. I have a good amount of web design experience (both front and back end). On my free time I love skiing (when I can) and tinkering with my Raspberry Pi–I’m currently working on a Pi-based email server.

I can’t wait to get started! Feel free to send me an email at anb338@mail.harvard.edu.

 

Expertise:
★☆☆☆ Fabrication & Craft
★★★☆ Design
★☆☆☆ Electronics
★★★★ Programming
☆☆☆☆ Biology
☆☆☆☆ Chemistry
]]>