project12:Frontpage

From Msc1
(Difference between revisions)
Jump to: navigation, search
 
(25 intermediate revisions by one user not shown)
Line 1: Line 1:
 +
__NOTOC__ __NOTITLE__
 +
<div style="width: 850px; height: 478px; margin: 0; padding: 0px; overflow: hidden;">
 +
[[File:Project12_Final_Image_Cover.jpg|850px]]
 +
</div>
  
<div style="height:30px; width: 100%; padding-top: 5px; border-bottom:1px solid #aaa;">
+
<div style="height:30px; width: 850px; margin:0px; padding: 0px; padding-top: 20px; border: 0px;">
  
  <div style="float:left; width: 270px; height: 15px; margin-right:0px;" align="center">
+
<div style="float:left; width: 270px; height 30px; border: 1px solid #aaa; margin-right:17px; " align="center">
<html><font face="arial narrow" size="2" colour="#aaa"  style="letter-spacing:2px"><a href="http://msc1.hyperbody.nl/index.php/project12:Challenge">Challenge</a></font></html>
+
[[project12:challenge |'''Challenge''']]
  </div>
+
</div>
  
  <div style="float:left; width: 10px; height: 15px; margin-top:5px; margin-right:6px; border-right:1px solid #aaa;" align="center"></div>
+
<div style="float:left; width: 270px; height 30px; border: 1px solid #aaa; margin-right:17px;" align="center">
 +
[[project12:prototype |'''Prototype''']]
 +
</div>
  
  <div style="float:left; width: 270px; height: 15px; margin-right:0px;" align="center">
