Ajax architecture Essay

Abstraction

Information System based on Browser/Server architecture receives more favour by endeavors. Ajax and Flash/Flex engineerings are widely used by developers in recent old ages. With the aid of these engineerings, Enterprises Information System can be optimised by utilizing an asynchronous manner.

Ajax and Flash/Flex can be operated in a more efficient manner i.e. bing hardware resources can be utilized in a more utile ways such as provide more load capacity and function more clients in analogue. This study provides a comparative survey between Ajax and Flash/Flex engineerings. Discusses their advantages and disadvantages and eventually presents a comparing on their characteristics.

We will write a custom essay sample on
Ajax architecture Essay
or any similar topic only for you
Order now

Cardinal words:AJAX, Asynchronous, Flash/Flex.

Introduction

Ajax and Adobe ‘s Flash/Flex are both used to make dynamic and synergistic web applications. Both are platform independent i.e. contents will render the same across different platforms and licenses for interface life. There are many similarities between the two. However, there are considerable differences every bit good. Say for illustration, Animation files in a resizable format can be downloaded quicker over a regular modem connexion because Flash is animation format package. Flash creates better interactivity by encoding information in smaller files.

Flex engineerings developed by Macromedia ( now acquired by Adobe ) aimed to construct Rich Internet Applications ( RIAs ) . On the other manus Ajax is more of a methodological analysis to make RIAs. Ajax uses a combination of DHTML, XHTML or XML, CSS, and DOM ( Direct Object Model ) with XMLHttpRequest and JavaScript in order to make excess antiphonal and synergistic web applications. Ajax maps transparently i.e. facilitates communicating behind the scene between the waiter and browser.

The study discusses both Ajax and Flash/Flex engineering as they conflict in doing Rich Internet Application ( s ) . Both Ajax and Flex can put to death similar maps. However, there are few advantages and disadvantages to both refer to Table-1 for comparings.

What is Ajax?

Ajax is a set of engineerings which allows a web site to be really antiphonal. Most significantly Ajax supportsasynchronouscommunicating and besidespartial refreshof a web page. Here Partial refresh agencies ; when an interaction event is invoked, for e.g. when a user key-in information into a web page signifier and fires the Submit Button. The waiter processes the keyed information and returns a partial response particular to the informations it receives ( See Figure-2 ) . Notably, the waiter does non convey back an full page, compared to the traditional web application which is “ Click, Wait, and Refresh ” ( See Figure-1 ) , alternatively, merely portion of the page is updated. The web application that uses Ajax is events and informations driven, where as conventional web applications are driven by pages.

Ajax Asynchronous

Asynchronousagencies after directing informations to the waiter, a client can go on to execute other things whilst the waiter continues to make its processing in the background. Such as, users can travel the mouse over a map in Google web site and notice a smooth, uninterrupted alteration in the show. Whereas, in traditional synchronal, approach the clients have to wait for a waiter response before go oning. Figure 1 and Figure-2 illustrates a Classical V Ajax web application interaction.

An extra important characteristic of Ajax-enabled sites is that when an event is triggered, responses from Ajax are non restricted to subjecting signifier informations or snaping a nexus. An Ajax response can be triggered in assorted Numberss of ways such as traveling a mouse over to a peculiar country on a web page, come ining portion of an entry in a text field, or dragging a map around with a pointer in Google Map etc. With these cool dynamic interactions among the user and the web page excels web applications nearer to what users experience in rich desktop applications.

Ajax Technologies at a glimpse

The engineerings included in Ajax are as follows:

  • Cascading Style Sheets ( CSS )– a markup linguistic communication designed for specifying a page presentation manner, such as colourss and founts etc.
  • JavaScript– a scripting linguistic communication.XMLHttpRequestis one component of JavaScript engineering that is the key to Ajax. It is an object which facilitates to interchange informations between the client and the waiter severally.
  • Document Object Model ( DOM )– nowadayss a logical position of a web page in a tree construction.
  • XML– the format for conveying inform from the web waiter to the client. HTML, JavaScript Object Notation ( JSON ) or even plain text formats can besides be used.

Like other web applications, in Ajax-enabled web application, HTML, XHTML markup linguistic communications are used to show web pages. Java Server Pages ( JSP ) as server-side engineering can be used to bring forth web pages. Furthermore, server side application systems play an of import function in treating Ajax applications. Server side application system such Java2EE, “ includes support for user individuality direction, informations proof, and continuity, fits really good with the Ajax methodological analysis ” . Figure-3: illustrates how all these engineerings work jointly to manage a user action.

Ajax Architecture

  • A user generate an event on the client ( such as come ining informations to a text field or snap a button ) . This consequences in a JavaScript map call.
  • an XMLHttpRequest object on the client side is created and configured with a requested parametric quantity and specifies a JavaScript recall ( ) map.
  • The XMLHttpRequest object makes an asynchronous HTTP petition to the web waiter.
  • The web waiter processes the petition and returns an XML papers that contains the consequence.
  • The XMLHttpRequest object calls the recall ( ) map, it receives the informations and processes the consequence.
  • The HTML DOM is updated.

Ajax and Server-Side Java Technologies

Ajax includes both client side engineerings such as JavaScript or XML and server side engineering such a servlet, JSP or JSF. Client side engineering is used to substitute informations between the client and waiter. Here, the HTTP petition to the waiter is made through the XMLHttpRequest object. An Ajax petition is handled in a similar mode like managing an HTTP petition signifier a classical web application. Therefore, any server side engineering can be used to manage the petition, such as servlets, JSP and Java Server Faces ( JSF ) engineering. Java Server Faces and other Java EE engineerings those include support for informations proof, user individuality direction, and continuity, are peculiarly well-suited for Ajax.

