PCOM / Week 14 / Final Project

FINAL PROJECT: The Protest Time Machine
For our final PCOM project, we continued on with the concept of a protest time machine to curate the political/protest songs from the 1960s to current day to help remind us what people have and still are fighting for. In last week’s play testing, we needed to make some big adjustments to the project. Since our original idea was to use the Bare Conductive paint, the buttons didn’t always work and we needed to add more programming and hardware elements to the project. We ended up substituting the paint and touch board for an Arduino Mega board with 20 buttons to help create a durable and reliable interface. We laser-cut silhouettes of the ‘protester figures’ with black acrylic sheets to fasten over the buttons in order to keep our original design. And since we wanted the buttons to not only trigger the music but the video/animation connected to the songs, my group partner, Ariana figured out the schematics and wiring of the breadboards, while using a visual patch wiring program, called Max to help connect the audio and visuals that would  later be projected on our canvas of protesters.

CONTENT:
The buttons on our piece were assigned one of twenty songs. We tried to balance the amount of songs within each decade to show the history of protest music, which ranges from anti-war protest to equal rights to curfews on the Sunset Strip.  It was interesting to see the progression of James Brown’s Say It Loud song and how he influenced Public Enemy and Kendrick Lamar’s songs about the same issue decades later. And every time we start researching for content, there were just more songs to add to the list and then narrow down. I was also trying to figure out how to visually show the relationship between the songs and came across Mariona Ortiz‘s impressive infographics on 1990s songs as inspiration.


CODE:

BOARD VIEW:
On the final version, the buttons were separated into 4 long breadboards to accommodate a larger sized button.

VIDEO DEMO:

REFFLECTION:
After hearing the feedback from our final presentation in our last class, I know that there are things to improve upon for this project. First, I would recommend to anyone taking PCOM to take a fabrication class with this class. I was scared of “the shop” and it was not on the top of my list of classes to take, but for all these midterm and final projects, using laser cutters and knowing how to use the tools just adds that polished touch to these PCOM projects. During my first PCOM class, I said that my tool of choice was an X-acto blade and now I have this newfound appreciation of constructing physical objects with something other than paper, especially after being inspired by all my fellow classmates’ projects. Thinking of fabrication also goes hand-in-hand with what buttons and sensors to use and where to place them. I’m scheduled to take the Piecing It Together class next semester and will hopefully get to work on a plinko-like clock idea that I came to mind when thinking of PCOM final project ideas. If I were to continue on this project and learning from the hiccups of building the initial interfaces of this time machine, the things to improve from the first prototypes are: constructing a sturdier and neater interface eliminating the split of the 2 boards in the middle; using more compact solderable breadboards; and using spacers or a frame to hold/hide all the wires and micro-controller together. In terms of the design, we tested the projector on the canvas after I made the animations, and noticed after the fact that my text was too low and cutting into the bottom silhouettes of the protesters making the lyrics unreadable. I would redesign the animations so the text stays in the upper top of the screen, just above the protesters’ heads.

Another improvement for this project would be creating more instant gratification when a button is pressed. We first had a whole song playing whenever a button was pressed which probably got boring if you weren’t into the song, but most users wants quick responses especially when they are running through all the buttons quickly. I tried to shorten the songs when I was making the animations, but after watching people interact with the latest version of the interface, I see that the clips need to be even shorter. A solution to this would be to add a toggle switch to create a few different modes of listening, (example: Mode #1: Short chorus of the song to make a beatbox-like instrument with all the buttons; Mode #2: Whole chorus with accompanying video/animation projection; Mode #3: Listen to the whole song). I also like the idea, which was a response from our final presentation, of making the interface more practical by being able to press two buttons at once, have the videos branch out of each ‘protester’ button to create a side by side video experience, so the user could compare and contrast the video/animation of the chosen songs, especially if the user is comparing videos representing different eras of history.

My professor, Tom Igoe’s suggestion to develop the story first and figure out the medium within which to tell a story later is something that I’ll always think of when starting a project. We were struggling at first to pick a project that we were both happy with, but we knew we wanted to work with projection mapping and videos. In this project of presenting protest songs as a timeline, the idea was initially to create an interactive TV set or something physical like that to tell the story, but it morphed into the conductive paint then into this projection canvas with graphic physical buttons. Because of the subject matter, I did end up spending too much time on gathering the content and building these videos for each song (while improving my Adobe Premiere skills), and less time concentrating on the sensors and interaction aspect. Next time, I would try to take a more balanced approach or tackle a less complex subject matter for an assignment like this.

CREDITS:
Protester Silhouettes were purchased from iStock by Getty Images; Matte Black and White Acrylics Sheets from Canal Plastic Center; All songs were purchased on iTunes.

ICM / Week 14 / Final Project: The Protest Time Machine in Lyrics


To view full screen

TITLE:
The Protest Time Machine

DESCRIPTION:
A timeline of selected protest and political songs from the 1960s to present time to remind ourselves of what people have been fighting for then and now. Music brings people together and this small collection of songs are examples of the frustration and disappointment in an event and is a call to bring awareness and challenge in a creative and constructive way.

PROCESS:
1) Inspiration: The concept for this project was inspired by a couple of things. First, the results of the 2016 election were surprising and disappointing to many with anti-Trump marches going on across the country to the protests of the Dakota Access oil pipeline. I also was inspired by what was going on in my part-time job. I’m currently designing a Rock N’ Roll bookazine and after reading the chapter on protest and political songs, I wanted explore this content further and to try to create a p5 sketch that could be an extension of the print form, where you would be able to listen to these songs in one place as you read along.

