Student Projects – 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 Student Projects – Tangible Interfaces http://mas834.media.mit.edu 32 32 P2:Computing with Clay http://mas834.media.mit.edu/2015/12/11/p2computing-with-clay/ Sat, 12 Dec 2015 03:52:20 +0000 http://mas834.media.mit.edu/?p=5249

 

 

Computing with Clay:

 

I am interested in ways to interface a material like clay as a computational tool for modelling and navigating 3D virtual spaces. I am also thinking about tangible interfaces in relation to Augmented reality and using a haptic mapping to contribute to an augmentation. I am thinking of this as an augmentation process as well as an interface. Methods to compute the volume of the clay include potentially the following: maybe magnetic fields/magnets, capacitive/proximity sensing, computer vision or depth imaging using infrared.

 

 

]]>
TRANSFORM as Tangible Programming Environment http://mas834.media.mit.edu/2015/12/10/transform-as-tangible-programming-environment-2/ Thu, 10 Dec 2015 16:58:37 +0000 http://mas834.media.mit.edu/?p=5486 TangibleProgramming_Baker_Penman_Ringler_2015_Abstract_

]]>
inFLux: A Magneto-rheological Material Display http://mas834.media.mit.edu/2015/12/10/influx-a-magneto-rheological-material-display/ Thu, 10 Dec 2015 10:44:30 +0000 http://mas834.media.mit.edu/?p=5466 inFlux , extended abstract

]]>
Staff Feedback http://mas834.media.mit.edu/2015/12/08/staff-feedback/ Tue, 08 Dec 2015 20:19:12 +0000 http://mas834.media.mit.edu/?p=5437 TalkyThings:

Hiroshi:

+ Simple, beautiful and transparent design of transformation without computational actuation.  I like its aesthetics and mechanical sophistication for delicate folding.

+ On the other hand, there are limitations in the scalability to increase the multiple states, and no-linear transition among them. Hope the final report discusses the trade-off between your approach and more complex but flexible approach to design kinetic transformation.

Ken:

The mechanical transformation technique was interesting to see. Generative software made me imagine the scalability and customisability of the work. I think there could be broad possible applications for crafts, architecture, package design and etc… For the kitchen application, although the scenario they presented was that dishes change shapes before and after the meal, I’m interested to see interactions “while eating.” How can transforming dishes can change/support the way we eat? The use scenario could be deepen.

Viirj:

I like the approach of using mechanisms with smart materials to generate shape change. I think their work would be stronger if they went either deeper in the user experience or the technical explorations. In the presentation, it didn’t seem to emphasize either the user experience or technical aspects. If it was about interaction generated by the user, they could’ve dug into how a user might interact with it- action of poking with knife and etc to activate the mechanism. Also, they could have explored how other inputs from either the food itself or the soap can contribute to state transformations in the objects.

Luke:

I tend to agree with Jifei’s suggestions in class. Think about how your primitives could apply at different scales to multiple application spaces. It might also pay to think “outside tradition” when it comes to vessels and how they should be geometrically shaped. There is no reason a bowl needs to be round, especially if it is computationally variable. As with most tensions in the TMG space and materiality it seems you need to pick between highly situational based design (I do this, then this, then that) or let the materials themselves dictate that space (simple rules, complex output).

 

Others:

Feedback from Others

 

TRANSFORM as a Tangible Programming Language:

Hiroshi:

+ Great challenge given the complexity of data structure, control structure, and editing of the code.

+ I would suggest you to compare your programming paradigm (edit code and execute it) with PICO done by Dr. James Patten.  PICO allows mechanical user intervention to change the course of simulation using tangible direct manipulation.

Ken:

I think this is a great exploration for using Shape Displays as educational tool that we haven’t look into yet. The concept of abstraction in 3 levels of programming is interesting. I would like to see this work get polished with additional functions, improved interaction system and actual user studies. Also, current interactions are limited by the mechanism of shape displays that you can’t grab and change the order of function like manipulating bricks. Thus, I want to see what other technologies they imagine to use (e.g. modular robotics), and further interactions enabled by those technologies.

Viirj:

