project12:Frontpage

From Msc1
(Difference between revisions)
Jump to: navigation, search
 
(29 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: 850px; margin:0px; padding: 0px; padding-top: 20px; border: 0px;">
  
 +
<div style="float:left; width: 270px; height 30px; border: 1px solid #aaa; margin-right:17px; " align="center">
 +
[[project12:challenge |'''Challenge''']]
 +
</div>
  
<div style="height:35px; width: 100%; padding-top: 10px; border-top:1px solid #aaa; border-bottom:1px solid #aaa;">
+
<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: 20px; 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="3" style="letter-spacing:2px"><a href="http://msc1.hyperbody.nl/index.php/project12:Challenge">Challenge</a></font></html>
+
[[project12:response#1 |'''Project''']]
  </div>
+
</div>
 
+
  <div style="float:left; width: 10px; height: 20px; margin-right:6px; border-right:1px solid #aaa;" align="center"></div>
+
 
+
  <div style="float:left; width: 270px; height: 20px; margin-right:0px;" align="center">
+
<html><font face="arial narrow" size="3" style="letter-spacing:2px"><a href="http://msc1.hyperbody.nl/index.php/project12:prototype">Prototype</a></font></html>
+
  </div>
+
 
+
  <div style="float:left; width: 10px; height: 20px; margin-right:6px; border-right:1px solid #aaa;" align="center"></div>
+
 
+
  <div style="float:right; width: 270px; height: 20px;" align="center">
+
<html><font face="arial narrow" size="3" 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: 10px; 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="width: 560px; height: 550px; margin: 0px; padding: 0px; overflow: hidden;">
 +
==Customised Modularity==
 +
author(s):[[User:Linus|Lihuang Linus Tan]]
  
<font face="arial narrow" size="5" style="letter-spacing:2px">Summary</font>
+
==Summary==
<br>
+
  
200 word description of
+
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.
<br>- challenge
+
<br>- process
+
<br>- project itself
+
  
<div style="height:200px; width: 100%; margin:0px; padding-top: 20px; border-top:1px solid #aaa;">
 
  <div style="float:left; width: 270px; height: 180px; margin-right:0px;" align="center">
 
  
IMAGE ONE (AERIAL VIEW)
+
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>
+
  
  <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: 180px; margin-right:0px;" align="center">
+
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.
  
IMAGE TWO
+
==Connections==
  </div>
+
[[project04:Frontpage|Modular Customisation]] by [[User:Sjors|Sjors de Graaf]]
  <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">
+
</div>
  
IMAGE THREE
 
  </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_1a.jpg|270px]]
IMAGE FOUR
+
</div>
  </div>
+
<div style="float:left; width: 270px; height 152px; margin-right:20px; border:0px;" align="center">
 
+
[[File:Project12_Final_Image_1b.jpg|270px]]
  <div style="float:left; width: 10px; height: 160px; margin-right:6px; border-right:1px solid #aaa;" align="center"></div>
+
</div>
 
+
<div style="float:left; width: 270px; height 152px; border:0px;" align="center">
  <div style="float:left; width: 270px; height: 180px; margin-right:0px;" align="center">
+
[[File:Project12_Final_Image_1c.jpg|270px]]
 +
</div>
 +
</div>
  
IMAGE FIVE
+
<div style="height:180px; width: 850px; margin:0px; padding: 0px;">
  </div>
+
<div style="float:left; width: 270px; height 152px; margin-right:20px; border:0px;" align="center">
  <div style="float:left; width: 10px; height: 160px; margin-right:6px; border-right:1px solid #aaa;" align="center"></div>
+
[[File:Project12_Final_Image_2.jpg|270px]]
 
+
</div>
  <div style="float:right; width: 270px; height: 20px;" align="center">
+
<div style="float:left; width: 270px; height 152px; margin-right:20px; border:0px;" align="center">
 
+
[[File:Project12_Final_Image_4.jpg|270px]]
IMAGE SIX
+
</div>
  </div>
+
<div style="float:left; width: 270px; height 152px; border:0px;" align="center">
 +
[[File:Project12_Final_Image_5.jpg|270px]]
 +
</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 08: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