project C:Home

From student
(Difference between revisions)
Jump to: navigation, search
(Design Proposal)
(Prototype)
 
(439 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:header.jpg|1200px]]
+
  
 +
__NOTOC__[[File:gesamt3.gif| frameless | 1200px | ]]
  
<gallery widths="155" heights="100" perrow="6" >
 
  
File:mod_1.JPG|
+
'''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.
  
File:mod_2.JPG|
+
<br>
  
File:mod_3.JPG|
+
<div style="float:left; width: 220px; margin-right:20px; text-align:justify">
 +
=<span style="color:orange">Interface</span>=
  
File:mod_4.JPG|
+
[[File:page03.jpg|220px|left|casual-user interface]]
  
File:mod_5.JPG|
+
<div style="float:left; width: 220px; margin-right:20px; text-align:justify">
 +
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.
  
File:mod_6.JPG|
+
[[project C:ALL#INTERFACE|read more >>]]
 
+
 
+
 
+
</gallery>
+
 
+
 
+
 
+
'''Spacebook''': 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.
+
'''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/>
+
A new activity hive is born.
+
 
+
 
+
TU Delft: [[Project C:TU Delft drs Kuil | drs. Ronald Kuil]], sr. beleidsmedewerker vastgoedmanagement.
+
<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>=
+
[[File:Spacebook_diagram2.jpg|380px]]
+
 
+
[[project C:Home#USER_INTERFACE_2|>>]]
+
  
 
</div>
 
</div>
<div style="float:left; width: 380px; margin-right:20px; text-align:justify">
+
</div>
  
=<span style="color:orange">LINK</span>=
+
<div style="float:left; width: 220px; margin-right:20px; text-align:justify">
[[file:Userscenario.jpg|380px]]
+
  
[[project C:Home#LINK_2|>>]]
+
=<span style="color:orange">Structure</span>=
</div>
+
<div style="float:left; width: 380px; margin-right:20px; text-align:justify">
+
  
=<span style="color:orange">STRUCTURE</span>=
+
<youtube width="220" height="145" right >awMrVLLNx2g</youtube>
  
<youtube width="380" height="145" right >2WsdfWw3IoE</youtube>
+
<div style="float:left; width: 220px; margin-right:20px; text-align:justify">
[[Project C:Home#STRUCTURE_2|>>]]
+
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>
 
</div>
 
+
<div style="float:left; width: 220px; margin-right:20px; text-align:justify">
<div style="float: left; width: 1200px; margin-right:40px; text-align:left">
+
=<span style="color:orange">Architecture</span>=
 
+
[[File:Birdie.jpg|220px|left]]
=<span style="color:orange">USER INTERFACE</span>=
+
<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.
<div style="float: left; width: 380px; margin-right:20px; text-align:left">
+
<br>
===Concept===
+
<br>
 
+
<br>
[[File:interface Dia copy.jpg|380px]]
+
[[project C:ARCHITECTURE|read more >>]]
 
+
The interface of Spacebook will be the medium used by the social community to meet new people and organise activities in the real world.
+
 
+
===Research===
+
 
+
[[File:Interface_conclusions.jpg|380px]]
+
 
+
 
+
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]]: "the most successful interface is one the user already knows."
+
 
+
===References===
+
 
+
[http://en.wikipedia.org/wiki/E-Booking_%28UK_government_project%29 E-booking]
+
 
+
[http://en.wikipedia.org/wiki/Interface_%28computing%29 interface]
+
 
+
 
+
</div>
+
<div style="float: left; width: 780px; margin-right:20px; text-align:left">
+
 
+
===Design Proposal===
+
 
+
[[File:interface-01.jpg|290px|thumb|left|Interface output]]
+
[[File:interface-02.jpg|290px|thumb|left|Interface output]]
+
 
+
Two options for the interface are possible:
+
 
+
 
+
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.
+
 
+
 
+
 
+
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">
+
 
+
===Design Proposal===
+
 
+
[[File:Pathsystem.jpg|290px|thumb|left|Pathsystem]]
+
[[File:Curves.jpg|290px|thumb|left|Pathsystem]]
+
[[File:Siteplan-axp.jpg|290px|thumb|left|Pathsystem]]
+
  
 +
<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 >>]]
  
 
</div>
 
</div>
 
</div>
 
</div>
<div style="float: left; width: 1200px; margin-right:40px; text-align:left">
 
  
=<span style="color:orange">STRUCTURE</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">
+
=<span style="color:orange">Prototype</span>=
  
===Concept===
+
[[File:P1160827.JPG|220px|left|casual-user interface]]
  
[[File:Capsule01.jpg|190px]]
+
<div style="float:left; width: 220px; margin-right:20px; text-align:justify">
  
===Research===
+
1:1 prototype page.
  
===Validators===
+
<br>
[[atom02:structures_michela_turrin| Michela Turrin]] & [[Project C:structures_gerrie_hobbelman | Gerrie Hobbelman]]
+
<br>
===References===
+
<br>
 
+
<br>
[[Project C:Inflatables | Inflatables]]
+
[[project C:PROTOTYPE|read more >>]]
  
 
</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