Difference between revisions of "Msc1G2:Group"

From rbse
Jump to: navigation, search
 
(61 intermediate revisions by 2 users not shown)
Line 1: Line 1:
__NOTOC__
+
__NOTOC__ __NOTITLE__
                                                                            <!-- hides the table of contents -->
+
<html>
__NOTITLE__
+
<style>
                                                                            <!-- hides the title of the page -->
+
  
 +
<!---->
  
<!-- ------------------------------------------------------------------------------------------------------- -->
 
 
 
<html>
 
                                                                                  <!--  enables html-writing -->
 
<style>
 
                                                                <!-- enables editing the format of a content -->
 
 
div#BANNERCONTAINER {
 
div#BANNERCONTAINER {
                                              <!-- defines a block that can be added in the page and its name-->
+
   width: 850px;
   width:           850px;
+
   height: 120px;
   height:           400px;
+
   margin-bottom: 5px;
                                                                      <!-- sets the dimensions of the block -->
+
   border: 0px;
  margin-top:      20px;
+
   padding: 0px;
   margin-bottom:   0px;
+
   background: url(http://rbse.hyperbody.nl/images/5/51/Banner-v1-850-120.jpg);
  margin-left:      40px;
+
  margin-right:    0px;
+
                                                                      <!-- -->
+
   border-top:       0px;
+
  border-bottom:    0px;
+
  border-left:      0px;
+
  border-right:    0px;
+
                                                                      <!-- -->
+
   padding-top:     0px;
+
   padding-bottom:   0px;
+
  padding-left:     0px;
+
  padding-right:    0px;
+
                                                                      <!-- -->
+
  color:            rgb(0,0,0);
+
                                                                      <!-- -->
+
  background-color: grey;
+
                                                                      <!-- -->
+
 
}
 
}
 
+
div#MAINCONTAINER {
div#HOMEBUTTON {
+
   width: 850px;
  float:            left;
+
   height: 485px;
   width:           100px;
+
   margin-bottom: 5px;
   height:           50px;
+
   border: 0px;
  border:          0px solid #aaa;
+
   padding: 0px;
   margin-right:     6px;
+
   background: url(http://rbse.hyperbody.nl/images/b/b3/Main-v1-850.jpg);
   margin-top:       80px;
+
   background-size: 850px;
   align:           center;
+
   background:       white;
+
   opacity:         0.7;
+
 
}
 
}
 
+
div#SECTITLE {
div#SECTIONBUTTON {
+
  width: 830px;
   float:           left;
+
  height: 30px;
   width:           100px;
+
  margin-bottom: 5px;
   height:           30px;
+
  border: 0px;
   border:           0px solid #aaa;
+
  padding-left: 20px;
   margin-right:     6px;
+
  background: black;
   margin-top:       80px;
+
  font-size: 20px;
   align:           center;
+
  color: white;
   background:       white;
+
}
   opacity:         0.7;
+
div#PAGEBUTTON {
 +
   float: right;
 +
   width: 150px;
 +
   height: 30px;
 +
  margin-top: 80px;
 +
  margin-right: 10px;
 +
   border: 0px;
 +
  background: rgba(64,64,64,1);
 +
  opacity: 1;
 +
  display: inline-block;
 +
  text-align: center;
 +
  color:white;
 +
}
 +
div#SECBUTTON {
 +
  width: 150px;
 +
  height: 30px;
 +
   margin-left: 210px;
 +
   margin-top: 5px;
 +
   margin-bottom: 5px;
 +
   background: rgba(220,220,220,0.75);
 +
   opacity: 1;
 +
  text-align: center;
 +
  padding-top:4px;
 
}
 
}
  
div#BANNERCONTAINER a:link
+
<!---->
  {color: black; text-decoration: none; opacity: 1;}
+
  
                                                                        <!-- in the space of BANNERCONTAINER -->
+
div#BANNERCONTAINER a:link {
                                                              <!-- specifies the appearance of a normal link -->
+
  color: #BBBBBB;
div#BANNERCONTAINER a:visited
+
  text-decoration: none;
   {color: black; text-decoration: none; opacity: 1;}
