RSS Feed
Download our iPhone app
Browse DevX
Sign up for e-mail newsletters from DevX


XUL: The Gatekeeper to Higher-level Web UIs

Why wait for XAML? XUL is available now, tightly integrated with the Mozilla browsers and provides a full framework for building desktop or Web applications.

or almost a year now Microsoft has been touting XAML, its XML Application Markup Language, as being a significant disruptive technology changing how you will develop your applications, and in particular the presentation layer for .NET applications.

But thanks to a juggling of internal resources, XAML, and its parent, Longhorn, have been pushed into the vague future with a constantly shifting release date sometime after 2006. However the underlying idea—the separation of user interface declaration and application service logic—is a good one and you don't have to wait for Longhorn and XAML to start developing with that paradigm today.

Enter the Luxor XML UI Language Toolkit, or XUL for short. XUL is more than just the markup language to describe the user interface. It is also a lightweight Web server, a portal engine, a template engine, and a scripting interpreter. It was originally pioneered by Mozilla and is an integral part of the Mozilla browser.

The philosophy behind XUL is to separate the user interface into four distinct layers

  • Content: The structure and description of user interface elements
  • Appearance: The theme, look and feel or 'skin' of the application
  • Behavior: The underlying logic that the user interface exposes
  • Locale: The intended international location for the application.
Figure 1. Not So Hot: The Weather Finder application in action.
In this article you will build a desktop application in Java and XUL that consumes a public Web service to tell you the temperature at any location based on its ZIP code. You will also look into running XUL documents within the Mozilla browser. This is just the tip of the XUL iceberg, but hopefully enough to whet your appetite for more.

Getting Started
The application that you will develop as a sample in this article is adapted from the famous Luxor calculator app, but has been extended to make it a Web service consumer. XMethods.Net host a Web service that accepts a ZIP code and returns a temperature. The WSDL for this file is available for inspection at http://www.xmethods.net/sd/2001/TemperatureService.wsdl.

The download included with this article includes all the source code as well as the JDeveloper workspace and project files. You can use these, or if you prefer a different IDE, you will need access to the Luxor jar file, available for download from the Luxor XUL homepage at http://luxor-xul.sourceforge.net.

A screenshot of the application in action can be seen in Figure 1. You type in the ZIP code using the calculator keypad and hit the GetTemp button. The calculator then calls the XMethods Web service, passing the ZIP code and getting the temperature back, which it then displays on the screen.

In Figure 1, the ZIP code entered is 10036 (Midtown, New York City), which on the day the screen shot was taken was a cool 63 degrees.

Close Icon
Thanks for your registration, follow us on our social networks to keep up-to-date