+
<div style="float:right; width: 270px; height 30px; border: 1px solid #aaa; " align="center">
<html><font face="arial narrow" size="2" colour="#aaa"  style="letter-spacing:2px"><a href="http://msc1.hyperbody.nl/index.php/project12:prototype">Prototype</a></font></html>
+
[[project12:response#1 |'''Project''']]
  </div>
+
</div>
  
  <div style="float:left; width: 10px; height: 15px; margin-top:5px; margin-right:6px; border-right:1px solid #aaa;" align="center"></div>
 
 
  <div style="float:right; width: 270px; height: 15px;" align="center">
 
<html><font face="arial narrow" size="2" colour="#aaa" style="letter-spacing:2px"><a href="http://msc1.hyperbody.nl/index.php/project12:response">Project</a></font></html>
 
  </div>
 
 
</div>
 
</div>
  
<div style="width: 850px; height: 420px; margin-top: 50px; padding: 0px; border-bottom:1px solid #aaa; overflow: hidden;">
+
<div style="width: 850px; height: 550px; margin: 0px; padding: 0px; padding-top: 20px; overflow: hidden;">
  <div style="float:right; width: 280px; height: 395px; margin: 0px; padding: 0px; overflow: hidden;">
+
 
 +
<div style="float:right; width: 278px; height: 550px; margin: 0px; padding: 0px; overflow: hidden;">
 
<html>
 
<html>
<iframe width="280" height="395" frameborder="0" scrolling="auto" marginheight="0" marginwidth="0"  border="1px solid green"
+
<iframe width="280" height="545" frameborder="0" scrolling="auto" marginheight="0" marginwidth="0"   
  src="http://prototag.hyperbody.nl/prototag_m.php?id=uDHNF8MhEYTtX5WM8h6DjQ"></iframe>
+
src="http://prototag.hyperbody.nl/prototag_m.php?id=uDHNF8MhEYTtX5WM8h6DjQ"></iframe>
 
</html>
 
</html>
  </div>
 
 
  <div style="float:left; width: 560px; height: 395px; margin: 0;">
 
{{#slideshow:
 
<div>[[Image:Project12_Final_Cover_Page.jpg|560px]]</div>
 
<div>[[Image:Project12_Final_Cover_Page_02.jpg|560px]]</div>
 
<div>[[Image:Project12_Final_Cover_Page_04.jpg|560px]]</div>
 
<div>[[Image:Project12_Final_Cover_Page_05.jpg|560px]]</div>
 
<div>[[Image:Project12_Final_Cover_Page_06.jpg|560px]]</div>
 
|id=bar1 sequence=forward transition=fade refresh=3000
 
}}
 
  </div>
 
 
</div>
 
</div>
  
<div style="height: 200px; width: 100%; padding-top: 5px;">
+
<div style="width: 560px; height: 550px; margin: 0px; padding: 0px; overflow: hidden;">
  <div style="float:left; width: 270px; margin-right:0px;">
+
==Customised Modularity==
 +
author(s):[[User:Linus|Lihuang Linus Tan]]
  
<font face="arial narrow" size="4" style="letter-spacing:2px">Challenge</font>
+
==Summary==
<br>
+
<hr><hr>
+
<font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Describe Phase I in 60 words.</font>
+
  
  </div>
+
An exploration of the NDSM site reveals a diverse ecosystem filled with intertwining fabrics of activities, both temporal and permanent. Within the Kunststad, a smaller ecosystem of artists and designers coexists in a balanced but non-progressive state. The challenge was to generate a reconfigurable design that enriches the existing ecosystem while strengthening the symbiosis with the greater ecosystem of the NDSM.
  <div style="float:left; width: 10px; height:195px; margin-top:5px; margin-right:6px; border-right:1px solid #aaa;" align="center"></div>
+
  <div style="float:left; width: 270px; margin-right:0px;">
+
  
<font face="arial narrow" size="4" style="letter-spacing:2px">Prototype</font>
 
<br>
 
<hr><hr>
 
<font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Describe Phase II in 60 words.</font>
 
  
  </div>
+
A modular design was adopted to facilitate connectivity on different scales, whereas automation was incorporated to facilitate reconfigurability and subsequently, became an integral component in the adjacent project, [[project04:Frontpage|Modular Customisation]]. A uniform and interactive facade was designed to avoid fragmentation of the holistic ecosystem yet allowing artists and designers to express their individuality through the interactive facade.
  <div style="float:left; width: 10px; height:195px; margin-top:5px; margin-right:6px; border-right:1px solid #aaa;" align="center"></div>
+
  <div style="float:right; width: 270px;">
+
  
<font face="arial narrow" size="4" style="letter-spacing:2px">Project</font>
 
<br>
 
<hr><hr>
 
<font face="arial narrow" size="2" style="letter-spacing:1px" color="#555555">Describe Phase III in 60 words.</font>
 
  
  </div>
+
Customised Modularity consist of studio and workshop modules that interlink seamlessly, allowing artists and designers to explore different workshops throughout their stay in Kunststad. The facade has a twofold purpose. It allows users to display their social media updates through a changing visual display of art, initiating an interaction with other artists and visitors, while communicating with adjacent facades to create a directive network, visually linking similar user activities to inform visitors to further explore the Kunststad.
</div>
+
  
 +
==Connections==
 +
[[project04:Frontpage|Modular Customisation]] by [[User:Sjors|Sjors de Graaf]]
  
<div style="height:200px; width: 100%; margin:0px; padding-top: 20px; border-top:1px solid #aaa;">
+
</div>
  <div style="float:left; width: 270px; height: 180px; margin-right:0px;" align="center">
+
  
IMAGE ONE
+
</div>
<br>(AERIAL VIEW - DAY FESTIVAL?)
+
  </div>
+
  
  <div style="float:left; width: 10px; height: 160px; margin-right:6px; border-right:1px solid #aaa;" align="center"></div>
+
<div style="height:180px; width: 850px; margin:0px; padding: 0px;">
 
+
<div style="float:left; width: 270px; height 152px; margin-right:20px; border:0px;" align="center">
  <div style="float:left; width: 270px; height: 180px; margin-right:0px;" align="center">
+
[[File:Project12_Final_Image_1a.jpg|270px]]
 
+
</div>
IMAGE TWO
+
<div style="float:left; width: 270px; height 152px; margin-right:20px; border:0px;" align="center">
<br>(AERIAL VIEW - NIGHT NORMAL?)
+
[[File:Project12_Final_Image_1b.jpg|270px]]
  </div>
+
</div>
  <div style="float:left; width: 10px; height: 160px; margin-right:6px; border-right:1px solid #aaa;" align="center"></div>
+
<div style="float:left; width: 270px; height 152px; border:0px;" align="center">
 
+
[[File:Project12_Final_Image_1c.jpg|270px]]
  <div style="float:right; width: 270px; height: 20px;" align="center">
+
</div>
 
+
IMAGE THREE
+
<br>(INTERNAL VIEW)
+
  </div>
+
 
</div>
 
</div>
  
<div style="height:200px; width: 100%; padding-top: 20px;">
+
<div style="height:180px; width: 850px; margin:0px; padding: 0px;">
  <div style="float:left; width: 270px; height: 180px; margin-right:0px;" align="center">
+
<div style="float:left; width: 270px; height 152px; margin-right:20px; border:0px;" align="center">
 
+
[[File:Project12_Final_Image_2.jpg|270px]]
IMAGE FOUR
+
</div>
<br>(AUTOMATED MOVEMENT)
+
<div style="float:left; width: 270px; height 152px; margin-right:20px; border:0px;" align="center">
  </div>
+
[[File:Project12_Final_Image_4.jpg|270px]]
 
+
</div>
  <div style="float:left; width: 10px; height: 160px; margin-right:6px; border-right:1px solid #aaa;" align="center"></div>
+
<div style="float:left; width: 270px; height 152px; border:0px;" align="center">
 
+
[[File:Project12_Final_Image_5.jpg|270px]]
  <div style="float:left; width: 270px; height: 180px; margin-right:0px;" align="center">
+
</div>
 
+
IMAGE FIVE
+
<br>(FACADE INTERACTION)
+
  </div>
+
  <div style="float:left; width: 10px; height: 160px; margin-right:6px; border-right:1px solid #aaa;" align="center"></div>
+
 
+
  <div style="float:right; width: 270px; height: 20px;" align="center">
+
 
+
IMAGE SIX
+
<br>(SJORS CONNECTION)
+
  </div>
+
 
</div>
 
</div>
  
__NOTITLE__
+
<div style="height:180px; width: 850px; margin:0px; padding: 0px;">
 +
<div style="float:left; width: 270px; height 152px; margin-right:20px; border:0px;" align="center">
 +
[[File:Project12_Final_Image_6.jpg|270px]]
 +
</div>
 +
<div style="float:left; width: 270px; height 152px; margin-right:20px; border:0px;" align="center">
 +
[[File:Project12_Final_Concept.jpg|270px]]
 +
</div>
 +
<div style="float:left; width: 270px; height 152px; border:0px;" align="center">
 +
[[File:Project12_Final_Image_Technical.jpg|270px]]
 +
</div>
 +
</div>

Latest revision as of 09:26, 29 June 2012

Project12 Final Image Cover.jpg

Customised Modularity

author(s):Lihuang Linus Tan

Summary

An exploration of the NDSM site reveals a diverse ecosystem filled with intertwining fabrics of activities, both temporal and permanent. Within the Kunststad, a smaller ecosystem of artists and designers coexists in a balanced but non-progressive state. The challenge was to generate a reconfigurable design that enriches the existing ecosystem while strengthening the symbiosis with the greater ecosystem of the NDSM.


A modular design was adopted to facilitate connectivity on different scales, whereas automation was incorporated to facilitate reconfigurability and subsequently, became an integral component in the adjacent project, Modular Customisation. A uniform and interactive facade was designed to avoid fragmentation of the holistic ecosystem yet allowing artists and designers to express their individuality through the interactive facade.


Customised Modularity consist of studio and workshop modules that interlink seamlessly, allowing artists and designers to explore different workshops throughout their stay in Kunststad. The facade has a twofold purpose. It allows users to display their social media updates through a changing visual display of art, initiating an interaction with other artists and visitors, while communicating with adjacent facades to create a directive network, visually linking similar user activities to inform visitors to further explore the Kunststad.

Connections

Modular Customisation by Sjors de Graaf

Project12 Final Image 1a.jpg

Project12 Final Image 1b.jpg

Project12 Final Image 1c.jpg

Project12 Final Image 2.jpg

Project12 Final Image 4.jpg

Project12 Final Image 5.jpg

Project12 Final Image 6.jpg

Project12 Final Concept.jpg

Project12 Final Image Technical.jpg

Personal tools