Pagelet and Portlet Development

Pagelet and Portlet Development

A pagelet is a web application that produces a self-contained, reusable UI element. A portlet is a pagelet designed for use with AquaLogic Interaction portal. This page provides an introduction to pagelets and portlets and how they are used in ALI portal and Ensemble. For a detailed explanation of the differences between pagelets and portlets, see Pagelet vs Portlet.

Every pagelet and portlet executes its functionality in a separate process. Most pagelets connect to a back-end application for data or functionality. The example below is a Collaboration portlet that searches for projects based on a user’s selections.

All pagelets are designed to be displayed with other pagelets. AquaLogic Interaction (ALI) portal and AquaLogic Ensemble both act as a gateway, processing and combining pagelets from multiple applications to create a single, unified page with a range of functionality. Pagelets from the same back-end application can interact with each other within the mashup page.

 

The same pagelets can be used in both Ensemble and ALI portal, but a different process is used to implement the mashup page.

Modeled after the “window” metaphor from desktop user interfaces, the ALI portal displays portlets as a series of windows or boxes arranged in columns on a page with borders, title bars, buttons, headers and footers rendered by the portal framework. The page layout is defined through the portal's administrative UI. Each My Page or community page is made up of many portlets, selected and arranged using portal editors. For example, the portlets on the Support Center community page shown below provide access to a range of resources:

In Ensemble, a pagelet consumer page defines the layout and includes specific pagelets in the page using adaptive tags. All the portlets in the page above could also be used as pagelets in Ensemble. The portal header is not included by default, but portal header navigation can be added using tags.

The pages in this section provide detailed information on how to implement pagelets and portlets from basic to advanced.