Sample screen flow application

The IBM UX Screen Flow Manager package includes a sample screen flow application that is ready to use. This sample guides a portal site visitor through a simple travel booking flow. It consists of a set of pages, portlets, and dialog definitions (DDs). For more details about DDs, read Screen flow definitions.

The sample includes the following components:

• The following main pages and portlets:

  • Travel Demo. This demonstration page is the root of the sample. The Travel Demo page provides entry fields where a site visitor can enter details about the intended travel. The IBM UX Screen Flow Manager then passes these details to the subsequent pages where the site visitor can book the appropriate flights, hotels, cars, and insurance.

  • Flight Booking

  • Hotel Booking

  • Car Booking

  • Insurance Booking

  • Travel Summary. The page provides a summary of the booking that is done by the site visitor.

• An exemplary Dialog State Display (DSD). It is shown on each page. The site visitor can use this DSD to navigate back and forth between the individual steps or to suspend or cancel the currently active dialog instance. For more information about DSDs, read User interface artifacts.

• An extra page named Dialog Stack. It provides access to a Dialog Stack (DS). For more information about the Dialog Stack, read User interface artifacts. The site visitor can use the Dialog Stack to view the currently active dialog instance and to return to it or to suspend or cancel it. It also provides an overview of all dialog instances that was previously suspended. The site visitor can resume or cancel these dialog instances.

• Three Dialog Definitions (DDs). The dialog definition that we use determines the order in which the IBM UX Screen Flow Manager routes the site visitor through the flow. By replacing the DD, we can change a screen flow without having to change code.

To install the sample, the following are the steps:

1. Deploy the sample application WAR file included with the installation package. The file contains the sample portlets mentioned before.

2. Create the pages mentioned before. To create the pages, run the following XML configuration interface (xmlaccess) command:

   Code sample 49:

   xmlaccess.{sh|bat} -in deployPagesAndPortlets.xml -user userID -password password -url http://hostname:port/wps/config/

3. Import one of the Dialog Definitions included in the installation package. To import, run the appropriate xmlaccess command. Code sample 50 shows the syntax for the xmlaccess commands for all three dialog definitions.

   Select the dialog definition that you import, depending on the order in which we want the IBM UX Screen Flow Manager to route the site visitor through the flow.

   Code sample 50:

   xmlaccess.{sh|bat} -in dialogDefinitions_FlightCarHotel.xml -user userID  -password password -url http://hostname:port/wps/config/
    xmlaccess.{sh|bat} -in dialogDefinitions_FlightHotelCar.xml -user userID -password password -url http://hostname:port/wps/config/
    xmlaccess.{sh|bat} -in dialogDefinitions_FlightHotelCarInsurance.xml -user userID -password password -url http://hostname:port/wps/config/

Parent IBM UX Screen Flow Manager

Related information

https://greenhouse.lotus.com/plugins/plugincatalog.nsf/assetDetails.xsp?action=editDocument&documentId=362F0167B3B7D52C85257B19004D8FC8