Welcome!

Java Authors: Al Mannarino, Christopher Keene, Anatoly Krivitsky, Pat Romanski, Jason Weathersby

Related Topics: AJAX & REA

AJAX & REA: Article

The Four "Quantum States" of AJAX

An Effort to Tease Apart and Classify the Plethora of AJAX Technologies Available Today
By Kevin Hakman
Article Rating:
September 20, 2006 01:15 PM EDT
Reads:
 84,128

Uh oh! Here comes yet another technology buzzword. This time it’s “AJAX”. In addition to being a household cleaner, a character from Greek mythology, and the name of a European soccer club, AJAX is Asynchronous communication, JavaScript, and XML. These technologies, which are already present in your browser, make it possible to retrieve information without refreshing a Web page.

Citing Google’s use of AJAX, the Wall Street Journal noted recently that AJAX represents “a big step toward the Holy Grail of having the kinds of speed and responsiveness in Web-based programs that’s usually associated only with desktop software.”[1] And increasingly, developers, entrepreneurs, and industry analysts are grasping the opportunities that AJAX presents.
 
So what’s all the excitement? The need and desire to provide richer functionality in Web-deployed applications, a.k.a. Rich Internet Applications (RIA), have been around for a while. Historically, attempts to deliver on this vision however have required supplemental browser technologies such as Java applets, Active-X controls, and browser plug-ins. But each of these approaches has challenges. There are security concerns around Active-X. The Java runtime version required by an applet may not be present, or applets may be blocked by firewalls. The right version of a plug-in may not be present, and locked-down enterprise desktops may prevent it from being updated. With an AJAX-enabled RIA, even the most cynical software engineer acknowledges that there is no need for supplementation. Developers and businesses alike are excited about AJAX because it leverages functionality that is readily accessible in the browser.
 
The base technology for AJAX has been available since 1999 when Microsoft put an XML parser into Internet Explorer and formalized, in its XML HTTP Request object, a method for background communications that eliminated the need for creative work-arounds, such as using hidden portions of a Web page. The early AJAX pioneers focused on business-to-business applications where Internet Explorer had a ubiquitous presence. However, with the recent addition of AJAX capabilities to other browsers, most notably Mozilla Firefox, developers are enhancing consumer applications with richer capabilities. Support across multiple browser types enabled Google to provide its much touted maps.google.com site to a world-wide audience. This support has also contributed to the popularization of the AJAX acronym, coined in early 2005 by Adaptive Path, a San Francisco-based business and Web consulting firm. Now the buzz is that any software start-up visiting a Sand Hill Road venture firm should have the term in its PowerPoint deck.
 
Deconstructing “AJAX”
A brief survey of ajaxian.com—a developer website that catalogs and facilitates discussions of all things AJAX—quickly reveals that AJAX is being applied to everything from simple communication scripts to full-blown RIA development and deployment frameworks. One of the problems with the term AJAX is that, strictly speaking, the concepts underlying the acronym do not encompass a graphical user interface. Tightly defined, AJAX simply describes a technology that transports information to and from the browser and not how that information is displayed. To purists, AJAX is about communicating asynchronously from the browser using JavaScript and XML, nothing more. To others, through their experiences with Google Maps and Yahoo!’s new email offering, AJAX represents a desktop-like GUI that leverages the pre-existing HTML, DHTML, and vector-based rendering capabilities of the browser. When they speak of AJAX, just as the Wall Street Journal did, they mean the rich user interactivity of the desktop—not just background communications. Either way, “AJAX” is a lot catchier than “DHVAJAX.” Accordingly, it’s likely that developers will continue to use it for a broad spectrum of uses. So, it’s important to understand the “quantum states” the term has taken on.
 
Four Quantum States
This article proposes four quantum states of AJAX in an effort to tease apart and classify the plethora of AJAX technologies available today.
  1. Communication libraries
  2. User Interface Components
  3. Rich Internet Application frameworks
  4. RIA Frameworks with robust visual tooling
Your unique needs will determine which of the following AJAX incarnations makes the most sense for you.

Communication Libraries – libraries that provide the communication elements named in the acronym and nothing more.



