La aplicación PlantsByWebSphere es representativa de una aplicación Web que contiene capas de modelo, presentación y control. La aplicación PlantsByWebSphere es un sitio Web de ficción que vende plantas y accesorios de jardinería. Puede ver un catálogo en línea, seleccionar elementos y añadirlos a un carro. Cuando el carro contiene elementos, puede iniciar la sesión, proporcionar información de la tarjeta de crédito y pagar.
La arquitectura de estilo Ajax se añade a través de JavaScript Dojo Toolkit. Para el carro de la compra, se añaden varios widgets de Dojo y posibilidades de arrastrar y soltar.
Para el soporte de arrastrar y soltar, se han creado varios controles de widget Dojo. Los widgets incluyen soporte para visualizar el inventario en una cuadrícula, visualizando información de detalle sobre los elementos y arrastrando los elementos a un carro de la compra. Cuando pulsa pagar, el contenido del widget del carro de la compra se envía al servidor para su proceso. El widget de cuadrícula que visualiza el contenido del catálogo deriva la información emitiendo una petición al servidor mediante dojo.xhr(Get,Put). La respuesta del servidor se devuelve en formato XML y contiene información de detalle y una referencia de Localizador de recursos universal (URL) de dónde está ubicada la imagen.
La aplicación PlantsByWebSphere también incluye una capa de adaptador adicional mediante RPCAdapter. RPCAdapter se utiliza para correlacionar construcciones J2EE tradicionales como por ejemplo Enterprise Java Beans (EJB), Servicios Web y POJO con construcciones ligeras como por ejemplo Notación de objetos JavaScript (JSON) o datos XML. Los datos pueden consumirlos y representarlos fácilmente los clientes basados en JavaScript mediante Dojo. RPCAdapter se utiliza para correlacionar peticiones GET del lado del cliente para datos de sesión de Servlet o EJB de legado. Los datos se devuelven como XML y se utilizan como entrada para construir los widgets Dojo dentro del Navegador.