+
  opacity: 1;
 +
}
 +
div#BANNERCONTAINER a:visited {
 +
   color: #BBBBBB;
 +
  text-decoration: none;
 +
  opacity: 1;
 +
}
 +
div#BANNERCONTAINER a:active {
 +
  color: #FFFFFF;  
 +
  text-decoration: none;  
 +
  opacity: 1;
 +
}
 +
div#BANNERCONTAINER a:hover {
 +
  color: #FFFFFF;
 +
  text-decoration: none;
 +
  opacity: 1;
 +
}
  
                                                                        <!-- in the space of BANNERCONTAINER -->
+
<!---->
                                                    <!-- specifies the appearance of an already visited link -->
+
div#BANNERCONTAINER a:active
+
  {color: #AB2804; text-decoration: none; opacity: 1;}
+
  
                                                                        <!-- in the space of BANNERCONTAINER -->
+
div#MAINCONTAINER a:link {
                                      <!-- specifies the appearance of the link of the current page (if any) -->
+
  color: #666666;
div#BANNERCONTAINER a:hover
+
  text-decoration: none;
   {color: #AB2804; text-decoration: none; opacity: 1;}
+
  opacity: 1;
 +
}
 +
div#MAINCONTAINER a:visited {
 +
  color: #666666;
 +
  text-decoration: none;
 +
  opacity: 1;
 +
}
 +
div#MAINCONTAINER a:active {
 +
  color: black;
 +
  text-decoration: none;
 +
  opacity: 1;
 +
}
 +
div#MAINCONTAINER a:hover {
 +
   color: black;  
 +
  text-decoration: none;  
 +
  opacity: 1;
 +
}
  
                                                                        <!-- in the space of BANNERCONTAINER -->
+
<!---->
                                        <!-- specifies the appearance of a link at the passage of the cursor -->
+
  
 
</style>
 
</style>
 
</html>
 
</html>
  
<div id="headercontainer">
+
<div id="BANNERCONTAINER">
 
+
   <div id="PAGEBUTTON" align="center">
   <div id="HOMEBUTTON" align="center">
+
[[Msc1G2:Group/ms&as|'''MS&AS''']]
      [[project04:Frontpage|'''main''']]
+
 
   </div>
 
   </div>
 
+
   <div id="PAGEBUTTON">
   <div id="SECTIONBUTTON" align="center">
