Mockups!

We started building an Android app that connects to the StreetBeat. 


In the app, the user can listen to the StreetBeat history music or use the app as a music player and share his favorite songs. 
If the user chooses to use the app as a music player, the StreetBeat app checks his location. When the user listens to his music in the StreetBeat area, the app's background changes to green and his song choice will be sent to the StreetBeat server. Now the StreetBeat share his song choice. 
When the user is out of the StreetBeat's range, the app's background will change its color to Blue and it won't share his music. 

Here are a few mockups of the app.

The app's main screen

This is the music player 

The user can choose to listen to a song from the StreetBeat's history

Processing Mockup

We created a mockup for using Processing in order to demonstrate the interaction with StreetBeat.

Click here to download our Processing project.

This mockup is based on an earlier mockup that we drew in class.

Mockup for StreetBeat

This is a mockup we drew, according to the new design we decided on. The red writing is LED lights moving around (Like in WallStreet), and it will display the last played song. The colorful "Pancakes" present the beat of the last played songs and the top part will display the genres/artists played on the street, according to the amount of times they were listened to. This part will be displayed like "bubbles" with the genre/artist name. 

SoundWall Early Sketches

Thanks to Ran and his mighty hand: