0
AJAX and Atlas  in ASP.NET 2.0   William J. Steele MSDN Developer Evangelist Microsoft Corporation http://blogs.msdn.com/w...
What We Will Cover <ul><li>What is AJAX? </li></ul><ul><li>What is “Atlas”? </li></ul><ul><li>Scenarios </li></ul><ul><li>...
“ Atlas” Examples
What is AJAX? <ul><li>AJAX buzzword </li></ul><ul><ul><li>Web development technique for creating interactive web applicati...
AJAX Technology <ul><li>DHTML DOM </li></ul><ul><ul><li>Browser DOM manipulated through JavaScript to dynamically display ...
What is “Atlas”? <ul><li>at-las - (ăt-lәS) noun: A Framework for Building Richer, Interactive, Personalized Web Experience...
Installing “Atlas”
“Atlas” Scenarios <ul><li>Client-centric Web Applications </li></ul><ul><ul><li>Interactive and rich, intuitive UX </li></...
Example Key Scenarios <ul><li>Dynamically update controls </li></ul><ul><ul><li>User selects Country </li></ul></ul><ul><u...
Enriching ASP.NET Applications <ul><li>Atlas-Enabling Pages </li></ul><ul><ul><li>Add a ScriptManager control </li></ul></...
Client-centric Web Applications <ul><li>Disciplined and more manageable script </li></ul><ul><ul><li>OOP in JavaScript </l...
Building an “Atlas” App
Session Summary <ul><li>“Atlas” is a key part of the ASP.NET story </li></ul><ul><li>“Atlas” Goals </li></ul><ul><ul><li>M...
Resources <ul><li>“ Atlas” Web site </li></ul><ul><ul><li>http://atlas.asp.net </li></ul></ul><ul><ul><li>Bits, Forums, Qu...
Thank You! <ul><li>My contact information: </li></ul><ul><li>William J. Steele </li></ul><ul><li>[email_address] </li></ul...
© 2006 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes n...
Upcoming SlideShare
Loading in...5
×

AJAX and Atlas in ASP.NET 2.0

