Categories
Interaction Lab

Midterm Project Proposal

Midterm Project Proposal

Project title: True-self Catcher

Name: Younian Liu, Ran Xu

Instructor’s name: Prof. Marcela Godoy

Sketch:

Project Explanation

We got the idea of creating a UFO catcher from one widget in the kit. ( I put the picture of it down below). The theme of the project is the gender stereotype that many adjectives are stereotyped to only describe boys or girls and people with diversity are trapped in specific labels. We would like to encourage everyone to be himself/herself and both the name “True-self Catcher” and the design: the player who first get the piece of paper written with “true” can win the game show this theme. 

Categories
Uncategorized

Group Project: Reflection

Group Project: Reflection

The relationship between our project and the research

In The Fish Of Lijiang, there is an alarm clock that can compress the time sense of people. On the other hand, there is a “time sense dilation therapy” that can dilate people’s time sense to prolong their lives. We got the idea of controlling the time sense and decided to use the clock as a carrier. We added the functions of clocks to let them expand and compress the sense of time. To make this feature more obvious, we set up a normal clock as a counterpoint, and when the sense of time corresponds to real-time, the player can return to the real world.

In addition, clocks also echo the concept of interaction: a process in which each participant in turn listens, thinks, and speaks (Crawford, 5). The process of listening is shown by the fact that when a player wins, his sense of time is adjusted to the normal sense of time; in other words, it is an input process. The process of thinking is shown in the fact that the player’s clock will think about how to adjust accordingly after receiving the signal of winning or losing (winners tend to have the correct time, while losers have the same sense of time). The process of speaking is reflected in the corresponding adjustment of time sense given by the clock at the end (presented in the speed of pointer rotation).

Idea sketches

We decided to create a game space and participants are trapped in the game world. Their time sense is different from the game world. (One is quicker, the other is slower) Participants need to compete against each other through a tic tac toe game to adjust their own time in order to get back to the real world. A player will win the game if he/she successfully adjusts time that’s consistent with the current time in the real world. 

Two round clocks show the time sense of participants. The other one that looks different (I don’t know how to describe its shape) shows the normal time. That hole serves as the medium between the real world and the game world and we got the idea from the rabbit hole in Alice in Wonderland. We painted half of the hole and the green half means the game world, which echoed the color of the chessboard, and the half with original color means the real world. The scoreboard helps viewers visualize the score of a game. We used cardboard to make the game so the audience could see it better than drawing it on paper.

I think the success was that we made all the props out of cardboard and used as little voiceover as possible in the performance, relying on the performance to tell the story. But the design of the game is still lacking, and we would have been better off if we had integrated the concept of play and time more closely. 

Process

During the process of creating, I was responsible for perfecting the plot of the story. (After determining the specific plot of the game, I was responsible for designing the beginning and end of the story to make the performance more complete.) I also helped make the props, including making the hole and the scoreboard. In the performance part, I acted as Player One with a slower sense of time.

2022.2.22

We met with each other and started to talk about our project. We decided to create a project based on The Fish Of Lijiang and the theme of time. For the plot, we decided to use the clock as our primary device and change the sense of time by winning or losing the game.

 

2022.2.25

We started to make the props, including two clocks for the players and props for tic tac toe.

2022.3.1

We furthered our storyline(add the opening and the end)and made other props such as the normal clock and the hole. 

2022.3.1

We decided to add a scoreboard and made it. We prepared and rehearsed for the next day’s performance.

( We forgot to record the rehearsal and only leave the picture of all of our props😭)

Part of our performance

 

Analysis and assessment of performance from another group

I’m sorry I can’t remember the exact title of the performance. It is about the current overwork situation and its influence. Three staff working in front of the computers and all of them wear glasses and gloves with surveillance capabilities. Their boss can monitor their employees’ every move in real time and their wages are measured by the exact number of hours they work. One of the staff works all the time and tries his best to earn more money to let his grandma move into the “Time Care Unit” mentioned in The Fish Of Lijiang.

I think their project is well relative to the fiction story. Their project is based on the background of The Fish Of Lijiang and it’s like another sideline in the world of the story. There is a subtle echo between how employees are forced to work hard because of the monitoring device and how employees are forced to do a lot of work because of the compressed sense of time. In addition, their props are made of cardboard and the phone is a screaming chicken. They met the criteria of the assignment and make their performance more interesting. 