Recall that your desktop Web browser—assuming you’re not using an obscure one—has asynchronous communications, JavaScript, and XML built in. You can directly interact with the JavaScript APIs that Internet Explorer and Firefox provide with their XML and asynchronous communication objects. Of course, the rub is that the APIs for each browser are slightly different. Accordingly, libraries such as Prototype, SAJAX, and AJAX.NET handle the browser differences for asynchronous communications, while Google’s AjaXSLT provides a JavaScript implementation of XSLT and XPath that enables you to work with XML structures more easily across a variety of browsers.

Potential Users
If all you want to do is update the options in a select box, swap out content in a HTML page asynchronously, or perform other simple content updating tasks, communication libraries offer strong CSS and DOM capabilities. And if you love working with low-level objects, they are a good fit. If you’d prefer to have reusable GUI components at your disposal, read on.


GUI Components – graphical user interface components that are scripted to communicate asynchronously and display the resulting information without refreshing the entire Web page.

What you find in libraries offered by Dojo Toolkit, Rico, eBusiness-Apps, and others are out-of-the box GUI controls that can retrieve data in the background and render it in the GUI control. Typically, one finds GUI controls that can be used individually or several at a time to enhance portions of a Web page. These components may or may not share common communication libraries or a common look and feel.
 
   
Widgets: Part of the Dojo Toolkit
 
Potential Users
Developers with existing HTML pages can add GUI controls that enrich a page with these ready-made libraries. If you aspire to full-fledged browser-based applications rather than occasional enhancements, AJAX-based RIA frameworks (described later) will help you head off issues that arise from mixing and matching components that do not share a common infrastructure.
 
Rich Internet Application (RIA) Frameworks – AJAX-based RIA Frameworks that deliver ready-built, fully-integrated libraries of interactive GUI components and share common approaches to data acquisition, persistence, and communication. Some frameworks center on server-side models, while others are sophisticated client-side libraries.

In these frameworks, GUI controls share a common look and feel—in contrast to stand-alone, mix-and-match GUI components. In addition, in RIA frameworks, communications, data caching, and other core services are shared among GUI controls, usually in an extensible model that supports object inheritance.
 
There’s also a semantic shift in the language used to describe objectives. For example, in RIAs, the notion of a “page” goes away and is replaced by application “screens,” “controls,” “modal dialogs,” and other conventions of the client-server GUI world that pre-dated the Web. If you think in these terms, then AJAX-based RIA frameworks such as Bindows, Isomorphic, BackBase, JackBe, TIBCO General Interface and others make sense.
 
Potential Users
RIA Framework users are likely to be development organizations creating both tactical and  mission-critical solutions. Here, developers are creating complete RIAs, rather than simply  enhancing an HTML page with a few GUI components. Thus, these desktop-like applications transcend simple enriched Web pages. At the same time, the capability still remains to place a component or two into an existing HTML page and enhance its functionality. In the latter case it may require a bit more overhead to get the component up and running. Often, though, the component definitions are cached at the client, making overhead less of an issue.

RIA Frameworks with Visual Development Tooling – AJAX RIA frameworks accompanied by visual authoring capabilities via a custom development environment or plug-ins to popular IDEs. 
 
Here, developers write significantly less code than if using a framework’s APIs directly. In comparative terms, developers don’t write much code using pure AJAX communication libraries or AJAXified GUI components, because their goals are usually relatively limited. Hence, in building full applications with a framework, it’s a powerful, but time consuming to write directly to the framework APIs. AJAX RIA frameworks such as BackBase, JackBe, TIBCO General Interface, and others provide rapid development tools that increase developer productivity and reduce the cost of owning AJAX RIA applications. In order not be left out of a hot development trend, Microsoft has also announced its intention to provide an AJAX framework code named Atlas that works with it’s .NET server-side framework and likely it’s visual development tools. These tools complement frameworks through access to visual debugging, communication tracing, API references, code generation, and other time-saving features.
 
Potential Users
Savvy AJAX RIA tooling applies to much the same group of users as those considering an AJAX RIA framework. For many organizations, author time efficiency is paramount, so tools must make building applications faster and easier.
 
Wrapping it up:
While the strictest definition of AJAX addresses only communications, the term is being used to describe a new class of more richly-featured GUI component and a class of Rich Internet Applications that require no plug-ins, Active-X controls, applets, or other technology to supplement the browser while achieving  functionality and performance that is comparable to desktop-installed applications.

