Jayashri Visvanathan
Before becoming the Java Studio Creator team's Engineering Manager, Jayashri was a member of the engineering team working with the BluePrints team on the AJAX-enabled components bundled in Java Studio Creator. She was also a member of the JavaServer Faces team since its inception, managing the reference implementation and the java.net project. |
Sample, Applications, Components & Widgets
|
 Flower Store Demo
The Flower Store Demo is a sample application developed using Java Studio Creator and BluePrints AJAX components from the Java Pet Store application. This application demonstrates how you can hide all the complexities assoicated with AJAX within a JavaServer Faces component (which is re-usable in your own applications) and enable visual development of AJAX enabled web application using JavaStudio Creator.
The Flower Store Demo uses the following components and technologies:
- The Auto Complete Text Field presents a list of selectable suggestions as the user types. The list is obtained via AJAX (asynchronous requests) based on what the user has typed so far.
- The Select Value Text Field is similar to the Auto Complete Text Field, but displays the list of suggestions in a dropdown component. This is a user interface paradigm used to ensure that a valid address is entered.
- The Map Viewer makes asynchronous (AJAX) requests to the Google Maps web service to display a map, pan, zoom, add balloon markers to the map, and present other features supplied by the web service.
- The Progress Bar polls the server via AJAX and displays the progress of a long-running process.
- The Rich Textarea Editor is a text area with buttons that let the user apply formatting (such as bold, italics, bulleting, etc.) similar to a word processing application. This is a widget commonly used on web-based e-mail sites. (Currently, this is a DOJO-only component rather than a full-fledged AJAX component, but in future we are likely to implement saving and cancel functionality via AJAX.)
- The Buy Now Button component presents a control to initiate a single-order PayPal transaction. (Note: This is not an AJAX component.)
- The Rating component presents a row of stars indicating the rating assigned to an item. This is a user interface paradigm used extensively by DVD rental sites (such as NetFlix). When the user assigns a new rating to an item, an asynchronous (AJAX) request transmits the new rating to the server.
- Dojo toolkit used as an Ajax framework, augmented with custom Javascript to statisify user-experience requirements.
Flower Store Demo by Jayashri Visvanathan
|
|
|
