1. Session 3: Web Site Design J 394 – Perancangan Situs Web Program Studi Manajemen Universitas Bina Nusantara

2. BWD Bina Nusantara University 2 Site Map To design your site: –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 home productabout usFAQ AB…

3. BWD Bina Nusantara University 3 Home Page Content of Interest Navigation Homepage vs. Interior pages

4. BWD Bina Nusantara University 4 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.

5. BWD Bina Nusantara University 5 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?

6. BWD Bina Nusantara University 6 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

7. BWD Bina Nusantara University 7 Navigation Role of Navigation Where am I Where am I Where have I been Where have I been Where can I go Where can I go

8. BWD Bina Nusantara University 8 Navigation (2) Hypertext Links Embedded Links Embedded Links Implicit Links: not defined as such, follow from various properties of the information 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. Computed Links: while the reader is reading, instead of being statically determined in advance by the author. Site Structure Breath vs. Depth

9. BWD Bina Nusantara University 9 The User Control Navigation Reducing Navigational Clutter

10. BWD Bina Nusantara University 10 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

11. BWD Bina Nusantara University 11 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

12. BWD Bina Nusantara University 12 Search Capabilities Internal Database External Information