0
Creating AJAX-style Applications using ASP.NET and “Atlas” Ron Cundiff and William J. Steele MSDN Developer Community Cham...
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...
Architecture Diagram “ Atlas” Server Framework “ Atlas” Client Framework and Services “ Atlas”-enabled  ASP.NET Pages Web ...
Server-Centric Programming Model Browser “Application” Presentation (HTML/CSS) ASP.NET Application Services Page Framework...
Client-Centric Programming Model Browser “Application” Presentation (HTML/CSS) “ Atlas” Service Proxies UI Behavior (Scrip...
Getting Started with “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 our first “Atlas” application
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...
© 2006 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes n...
Upcoming SlideShare
Loading in...5
×

ASP.NET 2.0 "Atlas" In-depth Look at Building Enhanced Web ...

394

Published on

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

  • Be the first to like this

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

No notes for slide
  • 04/29/10 09:17 ©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 09:17 ©2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.
  • © 2006 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 09:17
  • Transcript of "ASP.NET 2.0 "Atlas" In-depth Look at Building Enhanced Web ..."

    1. 1. Creating AJAX-style Applications using ASP.NET and “Atlas” Ron Cundiff and William J. Steele MSDN Developer Community Champions Microsoft Corporation
    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. Architecture Diagram “ Atlas” Server Framework “ Atlas” Client Framework and Services “ Atlas”-enabled ASP.NET Pages Web Services (ASMX or WCF) HTML, Script, “ Atlas” Markup “ Atlas” Service Proxies ASP.NET “Atlas” Server Extensions “ Atlas” Server Controls App Services Bridge Web Services Bridge “ Atlas” Client Script Library Controls, Components Script Core Base Class Library Component Model and UI Framework Browser Compatibility “ Atlas” Client Application Services Local Store, … Browser Integration ASP.NET 2.0 Application Services Page Framework, Server Controls
    8. 8. Server-Centric Programming Model Browser “Application” Presentation (HTML/CSS) ASP.NET Application Services Page Framework, Server Controls Atlas Script Framework Client Application Services Component/UI Framework, Controls ASP.NET Application Pages UI Behavior (Managed Code) Input Data Updated UI + Behavior Initial Rendering (UI + Behavior)
    9. 9. Client-Centric Programming Model Browser “Application” Presentation (HTML/CSS) “ Atlas” Service Proxies UI Behavior (Script) ASP.NET Application Services Page Framework, Server Controls ASP.NET Application Pages Web Services Atlas Script Framework Client Application Services Component/UI Framework, Controls Initial Rendering (UI + Behavior) Data Data
    10. 10. Getting Started with “Atlas”
    11. 11. “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>
    12. 12. 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>
    13. 13. 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
    14. 14. 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.
    15. 15. Building our first “Atlas” application
    16. 16. 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>
    17. 17. 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>
    18. 18. © 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.

    ×