Their main device is wearable so the interaction between people and the equipment is more direct. The viewing screen can be overturned to show the state of workers is also interactive. I think the design of gloves and glasses is creative because it completely monitors employee status, for me, I can probably only think of one. If there is anything that can improve, I would suggest them to design an interactive monitor for the boss to make the whole equipment more complete. 

 

 

 

 

 

 

 

Categories
Interaction Lab

Recitation 3: Sensors

Recitation 3

Force Sensitive Resistor

That was the first time that we needed to build a circuit on our own. At first, we were a little bit flustered. But after reviewing what we had learned, we decided to build a circuit based on the circuit of light sensor that we were most familiar with. 

At first, we connected the vibration sensor and mistook it as a pressure sensor. We pressed it hard and it gave us feedback. (I don’t know why. Maybe because when we pressed the sensor, we also shook it.) We thought we had completed part of the task but after we read the recitation website, we realized the problem and changed it into the right one. 

Diagram

Code

/*
  AnalogReadSerial

  Reads an analog input on pin 0, prints the result to the Serial Monitor.
  Graphical representation is available using Serial Plotter (Tools > Serial Plotter menu).
  Attach the center pin of a potentiometer to pin A0, and the outside pins to +5V and ground.

  This example code is in the public domain.

  https://www.arduino.cc/en/Tutorial/BuiltInExamples/AnalogReadSerial
*/

// the setup routine runs once when you press reset:
int s_pin = A0;
void setup() {
  // initialize serial communication at 9600 bits per second:
  Serial.begin(9600);
  pinMode(s_pin,INPUT);
  pinMode(9,OUTPUT);

}

// the loop routine runs over and over again forever:
void loop() {
  // read the input on analog pin 0:
  int sensorValue = analogRead(A0);
  int newValue = map(sensorValue,0,1023,0,255);
  // print out the value you read:
  Serial.println(sensorValue);
   if (sensorValue > 10){
  digitalWrite(9,HIGH);
} else{
  digitalWrite(9,LOW);
}
  delay(1);        // delay in between reads for stability
}

Advanced version

We decided to add another output: buzzer to the circuit. But there was no feedback at first. We asked the IMA fellow for help and she told us maybe we need to change the number of delay to give the equipment more time to react. And this is the video of the equipment after modification. (the buzzer ringed but very small) 

Diagram

Code

/*
  AnalogReadSerial

  Reads an analog input on pin 0, prints the result to the Serial Monitor.
  Graphical representation is available using Serial Plotter (Tools > Serial Plotter menu).
  Attach the center pin of a potentiometer to pin A0, and the outside pins to +5V and ground.

  This example code is in the public domain.

  https://www.arduino.cc/en/Tutorial/BuiltInExamples/AnalogReadSerial
*/

// the setup routine runs once when you press reset:
int s_pin = A0;
void setup() {
  // initialize serial communication at 9600 bits per second:
  Serial.begin(9600);
  pinMode(s_pin, INPUT);
  pinMode(9,OUTPUT);
  pinMode(5,OUTPUT);
  
}

// the loop routine runs over and over again forever:
void loop() {
  // read the input on analog pin 0:
  int sensorValue = analogRead(A0);
  int newValue = map (sensorValue,0,1023,0,255);
  // print out the value you read:
  Serial.println(sensorValue);
  if (sensorValue > 100){
    digitalWrite(9,HIGH);
    digitalWrite(5,HIGH);
  }else{
    digitalWrite(9,LOW);
    digitalWrite(5,LOW);
  }
  delay(50);        // delay in between reads for stability
}

Question 1:

What did you intend to assemble in the recitation exercise? If your sensor/actuator combination were to be used for pragmatic purposes, who would use it, why would they use it, and how could it be used?

We want to assemble a pressure sensor, an LED light, and a buzzer.  I think this sensor combination can be used for stressful people. When they feel stressed, they can just hold the pressure sensor tightly to relieve their stress, and maybe they will feel better after using this equipment. LED light can show different colors of light and the buzzer can play soft music when people press the force-sensitive resistor.  I think it will increase the fun of the sensor combination.

Question 2:

Code is often compared to following a recipe or tutorial.  Why do you think that is?

