Skip to main content


developerWorks  >  WebSphere  >

Building Ajax portlets for WebSphere Portal

developerWorks

Level: Intermediate

Karl Bishop (kfbishop@us.ibm.com), Senior Software Engineer, IBM
Doug Phillips (dougep@us.ibm.com), Advisory Software Engineer, IBM

16 Aug 2006

Register now or sign in using your IBM ID and password.

This tutorial shows you how to use WebSphere® Portal to create and deploy a portlet that contains AJAX functionality.

Objectives

  • Learn how to implement Ajax into a portal-based Web application.

  • Discover how to dynamically update a page using DHTML.

Prerequisites

This tutorial is intended for experienced WebSphere Portal developers. It is assumed that you have a general knowledge of Java® Portlet (JSR 168) development, JavaScript, HTML, CSS, and XML. You should also have a basic understanding of WebSphere administration and portal application deployment using Rational tooling or the portal administrative console.


System requirements

Before beginning this tutorial, ensure that:

  1. You have IBM® Rational® Application Developer (RAD), or a similar tool, to edit and deploy the portal application. Although this tutorial assumes that you are using RAD, nothing contained within this tutorial is tooling specific. You can use any preferred editor or method for deploying the portlet WAR file into WebSphere Portal.
  2. You have WebSphere Portal v5.x or later installed.
  3. You have a database installed, such as DB2®.



Duration

This tutorial takes about two hours to complete.


Formats

html, pdf


Summary

Asynchronous JavaScript and XML (Ajax) is the latest buzzword in the Web development world. Going beyond the hype, this tutorial will address how to effectively use this powerful client-server interaction paradigm in your portal applications. First, we will get into a brief introduction to Ajax and how it interacts with DHTML (Dynamic HTML -- JavaScript, CSS, DOM). Next, we will get into an architectural discussion of a basic Ajax-enabled portal application. Finally, we will jump into building a working example that will reinforce your understanding of Ajax.

Share this....

digg Digg this story del.icio.us del.icio.us Slashdot Slashdot it!


Back to top


Document options

Document options requiring JavaScript are not displayed


My developerWorks needs you!

Connect to your technical community