Week3. Everyday technology – Touch screen elevator

Everyday technology (Observation) – Touch screen elevatorimg_5432

When I moved to this apartment, It was interesting that there were two different types of interface of controlling numbers(floor) in one elevator. (I’m not sure the buttons can also control the floor.) We are used to use button for pressing the floor, not a touch screen. So I thought putting different interfaces near each other can make people confused and it also happened to me as well.

I haven’t seen a touch screen elevator before. At the first time, I automatically tried to use the button. But the button seemed little different with normal elevator button. My apartment was 12th floor and there was no 12. So I just asked the other person and realized I had to use the screen. I thought the touch screen was just a screen for showing something like advertisement. Most of my friends or other people who were new in this apartment had a same response as me. Trying to press the button and realize something is different. And finally ask “Is it a touch screen?”.

People tends to think the way they know and do what they are used to. Even it is a familiar technology, if it changes something what you are used to, you will feel new. But it doesn’t take so long to get familiar to that new feeling. Whenever you recognize how to use it, you will automatically ( unconsciously) input that information to your brain. As most of the people who uses this elevator were the residents, everyone knew how to use it and there was no different between people that I observed for several days. Only people who are the first time taking this elevator confused about the system.

Week3. Everyday technology – Touch screen elevator

week3. Distance sensor+LED+Tone

I tried to focus on understanding the connection of circuit and codes.



Q. I connected the distance sensor to Digital pin and it works. But I realized that distance sensor might be an analog sensor. Do I supposed to connected to Analog pin? or doesn’t matter…?fullsizerender-2

Q2. I set as  Digital(OUTPUT) -> LED -> Resistor -> Ground.

But in most of the other examples, it was Digital(OUTPUT) -> Resistor-> LED-> Ground.

What is the difference?



screen-shot-2016-09-27-at-11-18-59-pm screen-shot-2016-09-27-at-11-19-14-pm screen-shot-2016-09-27-at-11-20-23-pm screen-shot-2016-09-27-at-11-19-42-pm



+ I tried to add sound (tone) using speaker..


At first, It was a little bit confused to use tone() function to make a different pitch in each LED output.



week3. Distance sensor+LED+Tone

week3. 3D pringting- Can cover



When I drink a can of coke or beer, the top edge always seems dirty for me. So I always try to wash them out before I drink. For this matter, I wanted to create a cover that I can attach to top of the can, so I don’t need to wash it or clean it every time.



screen-shot-2016-09-25-at-11-48-55-pm screen-shot-2016-09-27-at-10-46-45-am screen-shot-2016-09-27-at-10-47-00-am screen-shot-2016-09-27-at-10-46-18-am screen-shot-2016-09-27-at-10-47-37-am screen-shot-2016-09-27-at-10-46-00-am



3D printing



Did it again!!



The size fitted, but little bit tight! And the quality was not good… So did it again!!!



Now, It’s little bit big……

I resized it and printed again, so it could fit perfectly.

fullsizerender-6 fullsizerender-5

week3. 3D pringting- Can cover

Week2. sunrise/sunset


-One element controlled by the mouse :  sun

I put a ellipse shape (sun) instead of mouse cursor which I can move the sun.

I used the map() function to change the background color. If the sun( mouse ) goes down, it gets darker ( night ). And if the sun rises, it gets brighter ( Day ).

-One element that changes over time, independently of the mouse : clouds

I add “x++” to move the clouds to x-direction which seems like floating in the sky.

-One element that is different every time you run the sketch : mountains

I gave a random value to the top point of the mountains, so that the mountain’s height can change every time when I refresh the sketch.



Week2. sunrise/sunset

Week1. 3D printing

Assignment : Model something that fits inside a 3″x 3″x 3″ cube using at least 5 commands.

I created a simple “Vase”.




1. With Polyline, I drew a outline of the vase.

2. To change the shape I made roughly, I used Edit points on/off function and Fillet curves to make the corner more smooth.screen-shot-2016-09-20-at-12-00-34-pm

3. Then, Revolve.

4. I made a handle with Sweep 1 rail using circle and curve line.

screen-shot-2016-09-20-at-12-04-47-pm screen-shot-2016-09-20-at-12-05-19-pm

5. And connected the vase body and the handle with Boolean 2 objects function.
screen-shot-2016-09-20-at-12-24-58-pm screen-shot-2016-09-20-at-12-25-17-pm screen-shot-2016-09-20-at-12-28-22-pm

Week1. 3D printing

Week2. Switch+LED


Arduino board, Resistance, LED, Wires


I decided to use a paper and graphite(conductive material)  as a switch.

img_5249 img_5254

First, I built a simple circuit with LED, and checked if it works.


With pencil, I drew two points and connected them to make current flows from one point to other point.

To check the LED brightness, I drew 4 lines with different length.

The shorter length, the brighter light.

The longer length, the dimmer light.

Which means different length can control the strength of brightness.

Week2. Switch+LED

