ICM / Week 10 / Final Proposal: The Protest Time Machine

FINAL PROPOSAL:
In wake of the 2016 election results and all the protesting, hate crimes and uncertainty going on around the country, I wanted to take a look at the songs from the past that were written in response to the helplessness of an event with a call for action. I have a selection of iconic protest/political songs that range from anti-war sentiment to a woman’s demand for dignity to a southern man’s response to a song written about his role in slavery and racism. There is even a song that was partially influenced by a 1979 nuclear reactor accident in Pennsylvania that expresses the fear of nuclear war, zombie invasions and food shortages. What I would like to do is to revisit these songs and allow the user to access the history behind them while visualizing the lyrics in p5. I would also try to design a version for a mobile device as well. The act of listening to these songs and understanding it’s intent is a reminder or an introduction of where we’ve been and what is still relevant now.

http://www.metrolyrics.com/for-what-its-worth-lyrics-buffalo-springfield.html
 

http://www.metrolyrics.com/respect-lyrics-aretha-franklin.html
 

http://www.metrolyrics.com/sweet-home-alabama-lyrics-lynyrd-skynyrd.html
 

http://www.azlyrics.com/lyrics/clash/londoncalling.html
 

http://www.metrolyrics.com/blowing-in-the-wind-lyrics-bob-dylan.html

protest-song-timeline

ICM / Week 8 / Sound and Film Noir


Here’s a little sketch inspired by Film Noir movies. I found this infographic online designed by Melanie Patrick and took it apart to create this scene in p5. I still have things that I’m trying to add to the sketch, like other sounds when the detective comes in contact with the other characters, but I don’t seem to be writing my “if” and “else” statements correctly, which is something I need to work on more.

PCOM / Week 8 / Brainstorm for Finals

Now that we just finished our mid-term projects, it’s time to think of our Final project which we have 5 weeks to create. Here are some ideas that I might want to explore:

IDEA #1: THE CLOCK
After listening to yesterday’s Applications speaker, he gave a very impressive talk about VR, but he said that we should make products for the next generation in mind, the babies now. As a mother of a toddler, my child is obsessed with the IPAD and although he learns so much on these digital devices, he has temper tantrums and gets riled up when you take it away. When I talk to other parents of older kids, we are all impressed that these 5 – 12 year olds are learning how to code with games like Mindcraft, but these parents can’t get their child away from their computers to play outside.

Although you can set timers on these devices, I’d like to make a playful alarm clock for kids that give them time limits on the IPad and IPhone to remind them to play outside, read a book, draw or to play with their physical toys. My childhood was filled with imaginary places and scenarios that I made up in my head because I would got bored in the dark ages before wi-fi. And regular play or giving them a plain cardboard box without these digital devices to constantly entertain them can open up so much imagination that the child creates in their own heads.

While looking at past ITP projects for inspiration, I loved the elegance and symbolism of this clock.
Visualizing Time: A Marble a Minute
Video

IDEA #2: FILM NOIR
To create a visual art piece, using camera, motion and light sensors to reveal silhouettes and lighting that you would see in a Film Noir film with high contrast black and white shapes. Some film noir movies where the shadows and light are striking to me are in films like Carol Reed’s The Third Man, John Huston’s The Maltese Falcon or Alfred Hitchcock’s Shadow of a Doubt. When I was looking through the projects that were shown at the MOMA’s 2011 Talk to Me exhibit, I found Joon Y. Moon’s project called Augmented Shadow and would love to build off this idea for a film noir project.

PCOM / Week 7 / Mid-term Project

THE CUBE
An interactive PCOM project that uses an accelerometer and MP3 Shield to play some surprising sounds as you turned the cube up, down, left and right. We were assigned into groups of 2 for this project and I was paired up with Yanlin Ma.
dsc_0417

 
THE SKETCH
During our brainstorm for project ideas, Yanlin came up with the idea to contrast the shape of a cube with the sounds of bouncing balls. We wanted to add 3 buttons to toggle between 3 different sound types: a rubber ball, a metal ball and a wooden ball. In this iteration, I wanted to place the buttons discretely in the corner, while Yanlin preferred the button in the center with a hole for the wire to the computer or power source in the corner.

