[Top] [Prev] [Next] [Bottom] [Contents]

Background Information

 The Web application created in this tutorial consists of four HTML documents. Some of the documents have static anchors that, when activated, invoke a database function that dynamically creates another Web page. The contents of the dynamically created Web pages are based on the contents of your database and a supplied template HTML file. The first page of your application, home.html, is shown in Figure 4-15.

Figure 4-15 First Web page in tutorial 1-home.html

 Clicking the Book Search icon will invoke a CGI program, generated by Sapphire/Web, that populates your template HTML file with data from your database. This (dynamically created) page is displayed by your browser. The books.html template is illustrated in Figure 4-16 with data in the options menu.

Figure 4-16 Second Web page in tutorial 1-books.html

 This second page contains HTML Form elements that accept search criteria and allow your user to obtain information from your database in a third template named book_results.html (Figure 4-17).

Figure 4-17 Third Web page in tutorial 1-book_results.html

 This Web page will contain a Hotlist of anchors. By clicking a list item, the user can get more detail, as seen in Figure 4-18.

Figure 4-18 Fourth Web page in tutorial 1-book_detail.html

 The process flow of this application is illustrated in Figure 4-19.

Figure 4-19 Tutorial Process Flow

 When the user clicks on the Book Search icon in home.html, books.html appears with an Options Menu that is pre-populated with data from the database. This page allows specification of the Title and Category of books of interest. When the Submit Query button in books.html is clicked, the values in the Title and Category fields are passed as arguments to a database query which populates a Hotlist in book_results.html with book titles. Each Hotlist item in book_results.html can then be clicked to see details about a book.


[Top] [Prev] [Next] [Bottom] [Contents]

info@bluestone.com
Copyright © 1997, Bluestone. All rights reserved.