Category Archives: Final Presentation

Final Presentation

Humble Logistics: “Us” Behind A T-shirt

Concept:

The convenience created by the logistic system is diminishing the values added during the logistics process. The story of behind the valuable process from production and supply are LOST. To target this issue, I am creating a interactive installation, which uses playful and symbolic interactions and metaphoric visual image to trigger people’s compassion and raise the understanding of the human efforts inside the logistics system.

Final Video:

 

Idea Iteration, Inspiration

1.0 Design Values

In regard to the outcome and user experience of the piece, I will be delivering following design values:

Theme:

This piece aims inform people with hidden values and human efforts behind sophisticated logistic system because of the rocket development of IoT in e-commerce.  This piece will be served as a model for logistics system at a global scale.

Reflection:

The outcome experience shall be playful, informative, and visually memorable.  This piece will be using symbolic interactions and metaphoric visual effect to generate compassionate and relatable feelings after players have interacted with the piece.

Perception:

The information within the piece will be presented as a visual symbol of human efforts using fingerprints. The aesthetics of the piece will be aiming at creating a sense of industrial toughness and abstinence to reflect the stereotypes that people had with logistics system but using light mapping to build a warm ambiance around the piece to generate a sense of compassion.

Application:

The target audience of this piece will be e-commerce customers. This piece could serve as an entertainment or advertisement implementation for logistics in theme park or museum.

 1.1 Precedents for Inspiration

I believe the best way to tell a logistic story is to use logistics itself. One of the first inspiration was a fieldwork video from Ryan Gander on Vimeo. In this piece, a series of objects and assemblages are placed on a vast concealed conveyor belt. As they pass through an aperture in the gallery wall, the viewer is invited to speculate on the stories they tell, as well as their relationship to one another.

Fig.3 Screenshot from video of RyanGander: Fieldwork on Vimeo, May 3, 2018

This piece provides me with new idea with regard to the use of conveyor belt and transportation device in design. Not only can tangible objects be conveyed but also intangible stories.

 The work, Multiverse, a long, conveyor-belt hall of the National Gallery of Art in D.C, gave me another example of how to create an immersive visual experience with the conveyor belt. This piece used LED mapping on walls and ceiling to create an astonishing visual journey for people riding the walkway.

Figure 4 Screenshot from video of Leo Villareal’s Multiverse on Vimeo, May 4, 2018

So, based on these precedents, I become interested in exploring the possibility of using conveyor belt for better storytelling and bring this element and methodology into a design, which also found the base for the design of my installation.

Process: Design upon Research

2.0 Precedents for Execution and Methodology

Particularly for this project, I want to use white and black color to bring a sense of industrial toughness and rigidity into the design to align the stereotype and impression that we, as customers, had with logistics system, but the piece should be aesthetically interesting and pleasing. So, for its shape and form, I created my initial draft (Figure 5) based on the work from Nike CLC Installation (Figure 6).

 

Figure 5 Initial Draft                                 Figure 6 Nike CLC Installation

This example is created by Super Nature Design studio, which uses LED mapping and cargo boxes to create a digital 3D panel for showing work efficiency of Nike company. This piece gave me an inspiration of how I can use lights to set a tone for a work and use simple geometrical shapes to create sophisticated structure.

2.1 Prototypes and Tests

To test out work mechanism of a conveyor belt, I laser cut plywood and paper and build the very first simple prototype, which uses manual force as drivers to rotate the wheels that lead the belt to move.

Figure 7 Prototype One – Mechanism feasibility

The success of this prototype allows me to move forward to test out the technological feasibility of this mechanism, for example how much power of a motor or how many motors I need for moving how much weight of an object.

 

 

Figure 8 Physical computing

For this particular prototype, I used a 5V stepper motor to test our if one motor is powerful enough to lead the belt moving and also used a potentiometer to test the rate of speed control. Moving forward, I need to calculate the friction and choose the right materials for the belt.

Figure 9 Material Selection

Figure 10 Prototype Three – Components together

After combining each component together, I was able to move a five-pound object (much heavier than a T-shirt) using one 12V stepper motor or DC motor. Next step will be jumping into building the actual installation of the project.

Figure 11 Final Outcome Making in the Progress

2.2 Interactions