img_2515

box

 
MP3 SHIELD, 8 OLM SPEAKER WITH SD CARD
The first step in executing the idea was to get our accelerometer working to get precise sensor readings of the X, Y, Z values. Yanlin and I also worked separately in trying to get precise sensor readings on our devices, and were both having problems with our accelerometer. I was getting inconsistent readings or very slight changes in the sensor readings, so Yanlin advised me to solder the pins on my accelerometer and that worked. For sound, we needed to find or record our MP3 or WAVE sounds to map the accelerometer to. We found a site called audioblocks.com and really liked their sound effects and loops. We then decided to use MP3 files and found the MP3 shield to use with our Arduino.

dsc_0375

 
ENCLOSURE, BATTERY, MP3 SHIELD AND ARDUINO
For the enclosure, we wanted the box to be black acrylic. I found a place in Pennsylvania, misterplexi that sells lots of different kinds of plexi boxes in different colors. Unfortunately, they didn’t have the black boxes in stock and by the time they could ship them, it would be too late, so I ended up buying clear baseball display boxes from The Container Store and painting them with a matte black acrylic paint from Blick Paint.  Since I didn’t take a fabrication class (which I eventually should), I wanted to avoid drilling holes for switches and wires, so I decided to use a 9V battery to keep everything enclosed inside the black cube and making it easier for people to hold and move around. I soldered the red and black wires of the battery snap to wire that could plug into the power connector.

dsc_0397v2

 

INSIDE THE CUBE

dsc_0403v2

 

HOW IT WORKS

PCOM – Mid-Term Project from annemgal on Vimeo.

 

MP3SHIELD_PCOM_MIDTERM SKETCH
——————————————————————————————
#include <SoftwareSerial.h>
#include "MP3.h"

/** define mp3 class */
MP3 mp3;

int up = 0;
int down = 0;
int left = 0;
int right = 0;

void setup()
{
  // initialize serial communication at 9600 bits per second:
  Serial.begin(9600);

  /** begin function */
  mp3.begin(MP3_SOFTWARE_SERIAL);    // select software serial
//  mp3.begin();                       // select hardware serial(or mp3.begin(MP3_HARDWARE_SERIAL);)

  // in hexadecimal
  /** set volum to the MAX */
  //mp3.volume(0x1F);
  mp3.volume(0x16);

  // signal when ready
  mp3.set_mode(MP3::SINGLE);
  mp3.play_sd(0x0001);
  
  /** set MP3 Shield CYCLE mode */
  //mp3.set_mode(MP3::CYCLE);
  mp3.set_mode(MP3::REPEAT);
  
  /** play music in sd, '0001' for first music */
  //mp3.play_sd(0x0001);

  // 1: clank
  // 2: metal rolling 
  // 3: metal dropping
  // 4: rubber dropping
  // 8: ball roll
  
  /** play music in USB-disk */ 
  //mp3.play_usb_disk(0x0001);
  
  /** play music in SPI FLASH */ 
  //mp3.play_spi_flash(0x0001);
}

