Collaborating and cobrowsing in Web applications

You can embed the Cobrowse widget in an application so that users can share the same browsing session, with one user controlling the session. You can use the Dojo Toolkit that comes with the CEA feature to embed the CEA widgets in your applications.

Before you begin

Avoid trouble: For a list of restrictions that are changed based on various service levels of the product, see the topic What is new in the Feature Pack for CEA.gotcha

Dojo widgets are prepackaged components of JavaScript™ code, HTML markup and CSS style declarations that can be used to enhance Web sites with interactive features. You can use the Dojo Toolkit that comes with the CEA feature to embed the CEA widgets in your applications.

About this task

A cobrowsing session allows two Web users to share the same browsing session. One user controls the session; the other user has no control, but can view the activity of the other user. A modal window is a secondary window that requires the user to interact with it; the modal window must be closed before the user can return to the main application.

The Cobrowse widget can be customized to match the look and feel of the page by modifying the CSS file. The widgets are also extensible, allowing the user to create their own custom version to handle more advanced tasks.

In addition to listing the steps needed to enable applications with cobrowsing, this task includes details about how to enhance the application and configure the application server.

This task lists the steps needed to enable collaboration and cobrowsing in an existing application. To quickly learn how the CEA widgets work in an online application, you can install the PlantsByWebSphere Ajax Edition for CEA (PlantsByWebSphereAjax) sample application. 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, as well as the topic Setting up a CEA Feature Pack demonstration environment.

[Feature Pack for CEA Fix Pack 5 or later] Avoid trouble: In the following procedure, complete either Step 3 or Step 4. Step 3 enables the widget for desktop browsers. Step 4 enables the widget for Apple and Android mobile browsers.gotcha

Procedure

  1. Enable the system application.
  2. Copy the CEA widgets into the application you are enhancing.
  3. Embed the widgets in the application you are enhancing.
  4. Embed the mobile widgets in the application you are enhancing.
  5. Install and start the application you are enhancing.
  6. Test the application you are enhancing.

Results

You have enabled the Cobrowse widget within an application, which allows users to share and direct a browsing session with a Web browsing partner.

Avoid trouble: gotcha



Related concepts
What is new in the Feature Pack for CEA
Related reference
CEA collaboration flow
Related information
Multiple Versions of Dojo in a Page
Tips for debugging Ajax applications


Terms of Use | Feedback

Last updated: Oct 21, 2010 12:57:02 PM CDT
http://publib.boulder.ibm.com/infocenter/wasinfo/v7r0/index.jsp?topic=/com.ibm.websphere.ceafep.multiplatform.doc/info/ae/ae/tcea_enable_cobrowsing_widgets.html