According to the article, Selected Activity Coordination Mechanisms in Complex Systems, by Katarzyna Grzybowska, a supply chain, as a sequence of organizations collaborating to provide the largest possible amount of a product or service for the customer, can create very complex interrelation networks at every stage. To simulate this feature of the logistics system, I created three interaction stages, transportation, assembly, and operation.

The decisions are based on considerations of time and scale of the project, and most importantly the processes in logistics system that heavily involve labor forces. To enhance empathetic meanings and endow relatable personal feelings behind those fingerprints appeared in the end, I decided each activity to be finger-based interactions.

      Figure 12.1 Transportation      Figure 12.1 Operation (Trellis)             Figure 12.2 Assembly

For transportation stage, I used an analog sensor, called potentiometer, and laser cut acrylic sheet to make it look a mini steering wheel (shown in Figure 12.1) that players could use to simulate activities of workers in the transportation session of the logistics system.

Trellis:

Example code of the logic of Stages (Operation):

Ultrasonic sensor turns on the stage light and Trellis, doing the right commands on Trellis to lighten up Green LED and make Stepper Motor work.

Operation session (Figure 12.2) is the most complicated part of logistics system where lots of activities happen here. Thus, I need to find out which is the most important activity that I want to emphasize based on human involvement. In terms of human involvement, besides manual labor forces, the mental intelligence and decision-making process that people have put into the supply chain management is also a vital part that has been nonchalantly ignored by people. Sending right commands at the right intersection at right time is the key how whole logistics procedures work smoothly together without delay. By considering this significance, I used a mini keypad to simulate the command operation panel in the logistics system, which requires people to push the right command button in the right order once the mini T-shirt is transported to the operation stage.

The final interaction stage, Assembly (Figure 12.3), requires players to assemble circuit themselves by pushing two open windows together and make a circuit closed. This is a station where logistics workers assemble everything and prepare to deliver products to their final destinations, which are the front-end customers’ hands.

Github for all stages:

https://github.com/jiany457/PCom/tree/master/Humble%20Logistics

 

2.3Storytelling and Fingerprints

The idea to use fingerprints to reveal human elements was inspired by the project, Humans of The World, created by designer, Adrien Colombie. He left on a 365-day trip around the world, and, each day of his trip, he interviewed a complete new stranger to reveal their own unique human perspective. By doing so, he also asked them to give him one fingerprint and signature. Every piece comes with the story of the human who carries this fingerprint capturing the essence of their individuality. Using these, the designer created a 365-piece art series called “The Fingerprints”.

 

Figure 14 Screenshot from Human of the World on Vimeo, May 6, 2018

For me, fingerprint indicates the uniqueness of individuality, which, I convince, is also a perfect epitome of human efforts. The number of fingerprints shows the number of hands that have touched and handled the object. In addition, fingerprints could be either obscure or clear, light or heavy, which helps to reveal the level of efforts and time spent on each T-Shirt.

Figure 14 UV Light Test Outcome

To hide fingerprints and make them appear at the time that I want them to appear is the motive that I chose to use UV light and UV ink, instead of regular paints, to map fingerprints on the conveyor belt.

Material:

  1. LED UV light
  2. UV ink from Amazon

Reflections from Major Major Exhibition

3.0 Final Outcome

Figure 15 Final Outcome

3.1 Player Test and Challenges

Based on feedback from user test, the mapping fingerprints are informatively straightforward, visually powerful, and qualitatively effective in expressing human values and efforts in logistics process. Besides, watching the little objects moving along the conveyor belt based on their interaction is motivational and engaging, which also helps to catch pass-by people’s attention and stop them for a watch. In contrast, some participants responded to me that they wish to have some instructional board or graphs to show the purpose of the interactions in the beginning, as well as provide some context information of the project.

Figure 16 Player Test in the Exhibition

There were two main challenges in the design process, finding the right materials for the best visual outcome and creating an interpretable user interface. In regard to execution, how to organize the circuit in a more aesthetic way also took time. The decision to expose circuit and wires outside is based on the consideration that they are part of the human efforts and process of the logistics system. So, to fully transparentize the story behind the system, wires and infrastructures are also crucial parts.

 3.2 Evaluation

