Welcome!

Eclipse Authors: Pat Romanski, Elizabeth White, Liz McMillan, David H Deans, JP Morgenthal

Related Topics: Machine Learning

Machine Learning : Article

The Four "Quantum States" of AJAX

An Effort to Tease Apart and Classify the Plethora of AJAX Technologies Available Today

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.

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.

IoT & Smart Cities Stories
IoT is rapidly becoming mainstream as more and more investments are made into the platforms and technology. As this movement continues to expand and gain momentum it creates a massive wall of noise that can be difficult to sift through. Unfortunately, this inevitably makes IoT less approachable for people to get started with and can hamper efforts to integrate this key technology into your own portfolio. There are so many connected products already in place today with many hundreds more on the h...
SYS-CON Events announced today that IoT Global Network has been named “Media Sponsor” of SYS-CON's @ThingsExpo, which will take place on June 6–8, 2017, at the Javits Center in New York City, NY. The IoT Global Network is a platform where you can connect with industry experts and network across the IoT community to build the successful IoT business of the future.
CloudEXPO New York 2018, colocated with DXWorldEXPO New York 2018 will be held November 11-13, 2018, in New York City and will bring together Cloud Computing, FinTech and Blockchain, Digital Transformation, Big Data, Internet of Things, DevOps, AI, Machine Learning and WebRTC to one location.
Andrew Keys is Co-Founder of ConsenSys Enterprise. He comes to ConsenSys Enterprise with capital markets, technology and entrepreneurial experience. Previously, he worked for UBS investment bank in equities analysis. Later, he was responsible for the creation and distribution of life settlement products to hedge funds and investment banks. After, he co-founded a revenue cycle management company where he learned about Bitcoin and eventually Ethereal. Andrew's role at ConsenSys Enterprise is a mul...
DXWorldEXPO | CloudEXPO are the world's most influential, independent events where Cloud Computing was coined and where technology buyers and vendors meet to experience and discuss the big picture of Digital Transformation and all of the strategies, tactics, and tools they need to realize their goals. Sponsors of DXWorldEXPO | CloudEXPO benefit from unmatched branding, profile building and lead generation opportunities.
Disruption, Innovation, Artificial Intelligence and Machine Learning, Leadership and Management hear these words all day every day... lofty goals but how do we make it real? Add to that, that simply put, people don't like change. But what if we could implement and utilize these enterprise tools in a fast and "Non-Disruptive" way, enabling us to glean insights about our business, identify and reduce exposure, risk and liability, and secure business continuity?
The best way to leverage your Cloud Expo presence as a sponsor and exhibitor is to plan your news announcements around our events. The press covering Cloud Expo and @ThingsExpo will have access to these releases and will amplify your news announcements. More than two dozen Cloud companies either set deals at our shows or have announced their mergers and acquisitions at Cloud Expo. Product announcements during our show provide your company with the most reach through our targeted audiences.
DXWorldEXPO LLC announced today that Telecom Reseller has been named "Media Sponsor" of CloudEXPO | DXWorldEXPO 2018 New York, which will take place on November 11-13, 2018 in New York City, NY. Telecom Reseller reports on Unified Communications, UCaaS, BPaaS for enterprise and SMBs. They report extensively on both customer premises based solutions such as IP-PBX as well as cloud based and hosted platforms.
To Really Work for Enterprises, MultiCloud Adoption Requires Far Better and Inclusive Cloud Monitoring and Cost Management … But How? Overwhelmingly, even as enterprises have adopted cloud computing and are expanding to multi-cloud computing, IT leaders remain concerned about how to monitor, manage and control costs across hybrid and multi-cloud deployments. It’s clear that traditional IT monitoring and management approaches, designed after all for on-premises data centers, are falling short in ...
The deluge of IoT sensor data collected from connected devices and the powerful AI required to make that data actionable are giving rise to a hybrid ecosystem in which cloud, on-prem and edge processes become interweaved. Attendees will learn how emerging composable infrastructure solutions deliver the adaptive architecture needed to manage this new data reality. Machine learning algorithms can better anticipate data storms and automate resources to support surges, including fully scalable GPU-c...