Siebel Interactive Designer Administration Guide > Building an Application Using Interactive Designer >

Creating a Browser-Based eConfigurator Application


Using Interactive Designer, you can create an eConfigurator application that allows users to configure a product or solution.

An eConfigurator application displays UI controls populated with data contained in Feature tables. As users make selections, rules stored in the Configuration table determine which selections are valid. Guidance messages stored in the Configuration tables are displayed based on the user's selections. For example, if a user selects a red luxury sedan, and the luxury sedan is not available in red, the guidance message appears: "The luxury sedan is available in only black or silver. Please select one of these colors or select a different model." In the Outputs page, you can display the current product or solution based on the user's selections.

Figure 4 shows an example of an eConfigurator application at runtime.

Figure 4. An eConfigurator Application at Runtime

Click for full size image

The following workflow describes how to create an eConfigurator application.

  1. Create a project.
  2. For more information, see Creating a Project.

  3. Create a pageset.
  4. For more information, see Creating a Pageset.

  5. Create Feature tables.
  6. For more information, see Creating Feature Tables.

  7. Add an output column to the MAIN Configuration table or to a subtable, to store product IDs for your products or solutions.
  8. For more information, see Creating Configuration Tables.

  9. Add a link UI control to the Results page of the pageset and reference the column that stores product IDs.
  10. In the Configuration table, enter all valid and invalid combinations of your features.
  11. Create the contents list.
  12. For more information, see Creating a Contents List.

  13. Add UI controls for the features to the Inputs page.
  14. For more information, see About Creating Input UI Controls.

  15. Add UI controls to the Results page to display information about the product or solution that results from the user's selections.
  16. For more information, see About Creating Output UI Controls.

  17. Preview the project.
  18. For more information, see Previewing a Project.

  19. Deploy the application.
  20. For more information, see Deploying a Project.

  21. Link the application to quotes, the shopping cart, and other Siebel products.
  22. For more information, see Working with a Deployed Application.


 Siebel Interactive Designer Administration Guide 
 Published: 18 April 2003