Your SlideShare is downloading. ×
Microsoft ASP.NET AJAX Overview
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

Microsoft ASP.NET AJAX Overview

1,144
views

Published on


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

  • Be the first to like this

No Downloads
Views
Total Views
1,144
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
34
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

Transcript

  • 1. Microsoft ASP.NET AJAX Overview The New AJAX Application Framework (Formally: Atlas)
  • 2. Agenda
    • Importance of UX
    • Limitations of Web Applications
    • Overview of AJAX
    • Intro to ASP.NET AJAX
    • Framework
      • Script Library
      • Web Services
      • Server Controls
    • Demo: Hello World
    • ASP.NET AJAX Control Toolkit
  • 3. What influences end-user UX, and how?
    • Ease of Use
    • Learn ability
    • App Performance
    • More reliable & secure
    • Legibility / Readability
    • Optimized for form factor
    Success / Productivity Retention & Comprehension Satisfaction / Excitement Repeat Use Richness Graphics & Media Data Visualization Higher Fidelity Information Globalization Accessibility Hardware & Printing Integration
  • 4. Limitations of Web Applications
    • Traditional Web Applications use costly Postbacks for Server operations and UI operations.
    • No “integrated” way to work with client side scripting
  • 5. Introduction to AJAX
    • Asynchronous JavaScript And XML
    • Not a “new” technology – It’s a specific way of using existing technologies.
    • Used in Outlook Web Access (IE 5)
    • Transfer just the “data” between browser and server
    XML DATA
  • 6. Difficulties with AJAX in the past
    • Too “Close to the wire”
    • Heavy DHTML plumbing required
    • Browser compatibilities with DHTML
  • 7. AJAX Frameworks
    • Frameworks or Toolkits attempt to overcome some of the hurdles to working with AJAX.
      • ASP.NET AJAX – http://ajax.asp.net
      • AJAX.net* – http://ajax.schwarz-interactive.de/csharpsample/default.aspx
      • Backbase* - http://www.backbase.com
    * Community & Pro Versions Available
  • 8.
    • “ Atlas extends [beyond] Ajax.NET in a number of ways.
      • Browser object model to abstract away DOM differences between browsers
      • Set of client-side enabled server controls, including data-binding and editable controls
      • Access to server-side services through Web services (authentication, profile, session, cache)” - Dino Esposito http://weblogs.asp.net/despos/archive/2005/11/09/430078.aspx
  • 9. Standards Based Web: ASP.NET AJAX
    • benefits
      • enhanced: immersive, customizable & interactive ui
      • ubiquitous: cross-platform & standards-based
      • friction-free: zero installation & small payload
      • productive: advanced tools & improved developer-designer workflow
      • seamless: extensible & access to application services
      • enterprise-ready: 24x7x365 support
    asp.net server extensions ajax server controls app services bridge web services bridge asp.net ajax microsoft ajax library controls, components script core base class library component model/ui framework browser compatibility asp.net 2.0 application services page framework, server controls asp.net markup web services (asmx or wcf) html, css javascript service proxies
  • 10. ASP.NET AJAX
    • A framework for building next generation, cross-platform, browsing experiences
      • Ubiquitous, cross-platform, browser support
      • Most-productive framework for building AJAX-enabled web applications
      • Rich tool support for designer and developer  workflow
      • No cost , free tool support, easy to use
  • 11. ASP.NET AJAX – 3 Builds
    • ASP.NET AJAX “Core”
      • Fully supported product on top of ASP.NET 2.0
    • ASP.NET AJAX Control Toolkit
      • Library of free ASP.NET AJAX controls/extenders
    • ASP.NET AJAX “Futures” CTP
      • Features not quite ready to bake into the core
      • Go-Live license for deployment
  • 12. ASP.NET AJAX Core
    • Client Side JS Library
    • ScriptManager
    • ScriptManagerProxy
    • Timer
    • UpdatePanel
    • UpdateProgress
    • “ Futures” CTP
    • AutoCompleteExtender
    • DragOverlayExtender
    • ProfileService
    • Script
    • TimerControl
  • 13. ASP.NET AJAX Control Toolkit
    • Separate download from core ASP.NET AJAX
      • Great library of free ASP.NET AJAX enabled controls
      • Download from http://ajax.asp.net/
    • Developed using a collaborative source model
      • All source freely available with modification license
      • Both Microsoft & non-Microsoft developers can contribute
    • Already contains 30+ really cool controls
      • Goal is to get 50-100 great controls over the next months
  • 14. ASP.NET AJAX Web Server IE Firefox Safari Browser Clients JSON Bridge Support Membership & Personalization Support ASP.NET Server Control Integration Atlas Client JavaScript Libraries AtlasUIGlitz.js AtlasGadgets.js AtlasFX.js AtlasCompat.js AtlasRuntime.js IIS & ASP.NET Apache & PHP ColdFusion
  • 15. Server-Centric Programming Model Browser 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)
  • 16. Client-Centric Programming Model Browser 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
  • 17. External Services My Application Client Bridge Proxy (Script) External Service Server Pages UI + Logic (HTML + Script) Bridge Config Initiate Request Cache Lookup Create Service Request Invoke Service Process Service Response Update Display
  • 18.
    • Using ASP.NET AJAX
    Demo: ASP.NET AJAX “Hello World” = UX + Developer Productivity!
  • 19. ASP.NET AJAX Application No-No’s and Gotchas!
    • Do not trust client input
    • Do not enforce business rules on the client
    • Do not think that this is for “Everything”
    • Beware the “Beta”! 
  • 20. Why ASP.NET AJAX is Important
    • Complete “Out of the box” in VS.next (Expect complete IDE support)
    • “ Go Live” (as of March 2006!)
    • RTM *very* soon!
    • Leveraged for Web Gadgets
    • Directional Framework for Microsoft
    • Leverage existing server side skills to make robust client side activities
    • One day, there will be documentation! (not bad now either)
  • 21.  
  • 22.  
  • 23. Some of the AJAX Control Toolkit Extenders
    • AutoCompleteTextBoxExtender
    • CollapsablePanelExtender
    • AnimationExtender
    • ConfirmButtonExtender
    • DragPanelExtender
    • DropShadowExtender
    • AlwaysVisibleExtender
    • DynamicPopulateExtender
    • FilteredTextBoxExtender
    • HoverMenuExtender
    • MutuallyExclusiveCheckboxExtender
    • M odalPopupExtender
    • NumericUpDownExtender
    • PasswordStrengthExtender
    • PopUpControlExtender
    • ResizableControlExtender
    • RoundedCornersExtender
    • SliderExtender
    • TextBoxWaterMarkExtender
    • UpdatePanelAnimationExtender
    • ValidatorCalloutExtender
  • 24. Demo: ASP.NET AJAX Control Toolkit
    • Open Source Extenders to enable AJAX and Compelling User Experiences
  • 25. © 2003-2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.