1. AJAX and Atlas in ASP.NET 2.0 William J. Steele MSDN Developer Evangelist Microsoft Corporation http://blogs.msdn.com/wsteele

2. What We Will Cover What is AJAX? What is “Atlas”? Scenarios Architecture Overview Programming Models Demonstration – Getting Started with “Atlas”

3. “Atlas” Examples

4. What is AJAX? AJAX buzzword Web development technique for creating interactive web applications using a combination of DHTML, JavaScript and XMLHTTP AJAX == Asynchronous JavaScript and XML Technology is very widely deployed Being used for a large number of web sites Map – MSN VirtualEarth, Google Maps Email – new MSN Hotmail, Google Mail 4

5. AJAX Technology DHTML DOM Browser DOM manipulated through JavaScript to dynamically display and interact with information CSS stylesheets for formatting JavaScript Loosely typed scripting language Mostly used as the “glue” to wire things together on a page Can quickly get hard to maintain XMLHttpRequest object Exchange data asynchronously with the web server Any data format will work - HTML fragments, text, XML, JSON Introduced in 1998 for IE 5.0 by the Exchange Outlook Web Access team 5

6. What is “Atlas”? High productivity AJAX development Builds on top of ASP.NET 2.0 Works cross-browser End-to-End Framework Extensible at-las - (ăt-l ә S) noun: A Framework for Building Richer, Interactive, Personalized Web Experiences and Applications

7. Installing “Atlas”

8. “Atlas” Scenarios Client-centric Web Applications Interactive and rich, intuitive UX Leverage full power of script/DHTML Next generation Web applications “AJAX”ified ASP.NET Applications Incremental approach to enrichment Enables key scenarios in easy manner

9. Example Key Scenarios Dynamically update controls User selects Country States are populated based on country selection Cities are populated based on state selection User selects Product Available accessories are populated based on product selection Notify users based on system event Display E-mail received toast notification AutoComplete Populates optional dropdown with Server data

10. Enriching ASP.NET Applications Atlas-Enabling Pages Add a ScriptManager control Enable Partial Rendering Continue to use the postback model, but work out-of-band Only portions of the page are rendered on the server Existing page is updated using script Extend Existing Controls Add rich client-side behavior to enable key scenarios AutoCompleteExtender, etc. Atlas Script Framework is an enabling technology Control developers have a richer target to build for Page developers continue to use server controls Enable key “AJAX” and user experience scenarios in an incremental manner while preserving the existing server controls and server-side development models

11. Client-centric Web Applications Disciplined and more manageable script OOP in JavaScript.NET-like APIs on core script objects Classes to encapsulate data and logic, and attach to HTML in an unobtrusive manner Declarative XML script to define behavior of application Cross-browser abstraction layer to provide a uniform DOM API Provide a script framework that makes it possible to create next-generation interactive applications, and to interact easily with the server and services while scripting in a disciplined manner.

12. Building an “Atlas” App

13. Session Summary “Atlas” is a key part of the ASP.NET story “Atlas” Goals Make it super easy to incorporate AJAX patterns, and create rich user experiences, and leverage the browser Create a natural progression from Web applications to Smart clients using a common application model Still in its early stages – preview builds for greater transparency, more opportunities for feedback to have impact

14. Resources “Atlas” Web site http://atlas.asp.net Bits, Forums, Quickstarts, Docs, Updates Blogshttp://www.nikhilk.nethttp://weblogs.asp.net/scottguhttp://weblogs.asp.net/bleroy “Atlas” Control Toolkit http://atlas.asp.net/default.aspx?tabid=47&sub tabid=477

15. Thank You! My contact information: William J. Steele wsteele@microsoft.com http://blogs.msdn.com/wsteele (Demo Code!) My Manager is Melanie Brunner Send feed back to mbrunne@microsoft.com

16. © 2006 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.