Session 3:
Web Site Design
J 394 – Perancangan Situs Web
Program Studi Manajemen
Universitas Bina Nusantara
home
Site Map
product
To design your site:
A
B
about us
FAQ
…
– Figure out why you are creating this page.
What do you want to convey?
– Think about your audience. How can you tailor
your content to appeal to this audience?
– How many pages will you need? What sort of
structure would you like to have?
– Sketch out your site on paper
– Devise a simple, consistent naming system for
your pages, images, and other external files
BWD
Bina Nusantara University
2
Home Page
Content of Interest
Navigation
Homepage vs. Interior pages
BWD
Bina Nusantara University
3
Organizing Files
To organize your files:
– Create a central folder or a directory to
hold all the material that will be
available at your Website.
– Divide the central folder in a way that
reflects the organization of your
website. You may decide to create a
separate folder for HTML documents,
one of images, and one for other
external files.
BWD
Bina Nusantara University
4
Creating a URL
When considering a host, there are a number of
things to keep in mind:
How much disk space will they let you have for your
website?
DO they offer technical support?
Will they register a domain name for you?
How fast is their connection to the Internet? This will
determine how fast your pages are served to your visitors.
Do they include dial-up access to the Internet?
Will they let you run custom CGI scripts, FrontPage
extensions, and other advanced features?
Do they offer a web hit statistic service to let you know how
many people have been visiting your site?
BWD
Bina Nusantara University
5
Navigational Dimension &
Metaphors
Help user to understand the structure of the
information space and their own movements
Navigational Dimension:
–
–
Linear Left-Right Dimension (Movement between
pages within a node: Back and forth among the text
pages within a given node)
Orthogonal to the Left-Right (Used for hypertext
jumps
Exp: an office metaphor is used for the index
BWD
Bina Nusantara University
6
Navigation
Role of Navigation
Where am I
Where have I been
Where can I go
BWD
Bina Nusantara University
7
Navigation (2)
Hypertext Links
Embedded Links
Implicit Links: not defined as such, follow
from various properties of the information
Computed Links: while the reader is
reading, instead of being statically
determined in advance by the author.
Site Structure
Breath vs. Depth
BWD
Bina Nusantara University
8
The User Control Navigation
Reducing Navigational Clutter
BWD
Bina Nusantara University
9
The User Control Navigation
Aggregation:
Showing a single unit that represents a
collection of smaller ones
Summarization:
Ways of representing a large amount of
data by a smaller amount
BWD
Bina Nusantara University
10
The User Control Navigation
Filtering:
Eliminating entire wads of stuff we don’t
care about
Truncation:
Cut off everything except the first initial
parts of the information and let users click
a “More…” link for the rest
BWD
Bina Nusantara University
11
Search Capabilities
Internal Database
External Information
BWD
Bina Nusantara University
12