Auiml renderer for JavaScript and Dojo

Brief introduction

One of the most common tasks of the user interface is to create input forms (that is, panels that collect data from users). Auiml Toolkit is one of several tools that have emerged over the years to help designers and developers simplify the work.

This article gives an overview of AUIML Toolkit, which combines the easy-to-use, intuitive nature of the AUIML visual designer with the diversity of Dojo Toolkit, allowing you to quickly and easily develop the WEB 2.0 interface.

What is Auiml Toolkit?

Based on the Abstract user Interface Markup Language (the user interface Panel is based on an XML representation), AUIML Toolkit makes it easy for developers to write user interfaces and can run them as Swing applications or on the Web.

The AUIML Toolkit contains a visual Builder based on Eclipse and one of the java™swing renderer and Web renderer. At design time, developers typically use the Visual Builder build panel and test them through a preview of two Run-time renderer.

Before you start

Before you begin, you should download Auiml Toolkit from HTTP://WWW.ALPHAWORKS.IBM.COM/TECH/AUIML.

After extracting the package (for example, after/ECLIPSE_CSA), use the following procedure to add a Visual Builder plug-in to the eclipse or IBM rational®software Development Platform:

Select Help > Software Updates > Manage Configuration.

Figure 1. Manage Configuration menu item

Select Add > Extension Location.

Figure 2. Extension Location menu item

Select the folder csa_5.1.0 from the decompression structure (that is,/ECLIPSE_CSA).

Figure 3. Folder selection

After you have properly installed the AUIML Toolkit, you can look at the sample code in the Toolkit/samples/com/ibm/ui/samples directory. These examples can be started in the same way as described in the toolkit/samples/overview.html file.