Search the Web:

Google

Monday, December 31, 2007

AJAX FRAMEWORKS

The best technology to build dynamic web pages is Ajax. JavaScript code embedded into the HTML page is used to send requests to the server. At the server side, some processing is required to handle them, find the info or store the data. To do that, we need for a specialized framework. The framework has always a JavaScript part, and sometimes a server side part in another scripting language. A lot of them exist in various programming languages, in all environments around, but we retain here only the most widely used.

Summary
Why a framework?
Features of an Ajax framework
JavaScript libraries
PHP frameworks
Java frameworks
.NET frameworks
ColdFusion frameworks
Ajax and XUL
Beyond Ajax

Why a framework?
Actually, this framework is the Ajax engine described by J. J. Garrett and intended to suppress waiting for the user when accessing the server. The framework provides classical, cross-browser functions to use the XMLHttpRequest object. But a framework may go beyond that, and allow you to build "rich web applications", applications with a graphical user interface and other features of desktop software that run through a browser, while exchanging data with a remote server.

Features of an Ajax framework
Any Ajax framework is able to communicate with the server, and thus, to read data or to send its data or commands. In the last case a server-side script is required. The frameworks often add components that make use of the asynchronous communication with the server. The classical examples are buttons, tabbed panels, grids, list-boxes and other such widgets. A more innovative example, the "boxes" are more and more often implemented, and Lightbox and Slimbox are two of them. There are image galleries that place them side by side on the screen and that are making use of Ajax to display them instantaneously.
Framework may be server-driven also, and in this case, component are created on the server with a scripting language such as PHP, and sent to the browser. Ajax is used to transmit user actions to the server part, and to handle the results.
The ability to work offline as it is offered by Google Gears, may be added to the Ajax framework as well.

JavaScript libraries
Many Ajax frameworks and libraries rely solely upon JavaScript and contain no server components and therefore server technology dependencies.Most of them use XML as data format, and sometime JSON, another textual format.A JavaScript library is loaded with just a tag, as this:

This tag includes the "prototype" library into the page and its function become usable by the browser, in this page. Such Ajax libraries and frameworks include:

Prototype - http://www.prototypejs.org is the base of several other frameworks including that of Yahoo. Its goal seems to be in reducing the size of Ajax Code.

Script Aculo – http://script.aculo.us
Add more features to prototype.

Rico. – http://openrico.org/rico/home.page
Based also on prototype, add special effects to HTML pages.

Jquery – http://jquery.com
JavaScript library with Ajax support. It is equivalent to Script Aculo and uses fewer resources.

Mootools. – http://mootools.netAnother toolkit as JQuery, includes graphical effects.

Dojo Toolkit. – http://dojotoolkit.org
Uses packages with a mechanism to load them together along with the page. It can build reusable components and widgets, a lot of them is provided on the site. It allows to manipulate the DOM more easily, and to make graphical effects.

Qooxdoo. – http://qooxdoo.org
Includes advanced cross-browser layout managers and an advanced build system for graphical user interfaces similar to that of desktop software. Widgets are provided with the function to use them from the keyboard or the mouse. Third parties provide PHP or Java code to process data with XMLHttpRequest.

Yahoo UI. – http://developer.yahoo.com/yui
Library from the Yahoo search engine. Includes CSS resources.

Anaa. - http://www.anaa.edu
A simple library for GET and POST with callbacks. Implements responseHTML, the A.E.P. extension.


PHP frameworks
On the server side, the programmer may use PHP functions to process requests from the browser. PHP allows us to deal with database, search data, build pages or parts of page and publish the page or return data to the XMLHttpRequest object. PHP 5 specifically, thanks to its SimpleXML class, is able to create XML files that may be returned to the object. But all these tasks require special functions to write... however the work is already done in some free open source frameworks.

AjaxAC. – http://ajax.zervaas.com.au
Small PHP library.

Xajax. – http://www.xajaxproject.org/
More sophisticated, is made of a JavaScript library and PHP classes, to help in using other PHP functions written by you. Uses only the XML format, on the server side.

Tiny Ajax. – http://www.metz.se/tinyajax/quickstart.php
A small PHP 5 class.


Java frameworks
Java is the programming language that is the more often used to build web services.A Java framework permit to use Java web services interactively with a web page. The more commonly used are:
DWR (Direct Web Remoting) – http://getahead.org/dwr
Allows using Java functions as if they are part of the browser, from HTML code, thanks to its interface. A JavaScript part is used to update the page and another to get data with servlets.The technique is in generating in real time Java code from JavaScript code, send it to the server and run it.
Google Web Toolkit – http://code.google.com/webtoolkit/
A toolbox to develop Java applications, that are then compiled into JavaScript code, and this code processes the HTML page through DOM methods.
Legacy Java software for the web now is moving to Ajax. JavaServer Faces now includes Ajax features. ThinWire takes a unique approach in that the application is written as if it was desktop software. All the logic executes on the server, the framework encapsulates the web rendering and communication layers.


.NET frameworks
Microsoft Ajax Library - http://www.asp.net/ajax
(Formerly ATLAS) is made of a client side part: Microsoft AJAX Library, and a server side part: ASP.NET 2.0 Ajax Extensions. But a component library is also provided with graphical widgets: ASP.NET Ajax Control Toolkit.

Ajax .NET Professional- http://www.ajaxpro.info/
"Serializes" (converts and stores) .NET data to the JSON format.


ColdFusion frameworks
Libraries include:
AjaxCFC. http://www.robgonda.com/blog/projects/ajaxcfc
An object oriented framework that provides developers seamless integration between JavaScript and ColdFusion, and built-in security and debugging functions.

CFAjax. – http://www.indiankey.com/cfajax
Implements Ajax in such a way that ColdFusion method calls on the server gets executed using JavaScript a la Ajax.


Ajax and XUL
Ajax makes use of the JavaScript programming language, and XUL embeds also JavaScript into XML to define the interaction with the graphical user interface. The two systems work on the Firefox browser. The first one allows communicating with the server from a remote web page, the second one display an interface either in a local computer or through the net, with the same browser.The main difference is in the use of Canvas (HTML tag) to extend Ajax and to extend XUL, XPCom and XBL.

ZK. – http://www.zkoss.org
Framework designed for allowing Ajax and XUL to communicate.


Beyond Ajax
Some current developments will reinforce again the importance of Ajax by providing standard for RIA (Rich Internet Applications), mainly HTML 5 qui extends HTML with Web applications features and Google Gears that allows a Web application to run offline.

1 comment:

Melisa Marzett said...

Thank you for the informative and useful data! Remember that college essay editing service - edit-ing.services is willing to simplify your difficult life!There are a broad variety of programming languages!