Previous Step   Next Step

Simulate cobrowsing interactions to further explore the features of the CEA widgets.

 Step 11 towards the goal: Setting up and using a Feature Pack for CEA demonstration environment

About this task

To complete this set of tasks, you must know the WC_defaulthost port of the application server that is running the PlantsByWebSphereAjax application.

To view the port numbers assigned to a given server, first visit the following WebSphere® Application Server administrative console page: Application servers > servername , where servername is the name of the application server, for example: server1. Then display the Ports table that is located in the Communications category of settings.

For more information about the sample application, see the supporting documentation that is provided with the Feature Pack for CEA at app_server_root /feature_packs/cea/samples/plantsbywebsphere/documentation/index.html.

Before you begin

Simulate customer service interactions to verify the setup and explore the basic features of the CEA widgets.

Procedure

  1. Using the Cobrowse widget, invite a second party to participate in a cobrowsing session.
    1. Start a new Web browser instance and load the PlantsByWebSphereAjax for CEA home page, http://hostname:port/PlantsByWebSphereAjax/, where hostname is the host name or address of the application server, and port is the WC_defaulthost port of the application server, for example: http://localhost:9080/PlantsByWebSphereAjax/.
    2. Click the Cobrowse link.
    3. Within the Cobrowse widget, click Create.
    4. Copy the invitation link to the operating system clipboard.
  2. Acting as the second party, join the cobrowsing session.
    1. Start a new Web browser instance and load the invitation link.
      Best practice: When completing this task on a single machine, you must use two separate Web browsers from different vendors; otherwise, results are unpredictable. For example, do not attempt to use two tabs within the same instance of a given browser, or even two separate instances of the same browser, for example, Firefox. Always use two separate browsers from different vendors, for example, Firefox and Internet Explorer, Chrome and Safari, and so on.bprac
  3. Acting as the first party, send a Web page to the second party. Then verify that the second party received the page.
    1. Within the Collaboration Dialog, click Send Page.
    2. Verify that the page is displayed in the second party's browser.
  4. Acting as the first party, grant control of page navigation to the second party.
    1. Within the Collaboration Dialog, click Grant Control.
  5. Acting as the second party, set up the Collaboration Dialog to automatically send the first party each new Web page that is viewed. Then verify that the second party automatically receives new pages.
    1. Within the Collaboration Dialog, click Follow Me and view several different pages in the site.
    2. Verify that the final page is displayed in the first party's browser.
  6. Acting as the second party, highlight an area of a page for the first party. Then verify that the area was highlighted correctly in the first party's view.
    1. Within the Collaboration Dialog, click Highlight.
    2. Click an appropriate area of the page.
    3. Verify that the same area of the page is highlighted in the first party's browser.

What to do next

Explore the CEA Web service sample application.

  Previous Step   Next Step