Advantages And Down sides Ajax And Flex Display Computer Knowledge Essay

Ajax and Adobes Display Flex are both used to generate powerful and interactive web applications. Both are program indie i. e. material will render the same across different systems and permits for program animation. There are various similarities between the two. However, there are considerable differences as well. Say for example, Adobe flash is computer animation format software that allows for fast download of computer animation data in a resizable format in order to facilitate files be downloaded over a normal modem connection. Display creates better interactivity by encoding information in smaller data files.

Flex technologies produced by Macromedia (now received by Adobe) targeted to build Full Internet Applications (RIAs). Alternatively Ajax is more of a methodology to produce RIAs. To make more reactive and interactive web applications, Ajax uses a blend of DHTML, XHTML or XML, CSS, and DOM (Direct Thing Model) with XMLHttpRequest and JavaScript. Ajax functions transparently i. e. facilitate behind the landscape communication between your server and web browser.

This report discusses both Ajax and Flash/Flex technology as they struggle in making Rich Internet Application(s). Both Ajax and Flex can execute similar functions. However, there are few benefits and drawbacks to both make reference to Stand-1 for comparisons.

2. What is Ajax?

Ajax is a set of technologies which allows a website to be very reactive. Most importantly Ajax facilitates asynchronous communication and also partial refresh of the website. Here Partial refresh means; when an connection event is invoked, for e. g. whenever a user gets into information into an application on a website and clicks a "Submit Button". The server steps the keyed information and profits a incomplete response specific to the data it receives (See Number-2). Notably, the server does not transmit back a whole page, compared to the traditional web software which is "Click, Wait around, and Refresh" (See Amount-1), instead, only part of the page is updated. The web program that uses Ajax is events and data motivated, where as classic web applications are powered by web pages.

Full webpage refresh

Synchronous

Time

Client

click

. wait. . refresh

click

. hang on. . refresh

click

Server

Data transfer

Data transfer

Server-side

processing

Server-side

processing

Figure-1: Classic Web Program Model - Synchronous Communication

Partial UI updates

Client

Time

Server

Asynchronous

Data transfer

Data transfer

Server-side

Processing

Server-side

Processing

Browser UI

Ajax Engine

User events

UI updates

Figure-2: Ajax Model - Partial UI improvements and Asynchronous Communication

2. 1. Ajax Asynchronous

Asynchronous means after mailing data to the server, a client can continue to perform other activities whilst the server is constantly on the do its control in the background. Such as, a individual can continue steadily to move the mouse over a map in google website and notice a soft, uninterrupted change in the display. Compared to the traditional, synchronous, approach here the clients do not have to wait for a reply from the server before carrying on. Figure 1 and Body-2 illustrates a Classical vs Ajax web program interaction.

An additional significant feature of Ajax-enabled sites is that whenever a meeting is triggered, responses from Ajax aren't restricted to submitting data in a form or simply clicking a link. An Ajax response can be induced in various number of ways such as moving a mouse to a particular area on a web page, getting into part of the entry in a text message field, or dragging a map around with a cursor in Google Map etc. With these cool energetic interactions among the user and the web webpage excels web applications nearer from what users experience in abundant desktop applications.

2. 2. Ajax Technology at a glance

The technologies included in Ajax are as follows

Cascading Style Sheets (CSS) - a markup terminology designed for defining a page display style, such as colors and fonts etc.

JavaScript - a scripting terms. XMLHttpRequest is one component of JavaScript technology this is the key to Ajax. It is an subject which facilitates to exchange data between your customer and the server respectively.

Document Object Model (DOM) - reveals a reasonable view of the website in a tree framework.

XML - the format for transmitting inform from the net server to the client. Nevertheless, other formats such as HTML, plain text message or JavaScript Object Notation (JSON) can even be used.

Like other web applications, Ajax-enabled web software uses markup dialects such as HTML or XHTML to provide webpages. Java Server Web pages (JSP) as server-side technology may be used to generate web pages. Moreover, server side request systems play an important role in handling Ajax applications. Server side software system such Java2EE, which include support for consumer personality management, data validation, and persistence, suits perfectly with the Ajax methodology Ed Ort (2006). Number-3: illustrates how all these technology work collectively to take care of a consumer action.

2. 3. Ajax Architecture

Browser Client

XMLHttpRequest

XMLHttpRequest

Callback ( )

User Interface

Server-side Systems

Web and / XML Server

Data Stores

1

23

3

4

5

6

HTML + CSS data

JavaScript call

HTTP Request

XML Data

JavaScript call

HTML & CSS Data

Data Exchange

Figure-3: How Ajax Solutions Handle a User Action

A user creates an event on your client (such as coming into data to a words field or click a button). This results a JavaScript function call.

an XMLHttpRequest thing on your client side is created and configured with a requested parameter and specifies a JavaScript technology callback ( ) function.

The XMLHttpRequest subject makes an asynchronous HTTP submission to the net server.

The web server functions the need and returns an XML doc that contains the result.

The XMLHttpRequest thing telephone calls the callback ( ) function, it gets the info and processes the result.

The HTML DOM is updated.

2. 4. Ajax and Server-Side Java Technologies

The solutions that are included in Ajax are either customer solutions such as JavaScript technology, or like XML are relevant to the interchange of data between your consumer and server. The request to the server that the XMLHttpRequest subject makes is an HTTP request to the server, controlling an Ajax demand is similar to managing an HTTP request from a conventional web request. Hence, any server technology can be used to handle the get, including server-side Java solutions such as servlets, JSP and Java Server Encounters (JSF) technology. Java Server Encounters technology and other Java EE technology which include support for data validation, user personal information management, and persistence, are specifically well-suited for Ajax.

