O aplicativo PlantsByWebSphere representa um aplicativo da Web que contém camadas de modelo, apresentação e controle. O aplicativo PlantsByWebSphere é um Web site fictício que vende plantas e acessórios para jardinagem. É possível visualizar um catálogo on-line, selecionar itens e incluí-los em um carrinho de compras. Quando o carrinho de compras contiver itens, você poderá efetuar o login, fornecer informações do cartão de crédito e finalizar a compra.
A arquitetura em estilo Ajax é incluída por meio do JavaScript Dojo Toolkit. Foram incluídos vários widgets Dojo e recursos de arrastar e soltar para o carrinho de compras.
Para suportar arrastar e soltar, vários controles de widget Dojo foram criados. Os widgets incluem suporte para exibir o inventário em uma grade, exibir informações detalhadas sobre os itens e arrastá-los para um carrinho de compras. Ao clicar em finalizar compra, o conteúdo do widget do carrinho de compras é enviado para o servidor para processamento. O widget da grade que exibe o conteúdo do catálogo fornece as informações ao emitir um pedido ao servidor usando dojo.xhr(Get,Put). A resposta do servidor é enviada de volta no formato XML e contém informações detalhadas e uma referência de URL (Universal Resource Locator) na qual a imagem está localizada.
O aplicativo PlantsByWebSphere também inclui uma camada adaptadora adicional que usa o RPCAdapter. O RPCAdapter é usado para mapear as estruturas J2EE tradicionais como EJBs (Enterprise Java Beans), Serviços da Web e POJOs para estruturas leves como JSON (JavaScript Object Notation) ou dados XML. Os dados podem ser consumidos e renderizados facilmente pelos clientes com base em JavaScript usando Dojo. O RPCAdapter é usado para mapear os pedidos GET do lado do cliente para EJB de legado ou dados de sessão de Servlet. Os dados são retornados como XML e usados como entrada para construir os widgets Dojo dentro do Navegador.