Information Technology Reference
In-Depth Information
in terms of directions such as “right” or “inside”, which are far more natural for a local
space than their equivalent cardinal directions “to the East of” or “in the bounds of”):
1. my cover picture
c
has to lie on the top of the home page
h
, that is, the vertical
distance between the top sides of
c
and
h
must be
0
, and the dimension of
c
is
1024
×
400
px;
2. the box
n
containing my full name has to lie inside
c
;
3. the box
i
containing my personal information has to be somewhere below
c
,no
matter what its horizontal position is (in terms of cardinal relations, this require-
ment should be understood as “somewhere between the south west and the south
east zone of
c
”);
4. the box
a
containing the cover pictures of my photo albums has to lie to the right of
i
, no matter what its vertical position is; in addition, the vertical distance between
the top sides of
a
and
i
must be
0
;
5. the box
p
containing my profile picture has to lie inside
c
, and the horizontal dis-
tance between the left sides of of
p
and
c
must be
0
; in addition,
n
has to be to the
right of
p
, with the restriction that the vertical distance between the top sides of
p
and
n
must be
0
;
6. I want to see the 5 most recent stories from my friends in a box
s
, which has to
lie below the previous elements, no matter what its horizontal position is, and the
horizontal distance between the left sides of
s
and
c
must be
0
.
Besides these user constraints, we can imagine that the system imposes the following
additional constraints:
7. somewhere at the bottom of the home page, there must be a logo
l
, whose dimension
is
200
100
px;
8. the width of the home page cannot exceed
1024
px.
×
When the contents of all boxes are retrieved from the database server, the system pro-
vides lower and upper bounds to the size of the boxes, so that the layout manager has
more chances to fit the contents on the basis of user preferences. In particular, we can
assume that the following conditions hold:
9.
n
's width can vary from
600
to
700
px, while
n
's height can vary from
150
to
200
px;
10.
i
's width can vary from
400
to
450
px, while
i
's height can vary from
450
to
550
px;
11.
s
's width can vary from
700
to
850
px, while
s
's height can vary from
1024
to
1200
px;
12.
a
is
600
×
400
px;
13.
p
is
400
×
400
px.
A particular choice for the size of a box is automatically compensated by increas-
ing/decreasing the font size.