void loop()
{
    /** function code here */

  // read the input on analog pin 0:
  int sensorValueZ = analogRead(A0);
  // print out the value you read:
  Serial.print(sensorValueZ);
  Serial.print(",");

  // read the sensor:
  int sensorValueY = analogRead(A1);
  // print the results:
  Serial.print(sensorValueY);
  Serial.print(",");

  // read the sensor:
  int sensorValueX = analogRead(A2);
  // p rint the results:
  Serial.println(sensorValueX);

  ////////////////////////////////////////////////

  /** play music in sd, '0001' for first music */

  if (up){
    if (sensorValueX < 550){
      mp3.stop();
    }
  }
  
  if (sensorValueX > 550){
    if (!up){
      mp3.play_sd(0x0008);
      up = 1;
      down = 0;
      left = 0;
      right = 0;
    }
  } else if (sensorValueX < 450){
    if (!down){
      mp3.play_sd(0x0002);
      up = 0;
      down = 1;
      left = 0;
      right = 0;
    }
  } else if (sensorValueY > 550){
    if (!left){
      mp3.play_sd(0x0003);
      up = 0;
      down = 0;
      left = 1;
      right = 0;
    }
  } else if (sensorValueY < 450){
    if (!right){
      mp3.play_sd(0x0004);
      up = 0;
      down = 0;
      left = 0;
      right = 1;      
    }
  } else{
    mp3.stop();
      up = 0;
      down = 0;
      left = 0;
      right = 0;    
  }  
  
  // 1: clank
  // 2: metal rolling 
  // 3: metal dropping
  // 4: rubber dropping


  /////////////////////////////////////////////

  // in milliseconds
  // slow down so p5 can keep up
  delay(100);        // delay in between reads for stability
 
}

ICM / Week 7 / API and JSON

For this homework assignment, I used the NYTimes API in attempting to create simple data visualization with movie reviews. I wasn’t able to get far in my sketch because I was struggling with attaching the Key to the API JSON string.

Tried the following that didn’t work:
1) var url = ‘https://api.nytimes.com/svc/movies/v2/reviews/search.json’+’&APPID=ADD KEY HERE‘;
2) var url = ‘https://api.nytimes.com/svc/movies/v2/reviews/search.json’
var apikey = ‘?&apikey=ADD KEY HERE‘;

