Xoetrope
View

Catalogue Wizard Demo

Kingsley Elmes. Version 3.1, 22/06/07

The catalogue wizard allows the creation of a simple product catalogue. A user of the catalog can view details for individual products, add them to a shopping cart for purchase and then proceed to a checkout page to enter shipping details and confirm their order.

The aim of this demo is to introduce the catalog wizard included in Carousel.

To launch a java webstart application of the catalog generated by the wizard just click on the link below.

Under the Welcome tab, users can select options for the initial appearance of the catalogue. These options include the title and subtitle of the catalogue, background image company logo and an a splash screen image which will be displayed when the catalogue starts. A product portfolio photo and welcome text can also be added.

 
 
The welcome tab
 
 

 
 

The Facilities tab allows the user to choose from two different layouts which will determine how the products, details and cart panels are displayed if added. Products can be displayed in a tree view or a simple tile view.

 
 
The facilities tab
 
 

 
 

The Products tab allows the user to select how many sample products are to be added to the catalogue. Product information, photographs and price details can also be added.

 
 
The products tab
 
 

 
 

Under the Orders tab the user can select which fields are to be included in the checkout page. The fields are used for entering shipping and payment details.

 
 
The orders tab
 
 

 
 

The Navigation tab allows the user to select whether navigation buttons and buttons for viewing an about page are to be included. The location of these buttons can also be selected. Other helpful features like a status bar and hints can be added under this tab.

 
 
The navigation tab
 
 

 
 

The Styles tab provides a drop down menu allowing the user to select which style they would like the catalogue to use.

 
 
The styles tab
 
 

 
 

The Database tab provides a means for a database to be added to the catalogue. The connection to the database can be tested usuig the test connection button. Sample tables and dummy data can be added to this data base. The sample data consists of product information.

 
 
The databases tab
 
 

 
 

Catalogue

Once you have completed the wizard you can run the generated catalogue application. The welcome page of the catalogue shown below includes a portfolio image and greeting text.

 
 
The catalogue welcome page
 
 

 
 

The products page of the catalogue will appear as below if layout 1 is selected, and the details, products and description areas are added. The products page below displays all twelve sample products. The user has added three products to the cart and the total price for these products is displayed at the bottom of the cart panel.

 
 
The catalogue products page
 
 

 
 

The checkout page is displayed below showing the products that were selected on the products page in the product panel. The total price for these products is also displayed at the bottom of the panel. The user can enter payment and shipping details in the payment & delivery panel on the right of the page.

 
 
The catalogue checkout page
 
 

 
 

To launch a java webstart application of the catalog generated by the wizard just click on the link below.

Part II: The Template Engine

<< back