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

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

on

  • 486 views

 

Statistics

Views

Total Views
486
Views on SlideShare
486
Embed Views
0

Actions

Likes
0
Downloads
3
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 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

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

  • Creating AJAX-style Applications using ASP.NET and “Atlas” Ron Cundiff and William J. Steele MSDN Developer Community Champions Microsoft Corporation
  • What We Will Cover
    • What is AJAX?
    • What is “Atlas”?
    • Scenarios
    • Architecture Overview
    • Programming Models
    • Demonstration – Getting Started with “Atlas”
  • “ Atlas” Examples
  • 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
  • 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
  • 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
  • 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
  • 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)
  • 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
  • Getting Started with “Atlas”
  • “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
  • 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
  • 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
  • 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.
  • Building our first “Atlas” application
  • 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
  • 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
  • © 2006 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.