Ajax:From Desktop Applications towards Ajax Web Applications
-
Upload
siva-kumar -
Category
Education
-
view
593 -
download
4
description
Transcript of Ajax:From Desktop Applications towards Ajax Web Applications
![Page 1: Ajax:From Desktop Applications towards Ajax Web Applications](https://reader033.fdocuments.us/reader033/viewer/2022051209/5490801fb47959cc688b45e2/html5/thumbnails/1.jpg)
From Desktop Applications towards Ajax Web Applications
![Page 2: Ajax:From Desktop Applications towards Ajax Web Applications](https://reader033.fdocuments.us/reader033/viewer/2022051209/5490801fb47959cc688b45e2/html5/thumbnails/2.jpg)
Agenda
Communication
The insight of Ajax Web Applications.
Features of Ajax
Conclusion
A brief History and Introduction of Ajax
Defining Ajax &Technologies incorporated
✓
6
5
4
3
2
1
![Page 3: Ajax:From Desktop Applications towards Ajax Web Applications](https://reader033.fdocuments.us/reader033/viewer/2022051209/5490801fb47959cc688b45e2/html5/thumbnails/3.jpg)
1990’s-Webpages were completely Static. 1995 – First version of JAVA with Applets. 1996 – Microsoft introduced iFrame element to HTML. 1999 – Dynamic Update of News stories and Stock
quotes on msn.com 1999 – Creation of XMLHttpActivex control and
XMLHttpRequest Object. 2002 – OddPost
History
![Page 4: Ajax:From Desktop Applications towards Ajax Web Applications](https://reader033.fdocuments.us/reader033/viewer/2022051209/5490801fb47959cc688b45e2/html5/thumbnails/4.jpg)
2004 – Gmail 2005 – Google Maps 2005 – Jesse James Garrett’s article:”AJAX – A New
Approach to Web applications”. 2006 – W3C released first draft for XHR object.
History (contd..)
![Page 5: Ajax:From Desktop Applications towards Ajax Web Applications](https://reader033.fdocuments.us/reader033/viewer/2022051209/5490801fb47959cc688b45e2/html5/thumbnails/5.jpg)
Defining Ajax
Ajax is not A technology A new Programming Language A Platform.
![Page 6: Ajax:From Desktop Applications towards Ajax Web Applications](https://reader033.fdocuments.us/reader033/viewer/2022051209/5490801fb47959cc688b45e2/html5/thumbnails/6.jpg)
Defining Ajax
Ajax is A technique that uses set of open standard
technologies with support by cross-browser and cross-platform compatibility.
It incorporates several technologies, each flourishing in its own right, coming together in powerful new ways.
These technologies work together in different levels each with specific functionality.
![Page 7: Ajax:From Desktop Applications towards Ajax Web Applications](https://reader033.fdocuments.us/reader033/viewer/2022051209/5490801fb47959cc688b45e2/html5/thumbnails/7.jpg)
Ajax incorporates• The Hypertext Transfer Markup Languages: HTML,
XHTML, XML.
• Language to describe the presentation of a document:
Cascading Style Sheets (CSS).• Interaction and dynamic display: W3C Document Object
Model.• Client-side language and parse data: JavaScript.• Asynchronous data transfer and communication with
the server : XMLHttpRequest object (XHR).
Defining Ajax The technologies,levels,languages and protocols used are
![Page 8: Ajax:From Desktop Applications towards Ajax Web Applications](https://reader033.fdocuments.us/reader033/viewer/2022051209/5490801fb47959cc688b45e2/html5/thumbnails/8.jpg)
Ajax incorporates• Manipulation, transformation and data exchange:
XML, XSLT, HTML, JSON, Plain Text.• Transfer Protocol: HTTP, HTTPS.• Server-side languages: JSP, JSF, Perl, Ruby, PHP,
Cold Fusion, ASP, and CGI applications.
Defining Ajax The technologies,levels,languages and protocols used are (cont..)
![Page 9: Ajax:From Desktop Applications towards Ajax Web Applications](https://reader033.fdocuments.us/reader033/viewer/2022051209/5490801fb47959cc688b45e2/html5/thumbnails/9.jpg)
Examples
Google Suggest:
Google Maps:
![Page 10: Ajax:From Desktop Applications towards Ajax Web Applications](https://reader033.fdocuments.us/reader033/viewer/2022051209/5490801fb47959cc688b45e2/html5/thumbnails/10.jpg)
Examples(cont..)
Gmail Registration Yahoo! Sports
![Page 11: Ajax:From Desktop Applications towards Ajax Web Applications](https://reader033.fdocuments.us/reader033/viewer/2022051209/5490801fb47959cc688b45e2/html5/thumbnails/11.jpg)
Communication usually occurs in two ways as following
Synchronous(Traditional way) Asynchronous(Ajax way)
Communication
![Page 12: Ajax:From Desktop Applications towards Ajax Web Applications](https://reader033.fdocuments.us/reader033/viewer/2022051209/5490801fb47959cc688b45e2/html5/thumbnails/12.jpg)
• Classical way of connection.• Publication of information in static
web pages is good example.• The communication occurs as
1. User Http request to server
2. Server Process request (includes data retrieval and processing)
3. Returns a HTML Page to the Client
Synchronous Comm..
![Page 13: Ajax:From Desktop Applications towards Ajax Web Applications](https://reader033.fdocuments.us/reader033/viewer/2022051209/5490801fb47959cc688b45e2/html5/thumbnails/13.jpg)
Synchronous Comm..(contd..)
Traditional Web interaction
Client makes http request
Web serverServer returns a new page
![Page 14: Ajax:From Desktop Applications towards Ajax Web Applications](https://reader033.fdocuments.us/reader033/viewer/2022051209/5490801fb47959cc688b45e2/html5/thumbnails/14.jpg)
Asynchronous Comm..
Ajax Web Interaction
Web server
Client makes http request for specific information
Server returns the requested information
Multiple requests are served
![Page 15: Ajax:From Desktop Applications towards Ajax Web Applications](https://reader033.fdocuments.us/reader033/viewer/2022051209/5490801fb47959cc688b45e2/html5/thumbnails/15.jpg)
Synchronous Comm..(Contd..)
Broken user activity and full page reload
![Page 16: Ajax:From Desktop Applications towards Ajax Web Applications](https://reader033.fdocuments.us/reader033/viewer/2022051209/5490801fb47959cc688b45e2/html5/thumbnails/16.jpg)
Asynchronous Comm..(contd..)
Ajax way of Communication
![Page 17: Ajax:From Desktop Applications towards Ajax Web Applications](https://reader033.fdocuments.us/reader033/viewer/2022051209/5490801fb47959cc688b45e2/html5/thumbnails/17.jpg)
Insight of Ajax Web Application
• Ajax application in client side is formed of three layers • User Interface (XHTML,DOM,CSS)• Java script Code • Ajax Engine
• Object for asynchronous communication is created based on the browser used.
• Internet Explorer (ActiveX Object)• Firefox , Safari (XMLHttpRequest Object)
• XHR object sends request in asynchronous way, this request is through HTTP or HTTPS
![Page 18: Ajax:From Desktop Applications towards Ajax Web Applications](https://reader033.fdocuments.us/reader033/viewer/2022051209/5490801fb47959cc688b45e2/html5/thumbnails/18.jpg)
Examples(cont..)
![Page 19: Ajax:From Desktop Applications towards Ajax Web Applications](https://reader033.fdocuments.us/reader033/viewer/2022051209/5490801fb47959cc688b45e2/html5/thumbnails/19.jpg)
• Advantages• Cross-Browser and Cross-Platform Compatibility.• Ajax application can be build with open standards
technologies, is not tied to proprietary software.• Lower cost of development.• The code can be optimized and separated.• More rich interaction with the user, by example:autocomplete, drag
and drop, transparency, shading, Z-ordering, etc.• More speed, and less wait time for screen updated.• Widespread adoption of Ajax by industry leaders.• Integration with others proprietaries technologies.
Features: Advantages
![Page 20: Ajax:From Desktop Applications towards Ajax Web Applications](https://reader033.fdocuments.us/reader033/viewer/2022051209/5490801fb47959cc688b45e2/html5/thumbnails/20.jpg)
• Disadvantages• Same security problems as in classic Web applications.• Think of different way in the development and design.• The use of frameworks can generate complexity.• More interaction through JavaScript.• More code for old browser.• Special code for some functions of Internet Explorer.
Features : Disadvantages
![Page 21: Ajax:From Desktop Applications towards Ajax Web Applications](https://reader033.fdocuments.us/reader033/viewer/2022051209/5490801fb47959cc688b45e2/html5/thumbnails/21.jpg)
Who’s Using Ajax?
![Page 22: Ajax:From Desktop Applications towards Ajax Web Applications](https://reader033.fdocuments.us/reader033/viewer/2022051209/5490801fb47959cc688b45e2/html5/thumbnails/22.jpg)
• E-mails, calendars, spreadsheets, information managers,
and word processors, are migrating of the traditional installation
of programs in local desktop, towards Ajax Web applications.• These Ajax applications have the similar interactivity and speed as desktop
programs. The Ajax Web applications are producing radically changes towards a new Internet age. New, better, useful and successful
applications based on Ajax, are near.• It is necessary to understand and have some research how Ajax is working
inside its new paradigms.
Conclusions
![Page 23: Ajax:From Desktop Applications towards Ajax Web Applications](https://reader033.fdocuments.us/reader033/viewer/2022051209/5490801fb47959cc688b45e2/html5/thumbnails/23.jpg)
THANK YOU!