Skip to main content

By clicking Submit, you agree to the developerWorks terms of use.

The first time you sign into developerWorks, a profile is created for you. Select information in your developerWorks profile is displayed to the public, but you may edit the information at any time. Your first name, last name (unless you choose to hide them), and display name will accompany the content that you post.

All information submitted is secure.

  • Close [x]

The first time you sign in to developerWorks, a profile is created for you, so you need to choose a display name. Your display name accompanies the content you post on developerworks.

Please choose a display name between 3-31 characters. Your display name must be unique in the developerWorks community and should not be your email address for privacy reasons.

By clicking Submit, you agree to the developerWorks terms of use.

All information submitted is secure.

  • Close [x]

Select a language:

  • Close [x]
  • Close [x]

Extending widgets in the WebSphere Application Server Feature Pack for Communications Enabled Applications

Add instant messaging capabilities to a cobrowsing window

Dustin Amrhein, Technical Evangelist, IBM
Author photo
Dustin Amrhein joined IBM as a member of the development team for WebSphere Application Server. While in that position, Dustin worked on the development of Web services infrastructure and Web services programming models. In addition, Dustin lead the technical effort in the development of a Java RESTful services framework. In his current role, Dustin is a technical evangelist for emerging technologies in IBM’s WebSphere portfolio. His current focus is on WebSphere technologies that deliver cloud computing capabilities, including the WebSphere CloudBurst Appliance.

Summary:  One of the ways that the IBM® WebSphere® Application Server V7.0 Feature Pack for Communications Enabled Applications (CEA) simplifies embedding communications capabilities into Web applications is through a ready-to-use set of Dojo widgets. These widgets enable click-to-call functionality, cobrowsing sessions, two-way form capabilities, and more. These widgets and the functions they provide can be leveraged by simply including the appropriate HTML element on a user's Web page. Beyond the functions they deliver right out of the box, you can extend these widgets to provide a customized, enhanced communications experience in your Web applications using your own HTML, Dojo, and JavaScript™ skills. To see how, follow this tutorial and extend the Collaboration Dialog and Cobrowse widgets to deliver instant messaging capability in a Web cobrowsing session.

Date:  17 Mar 2010
Level:  Intermediate
PDF:  A4 and Letter (778 KB | 27 pages)Get Adobe® Reader®

Activity:  19075 views
Comments:  

Before you start

About this tutorial

This tutorial demonstrates how you can extend widgets in the IBM WebSphere Application Server V7.0 Feature Pack for Communications Enabled Applications (CEA) to add instant messaging capabilities to a cobrowsing session. A cobrowsing session is one in which two remote participants communicate by viewing and interacting with a common Web page. The exercise outlined in this tutorial instructs you on modifying the code in the PlantsByWebSphereAjax sample application provided with the feature pack. The tutorial begins by showing how the application functions out of the box, and then shows how you can alter JavaScript, Dojo, HTML, and CSS files to deliver instant messaging capabilities.

Objectives

Learn about the widgets available in the IBM WebSphere Application Server Feature Pack for CEA, their structure, and how they can be extended to deliver customized and enhanced functions.

Prerequisites

This tutorial assumes a basic knowledge of WebSphere Application Server and an intermediate knowledge of JavaScript, Dojo widgets, HTML, and CSS. The tutorial is suitable for beginners to the WebSphere Application Server Feature Pack for CEA.

System requirements

To run the examples in this tutorial, you must have access to a WebSphere Application Server V7.0 environment with the Feature Pack for CEA installed. You must also install the PlantsByWebSphereAjax sample that is shipped with the feature pack. Follow these instructions on installing the feature pack and configuring the sample application. To follow the tutorial, you must have access to an Eclipse development environment, into which you can import an Enterprise Archive (EAR) file and make modifications to JavaScript, HTML, and CSS files contained within the EAR. Finally, you must install at least two of the supported Web browsers for the feature pack.

1 of 14 | Next

Comments

Back to top

Close [x]

Help: Update or add to My dW interests

What's this?

This little timesaver lets you update your My developerWorks profile with just one click! The general subject of this content (AIX and UNIX, Information Management, Lotus, Rational, Tivoli, WebSphere, Java, Linux, Open source, SOA and Web services, Web development, or XML) will be added to the interests section of your profile, if it's not there already. You only need to be logged in to My developerWorks.

And what's the point of adding your interests to your profile? That's how you find other users with the same interests as yours, and see what they're reading and contributing to the community. Your interests also help us recommend relevant developerWorks content to you.

View your My developerWorks profile

Return from help

Close [x]

Help: Remove from My dW interests

What's this?

Removing this interest does not alter your profile, but rather removes this piece of content from a list of all content for which you've indicated interest. In a future enhancement to My developerWorks, you'll be able to see a record of that content.

View your My developerWorks profile

Return from help

static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=1
Zone=WebSphere, Web development
ArticleID=474348
TutorialTitle=Extending widgets in the WebSphere Application Server Feature Pack for Communications Enabled Applications
publish-date=03172010
author1-email=damrhei@us.ibm.com
author1-email-cc=

Table of contents

1 of 14 | Next

Next steps from IBM

Tags

Help
Use the search field to find all types of content in My developerWorks with that tag.

Use the slider bar to see more or fewer tags.

Popular tags shows the top tags for this particular content zone (for example, Java technology, Linux, WebSphere).

My tags shows your tags for this particular content zone (for example, Java technology, Linux, WebSphere).

Use the search field to find all types of content in My developerWorks with that tag. Popular tags shows the top tags for this particular content zone (for example, Java technology, Linux, WebSphere). My tags shows your tags for this particular content zone (for example, Java technology, Linux, WebSphere).

 

Dig deeper into WebSphere on developerWorks

Try IBM PureSystems. No charge.

IBM PureSystems on a kaleideoscope background

Experience today!

Get started with the cloud-based trial and pattern development kit.

Share this page:

  • Close [x]

Follow developerWorks:

  • Close [x]