Musical Hoodie is an interactive social experience-based technology that allows users to display their music onto a wearable canvas. The frequencies of the drum corresponds to to the LED lights in a energetic and engaging way. Musical Hoodie is a playful interface that invites the user and the surrounding audience to interact and socialize based on what they see being displayed on the Musical Hoodie. It’s aimed for anybody who loves listening to music and it is especially good for earphone users. Musical Hoodie is accessible to any age group.

While wearing earphones is perceived as wanting to be alone, in many cases it doesn’t necessarily mean so. Sometimes people just want to listen to their music without the intentions of shutting off the outside world. Even if earphone wearers want to share the music they are listening to, the surrounding people may ignore them (aka leave them alone). This wearable system is aimed to not only get rid of the stigma of people being antisocial because they have headphones in, but will allow users to share their music with others via speakers in the pocket and invite interaction with a visual response to their music.

We had two primary aims for the conceptual design:
(1) to invite social interaction
(2) to ensure that the interface would be very natural for users to use

Untitled

Above is our initial design. We wanted to build in earbuds into the hood so users would not have to carry their own. We wanted many lights on the pocket and sleeves (mainly wrist area). In the pockets, we were planning to have speakers and earphone jacks. As you can probably see, we didn’t quite stay with this concept. When we were presenting our low-fidelity prototype, somebody brought up a concern about music being heard by others though the built-in earphones. Realizing this, we decided to go with a normal sweatshirt. We decided to move our lights higher on the sweatshirt and decided to place them around the collar and on the shoulders so they are more visible create a nice visual design reminiscent of the embellished collar trend.

 

VERSION 1: ARDUINO UNO

IMG_9220IMG_9229
(Left image: Version 1.1. Right image: Version 1.2)

Version 1 focused on the main functional aspect of Musical Hoodie, the LED light display. We tested BeatWrite, an open source code we found, on the Uno because we did not want to go straight into using the Lilypad and ruin the sweatshirt. We figured that if it works on the Uno, it will definitely work on the Lilypad. In Version 1.1 we tested the program using the breadboard and LED lights with some wires. After we got BeatWrite to working for Version 1.1, we moved onto Version 1.2, which uses sewable LED lights. We used electrical tape to connect the conductive thread to the wires and connected the wires to the breadboard.

Below are some screenshots of our code. The top image shows all of the pins we assigned so the lights in BeatWrite would light up. The middle image shows the shuffling function we called so that we do not have to manually change the songs when we wanted to present our presentation. The code on the bottom is what makes the LED lights light up to the frequency of the drums.

Screen Shot 2014-12-11 at 10.13.48 PM Screen Shot 2014-12-11 at 10.14.08 PM Screen Shot 2014-12-11 at 10.14.34 PM

 

VERSION 2: ARDUINO LILYPAD

photo 1 (1)

Version 2 focused on switching from Uno to Lilypad, a sewable version of an Arduino. Kelsey was the main contributor to the visual design of the sweatshirt because of her background in sewing and knitting. She sewed the lights in horizontal lines based on color to help make sure the conductive thread wouldn’t cross itself but that multiple lights could be sewn to one output of the Lilypad. Since we know BeatWrite works on the Uno, we did not have to worry about the program crashing when changing Arduinos. We learned that switching from Uno to Lilypad was not as simple as we thought, but were able to fix the problem with the help of Evan by downloading an FTDI driver. Once that was done, we tested the LED lights from Version 1.2 with the Lilypad. From this we learned (the hard way) that conductive threads short circuit very easily and can catch on fire. We discovered that the loose strands of the LED lights on Version 1.2 was the root of the problem, so we decided to sew our product together. After doing so we tested the program and everything lit up without short circuiting.

 

VERSION 3: STRETCH SENSORS

We unfortunately do not have photos of this version, but we wanted to implement stretch sensors that were sewn onto the elbows as elbow patches. We knitted acrylic yarn with conductive thread, thinking that the circuit should still work. After many trial and errors, we discovered that in order for a stretch sensor to work, we also needed conductive yarn. Since we did not have resources and the time to order conductive yarn, we decided to ditch this version.

 

 VERSION 4: TEMPERATURE SENSORS

photo 3photo 1

We decided to add a temperature sensor so the sweatshirt would be more interactive. Although we wanted to have two temperature sensors, we decided that having the temperature on only one shoulder would look nicer than having one Lilypad in the center of the back of the sweatshirt with conductive thread leading to either shoulder (a previous design). We wanted to invoke the idea of a shoulder pad or brand label that’s often placed on the shoulder, as well as continue with the idea of inviting others to interact with the sweatshirt. This can be done by simply tapping the user’s shoulder rather than somewhere which would be less comfortable for them. We envisioned that when users are wearing this other users can touch the sensor and the sensor will make the the LED lights light up. We learned that temperature sensor outputs are measured temperatures that can be translated to string.

The code below is what was tweaked from the original program. Multiple pins were added, as well as the temperature range.

Screen Shot 2014-12-11 at 10.18.06 PM

 

 FINAL PRODUCT!

photo 2

We removed the hem of the bottom of the sweatshirt and the wrists. We then re-stitched the hem using a stitch which Kelsey taught us to make the hems more colorful and the overall sweatshirt more fun! We attempted to use a sewing machine to attach the pocket but in the end returned to hand sewing so we could use the special double stitch. We cut a hole below the main Lilypad so the USB cord (or in the future a cord to connect to an iPod) would run through the sweatshirt rather than in front of it, blocking its design.

View our full sets of code at our GitHub site!

 

Strengths:

  • Easy to wear & carry
    • We chose a sweatshirt because it’s the one piece of clothing we always wear without having to think about it
  • Attention-grabber
    • Bright lights plus bright hemming
  • Social experience
    • Invites touch on the shoulder
  • Aesthetically pleasing
    • Re-designed to add the pocket, light design

Weakness:

  • Not washable
    • Lilypads, LEDs, temperature sensor, and FTDI boards are not meant to be washed. It will cause a short circuit.
  • Needs to be connected to the computer
    • As of now Musical Hoodie needs to be plugged into the computer in order for BeatWrite and our temperature program to run.

Based on our grand vision, we would like to include the following in future implementations of Musical Hoodie:

(1) Play music from a portable media player (iPhone, Galaxy, iPod, etc.)

(2) Speakers and earphone/speaker jacks in the pocket

(3) Elbow stretch sensors that will make the LED lights dimmer or brighter

(4) Interaction between multiple Musical Hoodies

(5) Light up to the frequencies of vocals