1. AJAX Making Dynamic Web pages more Dynamic Jim Hendricks April 25th, 2006

2. Outline Evolution of the Dynamic Web What is AJAX? Pros and Cons to AJAX Conclusion

3. Evolution of the Dynamic Web Static Web pages Server-side Applications Client-side Applications Client-side Scripting Server-side Scripting

4. Static Web pages No dynamics Stale.. Boring Maintenance nightmare

5. Server-side Applications 1993 Common Gateway Interface (CGI)

6. Server-side Applications Pros Can be written in any language Cons Multiple Users, Multiple Instances Lots of overhead for the server

7. Client-side Applications 1993 Applets Java Applets 1996 Future Splash Animator Macromedia Flash

8. Client-side Applications Pros Solves Overhead problem Cons Requires User to have current plug-ins Limited access to server information Doesn’t solve static HTML issues

9. Client-side Scripting 1995 LiveScript JavaScript VBScript

10. JavaScript Loosely typed language Written into the HTML page

11. Document Object Model (DOM) Object representation of the HTML page Use the id tag to create an object in the DOM

12. Client-side Scripting Pros Wide browser support Fast Cons Difficult to debug

13. Server-side Scripting 1996 Servlets ASP JSP 1997 PHP

14. Server-side Scripting Pros Requires no plug-ins on the Users part Separates design and code Hides implementation details from User Cons Requires extra software on the server Requires knowledge of the developer

15. Making Dynamic Standards DHTML HTML CSS Client-side Scripting DOM Internet Explorer v. Mozilla Firefox

16. XML 1998 eXtensible Markup Language Client-side information online or offline

17. Bringing it all together 2005 AJAX: Asynchronous JavaScript and XML

18. AJAX 4 main components HTML w/ CSS Client-side Scripting XMLHttpRequest Object XML

19. HTML w/ CSS Basic web page framework Design

20. Client-side Scripting Mainly JavaScript Required Access to the DOM

21. XMLHttpRequest Object Retrieve data from the server

22. XML Describes data on the server

23. Pros for AJAX Wide browser support Portability Speed

24. Cons for AJAX Browser navigation Issues Network latency Difficulty debugging JavaScript

25. Conclusion AJAX can do wonderful things

26. References [1] Asleson, R., Schutta, N. T. (2006). Foundations of AJAX. Berkeley, CA: Apress. [2] Apple.com. (2005) Dynamic HTML and XML: The XMLHttpRequest Object. Retrieved April 1, 2006 from http://developer.apple.com/internet/webcontent/xmlhttpreq.html http://developer.apple.com/internet/webcontent/xmlhttpreq.html [3] Wikipedia.org. (2006) Ajax (Programming). Retrieved April 1, 2006 from http://en.wikipedia.org/wiki/Ajax_(programming)http://en.wikipedia.org/wiki/Ajax_(programming