Rudi’s class Design meets Disability Response by Jennifer Dong

I want to comment on the Section “Fashion meets Discretion”. This section mainly discusses about the moral side towards how to properly design the product that helps with the disabled people.

I agree with the article that Eyewear has already changes from “medical model” to “social model” (19), and most people do not acknowledge glasses as medical treatment, rather, they would buy different styles of eyewears to fit with their clothing. However, there is at least one exception, and I come up with this exception from my personal experience. I recall that when I became near-sighted in Grade four, I was ashamed of wearing glasses in class. After my mom bought me glasses, I would always wear them on my way to school, and took them off as soon as my mom dropped me off and left. I remembered that I felt awkward to be different from most of my classmates, and the glasses were quite “ugly”. My mentality at that time could explain partially the phenomenon that eyewears (especially for adults) becomes more like a fashion items while other products such as hearingwear and bodywear are not. The first reason is “different”. Nearsighted is quite common in today’s world (but not so common in children’s world), while ear or body disabled is still a minority in today’s world. Think about how people would react towards someone who wear hearingwear or bodywear these days, and also think about if there are also few people wear glasses in the world, and some of which even wear cool and fashionable glasses, then how do people think of these near-sighted people? The second reason is the appearance of the product. I would make the assumption that when inventing the product, technology goes first, then comes with the design. This thought might refer to pragmatism, but I think that the function or practical use is always important than the appearance of the product. For example, in the interaction lab or the video that we watched last week about the Arduino talk, the appearance of the gadgets that people invented is always plain-looking. People need the designing company to polish their gadgets. Therefore, I explain why my glasses (in my fourth grade) was “ugly” based on this assumption. The designer thinks that younger students care less about the appearance of the glasses, what they really need is to see the world as well as what the teachers write on the blackboard clearly. Even in today’s glasses store, most of the children’s glasses are not well-designed, and are usually glasses with heavy transparent frames. This explanation might also be applicable to hearingwear and bodywear. As the technology is quickly developing towards these products, that is, these are “young” products, inventors are more caring about the function that certain technology provides rather than the appearance. The author also draws this conclusion in the article when speaking about the hearing aids, as he or she notes, “a market eager to emphasize its technical sophistication” (25).

Week03: In Class Practice(Chen)

Here is my my practice with JavaScript! I made three buttons. One when clicked will change the text of one heading from black to pink. Another will change one picture of a kitten to another picture of a kitten. The last button will show a pop-up box with a fun message. Enjoy the lovely kittens and fun buttons!:)

Interaction Lab Recitation 2: Arduino Basics

By Alison Waterman

Date: September 15, 2017

Instructor: Moon

Partner: Chenchen

Goals: To become familiar with the layout and structure of the Arduino Uno board, to examine structure and function of a program in the Arduino IDE, and to practice assembling working circuits using basic electrical components.

Project 1: Traffic Light

Materials: (Source: DFRduino Tutorial )

  • Red LED (x2)
  • Yellow LED (x1)
  • Green LED (x2)
  • 200-Ω resistor (x5)
  • 10-kΩ resistor (x1)
  • Push button (x1)
  • Arduino Uno Board (x1)
  • Jumper wire (x1 package)
  • USB cable (x1)

Schematic: (Source: NYU Shanghai IMA Website)

The circuit was assembled according to the schematic, with care taken to insert the jumper wires into the correct locations on the Arduino board. Once we had the button facing the correct direction and attached all the way, the rest of the circuit was fairly straightforward.

The code was taken directly from the DFRduino tutorial. The design had a main “traffic light” that switched from green to red to yellow when the button was pressed, and then a “pedestrian light” that turned red and blinked when the traffic light was green, and turned green when the traffic light was red. The code is included here:

   Traffic Light
   This code copied from the book Beginning-Arduino.
int carRed = 12; //assign the car lights
int carYellow = 11;
int carGreen = 10;
int button = 9; //button pin
int pedRed = 8; //assign the pedestrian lights
int pedGreen = 7;
int crossTime =5000; //time for pedestrian to cross
unsigned long changeTime;//time since button pressed