Choosing a specific user group could have helped to define how much abstraction and what type of interaction is appropriate for programming. It is hard to determine how useful this method of programming is due to the large scope of programming as a general topic. Most of the tools you listed in your background related work has a specific audience which defines how much abstraction and what types of functions and outputs are important. For example if you have kids programming – then why not have kids physical manipulate the end result and have them  see how its represented in code instead of taking a linear approach to how things are currently being programmed? Also, physical programming can contribute to changing specific parameters that are more intuitive in the real world than in cartesian space from the computer such as velocity, height, color, and etc.

Luke:

I personally love where this project could go. I agree with Viirj that it might be worth stating what this cant do (at least just for yourselves) to focus on what one should program. It seems you have already done this to an extent leveraging logo however I am curious if you can challenge yourselves to think outside the 3D representation of 2D programming. The “cursor” or “turtle” makes sense for 2D shapes, how about a simple “extrude” function? How would this make sense to your chosen audience? There is a great possibility for this to go beyond just understanding programming in general and to take the processing stance of “destroying the careers of gui designers by making tangible programming simple”. Nice work!

Others:

Feedback from Others

 

IOTOM:

Hiroshi:

+ Assembly is tedious work if there is a single correct answer/goal, and single procedure to reach it.  In that case, there is no strong reason that human being would engage.  On the other hand, if it is a constructive assembly like LEGO to explore the shape to express the ideas, it would be more interesting. I would encourage you to clarify the goal.  Assembly of car engine might be not the best example.

+ Magnetic approach to guide user to connect right components might have imitation (e.g. letting users to choose the meta-strategy or plan of constructive assembly).  If every step is pre-defined and I have to execute following that plan, then I would ask robot assemble it for me.

Ken:

I could see what and how they got interested in the project, but I felt they couldn’t explore deep enough in terms of convincing stories, applications, and interaction techniques. I recommend them to carefully polish WHY part of the work, and list related works to find the niche. I think there is a large space to explore and define how people can interact with semi self-assembling blocks that people in modular robotics and programmable matter are not aware of.

Viirj:

I like building blocks but building blocks are only convincing if they can make something you normally can’t using other methods. In the presentation it wasn’t too clear what you can make exactly. Also, the choice of using electromagnets begin to specify and limit what applications and things you can build – ie. can affect other electronics; can dismount and not structural if no other mechanical connections.
I think having the user feel how the nodes can connect to eachother through magnets is nice and can serve as a teaching tool. Another advantage I see here is that you can almost arbitrarily put these nodes in a box and shake it up to self-assemble according to corresponding magnetism. Despite what you make and how it can teach someone to construct something and new construction methods – the hard problem still remains: how do you enable the nodes to communicate either to eachother or globally so they know how to connect together into a user or system defined geometry?

Luke:

I agree with Viirj, I think the opportunity here is clear however the implementation or design motivations need to be a little stronger. What is unique about this concept? It appears to be in the way one can be either computationally guided OR have freedom to override that guidance and force the system to change. In this case, an interaction suggestion and possible scenario/application space would be useful to describe why. Thinking about application spaces allows us to refocus and think about what is the viable way to limit the system such that it is more feasible than conceptual. Have a think about examples where computation allows for variation of paths perhaps drawing from things like GPS routing where one can take the “slower yet more meaningful route” or even end up somewhere completely different from their intention.

Others:

Feedback from Others

 

Archeology of Memory:

Hiroshi:

+ Metaphor of sands and archeological dig is poetic and evocative.

+ However, recording and retrieving of personal emotional state changes with video might be not the best application, given the delicate nature of human memory and its automatic reorganization to restructure & forget automatically.  Perhaps site specific applications, such as environmental pollution or history of ancient civilizations and wars might be interesting.

Ken:

Very nice mapping of sand, time and memory. I enjoyed the presentation. Although the prototype just a mock-up, the video of use scenario was convincing and was easy to imagine. I loved some extended applications like the one users can store memories in bottles. As Hiroshi was mentioning, sand represents time and by layer and layer it represents history just as geological layers do. I’m interested to see how you imagine to interact with months and years of memory with this interface. Seeing the movie INSIDE OUT, I was also thinking that some bad memories can change to good ones later. Is there any way to represent such kind of changes in impression for memories?

