1. Ajax William Luu Blog: http://will.id.au/bloghttp://will.id.au/blog Email: will@will.id.au

2. What is Ajax? Term coined by Jesse James Garrett –http://www.adaptivepath.com/publications/essays/archives/0003 85.phphttp://www.adaptivepath.com/publications/essays/archives/0003 85.php Also known as XmlHttpRequest, Client Script callbacks. Ajax stands for Asynchronous JavaScript And XML. The term represents making use of –XHTML and CSS for UI presentation –JavaScript for manipulating Screen elements –Asynchronous data retrieval using the XmlHttpRequest object Standards based, so works cross browser

3. Examples services using Ajax GMail – http://mail.google.comhttp://mail.google.com Google Suggest - http://www.google.com/webhp?complete=1&hl=en http://www.google.com/webhp?complete=1&hl=en Outlook Web Access – Comes as part of Exchange Server (Available from 1998 – XmlHttpRequest ActiveX object in IE4) Start.com portalStart.com Hotmail Kahuna (next generation Hotmail service) – Not released yet Google Maps - http://maps.google.com/http://maps.google.com/ MSN Virtual Earth - http://virtualearth.msn.com/http://virtualearth.msn.com/ Flickr Photo Sharing website – http://www.flickr.comhttp://www.flickr.com

4. Postbacks vs Async Script Callbacks With Ajax we can refresh the data on a page without the need to refresh the whole page. This is achieved via usage of DHTML. Let’s say we have a small area on the page that needs to always have near “real time” data. Say flight times, or for a sports website, live a scorecard. This can be achieved via Ajax. With the traditional postback model, when we need to update parts of the page, we have to refresh the whole page. This involves making a request to the server, and then downloading the new page.

5. Source: http://www.adaptivepath.com/publications/essays/archives/000385.php

7. What’s to come from Microsoft ASP.NET 2.0’s Client Script Callback Atlas FireAnt – Atlas was derived/inspired by FireAnt, and used for basis of future MSN properties

8. What’s available right now for ASP.NET 1.0/1.1 Ajax.NET/BorgWorx Ajax.NET/Ajax.NET Professional – http://ajax.schwarz-interactive.dehttp://ajax.schwarz-interactive.de My Ajax.NET - http://jason.diamond.name/weblog/ http://jason.diamond.name/weblog/ WebORB for.NET - http://www.themidnightcoders.com/weborb/about Weborb.htm http://www.themidnightcoders.com/weborb/about Weborb.htm BitKraft - http://www.tiggrbitz.com/http://www.tiggrbitz.com/ More: http://ajaxpatterns.org/Ajax_Frameworks#Server -Side:_.NET http://ajaxpatterns.org/Ajax_Frameworks#Server -Side:_.NET

9. Demo of Ajax.NET Available at: –http://ajax.schwarz-interactive.de/http://ajax.schwarz-interactive.de/ –http://ajaxpro.schwarz-interactive.de/http://ajaxpro.schwarz-interactive.de/

10. Demo of Atlas Available at: –http://atlas.asp.nethttp://atlas.asp.net –PDC Presentation by Nikhil Kothari: http://www.nikhilk.net/Entry.aspx?id=92 http://www.nikhilk.net/Entry.aspx?id=92

11. A look to the future… Windows Presentation Foundation (WPF) – Formerly Avalon WPF/E (Windows Presentation Foundation /“Everywhere”) – Down level XAML parser which can run cross browser. Available as either an ActiveX plugin for IE or native browser plugin for other browsers Smart Client Macromedia Flash/Flex Laszlo - http://www.laszlosystems.com/ Xamlon Web - http://xamlon.com/software/xamlonpro/flash/ http://xamlon.com/software/xamlonpro/flash/

12. Last thoughts Think about the possibilities that giving users almost “live” feedback when they interact with the web application you’ve designed and develop. Forget about the traditional postback model for a brief moment and venture into the world of the rich interactive web. The biggest innovations seem to be coming from the web. The web travels at a million miles and hour. Look at the recent global disasters and how fast news about them came flying through the web. Through blogs, as well as online news websites. The web is connecting the world and making our world smaller than it already is.

13. Ajax Issues What if the user disables ActiveX in IE? Usability issues with onclick (what if the user wants to navigate using a keyboard?) What if user disables Javascript? Default security settings only allow user to access JavaScript hosted on same domain as originating web page. How does the user know when you change something on the UI? Use UI cues to show changes or when script is “busy” doing an update. With great power, comes even greater responsibilities.