Overall, the project was effective at delivering desired content (human efforts) and providing expected user experience (playful and informative). Also, the method for using UV fingerprints as a metaphor for human efforts and values were considered valid. In terms of time management, I did not spend enough time on building user experience and making prototypes for storytelling because of technology prototypes. In terms of exhibition, because the room where the installation at was not dark enough, the final visual outcome was not as clear and conspicuous as expected.  Participants were appreciated with the non-abstractness and relatable stories from my idea and my project. In contrast, what was suggested by users for further development were a more comprehensive form and logic interactions and more hybridized mediums. For example, the level of difficulties determines the level of efforts that users have to accomplish, the frequency and the amount of time they have to spend for a better user experience, and a combination of physical interactions on a digital screen to give the project more interactive dimensions.

3.3 Future Application

I think, using conveyor belt and invisible UV image are very useful and innovative methods for delivering important messages through design. It provides me with new thinking and ideas that I could develop further into my future projects. The project, Humble Logistics, which works as a model for the logistics system at large, provides a lot of room and space for further application in domains such as marketing, data visualization, environmental protection, energy consumption, etc. For example, if I change the T-shirt to cigarettes or drugs, this project could be turning into an educational one or one for raising health awareness, or advertisement for having a better health condition. 

Conclusion

We are living in a world that keeps pushing us to live at an extreme pace, where we get to click to travel, to receive, and to obtain. We seek causes and results, and everything in between becomes minimal and invisible. It is crucial that we, before becoming blinded by the confining world displayed in front of our eyes, we need to step back and give credits and our compassion to those who make all-out efforts to support the world that we are living at. Their stories need to be told.

Based on feedback, the majority of participants acknowledged that they had not thought about this matter until they were informed by this project. They also agreed that this is an important awareness or message that worth spreading. They wish I could push my project further for a more powerful broadcast of the statement.

Final Presentation Slides:

Final Project Blog Post: Fortune Teller

Presentation: https://docs.google.com/presentation/d/1sUYrrKJgouIBgrMRpbiFp6CLde5otBWy1A05Q2PdyU4/edit?usp=sharing

Concept + Goals. What is your concept? What were your goals? Why did you decide on this project form for your concept and goal?

The Fortune Teller: Using an arduino, arduino printer, and a copper capacitive sensor I want to be able to give people a fortune based on the “random” amount of particles the sensor reads. Inspired by Mary Poppins measurement tape that collects the input of height and gives a corresponding description, “Perfect in everyway” and Zoltar, I want to design a fortune teller that reads its participants touch and subsequently gives them a corresponding fortune.

Intended audience. Who is this for? Why did you choose this audience?

Given that my idea of a fortune teller utilizes a non-invasive sensor my intended audience is anyone who is conveniently available and interested in getting a fortune.

Precedents. Share any precedents that inspired you.

Since one of the main components, if not the, of my project is to be able “sense” some aspect of my participant(s) I needed a sensor that could do just that in a relatively quantifiable way. I considered using a TMP36 Temperature Sensor so when a participant would get near/ touch the fortune teller depending on the temperature the fortune would change. Upon further deliberation, I believe most people range within the same body temperature so I wanted to use a component that could sense something with more range. Tubah (a tutor) recommended a capacitive sensor.

  • TMP36 Temperature Sensor: Based on the principle; as temperature increases, the voltage across a diode increases at a known rate. By amplifying the voltage change, a output proportional to temperature can be produced.

The capacitor is a component which has the ability or “capacity” to store energy in the form of an electrical charge producing a potential difference (Static Voltage) across its plates, much like a small rechargeable battery. Capacity is very sensitive and can be affected from a variety of environmental factors making it’s output very inconsistent.  Accordingly, using this aspect to my advantage when touched all individuals can produce a unique capacitance… therefore fortune.

 

Description of the project. Discuss the process of creating this project. How does it work? What is the desired interaction?