Viirj:

Great work putting this together. I think this was conceptually very successful – in connecting all the elements and metaphors together. Beyond color, other modalities such as smell can be good at representing emotion and some sand can also have other properties such as magnetism to form objects in the sand for the archeology element. The sand box seems to be one off – How do you refresh the daily emotions? What happens when the box is full? Can you record the emotions and replay them later?  This could also be an interesting way to interact with quantified self data: ie brainwaves and heartrate & etc.
While this art piece was a great exploration – it’s not entirely clear how radical atoms is interpreted in this work.

Luke:

I think we can all agree that the connection between the form and the function here is conceptually beautiful. It provides a breath of relaxation to the direction our technology / science fiction is suggesting we may soon be accustomed to (recording our entire lives – check your facebook timeline right?). I would try to think about some technical foundations / ways to manipulate things, describing a couple of examples of how the input might work. Perhaps suggesting a combination of your favorite wearable ECG (see Rosalind Picards Affective Computing group: https://www.youtube.com/watch?v=Q5ujdXhFGSY) and wearable recorder for the external implementation.

I think stating a little more clearly how this should work is important to avoiding the assumption that it will record everything while avoiding bias as a designer that you know what memories are “good or bad” is relevant. It might be worth arguing that the implementation only records moments of intense emotion while the rest is “noise”. At this point it is then important to explain how the interface can give you tangible feedback as to what is relevant and what is not – which would require explaining how the system would technically pull this off. Fantastic work but I feel you need to explain a bit more of the science, design and implementation to connect this to radical atoms.

Others:

Feedback from Others

 

FLUX:

Hiroshi:

+ Potential of ferrofluid is extremely interesting.  Nice to feel the tunable stiffness using this material in your presentation.

+ As Jifei pointed out, many researchers have tested this material, and we need to clarify our original contribution, hopefully in the spectrum of interaction design and killer applications.  We also need to compare this method with other techniques for stiffness change (e.g. jamming).

Ken:

It was fun to see the great amount of explorations you guys did. In the presentation, you should have listed related works to shed what the main contributions of this work is. What is new and what is not? I was confused. Although it started from simple exploration of technology, you need to package your work into a presentation which shows originality and concept in this kind of class. Hope to see further applications and interaction techniques in your paper!

Viirj:

Nice exploration on several technologies and developing a nice demo. I like the examples of knee pad and knife blade as an interaction but the challenge of how do you control particle-based radical atom still remains: how do you control the shape beyond 2.5D? How can you incorporate and control it in different form factors? I’m not entirely sure about creating an array of these tuneable stiffness nodes, but exploring this as applications for input/output for current computer systems has potential. Also, using ferro fluid for tactile feedback is very interesting, I think this is definitely worth exploring further.

Luke:

It’s great to see you guys exploring various materials in depth and it seems like you could have used a little more time to nail down unique application spaces that make your approach unique. There is a lot of possibilities for a unique contribution here though not so much on the technical side of things. I feel it would require you thinking about new angles for the material perhaps in combination with other technologies to pull off (like viirj said) something a little more than 2.5d forms. You have a material that is instantly stiffness variable and I feel like this rapid change makes it useful for a lot of different types of interaction. Think about how people interact with stiff and flexible materials in different ways and how this may prove interesting for HCI.

Others:

Feedback from Others

 

Soundform:

Hiroshi:

+ Very nice demonstration of dynamic tangiblization of the music, and 3 possible interactions with it: keypad, 1st controller pin array, and the waves themselves.

+ Different metaphor of composing and playing music, such as Toshio Iwai’s music insects may make more easier to justify the use of I/O coincident tangibles.  http://www.leonardo.info/gallery/gallery343/iwai2.html

+ Hope you will explore a variety of metaphor, representation and interactions beyond sign waves.

Ken:

I think this was another great exploration/beginning for using shape display in specific applications. I liked the various ways of interactions to compose music and modify sound waves. This is just a random idea, but I also imagined using some kind of gestural interaction to control tempo just like a conductor lead an orchestra. (The array of pins actually looks like an orchestra…?) Also, utilizing the capability of shape display, they could also think of switching between various physical interfaces as well. Although normal instruments have single form factor to compose and play music, shape display has possibility for creating different shapes and interfaces to afford different ways to play music and I think this can be very new.

Viirj:

I like the possibility of being able to jam with multiple shape displays as well as using motors and pins to pair with digital sounds. I am curious to see if specific styles of music would be better suited with sounds of the shape display pins. The mapping between shapes and sound is interesting, I think there is potential to create a big library of these so people can use this. On incorporating hand interaction more: what happens to the sound if you sculpted directly? Can you move from button input on the shape display to pushing and sculpting the pins to manipulate the sound beyond button press?

Luke:

Sound has been shown to be very spatial. Im drawn to think about Imogen Heap’s gloves (which I believe originated in the Opera of the Future Group) and wondering if pin heights could dynamically change more complex sounds. I realize it is kind of ridiculous to implement such things in a short time frame (I tried something much more simple like this too a while back) however I am curious if this can be more than a synthesizer (which is arguably similarly tangible). How can you take advantage of the extra dimension provided by the pins? Press piano keys hard and the sound is stronger, this allows for expression in music, something that surpasses most digital implementations and variations. Here you have the ability to vary the output of the sound by assumed displacement, density etc which could make for some very interesting sound. Aside from this, here are some wicked examples of stuff this made me think about:

– Beautiful Acoustic, mechanical sound I saw at James Pattens Lab: http://www.psfk.com/2014/03/stella-artois-chalice-rock-band.html

– Interesting 3D Visualization of sound: http://www.georgeandjonathan.com/#2

– Living Instruments – a bunch of Birds pluck strings of guitars: http://www.mbam.qc.ca/en/exhibitions/on-view/celeste-boursier-mougenot/

Others:

Feedback from Others

 

]]>
Archeology of memory http://mas834.media.mit.edu/2015/12/08/archeology-of-memory/ Tue, 08 Dec 2015 18:08:06 +0000 http://mas834.media.mit.edu/?p=5366 Archeology_Page_13

