1 / 12

AJAX : Technology Evaluation

AJAX : Technology Evaluation. Bryan Jones Philip Lim Fred Lo Warren Wang. Agenda. What is AJAX? Introduction How does AJAX work? Components Diagram Implementation Where is AJAX used? Examples Demonstration Why AJAX? Benefits Pitfalls Tech Comparison Who has questions?

maitland
Download Presentation

AJAX : Technology Evaluation

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. AJAX : Technology Evaluation Bryan Jones Philip Lim Fred Lo Warren Wang

  2. Agenda • What is AJAX? • Introduction • How does AJAX work? • Components • Diagram • Implementation • Where is AJAX used? • Examples • Demonstration • Why AJAX? • Benefits • Pitfalls • Tech Comparison • Who has questions? • Conclusion

  3. AJAX:Asynchronous Javascript And XML What it is: Web development technique Used to create more responsive, real-time web applications What it isn’t: a language standardized What is AJAX? Introduction How does AJAX work? Components Diagram Implementation Where is AJAX used? Examples Demonstration Why AJAX? Benefits Pitfalls Tech Comparison Who has questions? Conclusion What is AJAX? - Introduction

  4. XHTML & CSS For presentation Javascript To modify DOM To access the XMLHttpRequest API XMLHttpRequest( ) For asynchronous connection between client and server XML For information exchange between client and server What is AJAX? Introduction How does AJAX work? Components Diagram Implementation Where is AJAX used? Examples Demonstration Why AJAX? Benefits Pitfalls Tech Comparison Who has questions? Conclusion How does AJAX work? - Components

  5. What is AJAX? Introduction How does AJAX work? Components Diagram Implementation Where is AJAX used? Examples Demonstration Why AJAX? Benefits Pitfalls Tech Comparison Who has questions? Conclusion How does AJAX work? - Diagram Client XHTML / CSS DOM Javascript Call Javascript XMLHttpRequest( ) XML Server

  6. What is AJAX? Introduction How does AJAX work? Components Diagram Implementation Where is AJAX used? Examples Demonstration Why AJAX? Benefits Pitfalls Tech Comparison Who has questions? Conclusion So you want to get started? Libraries OpenRico (includes drag and drop management) SAJAX (pretty bare bones) Scriptalicious (lots of effects) XHttpRequest Properties onreadystatechange readyState (Object status integer:0 = uninitialized1 = loading2 = loaded3 = interactive4 = complete ) responseText responseXML status statusText How does AJAX work? - Implementation

  7. What is AJAX? Introduction How does AJAX work? Components Diagram Implementation Where is AJAX used? Examples Demonstration Why AJAX? Benefits Pitfalls Tech Comparison Who has questions? Conclusion Google Google Maps Google Suggest Gmail Flickr Web based Outlook “Drag and drop” Shopping Cart Where is AJAX used? - Examples

  8. What is AJAX? Introduction How does AJAX work? Components Diagram Implementation Where is AJAX used? Examples Demonstration Why AJAX? Benefits Pitfalls Tech Comparison Who has questions? Conclusion (Insert our demo here) Where is AJAX used? - Demonstration

  9. What is AJAX? Introduction How does AJAX work? Components Diagram Implementation Where is AJAX used? Examples Demonstration Why AJAX? Benefits Pitfalls Tech Comparison Who has questions? Conclusion Interactivity More rich, better look and feel Compatability Most modern browsers support full functionality Interoperability Usable with LAMP philosophy Basic skillset is common XHTML, Javascript, XML, all ubiquitous Why AJAX? - Benefits

  10. What is AJAX? Introduction How does AJAX work? Components Diagram Implementation Where is AJAX used? Examples Demonstration Why AJAX? Benefits Pitfalls Tech Comparison Who has questions? Conclusion Responsiveness Complex Quirky Can break “back” button Can break bookmarking Why AJAX? - Pitfalls

  11. What is AJAX? Introduction How does AJAX work? Components Diagram Implementation Where is AJAX used? Examples Demonstration Why AJAX? Benefits Pitfalls Tech Comparison Who has questions? Conclusion XAML XAML Pros: Very high performance, robust, and versatile. XAML Negatives: Microsoft only technology, not available for use until Vista versions of Explorer. Macromedia’s Flash Flash Pros: Cross platform and browser support. Quick and flexible. Flash Negatives: Not respected by enterprise software developers. Java Java Pros: Very fast. Supported on any platform with Java plug-in Java Negatives: Requires java plug-in Why AJAX? – Tech Comparison

  12. What is AJAX? Introduction How does AJAX work? Components Diagram Implementation Where is AJAX used? Examples Demonstration Why AJAX? Benefits Pitfalls Tech Comparison Who has questions? Conclusion AJAX’s future? No standards / very immature Lots of libraries available with varying degrees of usability Who has questions? – Conclusion

More Related