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

Before you begin

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

About this task

Step 13 towards the goal: Setting up and using the communications enabled application samples

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 in the PlantsByWebSphere directory of the CEA samples package that you can download from the WebSphere Application Server Samples page.

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 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.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. Move your mouse pointer across the page to view the areas of the page that can be highlighted.
    3. Click the area of the page that you want to highlight in the first party's browser.
    4. Verify that the same area of the page is highlighted in the first party's browser.
  7. To end the collaboration session and the call, complete the following steps in the web browser of either party:
    1. Click the Close icon that is located in the upper right-hand corner of the Collaboration Dialog.
    2. In the Call Notification or Click-To-Call widget, click End Call.

What to do next

Explore the CEA web service sample application.
Task topic    

Terms and conditions for information centers | Feedback

Last updated: April 17, 2014 10:32 PM CDT
http://www14.software.ibm.com/webapp/wsbroker/redirect?version=phil&product=was-express-iseries&topic=tcea_cea_getstart_step13
File name: tcea_cea_getstart_step13.html