|
|
|
|
|
|
|
|
|
|
|
|
|
|
PROGRAMMING POWER
How to create Yahoo-like Web folder navigation
By Glenn S. Orenstein
The Notes folder structure provides an excellent way to categorize information. The hierarchical nature of cascading folder names, and the ease with which documents can be dragged into appropriate folders, makes the process of classifying and indexing information easy.
Navigating through those folders via a browser client, particularly when there are a large number of folders, is not as simple. The usual method of navigating folders in Notes and Domino is to present an outline of folders in a navigational pane. The user is required to expand and collapse branches in order to search through the content. When the number of folders is large, particularly when they are nested many levels deep, this type of navigation is neither efficient nor convenient.
Large public Web sites such as Yahoo use an alternative method of navigation that is particularly well suited to a large hierarchical data structure. This method of navigation differs from the standard Notes navigation in that you see only the current folder, the path leading to it, and one level of folders below it. You can "walk" through the folder structure to arrive at a topic of interest. Of course, the success of this method depends on what names are given to the folders and how well those names give an understanding of how the content is organized.
In this article, I'll show you how to create Yahoo-like navigation of folders and views via a Web browser. Before we get into the characteristics of this form of navigation, take a look at Figure A. You might want to open it in a new window by shift clicking on the small image below; we'll be referring back to it throughout the article.
FIGURE A
 
The navigation closely resembles that used by Yahoo. Roll over picture for a larger image.
Item 1 in the figure represents the current location path displayed at the top of the page as a horizontal list of folder names. It shows the hierarchy from the root of the folders on the left to the current folder on the right. Each folder name is hot linked to allow quick return to prior levels.
Item 2 represents some content specific to that folder.
Below the current location path is a list of topics (i.e., folders) on the next level down in the hierarchy. See item 3. Each topic/folder name is hot-linked.
Below the list of next-level folders is a list of documents in the current folder, represented by item 4 in the figure.
I've prepared a sample database incorporating all the design elements discussed in this article. The examples and figures used in this article come directly from that database. Please feel free to obtain a copy from the download area of my Web site at http://www.gorenstein.com/download.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
-- Advertisement --
Learn Notes and Domino 8 at your place and pace!
Learn Notes and Domino in your office and/or home! TLCC's highly acclaimed distance learning courses for users, developers, and admins will enhance your career and your resume.
The many included activities and demos will make you a pro! Expert instructor help is a click away.
Click here to try a FREE demo course!! |
-- Advertisement --
Mark your calendar for in-depth Lotus training, May 12-14, Boston
Join experts and peers May 12-14 in Boston for educational and networking events that deliver real-world Lotus training so you can increase productivity and efficiency in your company, advance your skills, and squeeze the most from your current environment. One registration gets you into THE VIEW's Admin2010 and Lotus Developer2010.
Register by April 10 to save $200. |
|
|
|
|
|
|
|
|
|
|