+
[[Msc1G2:Group/storyboard|'''THE STORYBOARD''']]
      [[#Week 1|Week 1: preliminary studies]]
+
 
   </div>
 
   </div>
 
+
   <div id="PAGEBUTTON" align="center">
   <div id="SECTIONBUTTON" align="center">
+
[[Msc1G2:Group/project|'''THE PROJECT''']]
      [[#Week 2|Week 2: space - time - user]]
+
 
   </div>
 
   </div>
 
+
   <div id="PAGEBUTTON">
   <div id="SECTIONBUTTON" align="center">
+
[[Msc1G2:Group|HOME]]
      [[#Week 3|Week 3: the storyboard]]
+
 
   </div>
 
   </div>
 +
</div>
  
  <div id="SECTIONBUTTON" align="center">
+
<div id="MAINCONTAINER">
      [[#Week 4|Week 4:...]]
+
  <div id="SECBUTTON">
 +
[[#tgv|tgv]]
 
   </div>
 
   </div>
 +
  <div id="SECBUTTON">
 +
[[#theshift|the shift]]
 +
  </div>
 +
  <div id="SECBUTTON">
 +
[[#casestudies|case studies]]
 +
  </div>
 +
  <div id="SECBUTTON">
 +
[[#scenarios|scenarios]]
 +
  </div>
 +
  <div id="SECBUTTON">
 +
[[#concepts|the concept]]
 +
  </div>
 +
  <div id="SECBUTTON">
 +
[[#infosrf|informing]]
 +
  </div>
 +
  <div id="SECBUTTON">
 +
[[#cn/tpr|circulation]]
 +
  </div>
 +
  <div id="SECBUTTON">
 +
[[#reconf|the space]]
 +
  </div>
 +
</div>
  
 +
<div id="SECTITLE">
 +
<span id="tgv">THE GREEN VILLAGE</span>
 
</div>
 
</div>
  
[[Image:Frontpage 23-09-15 v5.jpg| 850px]]
+
[[File:mid_tgv_1.jpg | 422px]]
 +
[[File:mid_tgv_2.jpg | 422px]]
  
<div style="height:10px; width: 850px; margin:0px; padding: 0px; padding-top: 8px; border: 0px;">
+
<div id="SECTITLE">
<div style="float:left; width: 200px; height 30px; background: #f0f0f0; border: 0px solid #aaa; margin-right:20px; " align="center">
+
<span id="theshift">THE SHIFT IN EVERYDAY LIFE</span>
'''GROUP 2'''
+
</div>
+
<div style="float:left; width: 200px; height 30px; background: #f0f0f0; border: 0px solid #aaa; margin-right:11px; " align="center">
+
[[Msc1G2:Workshop1|'''Andrea''']]
+
</div>
+
<div style="float:left; width: 200px; height 30px; background: #f0f0f0; border: 0px solid #aaa; margin-right:11px; " align="center">
+
[[Msc1G2:Workshop3|'''Kevin''']]
+
</div>
+
<div style="float:left; width: 200px; height 30px; background: #f0f0f0; border: 0px solid #aaa; margin-right:0px;" align="center">
+
[[Msc1G2:Workshop4|'''Yagiz''']]
+
</div>
+
 
</div>
 
</div>
  
<br>
+
[[File:mid_shift_1.jpg | 422px]]
<br>
+
[[File:mid_shift_2.jpg | 422px]]
[[#Week 1|Week 1: preliminary studies]]
+
[[File:mid_shift_3.jpg | 838px | center]]
<br>
+
[[File:mid_shift_4.jpg | 838px | center]]
[[#Week 2|Week 2: space - time - user]]
+
<br>
+
[[#Week 2|Week 3: the storyboard]]
+
<br>
+
  
==Week 1==
+
<div id="SECTITLE">
<br>
+
<span id="casestudies">THE CASE STUDIES</span>
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<div style="text-align: center; font-size: 20px;">'''preliminary studies'''
+
 
</div>
 
</div>
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
  
[[File:Pres1wYaaz_2.jpg|850px]]
+
[[File:mid_case_1.jpg | 422px]]
 +
[[File:mid_case_2.jpg | 422px]]
 +
[[File:mid_case_3.jpg | 422px]]
 +
[[File:mid_case_4.jpg | 422px]]
 +
[[File:mid_case_5.jpg | 422px]]
 +
[[File:mid_case_6.jpg | 422px]]
 +
[[File:mid_case_7.jpg | 422px]]
 +
[[File:mid_case_8.jpg | 422px]]
 +
[[File:mid_case_9.jpg | 838px | center]]
  
[[File:Pres1wYaaz_3.jpg|850px]]
+
<div id="SECTITLE">
 +
<span id="scenarios">SCENARIOS</span>
 +
</div>
  
[[File:Pres1wYaaz_4.jpg|850px]]
+
[[File:mid_scen_1.jpg | 422px]]
 +
[[File:mid_scen_2.jpg | 422px]]
 +
[[File:mid_scen_3.jpg | 838px | center]]
 +
[[File:mid_scen_4.jpg | 422px]]
 +
[[File:mid_scen_5.jpg | 422px]]
  
[[File:Pres1wYaaz_5.jpg|850px]]
+
<div id="SECTITLE">
 
+
<span id="concepts">THE CONCEPT</span>
[[File:Pres1wYaaz_6.jpg|850px]]
+
</div>
 
+
[[File:Pres1wYaaz_7.jpg|850px]]
+
 
+
[[File:Pres1wYaaz_8.jpg|850px]]
+
 
+
[[File:Pres1wYaaz_9.jpg|850px]]
+
 
+
[[File:Pres1wYaaz_10.jpg|850px]]
+
 
+
[[File:Pres1wYaaz_11.jpg|850px]]
+
 
+
[[File:Pres1wYaaz_12.jpg|850px]]
+
 
+
[[File:Pres1wYaaz_13.jpg|850px]]
+
 
+
[[File:Pres1wYaaz_14.jpg|850px]]
+
 
+
[[File:Pres1wYaaz_15.jpg|850px]]
+
 
+
[[File:Pres1wYaaz_16.jpg|850px]]
+
 
+
[[File:Pres1wYaaz_17.jpg|850px]]
+
 
+
[[File:Pres1wYaaz_18.jpg|850px]]
+
 
+
[[File:Pres1wYaaz_19.jpg|850px]]
+
 
+
[[File:Pres1wYaaz_20.jpg|850px]]
+
 
+
[[File:Pres1wYaaz_21a.jpg|850px]]
+
 
+
[[File:Pres1wYaaz_21b.jpg|850px]]
+
 
+
[[File:Pres1wYaaz_21c.jpg|850px]]
+
 
+
[[File:Pres1wYaaz_22.jpg|850px]]
+
 
+
[[File:Pres1wYaaz_23.jpg|850px]]
+
 
+
[[File:Pres1wYaaz_24.jpg|850px]]
+
 
+
[[File:Pres1wYaaz_25.jpg|850px]]
+
 
+
[[File:Pres1wYaaz_26.jpg|850px]]
+
 
+
[[File:Pres1wYaaz_27.jpg|850px]]
+
 
+
[[File:Pres1wYaaz_28.jpg|850px]]
+
 
+
[[File:Pres1wYaaz_29.jpg|850px]]
+
 
+
[[File:Pres1wYaaz_30.jpg|850px]]
+
 
+
[[File:Pres1wYaaz_31.jpg|850px]]
+
  
[[File:Pres1wYaaz_32.jpg|850px]]
+
[[File:mid_conc_1.jpg | 838px | center]]
 +
[[File:mid_conc_2.jpg | 838px | center]]
 +
[[File:mid_conc_4.jpg | 838px | center]]
 +
[[File:mid_conc_3.jpg | 838px | center]]
  
<br>
+
<div id="SECTITLE">
<br>
+
<span id="infosrf">INFORMING THE SURFACE</span>
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<div style="text-align: center; font-size: 20px;">'''Sketches'''
+
 
</div>
 
</div>
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
  
[[File:Pres1wYaaz_33.jpg|850px]]
+
[[File:mid_info_1.jpg | 838px | center]]
 +
[[File:mid_info_2.jpg | 838px | center]]
 +
[[File:mid_info_3.jpg | 838px | center]]
  
[[File:Pres1wYaaz_34.jpg|850px]]
+
[[File:mid_info_14.gif | 500x403px | center]]
  
[[File:Pres1wYaaz_35.jpg|850px]]
+
{{#slideshow:
 +
<div>[[File:mid_info_4.jpg | 850px | center]]</div>
 +
<div>[[File:mid_info_5.jpg | 850px | center]]</div>
 +
<div>[[File:mid_info_6.jpg | 850px | center]]</div>
 +
<div>[[File:mid_info_7.jpg | 850px | center]]</div>
 +
<div>[[File:mid_info_8.jpg | 850px | center]]</div>
 +
<div>[[File:mid_info_9.jpg | 850px | center]]</div>
 +
<div>[[File:mid_info_10.jpg | 850px | center]]</div>
 +
<div>[[File:mid_info_11.jpg | 850px | center]]</div>
 +
<div>[[File:mid_info_12.jpg | 850px | center]]</div>
 +
<div>[[File:mid_info_13.jpg | 850px | center]]</div>
 +
|sequence=forward transition=fade refresh=2000
 +
}}
  
<br>
+
<div id="SECTITLE">
<br>
+
<span id="cn/tpr">CIRCULATION / NETWORK / THE PUBLIC REALM</span>
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
==Week 2==
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<div style="text-align: center; font-size: 20px;">'''space - time - user'''
+
 
</div>
 
</div>
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
  
[[File:Pres2wKevin_1.jpg|850px]]
+
[[File:mid_circ_1.jpg | 838px]]
 +
[[File:mid_circ_2.jpg | 838px]]
  
[[File:Pres2wKevin_2.jpg|850px]]
+
<div id="SECTITLE">
 
+
<span id="reconf">RECONFIGURABILITY OF THE SPACE</span>
[[File:Pres2wKevin_3.jpg|850px]]
+
 
+
[[File:Pres2wKevin_4.jpg|850px]]
+
 
+
[[File:Pres2wKevin_5.jpg|850px]]
+
 
+
[[File:Pres2wKevin_6.jpg|850px]]
+
 
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
==Week 3==
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<br>
+
<div style="text-align: center; font-size: 20px;">'''the storyboard'''
+
 
</div>
 
</div>
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
 
[[File:Pres3wg2_8.jpg|850px]]
 
 
[[File:Pres3wg2_9.jpg|850px]]
 
 
[[File:Pres3wg2_10.jpg|850px]]
 
 
[[File:Pres3wg2_1.jpg|850px]]
 
 
[[File:Pres3wg2_2.jpg|850px]]
 
 
[[File:Pres3wg2_3.jpg|850px]]
 
 
[[File:Pres3wg2_4.jpg|850px]]
 
 
[[File:Pres3wg2_5.jpg|850px]]
 
 
[[File:Pres3wg2_6.jpg|850px]]
 
 
[[File:Pres3wg2_7.jpg|850px]]
 
 
[[File:Pres3wg2_3a.jpg|850px]]
 
 
[[File:Korrektur 4-01.jpg|850px]]
 
 
[[File:Korrektur 4-02.jpg|850px]]
 
 
[[File:Korrektur 4-03.jpg|850px]]
 
 
[[File:Korrektur 4-04.jpg|850px]]
 
 
[[File:Korrektur 4-05.jpg|850px]]
 
 
[[File:Korrektur 4-06.jpg|850px]]
 
 
[[File:5th Week-01.jpg|850px]]
 
 
[[File:5th Week-02.jpg|850px]]
 
 
[[File:5th Week-03.jpg|850px]]
 
 
[[File:5th Week-04.jpg|850px]]
 
 
[[File:5th Week-05.jpg|850px]]
 
 
[[File:5th Week-06.jpg|850px]]
 
 
[[File:5th Week-07.jpg|850px]]
 
 
[[File:5th Week-08.jpg|850px]]
 
  
[[File:5th Week-09.jpg|850px]]
+
[[File:mid_space_5.jpg | 838px]]
 +
[[File:mid_space_1.jpg | 838px]]
 +
[[File:mid_space_2.jpg | 838px]]
 +
[[File:mid_space_3.jpg | 838px]]
 +
[[File:mid_space_4.jpg | 838px]]

Latest revision as of 03:38, 3 February 2017

THE GREEN VILLAGE

Mid tgv 1.jpg Mid tgv 2.jpg

THE SHIFT IN EVERYDAY LIFE

Mid shift 1.jpg Mid shift 2.jpg

Mid shift 3.jpg
Mid shift 4.jpg

THE CASE STUDIES

Mid case 1.jpg Mid case 2.jpg Mid case 3.jpg Mid case 4.jpg Mid case 5.jpg Mid case 6.jpg Mid case 7.jpg Mid case 8.jpg

Mid case 9.jpg

SCENARIOS

Mid scen 1.jpg Mid scen 2.jpg

Mid scen 3.jpg

Mid scen 4.jpg Mid scen 5.jpg

THE CONCEPT

Mid conc 1.jpg
Mid conc 2.jpg
Mid conc 4.jpg
Mid conc 3.jpg

INFORMING THE SURFACE

Mid info 1.jpg
Mid info 2.jpg
Mid info 3.jpg
Mid info 14.gif
Mid info 4.jpg
Mid info 5.jpg
Mid info 6.jpg
Mid info 7.jpg
Mid info 8.jpg
Mid info 9.jpg
Mid info 10.jpg
Mid info 11.jpg
Mid info 12.jpg
Mid info 13.jpg

CIRCULATION / NETWORK / THE PUBLIC REALM

Mid circ 1.jpg Mid circ 2.jpg

RECONFIGURABILITY OF THE SPACE

Mid space 5.jpg Mid space 1.jpg Mid space 2.jpg Mid space 3.jpg Mid space 4.jpg