311

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
311
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • 04/29/10 11:55 ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.
  • 04/29/10 11:55 ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.
  • © 2003 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary. MGB 2003
  • Transcript of "AJAX and Atlas in ASP.NET 2.0"

    1. 1. AJAX and Atlas in ASP.NET 2.0 William J. Steele MSDN Developer Evangelist Microsoft Corporation http://blogs.msdn.com/wsteele
    2. 2. What We Will Cover <ul><li>What is AJAX? </li></ul><ul><li>What is “Atlas”? </li></ul><ul><li>Scenarios </li></ul><ul><li>Architecture Overview </li></ul><ul><li>Programming Models </li></ul><ul><li>Demonstration – Getting Started with “Atlas” </li></ul>
    3. 3. “ Atlas” Examples
    4. 4. What is AJAX? <ul><li>AJAX buzzword </li></ul><ul><ul><li>Web development technique for creating interactive web applications using a combination of DHTML, JavaScript and XMLHTTP </li></ul></ul><ul><ul><li>AJAX == Asynchronous JavaScript and XML </li></ul></ul><ul><li>Technology is very widely deployed </li></ul><ul><ul><li>Being used for a large number of web sites </li></ul></ul><ul><ul><li>Map – MSN VirtualEarth, Google Maps </li></ul></ul><ul><ul><li>Email – new MSN Hotmail, Google Mail </li></ul></ul>
    5. 5. AJAX Technology <ul><li>DHTML DOM </li></ul><ul><ul><li>Browser DOM manipulated through JavaScript to dynamically display and interact with information </li></ul></ul><ul><ul><li>CSS stylesheets for formatting </li></ul></ul><ul><li>JavaScript </li></ul><ul><ul><li>Loosely typed scripting language </li></ul></ul><ul><ul><li>Mostly used as the “glue” to wire things together on a page </li></ul></ul><ul><ul><li>Can quickly get hard to maintain </li></ul></ul><ul><li>XMLHttpRequest object </li></ul><ul><ul><li>Exchange data asynchronously with the web server </li></ul></ul><ul><ul><li>Any data format will work - HTML fragments, text, XML, JSON </li></ul></ul><ul><ul><li>Introduced in 1998 for IE 5.0 by the Exchange Outlook Web Access team </li></ul></ul>
    6. 6. What is “Atlas”? <ul><li>at-las - (ăt-lәS) noun: A Framework for Building Richer, Interactive, Personalized Web Experiences and Applications </li></ul><ul><li>High productivity AJAX development </li></ul><ul><li>Builds on top of ASP.NET 2.0 </li></ul><ul><li>Works cross-browser </li></ul><ul><li>End-to-End Framework </li></ul><ul><li>Extensible </li></ul>
    7. 7. Installing “Atlas”
    8. 8. “Atlas” Scenarios <ul><li>Client-centric Web Applications </li></ul><ul><ul><li>Interactive and rich, intuitive UX </li></ul></ul><ul><ul><li>Leverage full power of script/DHTML </li></ul></ul><ul><ul><li>Next generation Web applications </li></ul></ul><ul><li>“ AJAX”ified ASP.NET Applications </li></ul><ul><ul><li>Incremental approach to enrichment </li></ul></ul><ul><ul><li>Enables key scenarios in easy manner </li></ul></ul>
    9. 9. Example Key Scenarios <ul><li>Dynamically update controls </li></ul><ul><ul><li>User selects Country </li></ul></ul><ul><ul><ul><li>States are populated based on country selection </li></ul></ul></ul><ul><ul><ul><li>Cities are populated based on state selection </li></ul></ul></ul><ul><ul><li>User selects Product </li></ul></ul><ul><ul><ul><li>Available accessories are populated based on product selection </li></ul></ul></ul><ul><li>Notify users based on system event </li></ul><ul><ul><li>Display E-mail received toast notification </li></ul></ul><ul><li>AutoComplete </li></ul><ul><ul><li>Populates optional dropdown with Server data </li></ul></ul>
    10. 10. Enriching ASP.NET Applications <ul><li>Atlas-Enabling Pages </li></ul><ul><ul><li>Add a ScriptManager control </li></ul></ul><ul><li>Enable Partial Rendering </li></ul><ul><ul><li>Continue to use the postback model, but work out-of-band </li></ul></ul><ul><ul><li>Only portions of the page are rendered on the server </li></ul></ul><ul><ul><li>Existing page is updated using script </li></ul></ul><ul><li>Extend Existing Controls </li></ul><ul><ul><li>Add rich client-side behavior to enable key scenarios </li></ul></ul><ul><ul><li>AutoCompleteExtender, etc. </li></ul></ul><ul><li>Atlas Script Framework is an enabling technology </li></ul><ul><ul><li>Control developers have a richer target to build for </li></ul></ul><ul><ul><li>Page developers continue to use server controls </li></ul></ul>Enable key “AJAX” and user experience scenarios in an incremental manner while preserving the existing server controls and server-side development models
    11. 11. Client-centric Web Applications <ul><li>Disciplined and more manageable script </li></ul><ul><ul><li>OOP in JavaScript </li></ul></ul><ul><ul><li>.NET-like APIs on core script objects </li></ul></ul><ul><ul><li>Classes to encapsulate data and logic, and attach to HTML in an unobtrusive manner </li></ul></ul><ul><ul><li>Declarative XML script to define behavior of application </li></ul></ul><ul><ul><li>Cross-browser abstraction layer to provide a uniform DOM API </li></ul></ul>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. 12. Building an “Atlas” App
    13. 13. Session Summary <ul><li>“Atlas” is a key part of the ASP.NET story </li></ul><ul><li>“Atlas” Goals </li></ul><ul><ul><li>Make it super easy to incorporate AJAX patterns, and create rich user experiences, and leverage the browser </li></ul></ul><ul><ul><li>Create a natural progression from Web applications to Smart clients using a common application model </li></ul></ul><ul><li>Still in its early stages – preview builds for greater transparency, more opportunities for feedback to have impact </li></ul>
    14. 14. Resources <ul><li>“ Atlas” Web site </li></ul><ul><ul><li>http://atlas.asp.net </li></ul></ul><ul><ul><li>Bits, Forums, Quickstarts, Docs, Updates </li></ul></ul><ul><li>Blogs </li></ul><ul><ul><li>http://www.nikhilk.net </li></ul></ul><ul><ul><li>http://weblogs.asp.net/scottgu </li></ul></ul><ul><ul><li>http://weblogs.asp.net/bleroy </li></ul></ul><ul><li>“ Atlas” Control Toolkit </li></ul><ul><ul><li>http://atlas.asp.net/default.aspx?tabid=47&subtabid=477 </li></ul></ul>
    15. 15. Thank You! <ul><li>My contact information: </li></ul><ul><li>William J. Steele </li></ul><ul><li>[email_address] </li></ul><ul><li>http://blogs.msdn.com/wsteele (Demo Code!) </li></ul><ul><li>My Manager is Melanie Brunner </li></ul><ul><li>Send feed back to mbrunne@microsoft.com </li></ul>
    16. 16. © 2006 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×