void setup() {
  	pinMode(carRed, OUTPUT);
  	pinMode(carYellow, OUTPUT);
  	pinMode(carGreen, OUTPUT);
  	pinMode(pedRed, OUTPUT);
        pinMode(pedGreen, OUTPUT);
        pinMode(button, INPUT); 
        digitalWrite(carGreen, HIGH); //turn on the green lights
	digitalWrite(pedRed, HIGH); 

void loop() {
	int state = digitalRead(button);
        //check if button is pressed and it is over 5 seconds since last button press
        if(state == HIGH && (millis() - changeTime)> 5000){
               //call the function to change the lights

void changeLights() {
	digitalWrite(carGreen, LOW); //green off
	digitalWrite(carYellow, HIGH); //yellow on
	delay(2000); //wait 2 seconds
	digitalWrite(carYellow, LOW); //yellow off
	digitalWrite(carRed, HIGH); //red on
        delay(1000); //wait 1 second till its safe
	digitalWrite(pedRed, LOW); //ped red off
	digitalWrite(pedGreen, HIGH); //ped green on

	delay(crossTime); //wait for preset time period
	//flash the ped green
        for (int x=0; x<10; x++) {
	        digitalWrite(pedGreen, HIGH);
		digitalWrite(pedGreen, LOW);
        digitalWrite(pedRed, HIGH);//turn ped red on

	digitalWrite(carRed, LOW); //red off
	digitalWrite(carYellow, HIGH); //yellow on	
	digitalWrite(carYellow, LOW); //yellow off
        digitalWrite(carGreen, HIGH); 

	changeTime = millis(); //record the time since last change of lights
	//then return to the main program loop

A video of the traffic light build is included here:

Project 2: Temperature Alarm

Materials: (Source: DFRduino tutorial)

  • Buzzer (x1)
  • Temperature sensor (x1)
  • Jumper wires (x1 package)
  • Arduino Uno Board (x1)
  • USB cable (x1)

Schematic: (Source: NYU Shanghai IMA Website)

This project was designed to set off the buzzer when the temperature read by the sensor reached above a certain threshold value. We used the serial monitor to observe the value, then calibrated the code so that the buzzer would go off when the temperature sensor was warmed slightly by the body heat of our fingers. We also learned that it is very important to make the temperature sensor face in the right direction, or else the code will not run properly. Once we assembled the circuit, it functioned as shown in the following video:

The code was taken direction from the DFRduino tutorial and is included here:

   Temperature Alarm
float sinVal;            
int toneVal;
unsigned long tepTimer ;    

void setup(){ 
    pinMode(8, OUTPUT);        

void loop(){ 
    int val;               
    double data;          
    data = (double) val * (5/10.24);  // convert the voltage to temperture
    if(data>27){        // If the temperture is over 27 degree, buzzer will alarm.  
          for(int x=0; x<180; x++){
            sinVal = (sin(x*(3.1412/180)));
            toneVal = 2000+(int(sinVal*1000));
            tone(8, toneVal);
    } else {    // If the temperturn is below 27 degree, buzzer will not alarm  
    if(millis() - tepTimer > 500){     // output the temperture value per 500ms
             tepTimer = millis();
             Serial.print("temperature: ");     

Project 3: Ambient Light Sensor


  • Red LED (x1)
  • 200-Ω resistor (x1)
  • 10-kΩ resistor (x1)
  • Light sensor (x1)
  • Jumper wires (x1 package)
  • Arduino Uno Board (x1)
  • USB cable (x1)
  • Flashlight or phone light (x1)

Schematic: (Source: NYU Shanghai IMA Website)

This project controlled an LED light using a light sensor. If the ambient light was below a certain threshold, the LED would turn on. If the ambient light was below a certain threshold, the LED would turn off. We used a phone flashlight to test the function of the LED as shown in the video:

The code was taken directly from DFRduino tutorials.

  Ambient Light controlled LED 
int LED = 13;                     //Led pin
int val = 0;                      

void setup(){

void loop(){
     val = analogRead(0);         // read voltage value 
     if(val<1000){                // if the value is less than 1000,LED turns off
     }else{                        // if the value is more than 1000,LED turns on


These projects allowed us to use the serial monitor to calibrate sensor values, explore digital and analog input and output, and gain experience building basic Arduino circuits. We observed the importance of assembling components correctly and following the schematic carefully. In the future, we would like to write our own code rather than simply copy/paste from the tutorials, but looking at the tutorials was helpful to understand the basic syntax and organization of the code.

Things to Share: 

It can be helpful to read all the instructions before trying to assemble a circuit. Simple mistakes like orienting a sensor in the wrong direction can have serious consequences regarding the functionality of the circuit.


Week 3: Comic Idea(Chen)

We will make a comic about two students who sit next to each other in class. And are too shy to start a conversation, but really want to. The interaction will be clicking through the scenes and hovering to see the characters inner thoughts. The style of the cartoon will be based on Japanese Anime.

Week 3: Idea for Interactive Comic (Chen)

The idea that my partner Annie and I came up with for our interactive comic was a “choose your own adventure” style carnival. The comic will mostly be based on user decisions, and will allow users to experience the fun and excitement of a carnival via an interactive comic. We want the comic to be bright, colorful, whimsical and visually appealing, with minimal dialogue. The comic focuses more on the experience of being at the carnival, more than an active storyline. We want to use edited images, gifs, and designs rather than hand sketched drawings, in order to capture the essence of a carnival.

Our comic starts at the entrance of a carnival, with a panoramic view of the place and the back of the main character’s head. By not focusing on the character’s face we’re allowing users to imagine themselves in the protagonist’s place. We start with the ticket booth where after “buying” a ticket, users have the option of going to one game, one ride, and back to viewing the carnival from a panoramic point of view. This comic is driven by the user, and we want it to be an immersive experience.

Week 3: Comic Project Outline (Vasudevan)

Anel Orazgaliyeva

Yuanhong Sun

We were initially inspired by this video: and this website The first video shows the progression of one man’s life from the moment of birth till the moment of death. The second website (which we were introduced to in class) tells a story. In our project, we want to combine these two approaches to tell somebody’s life story in a form of a web comic. However, innovatively, we use the first person perspective to depict his life. Using the change of people and items around him, to demonstrate the effect of time.

However, we do not want to show the life of a ‘typical’ person. The topic of our project is autism and what it feels like when you are “locked inside the body you cannot control” (Carly Fleischmann). . Similar projects were implemented using VR; but, we thought it would be much better if there was a digital comic in the Web about autism, because it is more accessible to the public. However, we do not plan to imitate VR, we are going to use abstract drawings, replace people figures with silhuoettes, and provide very detailed drawings of items like spilled water on the floor/untied shoes/tv screens.


  • The website will be somewhat a timeline, in which the environment changes as seen from an autistic kid/person. The first scene (web page) is person’s birthday. The next pages are scenes in different situations (school/home/populated street).
  • Scenes will be changed by a scroll of the page.
  • Sound effects will also be incorporated to imitate voices.

Week 03 Comic Idea (Chen)–Annie Seaman

Our comic aims to take users through the fun and excitement of a carnival. We will allow users to make decisions, play games and partake in carnival rides. We want the comic to be whimsical, colorful and eye-catching. The aim is that users will be instantly drawn into the world of the comic through the visual imagery presented to them. As far as storyline, the user will be able to decide how their adventure will unfold. We plan to send the user to a ticket booth, one game and one ride. Once at these locations, the user will decide what to do. We want the user to be in control of the world and push the story forward.

Week 3: Idea of Comic Project (Vasudevan)

Our rough idea is superhero in NYU Shanghai. As we are all super busy with our assignments, there is time when we wish one day could be longer, especially before deadline. That’s when superhero (maybe TimeMan?) will appear and help to extend your time. Max and I are still thinking about what consequence it may have hence have not decided the ending yet. The main interaction may be user choosing how much time he/she wants to extend, which will influence the story. But we will work on adding more interaction.

Week 3 Presentation of Comics Project (Ann Chen)

IMA Comics Project


Inspiration: A Japanese TV series named The One-man Show of Two.

Description: The comics talks about a story of two girls who sit next to each other but are just too shy to express themselves. The story shows the scene of their daily school life and what they hide in their mind. It also shows a process of two strangers becoming friends.

Painting Style: Japanese watercolor style

Interaction: On each page, there will be some designed buttons to change to the next page and we will work on how to make the transition more smoothly. What’ more, on each page, the audience can put their mouses on the characters to see their inner thoughts as the name of the comics, monologue. Actually, what the characters look like and what they think in their mind will create an interesting comparison.