Given that, when potential users ask whether AJAX is simply an ingredient in a no-plug-ins, no-Java applets, no-Active-X approach to RIAs, or a class of RIAs unto itself, the answer it seems is “all of the above.”
 
A Snapshot of Tools Available for all AJAX States:
 
Level
Tool/Product
Provider
0
IE 5.0
Firefox
AjaXSLT
Internet Explorer (www.microsoft.com)
Mozilla Corporation (www.mozilla.com)
1
SAJAX
Ajax.NET
Prototype
ModernMethod (www.modernmethod.com)
BorgWorX (www.borgworx.com)
Conio.net
2
dojo 0.2
Rico
Web ComboBox V3 - AJAX
www.ebusiness-apps.com
3
BINDOWS™
SmartClient™
Bindows (www.bindows.net)
Isomorphic (www.isomorphic.com/)
4
Backbase AJAX
JackBe Visual GUI Builder
TIBCO General Interface
Backbase (www.backbase.com)
TIBCO (developer.tibco.com)
 
Author’s note: The products in this table are a sampling of the plethora of AJAX-related libraries, frameworks, and tools evolving. A more complete and ever-growing list can be found at http://ajaxpatterns.org/Javascript_Multipurpose_Frameworks.
 
Top Diagram: The synchronous interaction pattern of a traditional web  application (top) compared with the asynchronous pattern of an Ajax 
application (bottom). Image source: Jesse James Garrett (c) AdaptivePath.
 

[1] Lee Gomes, “Google Bets on AJAX,” The Wall Street Journal, March 15, 2005.

Published September 20, 2006 – Reads 84,128
Copyright © 2006 SYS-CON Media, Inc. — All Rights Reserved.
Syndicated stories and blog feeds, all rights reserved by the author.

More Stories By Kevin Hakman

Kevin Hakman is Director of Evangelism for Aptana, Inc., makers of the popular Aptana Studio web development suite. As early as 2001 Kevin was pioneering AJAX web applications via General Interface, a full AJAX development and GUI toolkit which he co-founded, and later sold to TIBCO Software in 2004. Kevin is a contributor to AJAXWorld Magazine, and has spoken at numerous AJAX industry events.

Comments (17) View Comments

Share your thoughts on this story.

Add your comment
You must be signed in to add a comment. Sign-in | Register

In accordance with our Comment Policy, we encourage comments that are on topic, relevant and to-the-point. We will remove comments that include profanity, personal attacks, racial slurs, threats of violence, or other inappropriate material that violates our Terms and Conditions, and will block users who make repeated violations. We ask all readers to expect diversity of opinion and to treat one another with dignity and respect.

Most Recent Comments
j j 09/20/06 01:32:08 PM EDT

Tightly defined, AJAX simply describes a technology that transports information to and from the browser and not how that information is displayed. To purists, AJAX is about communicating asynchronously from the browser using JavaScript and XML, nothing more. To others, through their experiences with Google Maps and Yahoo!'s new e-mail offering, AJAX represents a desktop-like GUI that leverages the pre-existing HTML, DHTML, and vector-based rendering capabilities of the browser. Either way, 'AJAX' is a lot catchier than 'DHVAJAX.' Accordingly, it's likely that developers will continue to use it for a broad spectrum of uses. So, it's important to understand the 'quantum states' the term has taken on.
n d 09/14/06 02:28:11 PM EDT

Tightly defined, AJAX simply describes a technology that transports information to and from the browser and not how that information is displayed. To purists, AJAX is about communicating asynchronously from the browser using JavaScript and XML, nothing more. To others, through their experiences with Google Maps and Yahoo!'s new e-mail offering, AJAX represents a desktop-like GUI that leverages the pre-existing HTML, DHTML, and vector-based rendering capabilities of the browser. Either way, 'AJAX' is a lot catchier than 'DHVAJAX.' Accordingly, it's likely that developers will continue to use it for a broad spectrum of uses. So, it's important to understand the 'quantum states' the term has taken on.
SYS-CON India News Desk 09/14/06 01:20:41 PM EDT

Tightly defined, AJAX simply describes a technology that transports information to and from the browser and not how that information is displayed. To purists, AJAX is about communicating asynchronously from the browser using JavaScript and XML, nothing more. To others, through their experiences with Google Maps and Yahoo!'s new e-mail offering, AJAX represents a desktop-like GUI that leverages the pre-existing HTML, DHTML, and vector-based rendering capabilities of the browser. Either way, 'AJAX' is a lot catchier than 'DHVAJAX.' Accordingly, it's likely that developers will continue to use it for a broad spectrum of uses. So, it's important to understand the 'quantum states' the term has taken on.
n d 08/22/06 02:11:13 PM EDT