I think code is similar to following a recipe or tutorial because all of them need to follow the order step by step. And if anything goes wrong, the whole thing falls apart. In addition, all of them have a basic and certain rule to make the code, food, or homework perfect. There are a lot of ways to achieve perfect results no matter when we are coding, cooking, or tutoring. But there are certain lines we must observe such as adding a semicolon when the statement ends, not adding any soy sauce to a cream cake.

Question 3:

 In The Language of New Media, Manovich describes the influence of computers on new media. In what ways do you believe the computer influences our human behaviors?

First, I think the computer makes human behaviors more orderly. Since computers are rational and they strictly obey the code that people type into, people may be influenced by computers and work step by step to make their work more effective and efficient.

In addition, computers make our human behaviors more productive. With the help of computers, people can deal with their work more quickly. For example, the speed of typing is more quickly than the speed of writing at least for me. And when I write articles on the computer, it is easier for me to alter statements. In that case, I can finish writing earlier with the computer’s help than I write by hand.

 

 

 

Categories
Interaction Lab

Recitation2: Arduino Basics

Recitation2: Arduino Basics

Circuit One: Fade

We connected the circuit according to the circuit diagram. The mistake we made is that we forgot to switch ports to USB ports and the program can’t run. We soon realized the program and make changes. 

Circuit Two: toneMelody

We connected the circuit according to the circuit diagram above. At first, we thought when the buzzer ringed, the light would be on. So we wondered why only the buzzer ringed. We asked the IMA fellow for help and we learned that the ring and the buzzer belong to two separate circuits. 

Circuit Three: Speed Game

my own schematic 

We signed into Tinkercad and found the Speed Game example (the first picture) We spent a long time connecting the circuit since it is a little bit complicated. We forgot to connect two wires at first and it made player One win immediately. After checking the whole circuit, we found the mistake and finish building the speed game.

Question 1:

  I want to change the button into screaming chickens. ( there is one in room 825) People need to squeeze the screaming chicken as fast as they can to connect the circuits. In Physical Computing,  author and game programmer Chris Crawford argues that “interaction is ‘an iterative process of listening, thinking, and speaking between two or more actors.’ “.  So I decide to change the part of listening, in computer terms: input to make the game more interactive. The limit of input of a mouse and keyboard was broken and people can enjoy a more interesting input method.

Question2:

The 10k resistors work as pull-down resistors that can prevent short circuits when the switch is closed while still biasing the pin to 0V when the switch is open. 

 

 

Categories
Interaction Lab Uncategorized

Reading of Group Project

Reading of  Group Project

 Paragraph describing your idea for story 1

  In the Winter Market, the exoskeleton is powered by electricity and when it is out of energy, people can’t move anymore. Disabled people may die because of that. So I want to create an exoskeleton that can be controlled totally through people’s brain waves. The patch, which collects brainwave signals, can be attached directly to the body and wrapped in a hard exoskeleton to prevent damage. As long as people are conscious, they can’t lose their ability to act. But if the patch breaks, emergency repairs can be a big problem. 

 

 Paragraph describing your idea for story 2

  I would like to invent equipment that can make use of brain waves and connect people’s brains and let them transmit images and thoughts directly. It may look like an ordinary helmet and can be used in the background of Newton’s sleep. In Newton’s sleep, the author mentioned that people are suffering from homesickness after leaving the increasingly polluted earth. They also have the problem of educating the next generation about the earth. So if there is a machine that can create brain-to-brain circuits and transmit the audios and feelings of another person directly into another person’s brain, it will be more direct and lively for people to learn about the earth.

  But this invention may cause confusion in people’s thinking. They may not be able to tell which experiences are their own and which are someone else’s.

 

 Paragraph describing your idea for story 3

  I want to create a machine that can help people to remove the effects of time dilation or time compression. It helps regulate the speed of the body clock more quickly. It can be used in  “Time Care Unit.” and companies with alarm clocks that have a time compression function. It may be also designed as a clock and put in certain rooms so that outside interference will be minimal. When people feel stressed or uncomfortable, they can come into the room, spin the hands of the clock and choose the degree of their pain. Then the machine can work and release signals to the body. In that case, the body clock can return to normal. 

  This new invention may exacerbate the disorder of the body clock, especially in companies. The invention may let more employees become lab mice because treatment is easier and the cost of testing has gone down.

