project C:Home

From student
(Difference between revisions)
Jump to: navigation, search
(LINK)
(Prototype)
 
(487 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<div style="float: left; width: 1200px; margin-right:40px; text-align:left">
+
__NOTOC__
==== ====
+
<div style="float: left; width: 1200px; margin-right:20px; text-align:left">
[[File:screenshot01-2.jpg|1200px]]
+
  
'''Spacebook''': (where) everybody can see the activities on the site, the users can join activities that are or will be taking place, create their new activities and (physically) link them with other activities.<br/>
+
__NOTOC__[[File:gesamt3.gif| frameless | 1200px | ]]
A new activity hive is born.
+
  
  
TU Delft: [[Project C:TU Delft drs Kuil | drs. Ronald Kuil]], sr. beleidsmedewerker vastgoedmanagement.
+
'''Spacebook''' aims to extend the notion of an online social community by providing a user-customizable space that will enhance that community through joining and participating in activities outside the virtual world. Thus '''Spacebook''' brings together the virtual and the physical space: a phenomenon through which everybody can see the activities on the site, the users can join activities that are or will be taking place, create their new activities and (physically) link them with other activities. A new activity hive is born.
<div style="float: left; width: 1200px; margin-right:40px; text-align:left">
+
<div style="float:left; width: 380px; margin-right:20px; text-align:justify">
+
  
=<span style="color:orange">USER INTERFACE</span>=
+
<br>
</div>
+
<div style="float:left; width: 380px; margin-right:20px; text-align:justify">
+
=<span style="color:orange">LINK</span>=
+
[[file:Userscenario.jpg|380px]]
+
  
[[project C:Home#LINK_2|>>]]
+
<div style="float:left; width: 220px; margin-right:20px; text-align:justify">
</div>
+
=<span style="color:orange">Interface</span>=
<div style="float:left; width: 380px; margin-right:20px; text-align:justify">
+
  
=<span style="color:orange">STRUCTURE</span>=
+
[[File:page03.jpg|220px|left|casual-user interface]]
  
<youtube width="380" height="250" right >2WsdfWw3IoE</youtube>
+
<div style="float:left; width: 220px; margin-right:20px; text-align:justify">
[[Project C:Home#STRUCTURE_2|>>]]
+
The interface design has three steps of functionality which relates to three user-types: the casual user, the advanced user and the administrator. Through this design decision Spacebook provides for the needs of different characters.
 +
 
 +
[[project C:ALL#INTERFACE|read more >>]]
  
 
</div>
 
</div>
 
</div>
 
</div>
  
<div style="float: left; width: 1200px; margin-right:40px; text-align:left">
+
<div style="float:left; width: 220px; margin-right:20px; text-align:justify">
  
=<span style="color:orange">USER INTERFACE</span>=
+
=<span style="color:orange">Structure</span>=
  
<div style="float: left; width: 380px; margin-right:20px; text-align:justify">
+
<youtube width="220" height="145" right >awMrVLLNx2g</youtube>
===Concept===
+
 
+
[[File:interface Dia copy.jpg|190px]]
+
 
+
===Research===
+
[[File:Interface_conclusions.jpg|190px]]
+
 
+
A comparison of three different interfaces (two game interface, one modelling interface) with an age span of 11 years showed very clearly the different possibilities and chances interfaces give to a program. The main conclusion was that when you want an easy and understandable interface, the possibilities are limited. On the other hand, when you desire full control of the program, the interface usually requires a lot of experience of the user.
+
 
+
===Validators===
+
[[atom02:interfaces_walter_aprile| Walter Aprile]] & Aadjan van der Helm
+
 
+
===References===
+
 
+
[http://en.wikipedia.org/wiki/E-Booking_%28UK_government_project%29 E-booking]
+
 
+
[http://en.wikipedia.org/wiki/Interface_%28computing%29 interface]
+
  
 +
<div style="float:left; width: 220px; margin-right:20px; text-align:justify">
 +
The architectural implementation uses a system of inflatables which have the advantage of being lightweight ultimately reducing the dead-loads while at the same time providing adequate stiffness and flexibility.
  
 +
[[Project C:STRUCTURE|read more >>]]
 
</div>
 
</div>
<div style="float: left; width: 780px; margin-right:20px; text-align:justify">
+
</div>
 
+
<div style="float:left; width: 220px; margin-right:20px; text-align:justify">
===Design Proposal===
+
=<span style="color:orange">Architecture</span>=
 
+
[[File:Birdie.jpg|220px|left]]
[[File:INTERFACE.jpg|290px|thumb|left|Interface output]]
+
<div style="float:left; width: 220px; margin-right:20px; text-align:justify">
 
+
The user, the interface and the structure are connected by means of the architecture, the complete system. This is the link that unites all the parts involved.
Two options for the interface are possible:
+
<br>
 
+
<br>
 
+
<br>
1.) The user becomes the architect for his own individual space. The interface within the website or the cellphone app includes reduced transformation-functions for the structure, which is divided in stripes so that the user can easily understand the transformation-process.
+
[[project C:ARCHITECTURE|read more >>]]
 
+
 
+
 
+
2.) The user sets the position, the volume (amount of people) and the room type (open, covered, open but covered) so that, the system can create a generic space for different activities.
+
 
+
 
+
  
 
</div>
 
</div>
 
</div>
 
</div>
<div style="float: left; width: 1200px; margin-right:40px; text-align:left">
 
  
=<span style="color:orange">LINK</span>=
+
<div style="float:left; width: 220px; margin-right:20px; text-align:justify">
<div style="float: left; width: 380px; margin-right:20px; text-align:left">
+
===Concept===
+
===Research===
+
  
===Validators===
+
=<span style="color:orange">Realization Plan</span>=
[[atom02:computer_science_a_stoiculescu| Andrei Stoiculescu]] & [[atom02:computer_science_S_Hagemann| S. Hagemann]]
+
  
===References===
+
[[File:timeline2.jpg|220px|left]]
</div>
+
 
<div style="float: left; width: 780px; margin-right:20px; text-align:justify">
+
<div style="float:left; width: 220px; margin-right:20px; text-align:justify">
 +
A realization plan has been drafted. It will provide the support for the project materialization and links with other projects and developments on site.
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
[[project C:REALIZATION_PLAN|read more >>]]
  
===Design Proposal===
 
 
</div>
 
</div>
 
</div>
 
</div>
  
<div style="float: left; width: 1200px; margin-right:40px; text-align:left">
+
<div style="float:left; width: 220px; margin-right:20px; text-align:justify">
  
=<span style="color:orange">STRUCTURE</span>=
+
=<span style="color:orange">Prototype</span>=
  
<div style="float: left; width: 380px; margin-right:20px; text-align:left">
+
[[File:P1160827.JPG|220px|left|casual-user interface]]
  
===Concept===
+
<div style="float:left; width: 220px; margin-right:20px; text-align:justify">
  
[[File:Capsule01.jpg|190px]]
+
1:1 prototype page.
  
===Research===
+
<br>
 
+
<br>
===Validators===
+
<br>
[[atom02:structures_michela_turrin| Michela Turrin]] & [[Project C:structures_gerrie_hobbelman | Gerrie Hobbelman]]
+
<br>
===References===
+
[[project C:PROTOTYPE|read more >>]]
 
+
[[Project C:Inflatables | Inflatables]]
+
  
 
</div>
 
</div>
<div style="float: left; width: 780px; margin-right:20px; text-align:left">
 
 
===Design Proposal===
 
 
 
 
</div>
 
 
 
</div>
 
</div>
 
</div>
 
</div>

Latest revision as of 14:01, 1 February 2012

Gesamt3.gif


Spacebook aims to extend the notion of an online social community by providing a user-customizable space that will enhance that community through joining and participating in activities outside the virtual world. Thus Spacebook brings together the virtual and the physical space: a phenomenon through which everybody can see the activities on the site, the users can join activities that are or will be taking place, create their new activities and (physically) link them with other activities. A new activity hive is born.


Interface

casual-user interface

The interface design has three steps of functionality which relates to three user-types: the casual user, the advanced user and the administrator. Through this design decision Spacebook provides for the needs of different characters.

read more >>

Structure

The architectural implementation uses a system of inflatables which have the advantage of being lightweight ultimately reducing the dead-loads while at the same time providing adequate stiffness and flexibility.

read more >>

Architecture

Birdie.jpg

The user, the interface and the structure are connected by means of the architecture, the complete system. This is the link that unites all the parts involved.


read more >>

Realization Plan

Timeline2.jpg

A realization plan has been drafted. It will provide the support for the project materialization and links with other projects and developments on site.



read more >>

Prototype

casual-user interface

1:1 prototype page.





read more >>

Personal tools
Namespaces
Variants
Actions
Projects
Atoms
Toolbox