ASP.NET 2.0 "Atlas" In-depth Look at Building Enhanced Web ...
Upcoming SlideShare
Loading in...5
×

Like this? Share it with your network

Share

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

  • 568 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
568
On Slideshare
568
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
4
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    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

  • 1. Creating AJAX-style Applications using ASP.NET and “Atlas” Ron Cundiff and William J. Steele MSDN Developer Community Champions Microsoft Corporation
  • 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
  • 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
  • 6. What is “Atlas”?
    • at-las - (ăt-lәS) noun: A Framework for Building Richer, Interactive, Personalized Web Experiences and Applications
    • High productivity AJAX development
    • Builds on top of ASP.NET 2.0
    • Works cross-browser
    • End-to-End Framework
    • Extensible
  • 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. 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. 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. Getting Started with “Atlas”
  • 11. “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
  • 12. 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
  • 13. 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
  • 14. 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.
  • 15. Building our first “Atlas” application
  • 16. 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
  • 17. Resources
    • “ Atlas” Web site
      • http://atlas.asp.net
      • Bits, Forums, Quickstarts, Docs, Updates
    • Blogs
      • http://www.nikhilk.net
      • http://weblogs.asp.net/scottgu
      • http://weblogs.asp.net/bleroy
    • “ Atlas” Control Toolkit
      • http://atlas.asp.net/default.aspx?tabid=47&subtabid=477
  • 18. © 2006 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.