Categories
Interaction Lab

Recitation 1: Electronics & Soldering

Recitation 1: Electronics & Soldering

Materials and their function:

  • 1 * Breadboard: a tool for holding the components of the circuit, and connecting them together
  • 1 * Buzzer: make sounds (“Bi Bi”)
  • 1 * Push-Button Switch: a control that can be used to interrupt the flow of current through a circuit
  • 1 * 220-ohm Resistor: a tool to control the flow of current and protect the LEDs
  • 1 * 10K ohm Resistor: a tool to control the flow of current and protect the LEDs
  • 1 * 10K ohm Variable Resistor (Potentiometer): output an adjustable voltage
  • 2 * LED: lighting
  • 1 * 5-volt power supply: supply power
  • 1 * Barrel Jack: adapter connector (to change the 220V to the voltage that fits for the circuit)
  • 1 * Multimeter: an electronic device with the ability to measure the electrical properties of voltage, current, and resistance, among other things.
  • 1 * DIY Paddle Button: a control that can be used to interrupt the flow of current through a circuit ( work as a change for the switch)
  • Several Jumper Cables (M/M Wires): connect the circuit

 

Completed Circuit Working

 

Task 1: Build the circuit

Step 1:

Step 2:

Step 3:

Task 2: build a switch

Task 3: Switch the switches and send a message

Description of the process

At first, my partner Christine and I don’t know how the breadboard worked. We spent some time learning how to make the current flow smoothly. When we tried to use the switch to control the LED and the buzzer, we found it didn’t work and the LED was on and the buzzer kept ringing. We tried to change the position of the switch to another side but it still didn’t work. So we asked the assistant for help and learned that the switch needs to be put in the middle of the breadboard to work as a bridge so that it can have the function of controlling. At last, the circuit worked. 

Questions

Question 1: What is the function of the resistor R1?

The function of the resistor R1 is to limit the current that passes through the LED1 so that the current can be below the maximum allowable current of  LED1 and LED1 is safe.

Question 2: Looking at the following circuit, draw its diagram by yourself.

Question 3 :

After reading The Art of Interactive Design, in what way do you think that the circuit you built today includes interactivity? Which degree of interactivity does it possess? Please explain your answer. 

I think the link between our DIY paddle switch, LED1, LED2, and the buzzer includes interactivity because when I press the switch, the lights are on and the buzzer rings. It is a process which each participant (the circuit and me) in turn listen (I listen to the reaction of the circuit and the circuit listen to my order), think (I think about using a switch to control the circuit and circuit think about how to obey my order) and speak ( I press the switch to connect the circuit and the circuit gives me reaction), which is just interaction in The Art of Interactive Design (Crawford, 5)

And since this process is very simple, it is a low degree of interactivity.

Question 4:

How can Interaction Design and Physical Computing be used to create Interactive Art? You can reference Zack Lieberman’s video or any other artists that you know.

In Zack Liberman’s interactive artwork Drawn, the audience can draw their own sketch rather than just watch existing paintings. This part includes Interaction Design. And Through Physical Computing,  the sketch can react to visitors’ touch.

 

 

 

 

Categories
Interaction Lab

Research for Group Project

Research for Group Project

My definition of interaction

I think interaction is a process of communication between two participators (both objects and people are all right). It is different from communication because it emphasizes the loop of effective listening, thinking, and feedback.    

In addition, interaction needs to be programmable as one important part of contemporary new media. This character makes the loop of effective listening, thinking, and feedback smoother. When people find any problem in the loop, it is easier for them to make changes to HTML documents. (Manovich 31)       

It’s worth mentioning that interaction in art is more obscure since straightforward verbal descriptions need less. The interaction between the works and the audience requires more feedback from the installation itself and the audience’s thinking and action. Just as Tigoe writes in the article Making Interactive Art: Set the Stage, Then Shut Up and Listen, “ They prescript what will happen. When you do that, you’re telling the participant what to think, and by extension, how to act. Is that what you wanted?” It just makes the work boring.

 

Interactive art projects I have found

Mechanical famous painting interactive device

