0
Introduction to Ajax




              Apr 22, 2005
              Sang-Kil Park
What is Ajax?
What is Ajax?

Asynchronous Javascript And XML
What is Ajax?

Asynchronous Javascript And XML
The History of Ajax
HTTP has some limitations.
Microsoft’s Remote Scripting
XML and XSLT
IE Specific
We need more flexible skills.
XMLHttpRequest
Microsoft first implemented the XMLHttpRequest
object in Internet Explorer 5 for Windows as an
ActiveX object.
Engineers on the Mozilla project implemented a
compatible native version for Mozilla 1.0 (and
Netscape 7).
Apple has done the same starting with Safari 1.2.
W3C, Document Object Model (DOM) Level 3
Load and Save Specification.

XMLHttpRequest object has become a de facto
standard.
Who named Ajax?
Apr 1, 2004 April Fool’s Day
               Google
       E-Mail Services
         1GB Storage
Apr 1, 2004 April Fool’s Day
                   Google
           E-Mail Services
             1GB Storage
Incredible User...
만우절 뻥?
Ajax: A New Approach to Web
          Applications

          Feb 18, 2005
Jesse James Garrett , adaptive path
Defining Ajax
Defining Ajax
standards-based presentation using XHTML and CSS
dynamic display and interaction using the Document Object M...
Ajax =
Ajax =

XMLHttpRequest + asynchronous
HTTP is a not reliable Protocol.
DHTML Dude, Dave Massy(Microsoft) said:

   Ajax is just DHTML + XMLHttp
asynchronous
Columbus breaking the Egg.
Google breaking the XMLHttpRequest
      and inventing the Ajax.
true = asynchronous
Ajax isn't something you can
download. It's an approach.
The Future of Ajax
Weblications

        Dec 20, 2004
Adam Rifkin, former Microsoftie
Rich Internet Applications(RIA)

Macromedia: Flash, Flash Communications
Server, Central, Flex.
Microsoft: Active-X, XAML
...
Rich Internet Applications(RIA)

Macromedia: Flash, Flash Communications
Server, Central, Flex.
Microsoft: Active-X, XAML
...
Ajax is the trendy method of
developing Web 2.0 apps right now.
RubyOnRails 0.11
Ajax in under five minutes
사용자:

개발자:
사용자: 사용하기 쉽다.

개발자: 만들기 쉽다.
Win-Win
BUT
Do not load entire pages.
Do not break what the user is focusing on.
Do not use it to eliminate acceptance.
Do not over-us...
Case Study #1

Google Suggest
Case Study #2

Google Maps
NOT Active-X
Case Study #3

    Flickr
DEMO
References

•   Ajax: A New Approach to Web Applications
•   Dynamic HTML and XML: The XMLHttpRequest Object
•   Dave Mass...
Ajax   Introduction   Presentation
Ajax   Introduction   Presentation
Ajax   Introduction   Presentation
Ajax   Introduction   Presentation
Ajax   Introduction   Presentation
Ajax   Introduction   Presentation
Ajax   Introduction   Presentation
Ajax   Introduction   Presentation
Upcoming SlideShare
Loading in...5
×

Ajax Introduction Presentation

3,941

Published on

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

No Downloads
Views
Total Views
3,941
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
172
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Transcript of "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
  1. A particular slide catching your eye?

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

×