2) Data Collecting: To help me collect all the content, links to YouTube video links, wikipedia description, songs, I kept track of everything in the this excel document below.

3) Design and Coding: I found it helpful to throw all the elements into a Indesign layout program to figure out my design and how to organize the content. It became my blueprint for when I started coding and also held all the data together, so I could copy and paste data quickly.


4) Next Steps: There is so much more that I want to do with this that I didn’t get to, but I’m very happy to have a base that I can build on. The main thing that I would like to do is to make the design less static and more interactive by highlighting photos, videos and caption description from that particular moment in history. While researching and collecting these songs, I not only learned more about the history of that time period, but discovered all these side stories behind the songs and I want to focus on that part of the sketch next. I also used this concept of the protest time machine for my PCOM project, but kept the projects separate because there so much of coding that I still do not have a good grasp on and this project was a good exercise on implementing what we have been learning or are still trying to grasp. But from the feedback of my PCOM project, I saw the need to compare and contrast songs from a certain year or particular cause, like comparing the songs from the Civil Rights era to what is going on with Black Lives Matters decades later and would like to figure out how to code functions like that. And I need to fix small things like having the text scrolling to be in sync with the song playing and to make the play buttons more visual, along with improving the functionality. Lots to learn (and revisit) over the break till the next semester starts again.

 

CODE

Digital Imaging / Week 14 / Final Project: Webcam

For my Digital Imaging final project, our professor, Eric Rosenthal gave us a webcam to strip down and make into a camera or any device that uses the webcam to capture an image. I decided to turn my webcam into a microscope after finding this idea on the web. I was able to invert the lens inside the webcam to create a macro view and was inspired by Thomas Blanchard’s work with oil, colored acrylics, dish-washing soap and milk to create the images to focus in on. Below are some images that I was able to capture with the reconstructed webcam:

screen-shot-2016-12-05-at-7-05-45-am
screen-shot-2016-12-05-at-7-05-33-am
screen-shot-2016-12-05-at-7-05-29-am
screen-shot-2016-12-05-at-7-03-25-am
screen-shot-2016-12-05-at-7-03-00-am
screen-shot-2016-12-05-at-7-02-28-am
screen-shot-2016-12-05-at-7-02-21-am
screen-shot-2016-12-05-at-7-01-42-am
screen-shot-2016-12-05-at-7-01-18-am
screen-shot-2016-12-05-at-7-01-11-am
screen-shot-2016-12-05-at-7-00-51-am
screen-shot-2016-12-05-at-7-00-42-am
screen-shot-2016-12-05-at-7-00-02-am
screen-shot-2016-12-05-at-6-59-42-am
screen-shot-2016-12-05-at-6-59-22-am
screen-shot-2016-12-05-at-6-58-58-am
screen-shot-2016-12-05-at-6-58-29-am
screen-shot-2016-12-05-at-6-57-03-am
screen-shot-2016-12-05-at-6-56-21-am
screen-shot-2016-12-05-at-6-56-00-am
screen-shot-2016-12-05-at-6-55-46-am
screen-shot-2016-12-05-at-6-55-13-am
screen-shot-2016-12-05-at-6-53-21-am
screen-shot-2016-12-05-at-6-53-12-am
screen-shot-2016-12-05-at-6-49-46-am
screen-shot-2016-12-05-at-6-49-29-am
screen-shot-2016-12-05-at-6-48-26-am
screen-shot-2016-12-05-at-6-48-06-am
screen-shot-2016-12-05-at-6-47-49-am
screen-shot-2016-12-05-at-6-46-57-am
screen-shot-2016-12-05-at-6-45-54-am
screen-shot-2016-12-05-at-6-45-31-am
screen-shot-2016-12-05-at-6-45-24-am
screen-shot-2016-12-05-at-6-45-18-am
screen-shot-2016-12-05-at-6-44-54-am
screen-shot-2016-12-05-at-6-44-26-am
screen-shot-2016-12-05-at-6-41-08-am
screen-shot-2016-12-05-at-6-37-50-am
screen-shot-2016-12-05-at-6-36-22-am
screen-shot-2016-12-05-at-6-35-59-am
screen-shot-2016-12-05-at-6-35-10-am
screen-shot-2016-12-05-at-6-34-50-am
screen-shot-2016-12-05-at-6-34-28-am
screen-shot-2016-12-05-at-6-29-33-am

MATERIALS
Webcam
Extra-Bright 9-LED Anywhere Light
Clear Box with Brushed Nickel Lid
Movable USB Light
Milk
Oil
Dish-washing soap
Colored Acrylics
Plastic Petri Dish
Helping Hands Soldering Aid
dsc_0868
dsc_0883

SETUP
1. ) To take apart the webcam and create a camera with a macro viewpoint, detach the camera sensor from the case and then invert the lens. Using electric tape, attach the upside down lens on top of the camera sensor board.
dsc_0875
dsc_0864v2

2. ) Attach the sensor to the ‘helping hands’ clips and create an illuminated stand with the LED light inside a clear acrylic box. To find the right distance between the lens and the subject to focus, I used a piece of paper from a magazine to zoom in on the CMYK dots. I also connected the USB camera to the Photo Booth program on a MAC to view the image on the computer monitor.
dsc_0900
dsc_0929img_2728

3. ) Mixed a concoction of milk, oil, dish-washing soap and colored acrylics (red and blue in this case) in a petri dish to create the images to photograph up close.
img_2759
img_2760v3

VIDEO