This is an artwork that aligns with my definition. It is made by OUTPUT. It let the audience to interact with world-famous paintings by shaking the handle, pressing the pump, pulling the rope and etc, and gives them visual and tactile experiences. The activities and the changes of paintings, such as the changes of light and shade in the picture, the apple falling in the picture are both intereating. What might otherwise be boring paintings become interesting to look at. The audience can enjoy the project with ease. The famous paintings are transformed by the movements of the audience. This equipment keeps listening to the order of the audience, thinking about the right reaction ( through the program), and speaking ( give instant feedback through changes of the paintings ).  It deepens my understanding of the important loop of effective listening, thinking, and feedback in interaction. The audience also can notice the details of the paintings. Since this work is created for the Children’s Museum of Pittsburgh, children can also enjoy the simple fun of shaking the handle, pressing the pump, pulling the rope and etc. The loop of effective listening, thinking, and feedback is smooth and few introductions leave the space for viewers to explore.

INSIDEOUT

  This project gives a 360° immersive dynamic sound and light experience. It was created by Leigh Sachwitz, based on childhood memories of experiencing thunderstorms in Glasgow’s garden shed. It did not give a clear textual description to the audience, but let the audience themselves come into the shed and experience the changes of sound and light. This allows the audience to actually interact with the work and tries to guess the attempt of the creator. The equipment constantly changes the sound and light such as raindrops and laser, to restore the scene in the creator’s memory and keep the audience informed. But the feedback of the audience is a little bit weak. The audience just sits in the shed and enjoys. Their action or ideas can’t change the work of the equipment. This work is more like a performance than an interaction artwork. The loop isn’t smooth.  So it doesn’t totally align with my definition of interaction. 

Works Cited 

1. Mechanical famous painting interactive device

https://www.manamana.net/video/detail?id=1495503#!zh

2. INSIDEOUT

https://www.manamana.net/video/detail?id=1536974#!zh

3. https://www.tigoe.com/blog/category/physicalcomputing/405/

4. Crawford, Chris. “The Art of Interactive Design: A Euphonious and Illuminating Guide to Building Successful Software.” (2002).

5. Manovich, Lev. The Language of New Media. Cambridge, Mass: MIT Press, 2001.

 

   

  

 

 

 

 

   

 

 

Categories
Interaction Lab

Hello :D

This is a test blog to check if I created a new category for the interaction lab. 

Categories
Communications Lab

Visual Metaphor- A Perfect Women Competition

Visual Metaphor- A Perfect Women Competition

  1.   Concept & Story

The story in my project is about an interview at the Perfect Women Competition. It is about gender discrimination and the male gaze that generally exist in society now. I am inspired to create this project by the courses I have learned in EAP and GPS classes and the news I have seen. I found that women have received a lot of social expectations that they need to take care of their families. In addition, the current aesthetic of women is solidified as “white, thin and thin”, especially in Asian countries. The standards men set for so-called “perfect women” hold women down and objectify them. So we decided to create a video with black humor to show this topic.

At first, we want to show the interview process directly. After communicating with the professor, we learned that it doesn’t work. So we decided to use objects to show the interview by giving these objects symbolic meaning.

I want to explore this topic because women have been trapped in the cave created by the male gaze for so long and their aesthetic tendency to monotony. They do everything they can to conform to the mainstream beauty of society even if it doesn’t suit them and at the expense of their health. So maybe this video can let women realize that they are not men’s objects. The criticism they have been subjected to is not their problem and they can just be themselves.

 

2.  Creation Process & Execution

Our storyboard helps us to confirm which camera angle we should use and the order of scenes. It makes the process of recording quicker.

At first, we decide to use the white wall, log colored and white tables, and staircase of the school. We try our best to find somewhere that looks clean, but it is hard. We used light in small size and two mobile flashlights for lighting and bought roses, slime, ice creams, sea baby ( a kind of toy that can grow up when it is soaked in water) We shot our video with both phones and cameras. After the class, we found that the setting need to be changed and some scenes doesn’t work. We also need more stable scene. So we bought different kinds of background paper, holders, reflectors and other objects to help us. And we lent three lights from ER to make sure that the shadow isn’t clear. The small light also is used in the process of shooting. And we decided to use the camera for our final project so we also lend a rack to make our scene more stable.

