Your SlideShare is downloading. ×
Slide 1
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

Slide 1

335
views

Published on


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

  • Be the first to like this

No Downloads
Views
Total Views
335
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
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.  
  • 2. Jumping on the AJAX bandwagon By Cameron Adams, 2006-04-06
  • 3.  
  • 4.
    • Ajax: A New Approach to Web Applications
    • February 18, 2005
    • http://www.adaptivepath.com/publications/essays/archives/000385.php
  • 5.  
  • 6. AJAX
  • 7. A synchronous JA vaScript and X ML
  • 8. A synchronous JA vaScript and X ML
  • 9. A synchronous JA vaScript and X ML
  • 10. A synchronous JA vaScript and X ML
  • 11. and
  • 12.  
  • 13. A synchronous
  • 14. A synchronous
    • Traditional browser request
  • 15. A synchronous
    • Traditional browser request
  • 16. A synchronous
    • Traditional browser request
  • 17. A synchronous
    • Traditional browser request
  • 18. A synchronous
    • AJAX request
  • 19. A synchronous
    • AJAX request
  • 20. A synchronous
    • AJAX request
  • 21. A synchronous
    • AJAX request
  • 22. Ja vaScript
  • 23. Ja vaScript
  • 24. Ja vaScript
    • Captures interaction – Creates interaction
    • Initiates/receives communication
    • Rewrites the page
  • 25. Ja vaScript
  • 26. X ML
  • 27. X ML
    • Who cares about XML?
    • It’s easier to use plain text/HTML or JSON
  • 28. Advantages of AJAX
  • 29. Advantages of AJAX
    • maps.yahoo.com
    • maps.google.com
    More usable interfaces
  • 30. Advantages of AJAX
    • photosite.com
    • flickr.com
    Unique interaction
  • 31. Advantages of AJAX
    • IM clients
    • meebo.com
    Portable
  • 32. Advantages of AJAX
    • Red Sherrif
    • Google Analytics
    Small & Invisible
  • 33. Advantages of AJAX Collaboration
  • 34. Advantages of AJAX
    • Maps, maps, everywhere:
    • www.plazes.com
    • www.communitywalk.com
    • homesold.fidelitylabs.com
    • www.chicagocrime.org
    • www.wayfaring.com
    • dartmaps.mackers.com
    • www.gawker.com/stalker
    • maps.webfoot.com
    • www.dudewheresmyusedcar.com
    • austin.adactio.com
    • www.beerhunter.ca
    Collaboration
  • 35. Advantages of AJAX
    • www.mindsack.com/?page_id=45
    • api.local.yahoo.com/eb
    • johnvey.com/features/deliciousdirector
    Collaboration
  • 36. Disadvantages of AJAX
  • 37. Disadvantages of AJAX
    • JavaScript off
    • meebo.com
    • Google Maps handles it OK
    • Jeremy Keith calls “Hijax” good practice (http://domscripting.com/blog/display/41)
  • 38. Disadvantages of AJAX
    • Usability
    • New styles of interaction (to the Web) – drag and drop, in-place editing (projects.backbase.com/RUI/shop.html – what the hell do I do!?!?)
    • Feedback on state/changes
    • The back button (news.google.com)
  • 39. Disadvantages of AJAX
    • Accessibility
    • JavaScript accessibility in general
    • No solid solutions for AJAX – most screenreaders allow JavaScript but cannot detect page changes
  • 40. Developing with AJAX
  • 41. Developing with AJAX
    • Server-side Programming
    • “Plan for Ajax from the start. Implement Ajax at the end.”
  • 42. Developing with AJAX
    • Client-side Programming
    • Four “Quantum States” of AJAX – Kevin Hakman
  • 43. Developing with AJAX
    • Client-side Programming
    • Level 1– Communication libraries:
    • SAJAX (www.modernmethod.com/sajax)
    • Prototype (prototype.conio.net)
  • 44. Developing with AJAX
    • Client-side Programming
    • Level 2– GUI components:
    • RICO (openrico.org)
    • Yahoo UI Library (developer.yahoo.com/yui)
  • 45. Developing with AJAX
    • Client-side Programming
    • Level 3 – Rich Internet Application (RIA) Frameworks :
    • Backbase (www.backbase.com)
    • Tibco (www.tibco.com/software/ria/gi_resource_center.jsp )
    • Isomorphic (www.isomorphic.com)
  • 46. Developing with AJAX
    • Client-side Programming
    • Level 4 – RIA Frameworks + Visual Toolkits:
    • Backbase (www.backbase.com)
    • Tibco (www.tibco.com/software/ria/gi_resource_center.jsp )
    • Microsoft Atlas (atlas.asp.net)
  • 47. How should I use AJAX?
  • 48. How should I use AJAX?
    • Applications vs. Web pages
    • Should everything on the Web use a page-based model?
  • 49. What’s the future of AJAX?
    • The new interaction is here to stay
    • JJG: “AJAX is the next step. I don’t think it is the last step. What we ultimately end up with on the Web is something that will be rooted in this approach, but it may not use these particular technologies. Conceptually, decoupling user interaction from server communication is here to stay.”
  • 50.