Tightly defined, AJAX simply describes a technology that transports information to and from the browser and not how that information is displayed. To purists, AJAX is about communicating asynchronously from the browser using JavaScript and XML, nothing more. To others, through their experiences with Google Maps and Yahoo!'s new e-mail offering, AJAX represents a desktop-like GUI that leverages the pre-existing HTML, DHTML, and vector-based rendering capabilities of the browser. Either way, 'AJAX' is a lot catchier than 'DHVAJAX.' Accordingly, it's likely that developers will continue to use it for a broad spectrum of uses. So, it's important to understand the 'quantum states' the term has taken on.
n d 08/22/06 01:17:40 PM EDT

The Four "Quantum States" of AJAX
SYS-CON Italy News Desk 08/10/06 01:03:23 PM EDT

Tightly defined, AJAX simply describes a technology that transports information to and from the browser and not how that information is displayed. To purists, AJAX is about communicating asynchronously from the browser using JavaScript and XML, nothing more. To others, through their experiences with Google Maps and Yahoo!'s new e-mail offering, AJAX represents a desktop-like GUI that leverages the pre-existing HTML, DHTML, and vector-based rendering capabilities of the browser. Either way, 'AJAX' is a lot catchier than 'DHVAJAX.' Accordingly, it's likely that developers will continue to use it for a broad spectrum of uses. So, it's important to understand the 'quantum states' the term has taken on.
m n 08/09/06 09:52:34 PM EDT

Tightly defined, AJAX simply describes a technology that transports information to and from the browser and not how that information is displayed. To purists, AJAX is about communicating asynchronously from the browser using JavaScript and XML, nothing more. To others, through their experiences with Google Maps and Yahoo!'s new e-mail offering, AJAX represents a desktop-like GUI that leverages the pre-existing HTML, DHTML, and vector-based rendering capabilities of the browser. Either way, 'AJAX' is a lot catchier than 'DHVAJAX.' Accordingly, it's likely that developers will continue to use it for a broad spectrum of uses. So, it's important to understand the 'quantum states' the term has taken on.
h n 08/09/06 09:43:17 PM EDT

Tightly defined, AJAX simply describes a technology that transports information to and from the browser and not how that information is displayed. To purists, AJAX is about communicating asynchronously from the browser using JavaScript and XML, nothing more. To others, through their experiences with Google Maps and Yahoo!'s new e-mail offering, AJAX represents a desktop-like GUI that leverages the pre-existing HTML, DHTML, and vector-based rendering capabilities of the browser. Either way, 'AJAX' is a lot catchier than 'DHVAJAX.' Accordingly, it's likely that developers will continue to use it for a broad spectrum of uses. So, it's important to understand the 'quantum states' the term has taken on.
h h 08/09/06 09:37:06 PM EDT

Tightly defined, AJAX simply describes a technology that transports information to and from the browser and not how that information is displayed. To purists, AJAX is about communicating asynchronously from the browser using JavaScript and XML, nothing more. To others, through their experiences with Google Maps and Yahoo!'s new e-mail offering, AJAX represents a desktop-like GUI that leverages the pre-existing HTML, DHTML, and vector-based rendering capabilities of the browser. Either way, 'AJAX' is a lot catchier than 'DHVAJAX.' Accordingly, it's likely that developers will continue to use it for a broad spectrum of uses. So, it's important to understand the 'quantum states' the term has taken on.
n jh\\ 08/09/06 09:17:36 PM EDT

Tightly defined, AJAX simply describes a technology that transports information to and from the browser and not how that information is displayed. To purists, AJAX is about communicating asynchronously from the browser using JavaScript and XML, nothing more. To others, through their experiences with Google Maps and Yahoo!'s new e-mail offering, AJAX represents a desktop-like GUI that leverages the pre-existing HTML, DHTML, and vector-based rendering capabilities of the browser. Either way, 'AJAX' is a lot catchier than 'DHVAJAX.' Accordingly, it's likely that developers will continue to use it for a broad spectrum of uses. So, it's important to understand the 'quantum states' the term has taken on.
ajax news desk 08/09/06 08:40:55 PM EDT

