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

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

383

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
383
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
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.

    ×