For example, a servlet may be used to process a question, manage state for your client, access organization resources, and make the XML for the response. Or even a custom Java Server Encounters component's can be intended to handle server-side processing as well as encapsulate the JavaScript technology and CSS for client-side processing. Actually, a catalogue of Ajax-enabled custom Java Server Faces components are already available as part of the Java Blueprints Alternatives Catalogue.

3. Flex/Flash

3. 1. Background

Adobe Display Professional Multi-Media authoring program developed in 1996 by Macromedia and was attained by Adobe in 2006. Flash is used to make content for the Adobe proposal Platform. One of the Flash's greatest strength is ease of development.

They are incredibly well-liked for creating HTML applications and are hence very significant to web development. Often assist to automate tasks, making web encoding and usability faster. For adding computer animation and interactivity to a website Adobe flash is one of a favorite method. However, it happens to be contributions toward producing RIAs (Rich Internet Applications). The release of Adobe Flex technology straight responds to RIA development.

Flex is specifically where Flash complies with with Ajax. Both solutions aim towards creating RIAs. Flex mechanism is on the demonstration level of an RIA. It really is a merchant specific product which means it isn't free and requires purchase.

4. Comparability between Ajax and Flex

Flex is rendered through Adobe flash Player while Ajax is renders through a browser. Flash Player plug-in necessary for browsers. Plug-ins allows users to complement web applications with other programs to execute given functions. However, Ajax does not require the downloading of applications as JavaScript is natively reinforced by modern browsers. It simply accesses the net because they are wanted. Ajax requires more program writing and coding, provides full CSS and DHTML (vibrant HTML) support. Flex/Adobe flash application programs are browser and platform impartial. In Ajax applications, the web browser is the system. Table-1 illustrates the comparisons on features between Ajax and Display.

Table-1: Comparisons on features between Ajax and Flex/Flash

Features

Ajax

Flex/Flash

Audio

Supported through external plug-ins (Advertising Player).

Support embedded display audio. Dynamically insert audio.

Browser Integration

JavaScript natively backed by modern browsers.

Flash player plug-in is required.

Compatibility Issues

Major compatibility variations between browser types.

Minor versions between variants of Adobe flash.

CSS

Full Support.

Limited Support.

Programming Model

JavaScript.

ActionScript.

Video

Supported through exterior plug-ins (Multimedia Player).

Dynamically weight FLV video files or embedded videos.

Text

Powerful layout features.

Text API mimics some HTML features.

XML

Full Support. MXML

Not supported natively by JavaScript.

Vector Graphics

No.

Full Support.

4. 1. Key Difference

The following are fundamental differences on developing Ajax and Flex based online applications

Free and Proprietary - One of the biggest features of Ajax is that there are many widely available useful tools online. You don't have for added IDE in Ajax, as the major the different parts of this technique simply need leveraging. On the other hand Flex is a proprietary tool so designers have to invest a bit to use this development format. A paid tool assures working tool to developers. Supports for openly available might not exactly be available.

Learning Need - Flex has already been popular to various builders particularly those who have already caused Display. Combine this reality with the available system; developers can expect execution of Flex established application faster. Ajax, on the other hands, will require more from their developers. Those that wanted to create the application form manually, without the help of frameworks, will find the task of fabricating Ajax founded applications difficult. This is the reason why Frameworks and libraries are manufactured.

Data vs. Appears - although each development form can be utilized for data and its looks, Ajax is more proficient in handling and manipulating data. As an internet request, various functions, factors and objects can be found and they are simply created to manipulate data. Flex on the other hands, is very helpful in creating great looking websites. The reason behind this experience is from that reality it traces its origins from Display.

4. 2. Advantages and Disadvantages of Ajax and Flex/Flash

Advantages

Disadvantages

Ajax

Decrease in bandwidth use.

Complex. Requires more coding.

Flex/Flash

Adobe MXML and Flex allows the integration of internet applications through a number of desktop functions.

Flex gets the advantage of Flash player being installed on over 90% of browsers. Support for webcam and mike.

Present information in a visually rich user interface.

Asynchronous

Video and music integration with the Flex API is simple and straightforward

Flex might not handle plenty of records easily.

Flex does not read or write files to end-users computer. That is a restriction of Adobe flash Player.

More CPU consumption.

Lack of support for multi-threading.

ActionScript is a lot heavier compared to JavaScript.

No DOM Model

Binary Sockets, cross-domain Gain access to Policy

Local Storage

JavaScript/ActionScript

Integration, E4X

Flash Vector graphics APIs

Rich components

Object model access

Data-stores, backend processing, legacy systems

Web and/or XML server

Browser Client

User Interface

Ajax Engine

JavaScript call

HTML + CSS data

Server-Side Systems

Conclusions

This paper has presented a synopsis of the AJAX technique for expanding interactive web applications.

Ideas of how to expose the AJAX strategy in teaching web development and instances for laboratory sessions

have been advised.

Incorporating popular systems into the computing courses appears to motivate the students and in the

same time it can help them understand better fundamental theoretical concepts. The AJAX technology requires

relatively little new knowledge and can be easily contained in coaching web development by focusing

on specific elements of existing solutions and demonstrating appropriate applications. The challenge is

the frequent need of updating the materials and selecting relevant cases and tools. However, the experience

of learning new technologies and related applications has been worthwhile and thrilling. The material

presented here could be used as an example of embedding appearing systems in the computing curriculum

through existing modules.

Although JavaScript has been developed into greater levels, ActionScript is constantly being developed by Adobe. Today, ActionScript could be easily in comparison to JavaScript as each of these RIA (High Internet Software) programming dialects has their own advantages and disadvantages. Depending on the need of the builders, they should be able to select which programming language to select.

Also We Can Offer!

Ошибка в функции вывода объектов.