AJAX and Atlas in ASP.NET 2.0

  • 278 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
278
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
2
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 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

  • 1. AJAX and Atlas in ASP.NET 2.0 William J. Steele MSDN Developer Evangelist Microsoft Corporation http://blogs.msdn.com/wsteele
  • 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. Installing “Atlas”
  • 8. “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
  • 9. 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
  • 10. 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
  • 11. 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.
  • 12. Building an “Atlas” App
  • 13. 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
  • 14. 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
  • 15. Thank You!
    • My contact information:
    • William J. Steele
    • [email_address]
    • http://blogs.msdn.com/wsteele (Demo Code!)
    • My Manager is Melanie Brunner
    • Send feed back to mbrunne@microsoft.com
  • 16. © 2006 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.