Your SlideShare is downloading. ×
0
A synchronous   J avaScript   A nd   X ML Gloria Law Joshua Mahaz
A synchronous   J avaScript   A nd   X ML <ul><li>Technique for creating web applications that are… </li></ul><ul><ul><li>...
AJAX a New Name <ul><li>Components have been around since mid 90’s </li></ul><ul><ul><li>Microsoft Remote Scripting </li><...
AJAX a New Name <ul><li>Requirements </li></ul><ul><ul><li>Plugs-ins </li></ul></ul><ul><ul><li>Browser specific add-ons <...
AJAX a New Name <ul><li>Advancements in Web Development 2000+ </li></ul><ul><ul><li>Widespread adoption and refinement of ...
A synchronous   J avaScript   A nd   X ML <ul><li>Technique for creating better, faster, and more interactive web applicat...
Usage <ul><li>Real-time form data validation </li></ul><ul><ul><li>Can validate in a form before the user submit the form ...
Advantage <ul><li>Bandwidth usage </li></ul><ul><ul><li>Quicker loads </li></ul></ul><ul><ul><li>Rest of the layout does n...
Advantage <ul><li>Functionality </li></ul><ul><ul><li>Constant data fetching allows page to stay ahead of user </li></ul><...
Disadvantage <ul><li>Browser Integration </li></ul><ul><ul><li>Does not register itself with the browser history engine </...
Demo <ul><li>Web-based demo: </li></ul><ul><li>http://www.Mahaz.com </li></ul>
Reference <ul><li>http://www.adaptivepath.com/ideas/essays/archives/000385.php </li></ul><ul><li>http://devedge-temp.mozil...
Upcoming SlideShare
Loading in...5
×

Law-Mahaz-AJAX.ppt

980

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
980
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Law-Mahaz-AJAX.ppt"

  1. 1. A synchronous J avaScript A nd X ML Gloria Law Joshua Mahaz
  2. 2. A synchronous J avaScript A nd X ML <ul><li>Technique for creating web applications that are… </li></ul><ul><ul><li>faster </li></ul></ul><ul><ul><li>more functional </li></ul></ul><ul><ul><li>real-time </li></ul></ul><ul><li>Achieved through client/server communication without page reloads </li></ul>
  3. 3. AJAX a New Name <ul><li>Components have been around since mid 90’s </li></ul><ul><ul><li>Microsoft Remote Scripting </li></ul></ul><ul><ul><li>IFRAME (IE3) </li></ul></ul><ul><ul><li>LAYER (Netscape 4) </li></ul></ul><ul><li>Provided a means of loading external URLs that could modify a parent page. </li></ul>
  4. 4. AJAX a New Name <ul><li>Requirements </li></ul><ul><ul><li>Plugs-ins </li></ul></ul><ul><ul><li>Browser specific add-ons </li></ul></ul><ul><li>Repercussions </li></ul><ul><ul><li>Hassle of third party software </li></ul></ul><ul><ul><li>Page was always browser specific </li></ul></ul>
  5. 5. AJAX a New Name <ul><li>Advancements in Web Development 2000+ </li></ul><ul><ul><li>Widespread adoption and refinement of </li></ul></ul><ul><ul><ul><li>Client Side Scripting (JavaScript) </li></ul></ul></ul><ul><ul><ul><li>Server Side Scripting (PHP/SQL/ASP) </li></ul></ul></ul><ul><ul><ul><li>XML Request (Microsoft Remote Scripting) </li></ul></ul></ul><ul><li>Aloud for an easier, portable, and more refined approach, AJAX </li></ul>
  6. 6. A synchronous J avaScript A nd X ML <ul><li>Technique for creating better, faster, and more interactive web application </li></ul><ul><li>JavaScript can communicate directly with server </li></ul><ul><ul><li>scripting language in which Ajax function calls are usually made </li></ul></ul><ul><li>Uses asynchronous data transfer (HTTP requests) between the browser and the web server </li></ul><ul><li>Can use on different OS, free and open source implementations of suitable </li></ul>
  7. 7. Usage <ul><li>Real-time form data validation </li></ul><ul><ul><li>Can validate in a form before the user submit the form </li></ul></ul><ul><li>Auto completion </li></ul><ul><ul><li>Portion of form data may be auto completed as the user types </li></ul></ul><ul><li>Load on demand </li></ul><ul><ul><li>An HTML page can fetch more data in the background </li></ul></ul><ul><li>Refreshing data and server push </li></ul><ul><ul><li>Pull data from a server for a up-to-date data </li></ul></ul><ul><ul><li>Not require to reload the full page </li></ul></ul>
  8. 8. Advantage <ul><li>Bandwidth usage </li></ul><ul><ul><li>Quicker loads </li></ul></ul><ul><ul><li>Rest of the layout does not have to be redrawn on each update </li></ul></ul><ul><li>Compatibility </li></ul><ul><ul><li>Works on ‘ most’ browsers </li></ul></ul>
  9. 9. Advantage <ul><li>Functionality </li></ul><ul><ul><li>Constant data fetching allows page to stay ahead of user </li></ul></ul><ul><li>JavaScript event handler gives page a real-time feel </li></ul><ul><ul><li>Mouse click </li></ul></ul><ul><ul><li>Focus changes </li></ul></ul><ul><ul><li>Timers/Interrupts </li></ul></ul>
  10. 10. Disadvantage <ul><li>Browser Integration </li></ul><ul><ul><li>Does not register itself with the browser history engine </li></ul></ul><ul><li>Complexity </li></ul><ul><ul><li>Need to have some knowledge of presentation logic in the HTML client page as well as in the server-side logic </li></ul></ul><ul><li>Response-time concern </li></ul><ul><ul><li>Network latency </li></ul></ul><ul><li>Debugging </li></ul><ul><ul><li>Processing logic is embedded both in the client and on the server. </li></ul></ul>
  11. 11. Demo <ul><li>Web-based demo: </li></ul><ul><li>http://www.Mahaz.com </li></ul>
  12. 12. Reference <ul><li>http://www.adaptivepath.com/ideas/essays/archives/000385.php </li></ul><ul><li>http://devedge-temp.mozilla.org/viewsource/2003/inner-browsing/index_en.html </li></ul><ul><li>http://groups.google.ca/group/microsoft.public.scripting.remote/browse_thread/thread/99b7e6152b45b2e7/6b3689e2dc7401dc </li></ul><ul><li>http://arscif.dsi.unimi.it/ </li></ul><ul><li>http://msdn.microsoft.com/msdnmag/issues/04/08/CuttingEdge/ </li></ul><ul><li>http://www.ietf.org/rfc/rfc2396.txt </li></ul><ul><li>http://www.ietf.org/rfc/rfc3986.txt </li></ul><ul><li>http://www.xml.com/pub/a/2005/08/22/ajax.html </li></ul>
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×