During the content creation, I think the most difficult part is choosing appropriate objects and designing the scenes. We talk about the story together and ask our friends for advice so that every scene can be more reasonable. And while shooting, the lighting and the shooting of ice cream are difficult. We shot the whole afternoon of Saturday and the light was out of power one by one. And at the end of shooting only one light and the small light works. We worried about the shadow of objects, but actually, it looks fine. The shooting of ice cream is really hard since it melts much more quickly than we have expected. We bought two ice creams from Mcdonald’s (The reason why we choose to do so is that the hand-made ice cream looks better, and their matcha flavor ice cream is green, which goes well with the orange background paper we’re going to use), and rushed to the place we shot, they are already melted halfway. So we quit the plan to shoot the scene of eating perfectly good ice cream bite by bite. We decided to shoot the melting process of ice cream. But there is only one strong light surviving, so we could only shoot part of that process and the scene of ice cream being eaten to the little.

In the first version, we edit the color to make scenes look more harmonious. And the last version we edit the size of the different scene and try to use mid shots and close-up to make our video looks more interesting. We use the technique of adding subtitles and changing the size of scenes to create split screens and changes of mid shots and close up.

(Sorry for closing Premiere too quickly and we can’t find the editable file now, so I upload some screenshots of the video to show what I have talked about above) 

3. Collaboration

I am responsible for writing part of the story, drawing part of the storyboard, editing the audio, buying materials, shooting some scenes, and editing part of our videos. Actually, we did almost everything together. I am particularly grateful to Christine. During the final week, both of us have a lot of work to do but she is still patient and would like to reshoot with me. Her editing is very creative and the quality of her audio is perfect!

I think the collaborative process and exchange with my partner make our project more creative and technical. We can exchange ideas with each other so that our video can be more interesting and we can spend more time on shooting and editing to improve the quality of our video. In addition, we can try more since there is the power of two people.

I have learned from my partner Christine that the coordination of sound and image is very important. When the change of sound just matches the change of image, the video will look much better.

 

4. Aesthetics & Results

We use both mid-shots and close-ups in the video. Mid shots can show the whole figure of the objects and the close-up can cover up the fact that the video has some wobbles and make the video be more interesting because of the change.

We adjust the color of every scene with colorful background. We want the scene to have more contrast in the color and look brighter. We want them to make a contrast or coordinate with the story we have written. Our story is satirical.  Bright colors contrast with the dark irony of reality.

The pace of the video is natural since we create a plot of interviews. The pace just matches the speed at which people normally speak and think.  

Final Project:

       

 

 

Categories
Communications Lab

Christine&Charlotte’s Visual Metaphor Proposal

Christine&Charlotte’s Visual Metaphor Proposal

 1. Project Title: Interview for Perfect Woman

2. Team Members:   Christine Liu & Charlotte Xu 

3. Concept | Storyline:

       1). Who are you going to interview? Or What is the piece (article, poem, story) for the narrative voice-over? 

     One woman and several men( we are trying to find actors and an actress)

       2). What’s the story about? 

        There is an interview for Perfect Woman and some men are invited to be interviewers. They are judging a candidate now. 

       3). Which part of the story are you going to focus on? 

       The process of the interview

       4). What kind of style/aesthetics are you going to pursue?

            Black humor

  1. Execution Plan: 

       1). What equipment are you going to use when shooting the movie? (cell phone, DSLR camera, sound recorder, stabilizer..)

             Phone or DSLR camera, sound recorder, and stabilizer 

       2). Which locations will it be shot at? When is it? Day time/night/unknown? Why?

             An empty room.

             At night (because we are only free at night)

       3). What are some challenges you might encounter and how will you prepare?

  1. We want a clean background but we need to make full preparations for it in advance.
  2. Light 
  3. Narratage written in advance

     4). How will you collaborate? How will you divide work? (Gantt Chart)

           Collaboration: Decide the story, buy materials, borrow things from ER and IT, final adjust

 

Task Owner Start Date Due Date Duration PCT of Task Complete
Write narratage Charlotte 21 November 23 November 3 days  10%
Write narratage Christine 21 November 23

November

3 days 10%
Record the voice of the men Christine 24 Nov 26Nov 3 days 15%
Deal with the audio  Christine 24 Nov 26 Nov 3 days 10%
Record the video  Charlotte 27 Nov 30 Nov 4 days 25%
Edit the video (first time) Charlotte 30 Nov 1 Dec 3 days 15%
Edit the video (second time) Christine 2 Dec 4 Dec 3 days 15%