But this line worked:
loadJSON(“https://api.nytimes.com/svc/movies/v2/reviews/search.json?api-key=ADD KEY HERE“, gotData);

Now that I was finally able to attach the data to the sketch, it now displays 1 ‘film title’ of the movie review in the console. I tried following Shiffman’s NYTimes & API video to create variables (eg: createElements and createP) but the results doesn’t run, so I’m stuck at that point for now.

 

function setup() {
  createCanvas(200,200);
  loadJSON("https://api.nytimes.com/svc/movies/v2/reviews/search.json?api-key=ADD KEY HERE", gotData);
} 

function gotData(data) { 
    //var articles = data.results;
    //for (var i = 0; i < articles.length; i++) {
        //createP(articles[i].display_title);
  /*background(0);
    for (var i = 0; i < data.number; i++) {
      fill(255);
      ellipse(random(width), random(height), 16, 16);*/
  //println(data);
    println(data.results[0].display_title);
}

https://alpha.editor.p5js.org/projects/rk2yBtyle

ICM / Week 6 / HTML, CSS and Holmes

 

I’ve been thinking about using maps and Sherlock Holmes as a project for awhile. I originally planned on building a map of London in p5, but when we had class last week and learned to use jpgs from websites, it made it quicker to build this because it would of taken me the rest of the semester to actually built it. There’s a lot more that I would do with this idea. On the top header, there is a Sherlock quote. I gathered some other Sherlock quotes and collected them in an excel file, so it would be great to be able to press a button and generate the different Sherlock quotes. And for the mousePress, I would like to be able to hover over the map, press a key location and then have a magnifying glass appear with a closeup of the building inside of the circle of the glass for places like Scotland Yard, Baker Street and some other Sherlock haunts of London.

glass

S&V / Weeks 5-7 / Looking for 語言

Looking for 語言 (Language): Video Portrait by Paula Leonvendagar, Sejo Vega-Cebrián, Anne-Michelle Gallero

From the very moment that we started talking about what we were going to do for this 4-week video project, Paula, Sejo and I were all in agreement that we wanted to do a documentary style portrait. That following Sunday after we formed our group, we went to the PBS POV Digital Lab NYC to get some inspiration. It was eye-opening to see how people were adding interactivity to their video projects and documentaries, like using VR, 360-degree cameras or just having the viewers choose storylines to follow.

Our next step was to choose a subject that everyone in the group would be excited about. We all brought some ideas of possible portraits ranging from a NYC waitress/actress/writer, reporter/editor, a homeless person to Ken Perlin, an NYU professor for Computer Science who created a computer graphic’s texture used in the movie, Tron. Sejo didn’t get a response from Perlin in time before the storyboard deadline, so we sadly didn’t pursue that route. Paula did have a really interesting conversation with a classmate which lead to the subject of our video, an anonymous portrait in Chinatown. ITP has a large population of foreign students, living in NYC and even the United States for the first time. It was something that we wanted to explore and that some of us (as international students) can relate to. Our storyboards were made up of all these different places that were visual and colorful pockets of New York’s Chinatown. Our subject had only been living there for a month or so, and the area was fairly new to her.

chinatown_web

FILMING
During filming, we decided to use two Canon 5D cameras for handheld use with a 50mm lens and another for a tripod with a 24-105mm lens. We were moving around the city pretty fast at night and using a handheld was really helpful in capturing the spontaneous moments. We were following our subject around Chinatown after her long day of classes and went where she wanted to go. Because of this, our storyboards went a little off script but it was her walk around town.

ROUGH CUT
We had so much video that we shot and I commend Sejo and Paula for editing the piece down to shape and clarify the story. After getting feedback from the rough cut without sound, it was good to hear everyone’s opinions on the pacing and creating some quieter moments in this busy piece.

8w1b0273_web

REFLECTION
With all the material that we collected that night, we could work on this video forever, but this really was a 4-week crash course in video and Adobe Premiere editing. I do plan on watching the watching the 10-hour Premiere tutorial on lynda.com at a more leisurely pace. And Marina’s slides are awesome and quick sources to use cause I do plan on pursuing these mediums of storytelling. When I was an undergrad, I majored in Visual Arts concentrating on filmmaking and photography, but didn’t end up doing that as a career after college. It was good to get behind the cameras again cause it was something that I loved to do, but haven’t had the opportunity to do. Although the footage that I shot from my first shoot was a little shaky and sometimes out of focus, I was definitely more conscientious about learning from my mistake. When I shot additional footage on a second outing, I figured out how to move the camera steadier and had my fingers constantly adjusting the lens for better focus. I also worked with a curious and talented group that gave lots of encouragement during the process to be creative and to learn while having some celebratory moments over Tsingtao and soup dumplings.

S&V / Week 4 / Storyboards and Synopsis

I partnered up with Paula Leonvendagar and Sejo Vega-Cebrián to work on our video portrait of an international student from China living in New York for the first time. One of the creative challenges of this project is that it will be an anonymous portrait where we will not reveal her face but concentrate on her words and the images of Chinatown. Below is our synopsis and storyboards for her story.

STORYBOARDS
sv_storyboards_week-3_1a

sv_storyboards_week-3_12

sv_storyboards_week-3_13

SYNOPSIS
Looking for 我最喜欢的洗发水
It’s her first time in Chinatown, she just arrived from China to New York as an international student studying in the United States. In this colorful and fascinating neighborhood, we walk with her. Listening to her thoughts and first impressions about the city, and this city inside the city.

Chinatown. Is it like mainland China for her? Or is it different? Does she like the food, the places, the people? Can she find a little bit of home here? How does this international student from China feel in a tight-knit community of Chinese-Americans?

Through this anonymous portrait with a subjective sight, we follow a fresh perspective on the Chinese community in New York City and take a glimpse into the mysterious culture of China.

 

TREATMENT
This small 3-5 minutes piece will be a point of view of our character and her experiences around the town, though we will work mostly with a handheld camera as her P.O.V. Despite this we will use some wide shots to settle our character in the context of the big city and it ́s visual richness. We will never see her face, just her silhouette, shadow and her tiny body lost in the multitude of the town. We want to keep this anonymous voice that will help to maintain a poetic mystery through the piece and also to get deeper into her intimate perceptions. We want to capture both, her fresh and sharp sight and all the intensity and beauty of Chinatown.

The sound will be composed through the narrative of her voice, the sounds of the city and some music. In the music we will mix new compositions and traditional music from China, to create the feeling of contrast in between different generations from China.