Week1. Sketch- “First week” / Blog post


First week”  – p5.js Web Editor

I draw my self-portrait with basic shapes (circle, triangle, rectangle) by p5.js.

It is myself feeling confused in the first week in ITP. I emphasized a sense of dizziness by using random() value for my eyes color and the background color.

Drawing Bezier was the hardest part during this process. I tried to use bezier to draw my hair, but I couldn’t figure it out how to do. So I just draw with triangles to make the shape what i want.

The result seems similar with drawing in Illustrator. But the way I had to draw the shapes was totally different. While I can draw a circle wherever I want once I click and drag or use pen tool in Illustrator, It was kind of difficult to pick the exact position with numerical value by p5.js.




Blog post – How computation applies to me & What projects do you imagine making this term? What projects do you love?

As a beginner, I’m not sure how far is it possible to create something with code. But it is very clear that I want to or maybe I must !!! learn computation to extend my possibility of using diverse medium.

I was in Fine art field for more than 10 years and always imagined what if my drawing and sculpture can be alive. To make it come true, the next step was learning Animation, Motion graphic. After I studied those subjects I could mix my art works with screen based motion using monitor and speaker which can be more dynamic and dramatic. But it was not enough to me. I wanted a real interaction between my work and audience. So, for my final project in undergrad, as a side work I made a sticker about my work that audiences could take. Through that small interaction, the message could directly delivered to audiences. Then, I wanted to apply technology to my work to expand the limit of expression and suddenly got interested in computation, code, physical interaction. Even though I have a very little experience on coding so far , I really love it. So from now, computation is very new and important medium for me which I can make my work alive. I’m pretty sure that studying computation will make a big change in my life.

I’m not clear yet about what I want to create in this term.  I love projects that people can play like a playground. I’m interested in covering our common matters/ daily stories about people, love, relationship, society with interactive installation using iconic and linguistic symbols. Maybe…I can make a series of short episode in a small set like a interactive stage, connecting with Physical computing.

Week1. Sketch- “First week” / Blog post

Week1. What is interaction?

What is interaction?

At the first time, I was kind of confused and spend a lot of time to rethink the concept of interactivity while reading “The Art of Interaction Design”, because I was the one who had defined the term “interaction” very broadly. (maybe overused…) While Chris Crawford is defining interactivity in 3 steps:  Listen, Think and Speak, I tried to organize the concept in my own way and think simple.

I think “Asking” and “Answering” each other between more than two person or objects(devices) is the basic concept of interaction. A will ask(input) something to B and B will give an answer(output) to A. Then, A will get the answer like a normal conversation. It means Interaction is cycle of asking(input) and answering(output) between at least two entities. I’m still confused about the word “Physical interactivity”, but I think if I add the term “Physical” front of “interaction”, there should be something tangible between two entities like a screen which users can touch and control the interaction.

On my way to school, by walking the street and taking subway, I could find some physical interactions around me. For example, a man playing mobile game with his iPhone, Metro card machine(touch screen) and CVS self checkout machine. ( And I was wondering if it is an interaction or just a reaction between a man who sings a song in the subway and people who gives him money(tip). )

There are a bunch of good examples of digital technology these days, because our generation is living in an age of technological innovation. One of the best new interactive advances in my life was “Navigation”. When I was young, whenever we travel to somewhere, my family used a paper map to find the place. The person who seats next to the driver had to read the map, find the fastest way and tell the direction to the driver which is exactly the same function with today’s Navigation. There was no interaction between the driver and the paper map at that time. Navigation is exactly following the 3 steps that Chris Crawford mentioned. Listening to the input destination and thinking the fastest way and calculating the time then speaking out the data through the screen and the speaker. I can’t remember when this interactive Navigation came out to our world, but someday I realized that everyone got used to this genius machine very naturally, using it everyday. According to this point, good physical interaction is identifying the human needs and solving common matters from our daily lives.


Week1. What is interaction?

Week1. Flashlight- Tommy

Flashlight  “Tommy”

for my childhood 


In my childhood, I loved to make dolls with my socks or clothes. For now I also make dolls for my younger cousins or nephews for gift.

And I imagined of how much more awesome it would be with flashing LED eyes instead of buttons. So I decided to make a socks doll with LED lights.




I bought 2 small flashlight from “Lighting Plus”

1 3 4


Then, I disassembled it.

This small flashlight was made up with 2 Batteries, 1 LED, Small piece for helping to press the button. Screws.

6 7 8

I used 2 batteries and LED from the original flashlight and taped them.


Here are my old socks and 2 set of LED+batteries.

10 11 12

I made two holes in my old sock and inserted LEDs through the holes to seem like eyes.

13 14 15 17

To make it more cute, I stitched a smiley face.

18 19

And also implanted some scraggly hairs and tied a ribbon.


Finally ! My old socks became a super awesome doll!!

This is Tommy!!


24 25 23



Week1. Flashlight- Tommy