Welcome!

Containers Expo Blog Authors: Liz McMillan, Pat Romanski, Yeshim Deniz, Elizabeth White, Zakia Bouachraoui

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
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...
Machine learning has taken residence at our cities' cores and now we can finally have "smart cities." Cities are a collection of buildings made to provide the structure and safety necessary for people to function, create and survive. Buildings are a pool of ever-changing performance data from large automated systems such as heating and cooling to the people that live and work within them. Through machine learning, buildings can optimize performance, reduce costs, and improve occupant comfort by ...
The explosion of new web/cloud/IoT-based applications and the data they generate are transforming our world right before our eyes. In this rush to adopt these new technologies, organizations are often ignoring fundamental questions concerning who owns the data and failing to ask for permission to conduct invasive surveillance of their customers. Organizations that are not transparent about how their systems gather data telemetry without offering shared data ownership risk product rejection, regu...
René Bostic is the Technical VP of the IBM Cloud Unit in North America. Enjoying her career with IBM during the modern millennial technological era, she is an expert in cloud computing, DevOps and emerging cloud technologies such as Blockchain. Her strengths and core competencies include a proven record of accomplishments in consensus building at all levels to assess, plan, and implement enterprise and cloud computing solutions. René is a member of the Society of Women Engineers (SWE) and a m...
Poor data quality and analytics drive down business value. In fact, Gartner estimated that the average financial impact of poor data quality on organizations is $9.7 million per year. But bad data is much more than a cost center. By eroding trust in information, analytics and the business decisions based on these, it is a serious impediment to digital transformation.
Digital Transformation: Preparing Cloud & IoT Security for the Age of Artificial Intelligence. As automation and artificial intelligence (AI) power solution development and delivery, many businesses need to build backend cloud capabilities. Well-poised organizations, marketing smart devices with AI and BlockChain capabilities prepare to refine compliance and regulatory capabilities in 2018. Volumes of health, financial, technical and privacy data, along with tightening compliance requirements by...
Predicting the future has never been more challenging - not because of the lack of data but because of the flood of ungoverned and risk laden information. Microsoft states that 2.5 exabytes of data are created every day. Expectations and reliance on data are being pushed to the limits, as demands around hybrid options continue to grow.
Digital Transformation and Disruption, Amazon Style - What You Can Learn. Chris Kocher is a co-founder of Grey Heron, a management and strategic marketing consulting firm. He has 25+ years in both strategic and hands-on operating experience helping executives and investors build revenues and shareholder value. He has consulted with over 130 companies on innovating with new business models, product strategies and monetization. Chris has held management positions at HP and Symantec in addition to ...
Enterprises have taken advantage of IoT to achieve important revenue and cost advantages. What is less apparent is how incumbent enterprises operating at scale have, following success with IoT, built analytic, operations management and software development capabilities - ranging from autonomous vehicles to manageable robotics installations. They have embraced these capabilities as if they were Silicon Valley startups.
As IoT continues to increase momentum, so does the associated risk. Secure Device Lifecycle Management (DLM) is ranked as one of the most important technology areas of IoT. Driving this trend is the realization that secure support for IoT devices provides companies the ability to deliver high-quality, reliable, secure offerings faster, create new revenue streams, and reduce support costs, all while building a competitive advantage in their markets. In this session, we will use customer use cases...