This project is simple in its composition. It utilizes a single sensor, capacitive,  and a single mode of output, a printer. I started the project with the physical components; the capacitive sensor and then the thermal printer. I found different tutorials for physical component that related to the outcome I needed. For example the capacitive code I used had a pre-set threshold of a 1000 and utilized an LED to show that the capacity was being read correctly. These details came in handy when it was no longer plugged into a monitor that could read the resistance since the LED would alert me to if the capacity was being read correctly. My next step after the physical setting up that was connecting the two through the code; have the printer respond to a capacitance that passes a threshold and have ranges equal different “fortunes.” I originally wanted to design two plaster hands that had metal wire running through them thus becoming the capacitor. With this idea, the participant would put their hands in the fortune teller’s hand, mimicking the interaction of a stereotypical gypsy fortune reading, and get their fortune. Though after the Parsons 2 building accident, which affected the wet lab, I used garden wire wrapped together as the hand instead. Ultimately, the project was successful. I made a capacitive sensor that was able to read capacity through a metal-wire-hand and subsequently read that input and print the corresponding fortune through code in the Arduino. 

 

Process + Prototypes. Discuss the process of creating this project. Show your prototypes, playtests, sketches, interaction diagrams, and any other files that illustrate the tools you used. What challenges did you faced?

  • Capacitor: I began assembling my project starting with the capacitor. While I waited for the thermal printer to arrive this component was pretty simple to construct. Using online sources for the code and the Arduino capacitive library, I successfully was able to read the capacity of myself using aluminum foil as the sensor.
    • As seen through the video featuring the serial monitor, when the capacity passes a certain threshold (1000) the LED will turn on. Alone the capacity of the aluminum foil and the environment have stayed under the threshold, nevertheless the capacity has been changing frequently from 60s-90s to 250s-290s.
    • Materials:
      • Resistor (100k ohm)
      • LED (Red)
      • Breadboard
      • Arduino + USB cord
      • 3x Jumper Wires
      • Metal: Aluminum foil
    • Code:

 

  • Thermal Printer: Once the thermal printer arrived I was able to get started. Getting the thermal printer functioning using the example code and downloading the printer library was a success. Using the set-up tutorial Thermal Printer Setup went smoothly as well. As seen in the video I got the example receipt to print and the capacitor to work individually.
    • As iterated in the video, the next step for me is to combine the two codes and get the arduino to read the capacitor’s input and in response print the output.
    • Materials:
      • A mini thermal receipt printer
      • thermal receipt paper
      • 5V 2A power supply
      • 2.1mm DC jack adapter
      • supply to the printer
      • 3x MM jumper wires
    • Code:

  • Code: As someone who doesn’t know how to code I went to the LC for help getting started. Off the bat, I had 3 major goals; 1)Get the printer and the capacitor onto the same code 2) Get the printer to print when the threshold is met 3) Print a fortune based on the different ranges of capacitance. Starting with step 1, I met with Tubah and by the end of the session we got the capacitor, arduino, and printer connected. However, the printer was unable to print the correct symbols (we were testing with the arduino test barcode). Matter of fact it was printing an infinite series of illegible symbols. With this I added new goals to my list; figure out why the 4) illegible symbols was printing 5) why the printer is continuously printing.
    The following session I met with Aarati and we found that the illegible symbols was due to baud-rate and or Arduino syntax between softwareserial/ mySerial.begin and Serial.begin. This was also connected to why the serial monitor wasn’t responding. Once we got the printer to respond to the capacitor we found that the printer will continuously print because capacity is read in milliseconds when touched. A solution to this was to add a timer for when the capacitance passes the threshold. We did this and got the connecting code working perfectly. The next step was to make ranges of capacitance with corresponding fortunes and with the help of Aarati that was easy. We even included a component that changed the fortune depending on whether the capacitance number read was odd or even.

  • Finishing Touches:
    The soldering, wire hand, chipboard silhouette, and the robe were simple add-ons that made the final product look more polish.
  • What would you do in a future iteration?
    Towards the end of my project my arduino code was nearing the maximum memory capacity ergo a future iteration might use a Raspberry Pi and may also have a cleaner and more artful design on the print.
  • Assembly:
    • Capacitor & LED:
    • Starting with the capacitor and LED find the highest resistor you can grab, (I used 150.5K) and put it on the Arduino ~4pin and ~8pin
    • Use the dedicated power cable and connect it positive side of the LED and plug the other into ~7pin
    • Use the dedicated ground cable and connected it to the ground end of the LED and plug the other into GND on the Arduino.
    • Place the LED in the breadboard connecting them with the GND and power wires. 
      • Optional; Include 220 ohm resistor in breadboard. I ended up using one when I soldered the board, but it’ll work without it. 
    • Printer: Using the Arduino Thermal Printer Pack
    • Plug in the GND (black) and VH (red) F wires into the printer
      • Cut off the open end of the Red and black wires to expose the metal inside.
      • Using the DC adaptor put in the exposed black and red end of the wires
      • Make sure they are oriented correctly
    • Plug in the GND (black), RX (yellow) and TX (Green) wires into the printer
    • Using the 3 MM jumper wires attach them to the open end of the GND, RX and TX cord.
    •  components_cableextend.jpg
      • Insert the TX (green) wire into the digital ~5 pin of the Arduino
      • Insert the RX (yellow) wire into the digital ~6 pin of the Arduino
      • Insert the GND (black) wire into the GND (any of them) of the Arduino
      • components_printer-wiring.jpg
      • Download the necessary Libraries:
      • Code:
      • Copy and Paste my Code: (Feel free to edit how you like)
      • Thermal Printer and Capacity Code Final
        • #include <CapacitiveSensor.h>

          CapacitiveSensor cs_4_8 = CapacitiveSensor(4, 8); // 1M resistor between pins 4 & 8, pin 8 is sensor pin, add a wire and or foil
          #include “Adafruit_Thermal.h”
          #include “adalogo.h”
          #include “adaqrcode.h”

          int LED = 8;
          int buttonpin = 3;
          //FIND A 10K resistor! Check if this is still relevant.

          #include “SoftwareSerial.h”
          #define TX_PIN 6 // Arduino transmit YELLOW WIRE labeled RX on printer
          #define RX_PIN 5 // Arduino receive GREEN WIRE labeled TX on printer

          SoftwareSerial mySerial(RX_PIN, TX_PIN); // Declare SoftwareSerial obj first
          Adafruit_Thermal printer(&mySerial); // Pass addr to printer constructor
          // Then see setup() function regarding serial & printer begin() calls.

          // Here’s the syntax for hardware serial (e.g. Arduino Due) ————–
          // Un-comment the following line if using hardware serial:

          //Adafruit_Thermal printer(&Serial1); // Or Serial2, Serial3, etc.

          // ———————————————————————–

          void setup() {
          cs_4_8.set_CS_AutocaL_Millis(0xFFFFFFFF);// turn off autocalibrate on channel 1 – just as an example
          pinMode(7, OUTPUT);
          // pinMode(7, OUTPUT); digitalWrite(7, LOW);
          // This line is for compatibility with the Adafruit IotP project pack,
          // which uses pin 7 as a spare grounding point. You only need this if
          // wired up the same way (w/3-pin header into pins 5/6/7):
          pinMode(5, OUTPUT); digitalWrite(5, LOW);
          pinMode (buttonpin, INPUT);
          // cs_4_8.set_CS_AutocaL_Millis(0xFFFFFFFF);// turn off autocalibrate on channel 1 – just as an example
          // Serial.begin(9600);
          // pinMode(7, OUTPUT);
          // NOTE: SOME PRINTERS NEED 9600 BAUD instead of 19200, check test page.
          pinMode(LED, OUTPUT); digitalWrite(LED, LOW);
          Serial.begin(9600);
          mySerial.begin(19200); // Initialize SoftwareSerial
          //Serial1.begin(9600); // Use this instead if using hardware serial
          printer.begin(); // Init printer (same regardless of serial type)

          }
          void box(char *string) {
          uint8_t i, len = strlen(string);
          //printer.write(0xDA);//upper-left corner
          for (i = 0; i < len; i++)printer.write(0xC4);// Top Edge
          // printer.write(0xBF);// Upper-right corner
          printer.setSize(‘S’); //Size
          //printer.println();//NewLine/Feed
          //printer.write(0xB3); //left edge
          printer.print(string);
          //printer.println(sensor1); How to print the capacity ?
          //printer.println(0xB3);
          // printer.println(0xB3);
          //printer.println();//Newline/Feed
          // printer.write(0xC0); //Lower-Left corner
          for (i = 0; i < len; i++) printer.write(0xC4);//Bottom Edge
          //printer.write(0xD9); //Lower-right Corner
          printer.println();//NewLine/Feed
          }

          void loop() {
          long sensor1 = cs_4_8.capacitiveSensor(50);

          Serial.println(sensor1); // print sensor output
          //if(4999 % 3 == 0)

          if (sensor1 >= 4000) {
          digitalWrite(7, HIGH);
          delay(100);
          digitalWrite(7, LOW);

          if (sensor1 % 2 == 0) {
          // printer.println(F(“The world is your oyster+”));
          box(“The World is Your Oyster+”);
          } else {
          box(“You Are Special-“);
          }

          printer.println(F(“”));
          printer.println(F(“”));
          printer.println(F(“”));
          printer.feed(2);

          printer.sleep(); // Tell printer to sleep
          delay(3000); // Sleep for 3 seconds
          printer.wake(); // MUST wake() before printing again, even if reset
          printer.setDefault(); // Restore printer to defaults

          } else if (sensor1 >= 2950) {
          digitalWrite(7, HIGH);
          delay(100);
          digitalWrite(7, LOW);

          if (sensor1 % 2 == 0) {
          box(“Have Empathy+”);
          } else {
          box(“Don’t Be Too Manipulated By Emotions-“);
          }

          printer.println(F(“”));
          printer.println(F(“”));
          printer.println(F(“”));
          printer.feed(2);

          printer.sleep(); // Tell printer to sleep
          delay(3000); // Sleep for 3 seconds
          printer.wake(); // MUST wake() before printing again, even if reset
          printer.setDefault(); // Restore printer to defaults

 

 

Final Presentation Guidelines

Woohoo! It’s finals time 🙂 Here’s everything you need to know – email me with any questions. Also, please note that last class, I said your final documentation was due the Thursday after final presentations. I have changed this to Wednesday, May 16 at midnight to ensure I get grades in on time.

DUE THURSDAY, MAY 10

1) WORKING PROTOTYPE
You MUST bring your prototype to show – even if it is not working. If you require a specific environment, please email me.

2) PRESENTATION
You will have 8 minutes to present. This includes time for feedback, so structure your presentation accordingly. Your should include the following in your presentation ( in whatever order you like):

  • Problem statement + design goals
  • Concept
  • Precedents
  • Project demo or video of project demo
  • Playtesting + feedback
  • Process documentation
  • Challenges you faced
  • Future iterations

