Ajax Introduction Presentation

5,160 views

Published on

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

No Downloads
Views
Total views
5,160
On SlideShare
0
From Embeds
0
Number of Embeds
26
Actions
Shares
0
Downloads
217
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Ajax Introduction Presentation

  1. 1. Introduction to Ajax Apr 22, 2005 Sang-Kil Park
  2. 2. What is Ajax?
  3. 3. What is Ajax? Asynchronous Javascript And XML
  4. 4. What is Ajax? Asynchronous Javascript And XML
  5. 5. The History of Ajax
  6. 6. HTTP has some limitations.
  7. 7. Microsoft’s Remote Scripting XML and XSLT
  8. 8. IE Specific We need more flexible skills.
  9. 9. XMLHttpRequest
  10. 10. Microsoft first implemented the XMLHttpRequest object in Internet Explorer 5 for Windows as an ActiveX object.
  11. 11. Engineers on the Mozilla project implemented a compatible native version for Mozilla 1.0 (and Netscape 7).
  12. 12. Apple has done the same starting with Safari 1.2.
  13. 13. W3C, Document Object Model (DOM) Level 3 Load and Save Specification. XMLHttpRequest object has become a de facto standard.
  14. 14. Who named Ajax?
  15. 15. Apr 1, 2004 April Fool’s Day Google E-Mail Services 1GB Storage
  16. 16. Apr 1, 2004 April Fool’s Day Google E-Mail Services 1GB Storage Incredible User Interfaces
  17. 17. 만우절 뻥?
  18. 18. Ajax: A New Approach to Web Applications Feb 18, 2005 Jesse James Garrett , adaptive path
  19. 19. Defining Ajax
  20. 20. Defining Ajax standards-based presentation using XHTML and CSS dynamic display and interaction using the Document Object Model data interchange and manipulation using XML and XSLT asynchronous data retrieval using XMLHttpRequest and JavaScript binding everything together
  21. 21. Ajax =
  22. 22. Ajax = XMLHttpRequest + asynchronous
  23. 23. HTTP is a not reliable Protocol.
  24. 24. DHTML Dude, Dave Massy(Microsoft) said: Ajax is just DHTML + XMLHttp
  25. 25. asynchronous
  26. 26. Columbus breaking the Egg.
  27. 27. Google breaking the XMLHttpRequest and inventing the Ajax.
  28. 28. true = asynchronous
  29. 29. Ajax isn't something you can download. It's an approach.
  30. 30. The Future of Ajax
  31. 31. Weblications Dec 20, 2004 Adam Rifkin, former Microsoftie
  32. 32. Rich Internet Applications(RIA) Macromedia: Flash, Flash Communications Server, Central, Flex. Microsoft: Active-X, XAML W3C: SVG Google: Ajax(XMLHttpRequest, JavaScript, XML) Adobe LiveMotion, Laszlo, Java Applet
  33. 33. Rich Internet Applications(RIA) Macromedia: Flash, Flash Communications Server, Central, Flex. Microsoft: Active-X, XAML W3C: SVG Google: Ajax(XMLHttpRequest, JavaScript, XML) Adobe LiveMotion, Laszlo, Java Applet
  34. 34. Ajax is the trendy method of developing Web 2.0 apps right now.
  35. 35. RubyOnRails 0.11 Ajax in under five minutes
  36. 36. 사용자: 개발자:
  37. 37. 사용자: 사용하기 쉽다. 개발자: 만들기 쉽다.
  38. 38. Win-Win
  39. 39. BUT
  40. 40. Do not load entire pages. Do not break what the user is focusing on. Do not use it to eliminate acceptance. Do not over-use it. Consider how to handle users that cannot use XMLHttpRequest.
  41. 41. Case Study #1 Google Suggest
  42. 42. Case Study #2 Google Maps
  43. 43. NOT Active-X
  44. 44. Case Study #3 Flickr
  45. 45. DEMO
  46. 46. References • Ajax: A New Approach to Web Applications • Dynamic HTML and XML: The XMLHttpRequest Object • Dave Massy's WebLog : Ajax == DHTML + XMLHttp • Hogarth :Columbus breaking the Egg • javascript:xmlhttprequest:behaviour • Weblications • Web 2.0 Weekly Wrap-up • Rails 0.11.0: Ajax, Pagination, Non-vhost, Incoming mail • XMLHttpRequest Usability Guidelines

×