10/08/2006 ●S AJAX DHTML plus Asynchronous communication capability through XmlHttp ReqUest Pro Most viable RIa technology so far Tremendous industry momentum Several toolkits and frameworks are emerging No need to download code& no plug- in required Cons Still browser incompatibility Java Script is hard to maintain and debug AJAX-enabled JSF components will help 16 You can think of ajaX as dhTML plus asynchronous communication capability through XmlhTtpreqUesT Javascript object AJAX is probably the most viable Ria technology so far. And there a tremendous industry momentum behind AJAX. There are several toolkits and frameworks that can be used for developing production quality AjAX applications. The nice thing about AJAX compared to other Ria technologies is that you don' t have to download or configure a plug-in to make it work
You can think of AJAX as DHTML plus asynchronous communication capability through XMLHttpRequest JavaScript object. AJAX is probably the most viable RIA technology so far. And there is a tremendous industry momentum behind AJAX. There are several toolkits and frameworks that can be used for developing production quality AJAX applications. The nice thing about AJAX compared to other RIA technologies is that you don't have to download or configure a plug-in to make it work. 16 AJAX • DHTML plus Asynchronous communication capability through XMLHttpRequest • Pros > Most viable RIA technology so far > Tremendous industry momentum > Several toolkits and frameworks are emerging > No need to download code & no plug-in required • Cons > Still browser incompatibility > JavaScript is hard to maintain and debug • AJAX-enabled JSF components will help 10/08/2006
10/08/2006 令Sn 3 AJAX. Real-life Examples Now let me show you some real life examples of AjAX for people who have not seen it or for people who have seen it but did not realize they were using AJAX underneath
3. AJAX: Real-life Examples Now let me show you some real life examples of AJAX for people who have not seen it or for people who have seen it but did not realize they were using AJAX underneath. 10/08/2006
10/08/2006 OSun Real-Life Examples of AJAX Apps Google maps >http://maps.google.com/ Goolgle Suggest >http://www.google.com/webhp?complete=1&h=en ● NetFlix >http://www.netflix.com/browseselEction?inkctr=nmhbs gmail >http:gmail.com Yahoo Maps(new >http://maps.yahoo.com/ Many more are popping everywhere 18 Everybody knows Google maps now. And it is highly likely everybody has used Google maps. Google maps is the one that really triggered the AJAX phenomenon Other applications that use AJAX underneath include Google Suggest which is basically auto-completion. And more comprehensive use of AjAX is gmail application Yahoo is revamping their sites using ajaX. and more and more Web sites are beginning to use AJAX
18 Real-Life Examples of AJAX Apps • Google maps > http://maps.google.com/ • Goolgle Suggest > http://www.google.com/webhp?complete=1&hl=en • NetFlix > http://www.netflix.com/BrowseSelection?lnkctr=nmhbs • Gmail > http://gmail.com/ • Yahoo Maps (new) > http://maps.yahoo.com/ • Many more are popping everywhere Everybody knows Google maps now. And it is highly likely everybody has used Google maps. Google maps is the one that really triggered the AJAX phenomenon. Other applications that use AJAX underneath include Google Suggest which is basically auto-completion. And more comprehensive use of AJAX is Gmail application. Yahoo is revamping their sites using AJAX. And more and more Web sites are beginning to use AJAX. 10/08/2006
10/08/2006 令S AJAX, Demo Google Maps, Yahoo Maps New Now let me do a bit of demo of google maps and Yahoo's new maps
AJAX: Demo Google Maps, Yahoo Maps New Now let me do a bit of demo of Google maps and Yahoo's new maps. 10/08/2006
10/08/2006 OSun Key Aspects of Google Maps A user can drag the entire map by using the mouse Instead of clicking on a button or something The action that triggers the download of new map data is not a specific click on a link but a moving the map around Behind the scene - AjaX is used The map data is requested and downloaded asynchronously in the background Other parts of the page remains the same No loss of operational context 20 Now let me talk about key functional aspects of the google maps First, you can drag the entire map by moving the mouse. In order to see other parts of the map all you have to do is moving the mouse instead of clicking a button. What happens behind the scene is that the mouse movement triggers the downloading of the new map data in the background Please also note that the other parts of the page remain the same This means there is no loss of operational context
20 Key Aspects of Google Maps • A user can drag the entire map by using the mouse > Instead of clicking on a button or something • The action that triggers the download of new map data is not a specific click on a link but a moving the map around • Behind the scene - AJAX is used > The map data is requested and downloaded asynchronously in the background • Other parts of the page remains the same > No loss of operational context Now let me talk about key functional aspects of the Google maps. First, you can drag the entire map by moving the mouse. In order to see other parts of the map, all you have to do is moving the mouse instead of clicking a button. What happens behind the scene is that the mouse movement triggers the downloading of the new map data in the background. Please also note that the other parts of the page remain the same. This means there is no loss of operational context. 10/08/2006