Difference between revisions of "project03:Frontpage"

From ipe
Jump to: navigation, search
Line 72: Line 72:
 
<html>
 
<html>
 
<iframe width="50%" height="83" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/141698957&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_artwork=true"></iframe>
 
<iframe width="50%" height="83" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/141698957&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_artwork=true"></iframe>
 +
 +
<iframe width="50%" height="83" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/141698945&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_artwork=true"></iframe>
 +
 +
<iframe width="50%" height="83" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/141698944&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_artwork=true"></iframe>
 +
 +
<iframe width="50%" height="83" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/141698942&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_artwork=true"></iframe>
 +
 +
 +
 +
 +
<br>
 +
 +
<span style="font-size: 12px; color: grey;">
 +
'''TIER 2 samples'''
 +
</span>
 +
 +
<html>
 +
<iframe width="50%" height="83" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/141698948&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_artwork=true"></iframe>
 +
 +
 +
<br>
 +
 +
<span style="font-size: 12px; color: grey;">
 +
'''TIER 3 samples'''
 +
</span>
 +
 +
<html>
 +
<iframe width="50%" height="83" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/141698950&amp;color=ff5500&amp;auto_play=false&amp;hide_related=false&amp;show_artwork=true"></iframe>
 +
  
 
<br>
 
<br>

Revision as of 17:00, 27 March 2014

LOGO.jpg


WHY?

Better Together is a facilitator for interactivity between different visitors by detecting their movements and interpreting it through sound, light and adoptable space.

Human kind is inherently a social creature. Throughout the millennium of our existence, individuals have always banded together in order to survive and create environments that would be impossible without the collective effort. With the advent of the digital age, this social instinct has become mediated by the cyber-world where social media has taken over and redefined how we communicate with each other.

This experience however creates a disconnect from the environment surrounding the user and by extension, other beings around him/her. The majority of the user's senses slowly become inert essentially rendering the individual a living vegetable subservient to the information given to them by the digital media. Is this the future of humanity?

What if we could turn this around? What if the digital media could be used as a medium to bridge the current gap between strangers in a fun and active way that would invoke all the senses and reawaken their base social instincts? Where as a direct reflection of human social behavior, options of what can be done exponentially increases according to the number of people involved. Thus emphasizing the point of a collective achievement.


HOW?

Music performance (or even composition) is one of the most vivid example of creating collective experience in which everyone gains the common sense of belonging. Only if people experience something special from daily life together can they achieve a collective identity. Better if everyone contributes to composing totally new pieces of music. In an orchestra, every player is one part of a team and everyone is inevitable. That’s to say, music performance achieves a great balance between teamwork and personal fulfillment.

Sketch 1.jpg

Sketch 2.jpg


Sketch 3.jpg

Application.jpg


Grou3 activity concept.jpg

Aa2.jpg

Math equations.jpg


Diagram tones.jpg




Group3 connection by distance.jpg




How does it work?

Diagram2.png


TIER 1 samples



'''TIER 2 samples'''
'''TIER 3 samples'''

Case studies



<iframe width="850" height="638" src="//www.youtube.com/embed/xd9og0GlmTg" frameborder="0" allowfullscreen></iframe>