3) VIDEO DOCUMENTATION
You should make a short video introducing your project. It should include the title of your piece, your concept, and a prototype demo.

DUE WEDNESDAY, MAY 16 AT MIDNIGHT (I will not accept late submissions)

1) BLOG POST

  • Create a blog post that documents your final project. It should include:
    • Your presentation
    • Concept + Goals. What is your concept? What were your goals? Why did you decide on this project form for your concept and goal?
    • Intended audience. Who is this for? Why did you choose this audience?
    • Precedents. Share any precedents that inspired you.
    • Description of the project. Discuss the process of creating this project. How does it work? What is the desired interaction?
    • Video documentation. Include the video described above.
    • Materials list. List the materials you used and link to where people can purchase.
    • Process + Prototypes. Discuss the process of creating this project. Show your prototypes, playtests, sketches, interaction diagrams, and any other files that illustrate the tools you used. What challenges did you faced? What would you do in a future iteration?
    • Circuit diagram. Be sure to include a circuit diagram or drawing. Be specific and detailed.

ASSESSMENT GUIDELINES

I will assess your project by the following criteria:

Ideation, Concept, and Design

  • Demonstrates a strong conceptual foundation and clearly stated design goals
  • Clearly articulates audience
  • Able to translate ideas/concepts into project form within a given environment
  • Thoughtful integration of design elements
  • Presents functioning, high fidelity prototype or working documentation if was unable to get working
  • Does not use breadboard for circuit housing
  • Synthesizes design and technology to create interesting and contextually significant work that makes contributions to the domain

Process + Materials

  • Thoroughly documented according to class guidelines
  • Uses materials, tools, and processes learned in class
  • Iterated prototypes
  • Demonstrated effective problem-solving/ finding skills

Presentation

  • Articulated concept and problem statement clearly
  • Prepared for presentation (slides ready and prototype set up)
  • Addresses all required elements for presentation as described above
  • Stays within presentation timeframe (8 minutes)