Your SlideShare is downloading. ×
4005-713 ` XML Architecture, Tools & Technique ` Presentation
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

4005-713 ` XML Architecture, Tools & Technique ` Presentation

1,260

Published on

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,260
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
17
Comments
0
Likes
1
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. AJAX: Asynchronous JavaScript and XML By: Alex Maskovyak & Young Suk Moon 4005-713 ` XML Architecture, Tools & Techniques ` 01/14/2009
  • 2. Outline
    • Overview
      • Examples
    • Background
      • Web Application Model
      • Problems
      • Other alternatives
    • Technology
    • Demo
    • Web Presence
    • Sources
    • Questions
  • 3. Overview
    • Group of web development techniques/technologies
    • Used to create interactive “web applications”
    • Technical jargon
    • Backbone behind “web 2.0”
  • 4. Overview: Examples
    • Google suggest: dynamic search suggestions
    • Google Gmail: rich interface for email
    • Google maps : interactive atlas
    • Del.icio.us : social bookmarking
    • Facebook : social gathering site
  • 5. Background: Web Application Model
    • Request/response communication mode
      • User (through browser) requests information
      • Browser waits for server response
      • Server responds with information
      • Browser refreshes the page
  • 6. Background: Problems
    • Unfriendly user experience
    • Slow
    • Bandwidth/server intensive
  • 7. Alternatives
    • Load everything on page load and display only what is needed/when it is needed (hide everything else)
      • Good
        • improves user experience
        • reduces server requests/loads
      • Bad
        • does not solve total bandwidth server problems
        • resource wasteful on the local machine
  • 8. Alternatives
    • Java applets
      • Good
        • interactive web applications
        • reduces server requests/loads
      • Bad
        • large and slow to load
        • requires browser plugin and compatible JVM
        • breaks web page continuity (look and feel may differ from page)
  • 9. Alternatives
    • Flash applets
      • Good
        • highly interactive web applications
        • reduces server requests/load
      • Bad
        • slow to load
        • requires browser plugin
        • Flash development tools aren’t free
  • 10. Alternatives
    • AJAX…
  • 11. AJAX Technology
    • Asynchronous JavaScript and XML?
    • General ingredients:
      • Any client-side scripting language (JavaScript, VBScript)
      • Any type of information container (XML, JSON, pre-formatted HTML, plain text)
      • Asynchronous transfer mechanism (Javascript’s XMLHttpRequest)
      • Server side scripting (PHP, ASP, JSP)
  • 12. AJAX Technology (XMLHttpRequest)
    • JavaScript class
    • Created by Microsoft, adapted by other browsers, and became a standard
    • var xmlHttp = new XMLHttpRequest();
    • xmlHttp.open(“GET”, “someURL”, true);
    • xmlHttp.send(“somedata”);
    • xmlHttp.onreadystatechange = someFunction;
  • 13. XML
    • var xmldoc = xmlHttp.responseXML.documentElement;
    • Organized structured data provides an excellent medium for information exchange
    • DOM and DOM events can be leveraged
    • XSLT can be leveraged
  • 14. AJAX Advantages
    • More responsive and interactive pages
      • Browser responds quickly to additional user commands since it doesn’t hang on server response
    • Reduces bandwidth
      • Common content across pages stays the same
      • Only updated content need be requested
    • Reduces server connections
      • Many object will only be requested once (scripts, stylesheets, etc)
    • Compatible with many browsers
      • No plugins required
  • 15. AJAX Disadvantages
    • Creating XMLHttpRequest objects differs by browser
    • Browser back/forward buttons not useful
    • Bookmarking can be difficult
    • Search engine indexing is difficult
    • Browser must support JavaScript and it must be enabled
    • Lack of standards, tools, and best practices
  • 16. Demo
    • Present web-site demonstration.
  • 17. Web Presence
    • Link: http://www.cs.rit.edu/~yxm9371/713/ajax.html
  • 18. Sources
    • http://www.w3schools.com/Ajax/default.asp
    • http://en.wikipedia.org/wiki/Ajax_(programming)
    • http://www.ajaxf1.com/tutorial/ajax-php.html
    • http://www.ajaxmatters.com/
    • http://dot1ne.com/journal/ajax-vs-flash-round-2-
    • arena-web20-fight

×