Archeology_Page_02

Archeology_Page_05

Archeology_Page_07

Archeology_Page_11

Archeology_Page_12

003

004

006

007

Team = Haeyoung + Kritika + Marc + Yan + Carolyn

]]>
Flux : Magnetic Material with programmable stiffness http://mas834.media.mit.edu/2015/12/08/flux-magnetic-material-with-programmable-stiffness/ Tue, 08 Dec 2015 18:07:46 +0000 http://mas834.media.mit.edu/?p=5371 FinalPresentation.001 FinalPresentation.002 FinalPresentation.003 FinalPresentation.004 FinalPresentation.005 FinalPresentation.006 FinalPresentation.007 FinalPresentation.008 FinalPresentation.009 FinalPresentation.010 FinalPresentation.011 FinalPresentation.012 FinalPresentation.013 FinalPresentation.014 FinalPresentation.015 FinalPresentation.016 FinalPresentation.017 FinalPresentation.018 FinalPresentation.019 FinalPresentation.020 FinalPresentation.021 FinalPresentation.022

]]>
IOTOM http://mas834.media.mit.edu/2015/12/08/iotom/ Tue, 08 Dec 2015 05:14:52 +0000 http://mas834.media.mit.edu/?p=5279 IOTOM: Atom-Inspired Building Blocks

 atom bond

Inspired by atom structures and coming to the middle ground of human-assembly objects and self-assembly objects, we use magnetism as connectors to realize computer/human-assisted assembly. Building blocks with programmable on/off magnets create a dialog between the user and the material. Data-driven shapes allow versatile applications.

Technical Overview: We build three blocks, two truncated cones and one cylinder. Each of the truncated cones is embedded with an electromagnet on the faces, and the cylinder are embedded with two metallic disks on the opposite faces. The electromagnets turn on every fifteen seconds.

 

Applications:

        -Computer-Guided Assembly

        -Telepresence Assembly

        -Construction Telepresence Assembly Feedback Mechanism

Related Works: M-Blocks,  TopoboTriangles.

 