14. Resources Ajax.NET - http://ajax.schwarz-interactive.de (Michael Schwarz, Ajax.NET authors' blog - http://weblogs.asp.net/mschwarz)http://ajax.schwarz-interactive.dehttp://weblogs.asp.net/mschwarz Ajaxian Blog - http://www.ajaxian.com/http://www.ajaxian.com/ Ajax: A New Approach to Web Applications (Original Article that coined the Ajax term by Jesse James Garrett) - http://www.adaptivepath.com/publications/essays/archives/000385.php http://www.adaptivepath.com/publications/essays/archives/000385.php OK/Cancel (Jesse James Garrett): Why Ajax Matters Now - http://www.ok-cancel.com/archives/article/2005/09/why-ajax-matters- now.htmlhttp://www.ok-cancel.com/archives/article/2005/09/why-ajax-matters- now.html BitKraft - http://www.tiggrbitz.com/http://www.tiggrbitz.com/ Dare Obasanjo: Moving Beyond the Basics: Scott Isaacs on AJAX Design Patterns - http://www.25hoursaday.com/weblog/PermaLink.aspx?guid=23a58e59-0a8d-43e4-ab18-a6d64ca5be87 http://www.25hoursaday.com/weblog/PermaLink.aspx?guid=23a58e59-0a8d-43e4-ab18-a6d64ca5be87 Scott Isaacs: Why Ajax is so 1999? Part 1 - http://spaces.msn.com/members/siteexperts/Blog/cns!1pNcL8JwTfkkjv4gg6LkVCpw!1685.entry http://spaces.msn.com/members/siteexperts/Blog/cns!1pNcL8JwTfkkjv4gg6LkVCpw!1685.entry Scott Isaacs: Why Ajax is so 1999? Part 2 - http://spaces.msn.com/members/siteexperts/Blog/cns!1pNcL8JwTfkkjv4gg6LkVCpw!1713.entry http://spaces.msn.com/members/siteexperts/Blog/cns!1pNcL8JwTfkkjv4gg6LkVCpw!1713.entry Omar Shahine: Fireant (Microsoft FireAnt Project) - http://www.shahine.com/omar/PermaLink,guid,93499451-ec70-40ec-beb1- 3789f46630d7.aspxhttp://www.shahine.com/omar/PermaLink,guid,93499451-ec70-40ec-beb1- 3789f46630d7.aspx SecretGeek: EARWAX anybody?: AJAX and The EARWAX - http://secretgeek.net/Ajax_earwax.asphttp://secretgeek.net/Ajax_earwax.asp Ajax.NET under sharepoint (Angus Logan) - http://msmvps.com/anguslogan/archive/2005/07/09/56884.aspxhttp://msmvps.com/anguslogan/archive/2005/07/09/56884.aspx Alex Bosworth's Weblog: Ajax Mistakes - http://sourcelabs.com/ajb/archives/2005/05/ajax_mistakes.htmlhttp://sourcelabs.com/ajb/archives/2005/05/ajax_mistakes.html Additional resources to blog post (Ajax Mistakes): http://alexbosworth.backpackit.com/pub/67688http://alexbosworth.backpackit.com/pub/67688 Cleaning up with Ajax http://www.builderau.com.au/program/soa/Cleaning_up_with_AJAX/0,39024614,39195723,00.htmhttp://www.builderau.com.au/program/soa/Cleaning_up_with_AJAX/0,39024614,39195723,00.htm ASP.NET Spiced: Ajax - http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnaspp/html/ASPNetSpicedAjax.asphttp://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnaspp/html/ASPNetSpicedAjax.asp Omar Shahine: FireAnt - http://www.shahine.com/omar/FireAnt.aspxhttp://www.shahine.com/omar/FireAnt.aspx Scott Guthrie: Atlas Project - http://weblogs.asp.net/scottgu/archive/2005/06/28/416185.aspxhttp://weblogs.asp.net/scottgu/archive/2005/06/28/416185.aspx fiftyfoureleven.com: XMLHttpRequest & Ajax Working Examples - http://www.fiftyfoureleven.com/resources/programming/xmlhttprequest/examples http://www.fiftyfoureleven.com/resources/programming/xmlhttprequest/examples Brock Allen: ICallbackEventHandler vs AJAX.NET -http://staff.develop.com/ballen/blog/CommentView.aspx?guid=c35c43f6-5686-40ee- 9752-8095a848d821http://staff.develop.com/ballen/blog/CommentView.aspx?guid=c35c43f6-5686-40ee- 9752-8095a848d821 Bertrand Le Roy: Fun with callbacks Part 1: What's in the ASP.NET box? - http://weblogs.asp.net/bleroy/archive/2005/04/08/397761.aspxhttp://weblogs.asp.net/bleroy/archive/2005/04/08/397761.aspx Paul Glavich: Asynchronous client script callbacks - http://www.simple-talk.com/2005/08/10/asynchronous-client-script-callbacks/http://www.simple-talk.com/2005/08/10/asynchronous-client-script-callbacks/ Luke Wroblewski: Ajax Interface Design – http://www.lukew.com/resources/articles/ajax_design.asphttp://www.lukew.com/resources/articles/ajax_design.asp Ajax Patterns Wiki - http://ajaxpatterns.orghttp://ajaxpatterns.org Microsoft Atlas Project: http://atlas.asp.nethttp://atlas.asp.net More on Atlas: –Atlas PDC presentation slides and demos (Nikhilk Kothari): http://www.nikhilk.net/Entry.aspx?id=92http://www.nikhilk.net/Entry.aspx?id=92 –Atlas XML Script: http://www.nikhilk.net/AtlasXMLScript.aspxhttp://www.nikhilk.net/AtlasXMLScript.aspx –Atlas Architecture Overview: http://www.nikhilk.net/AtlasArchitecture.aspxhttp://www.nikhilk.net/AtlasArchitecture.aspx –Microsoft Gadgets - http://microsoftgadgets.com/http://microsoftgadgets.com/

15. Source: http://www.ok-cancel.com/?p=600