Tightly defined, AJAX simply describes a technology that transports information to and from the browser and not how that information is displayed. To purists, AJAX is about communicating asynchronously from the browser using JavaScript and XML, nothing more. To others, through their experiences with Google Maps and Yahoo!'s new e-mail offering, AJAX represents a desktop-like GUI that leverages the pre-existing HTML, DHTML, and vector-based rendering capabilities of the browser. Either way, 'AJAX' is a lot catchier than 'DHVAJAX.' Accordingly, it's likely that developers will continue to use it for a broad spectrum of uses. So, it's important to understand the 'quantum states' the term has taken on.
AJAXWorld News Desk 08/09/06 07:23:08 PM EDT

Tightly defined, AJAX simply describes a technology that transports information to and from the browser and not how that information is displayed. To purists, AJAX is about communicating asynchronously from the browser using JavaScript and XML, nothing more. To others, through their experiences with Google Maps and Yahoo!'s new e-mail offering, AJAX represents a desktop-like GUI that leverages the pre-existing HTML, DHTML, and vector-based rendering capabilities of the browser. Either way, 'AJAX' is a lot catchier than 'DHVAJAX.' Accordingly, it's likely that developers will continue to use it for a broad spectrum of uses. So, it's important to understand the 'quantum states' the term has taken on.
SYS-CON Italy News Desk 04/11/06 10:15:50 AM EDT

Tightly defined, AJAX simply describes a technology that transports information to and from the browser and not how that information is displayed. To purists, AJAX is about communicating asynchronously from the browser using JavaScript and XML, nothing more. To others, through their experiences with Google Maps and Yahoo!'s new e-mail offering, AJAX represents a desktop-like GUI that leverages the pre-existing HTML, DHTML, and vector-based rendering capabilities of the browser. Either way, 'AJAX' is a lot catchier than 'DHVAJAX.' Accordingly, it's likely that developers will continue to use it for a broad spectrum of uses. So, it's important to understand the 'quantum states' the term has taken on.
SYS-CON Australia News Desk 04/10/06 07:49:26 PM EDT

Tightly defined, AJAX simply describes a technology that transports information to and from the browser and not how that information is displayed. To purists, AJAX is about communicating asynchronously from the browser using JavaScript and XML, nothing more. To others, through their experiences with Google Maps and Yahoo!'s new e-mail offering, AJAX represents a desktop-like GUI that leverages the pre-existing HTML, DHTML, and vector-based rendering capabilities of the browser. Either way, 'AJAX' is a lot catchier than 'DHVAJAX.' Accordingly, it's likely that developers will continue to use it for a broad spectrum of uses. So, it's important to understand the 'quantum states' the term has taken on.
gopal 03/13/06 01:50:28 AM EST

What State do you think the reusable GUI Classes for Alax/RIA Applications are in?
http://cbsdf.com/misc_docs/why-gui-api.htm
http://cbsdf.com/misc_docs/gui-api-brief.htm
news desk 02/19/06 10:12:51 PM EST

Tightly defined, AJAX simply describes a technology that transports information to and from the browser and not how that information is displayed. To purists, AJAX is about communicating asynchronously from the browser using JavaScript and XML, nothing more. To others, through their experiences with Google Maps and Yahoo!'s new e-mail offering, AJAX represents a desktop-like GUI that leverages the pre-existing HTML, DHTML, and vector-based rendering capabilities of the browser. Either way, 'AJAX' is a lot catchier than 'DHVAJAX.' Accordingly, it's likely that developers will continue to use it for a broad spectrum of uses. So, it's important to understand the 'quantum states' the term has taken on.
news desk 02/19/06 09:18:07 PM EST

Tightly defined, AJAX simply describes a technology that transports information to and from the browser and not how that information is displayed. To purists, AJAX is about communicating asynchronously from the browser using JavaScript and XML, nothing more. To others, through their experiences with Google Maps and Yahoo!'s new e-mail offering, AJAX represents a desktop-like GUI that leverages the pre-existing HTML, DHTML, and vector-based rendering capabilities of the browser. Either way, 'AJAX' is a lot catchier than 'DHVAJAX.' Accordingly, it's likely that developers will continue to use it for a broad spectrum of uses. So, it's important to understand the 'quantum states' the term has taken on.