For illustration, a servlet can be used for assorted intents such as procedure a client petition, manage position for the client, entree endeavor resources, or to bring forth the XML for a response. Custom Java Server Faces constituent ‘s can besides be created to manage server-side processing. Furthermore, JavaScript engineering and CSS can be encapsulated for client-side processing.

Flex/Flash

Background

dobe Flash Professional Multi-Media authoring plan developed in 1996 by Macromedia and was acquired by Adobe in 2006. Flash is used to make content for the Adobe battle Platform. One of the Flash ‘s greatest strength is easiness of development.

They are really well-liked for making HTML applications and are hence really important to net development. Often assist to automatize undertakings, make web scheduling and serviceability quicker. For adding life and interactivity to a web site Flash is one of a well known method. However, it is presently parts toward developing RIAs ( Rich Internet Applications ) . The release of Adobe Flex engineering straight responds to RIA development.

Flex is exactly where Flash meets with Ajax. Both technologies aim towards making RIAs. Flex mechanism is on the presentation degree of an RIA. It is a seller specific merchandise which means it is non free and requires purchase.

Comparison between Ajax and Flex

Flex is rendered through Flash Player. Hence, Flash Player circuit board ‘s is required for browsers. Ajax is renders through a browser and does non necessitate the downloading of applications as JavaScript is natively supported by modern browsers. It merely accesses the Web as they are requested. Ajax requires more plan authorship and cryptography, provides full CSS and DHTML ( dynamic HTML ) support. Flex/Flash application platforms are browser and platform independent. Ajax applications on the other manus uses the browser as the platform. Table-1 illustrates the comparings on characteristics between Ajax and Flash.

Key Difference

The cardinal differences on developing Ajax and Flex are as follows:

Free and Proprietary– One of the chief characteristics of Ajax is that there are many freely available utile tools online. There is no demand for extra IDE in Ajax, as the cardinal constituents of this system merely necessitate leveraging. On the other manus Flex is a proprietary tool so it cost a spot to developers in order to utilize this development format. A paid tool assures working tool to developers. Supports for freely available may non be available.

Learning Requirement– Flex is already popular to assorted developers peculiarly those who have already got Flash experience. Unifying this fact with the bing platforms ; developers can look frontward to implement Flex based application faster. As for Ajax on the other manus, would necessitate excess from their developers particularly those who want to make Ajax application manually without the support of models. As making an Ajax based applications is hard and clip devouring when compared to Adobe Flex.

Data vs. Looks– even though each development theoretical account can be used for informations and its expressions. Flex is really utile n making great looking web sites because it traces its root from Flash. Whereas, Ajax is more adept in managing and pull stringsing informations.

Decisions

Although an Ajax engineering has been developed into greater highs, Flash/Flex besides continuously being developed by Adobe. Today, ActionScript could be easy compared to JavaScript as each of these RIA ( Rich Internet Application ) scheduling linguistic communications has their ain advantages and disadvantages. Depending on the demand of the developers, they should be able to choose which programming linguistic communication to choose.

As a developer one should take down the development challenges of scheduling. The complexnesss of developing Ajax application can be overcome by utilizing Ajax Frameworks such as qooxdoo, Clean Ajax and Apache XAP, these are unfastened beginning so costs nil.

However, Flash/Flex on the other manus has advantage over simpler scheduling, graphical and programmatic skinning with flash/photoshop/Illustrator/ CSS. Simpler UI ; and supports major browsers, desktops and runing system. Flex has gone unfastened beginning with Flex SDK.

Which engineering to utilize? It is up to the developer to make up one’s mind depends on what job demand to be solved foremost, and so suit in the right engineerings. Below is a list of sentiment on when to utilize these engineerings:

Employ AJAX:

  • To do extra serviceability betterment to an bing Web Site.
  • Use Ajax if there is a demand to manage and pull stringsing big sum of informations.
  • If person is JavaScript and HTML expertness.

Some illustrations of appropriate usage of AJAX could be client-side from proof, instant update of a peculiar field in a web page, navigational elements or simple reckoner etc.

Use Flex:

  • When there is a demand of sophisticated and synergistic informations visual image.
  • When there is a demand for Video and audio playback or web camera and or microphone gaining control.
  • When there is a demand of complex life or electronic image use.
  • When Graphic design is core critical to a concern. E.g. Media and manner Industry.

Mention:

  1. Thomas A. Powell. ( 2008 ) . The Complete Reference. McGraw-Hill Osborne
  2. AJAXwith.com. Ajax made easy. Ajax vs Flash. hypertext transfer protocol: //www.ajaxwith.com/Ajax-vs-Flash.html.
  3. Ed Ort, Mark Basler. Ajax Design Strategies. ( 2006 ) . hypertext transfer protocol: //java.sun.com/developer/technicalArticles/J2EE/AJAX/DesignStrategies
  4. Paz.com. ( 2009 ) . Macromedia and the “ AJAX Movement ” . hypertext transfer protocol: //www.pasz.com/articles/FlashVsAjax.html
  5. Derek Powazek, Technorati. ( 2005 ) .
  6. Ajax, Ajax Everywhere. hypertext transfer protocol: //www.powazek.com/2005/05/000520.html.
  7. Kevin Lynch. ( 2005 ) . hypertext transfer protocol: //klynch.com.
×

Hi there, would you like to get such a paper? How about receiving a customized one? Check it out