9. AJAX amp; RIA.ppt

* 9. AJAX RIA Motto: O! call back yesterday, bid time return. William Shakespeare Concepts Ajax Web Applications Rich Internet Applications (RIAs) with Ajax “Raw” Ajax with XMLHttpRequest Object Ajax with XML, JSON and DOM A Full-Scale Ajax-Enabled Application Dojo Toolkit Ajax Overview Usability of original web applications is bad compared to desktop applications Rich Internet Applications (RIAs) approximate the look, feel and usability of desktop applications rich GUI performance Ajax (Asynchronous JavaScript and XML) client-side user interaction vs. server communication separate processes parallel processing no page refreshes asynchronous requests sent to the server via JavaScript page updates via DOM modifications Toolkits Ajax toolkits “raw” Ajax is impractical toolkits handle cross-browser portability problems Dojo Prototype Script.aculo.us RIA environments rich, ready-to-use GUI use Ajax toolkits JavaServer Faces Adobe Flex Microsoft Silverlight Ajax Concept XMLHttpRequest object manages interaction with the server Commonly abbreviated as XHR Form of data passed between server and client XML, or JSON (JavaScript Object Notation) Client-side programming XHTML CSS JavaScript Traditional Web Application Traditional web application uses a synchronous model user fills in all the fields in a form and submits it browser generates a request, sends it to the server, and waits server receives the request, processes it, and sends back a response page browser erases the original form page browser displays the new page Major usability problems the user cant interact with the browser while it waits for the servers response the browser erases the old page before a new page appears Traditional Synchronous Model Ajax Application Ajax application uses an asynchronous model user fills in a field in a form that needs some feedback application creates an XMLHttpRequest object, uses it to send a request to the server, and services the user without waiting server r