Team: Meryl Fang, Thomas Sanchez Lengeling, Manisha Mohan, Penny Webb and HyeJi Yang

Final Presentation Slides: MAS.834 Project 2 Presentation

Final Paper: IOTOM_Paper

]]>
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
]]>
TalkyThings http://mas834.media.mit.edu/2015/12/07/talkythings/ Tue, 08 Dec 2015 01:35:54 +0000 http://mas834.media.mit.edu/?p=5272 TalkyThings

TalkyThings

Vision

How would our interaction with day-to-day objects change if there was a dialogue in between bodies, objects, and spaces, and what is happening around them, so they can “communicate” with us by reacting and adapting accordingly.

 

Everyday objects have certain characteristics that suit our needs when we have to use them, but are not the best in other contexts.

Mapping The Invisible

 

We envision devices which could map parameters invisible for us (temperature, velocity, pH level, humidity, applied stress). Many things happen in the world out of our “field of view.” What if our devices could respond to them, adapting themselves to make our lives easier?

These devices would, then, respond to physical conditions, to interactions, to different contexts — they would “talk” to us in many different contexts, informing and adapting themselves in function of invisible properties of our surroundings.

Technology

Along these lines, we have built different prototypes which rely on simple mechanisms and systems from soft-robotics to allow our device to morph in between different stages.

Design — The Dining Experience

To provide an specific example of our vision, we chose the context daily objects that exist in any kitchen. Food and eating utensils are static. Added dynamic element for flexibility of use of one of the most ubiquitous devices used in everyday life.

A bowl, for instance, could activate when we put food on it, increase its containing volume depending on how much food you put on it, or optimize its shape for easier washing and storage whenever it is being washed. The bowl, in this case, would be a fellow traveler in our dining experience.

As a result, we designed a 3-state device that morphs from a high-packing-factor polygonal shape to a plate, and to a bowl.

Actuation could happen in many different ways. In the context of the kitchen, we found that passive actuators[1], which respond to different levels of pH (by shrinking when exposed to high pH levels and expanding when exposed to low pH levels) could allow our device to shrink and automatically go on “storage” configuration when applying soup on it (washing).

pH-responsive film by Viirj Kan

   

Team: Abdulla Alhajri, Lia Bogoev, Amy Loomis, Nono Martínez Alonso (@nonoesp)
Date: December 8, 2015

]]>
SoundFORMS http://mas834.media.mit.edu/2015/12/07/soundforms/ Mon, 07 Dec 2015 18:45:55 +0000 http://mas834.media.mit.edu/?p=5258 What if you could touch sound?

SoundFORMS is a sound synthesizer (generator) and sequencer (organizer) that allows users to interact with a physical representation of a sound wave in real time.

Concept

  • Program sound sequences
  • Visualize sequence pulses
  • Modify synthesized sounds by touching the wave

3D models

soundf2_smaller
The CooperFORM row pins closest to the user act as buttons that trigger sound waves and drum beats. The user hears the sounds and sees the wave forms in real time.

soundf

User can create waveforms and manipulate them with the predefined hand gesture vocabulary.

Technical Overview

Our system is built on top of the existing inFORM CooperFORM, a square dynamic shape display. We use the Javascript interface developed by Xiao Xiao, et al, to write code for the synthesizer. We used the web audio API to generate the different synth sounds and drumbeats.
3 Waveform options: A user can manipulate the waves on a shape display using predefined gestures to switch among a sine wave, sawtooth wave, and square wave.
gif1
GIF showing different wave patterns
Preset drumbeats: soundFORM comes pre-configured with 9 different drumbeat patterns from which a user can choose.
gif2
GIF showing waves and drumbeats

Application

  • Use in live concerts
  • Demonstrate synthesizer for music education
  • Use as an instrument in a recording studio

Future Work

  • Expanded gesture vocabulary for wave sculpting
  • Program drums with touch detection
  • A protoboard for audio mapping
  • Sequence drums on table in real time

Related Work

Team

Donald Derek Haddad, Pat Davivongsa, Halla Moore, Brian Tice, Aubrey Colter

Final Presentation Slides

Final Paper

]]>