From Desktop Applications towards Ajax Web Applications
Agenda    1   A brief History and Introduction of Ajax    2   Defining Ajax &Technologies incorporated✓   3   Communicatio...
History 1990’s-Webpages were completely Static. 1995 – First version of JAVA with Applets. 1996 – Microsoft introduced ...
History (contd..) 2004 – Gmail 2005 – Google Maps 2005 – Jesse James Garrett’s article:”AJAX – A New          Approach ...
Defining Ajax  Ajax is not        A technology        A new Programming Language        A Platform.
Defining Ajax  Ajax is     A technique that uses set of open standard      technologies with support by cross-browser an...
Defining Ajax        The technologies,levels,languagesand protocols used are  Ajax incorporates  • The Hypertext Transfer ...
Defining Ajax        The technologies,levels,languagesand protocols used are (cont..)  Ajax incorporates  • Manipulation, ...
ExamplesGoogle Suggest:Google Maps:
Examples(cont..)Gmail Registration        Yahoo! Sports
Communication Communication usually occurs in two ways as following       Synchronous(Traditional way)       Asynchrono...
Synchronous Comm..• Classical way of connection.• Publication of information in static  web pages is good example.• The co...
Synchronous Comm..(contd..)Traditional Web interaction                              Client makes http request             ...
Asynchronous Comm..Ajax Web Interaction                       Client makes http request for specific information          ...
Synchronous Comm..(Contd..)          Broken user activity and full page reload
Asynchronous Comm..(contd..)            Ajax way of Communication
Insight of Ajax Web Application •   Ajax application in client side is formed of three layers                    • User In...
Examples(cont..)
Features: Advantages• Advantages     • Cross-Browser and Cross-Platform Compatibility.     • Ajax application can be build...
Features : Disadvantages• Disadvantages     •   Same security problems as in classic Web applications.     •   Think of di...
Who’s Using Ajax?
Conclusions•   E-mails, calendars, spreadsheets, information managers,    and word processors, are migrating of the tradit...
THANK YOU!
Upcoming SlideShare
Loading in …5
×

Ajax:From Desktop Applications towards Ajax Web Applications

1,195 views

Published on

Contains a Brief History,Defining Ajax, features, and who's using Ajax.

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,195
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
73
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ajax:From Desktop Applications towards Ajax Web Applications

  1. 1. From Desktop Applications towards Ajax Web Applications
  2. 2. Agenda 1 A brief History and Introduction of Ajax 2 Defining Ajax &Technologies incorporated✓ 3 Communication 4 The insight of Ajax Web Applications. 5 Features of Ajax 6 Conclusion
  3. 3. History 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
  4. 4. History (contd..) 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.
  5. 5. Defining Ajax  Ajax is not  A technology  A new Programming Language  A Platform.
  6. 6. 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.
  7. 7. Defining Ajax The technologies,levels,languagesand protocols used are 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).
  8. 8. Defining Ajax The technologies,levels,languagesand protocols used are (cont..) 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.
  9. 9. ExamplesGoogle Suggest:Google Maps:
  10. 10. Examples(cont..)Gmail Registration Yahoo! Sports
  11. 11. Communication Communication usually occurs in two ways as following  Synchronous(Traditional way)  Asynchronous(Ajax way)
  12. 12. Synchronous Comm..• 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
  13. 13. Synchronous Comm..(contd..)Traditional Web interaction Client makes http request Server returns a new page Web server
  14. 14. Asynchronous Comm..Ajax Web Interaction Client makes http request for specific information Server returns the requested information Web server Multiple requests are served
  15. 15. Synchronous Comm..(Contd..) Broken user activity and full page reload
  16. 16. Asynchronous Comm..(contd..) Ajax way of Communication
  17. 17. 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
  18. 18. Examples(cont..)
  19. 19. Features: Advantages• 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.
  20. 20. Features : Disadvantages• 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.
  21. 21. Who’s Using Ajax?
  22. 22. Conclusions• 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.
  23. 23. THANK YOU!

×