Microsoft ASP.NET AJAX Overview
Upcoming SlideShare
Loading in...5
×
 

Microsoft ASP.NET AJAX Overview

on

  • 1,371 views

 

Statistics

Views

Total Views
1,371
Views on SlideShare
1,369
Embed Views
2

Actions

Likes
0
Downloads
32
Comments
0

1 Embed 2

http://www.slideshare.net 2

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

Microsoft ASP.NET AJAX Overview Microsoft ASP.NET AJAX Overview Presentation Transcript

  • Microsoft ASP.NET AJAX Overview The New AJAX Application Framework (Formally: Atlas)
  • 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
  • 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
  • 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
  • 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
  • Difficulties with AJAX in the past
    • Too “Close to the wire”
    • Heavy DHTML plumbing required
    • Browser compatibilities with DHTML
  • 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
    • “ 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
  • 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
  • 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
  • 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
  • ASP.NET AJAX Core
    • Client Side JS Library
    • ScriptManager
    • ScriptManagerProxy
    • Timer
    • UpdatePanel
    • UpdateProgress
    • “ Futures” CTP
    • AutoCompleteExtender
    • DragOverlayExtender
    • ProfileService
    • Script
    • TimerControl
  • 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
  • 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
  • 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)
  • 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
  • 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
    • Using ASP.NET AJAX
    Demo: ASP.NET AJAX “Hello World” = UX + Developer Productivity!
  • 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”! 
  • 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)
  •  
  •  
  • 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
  • Demo: ASP.NET AJAX Control Toolkit
    • Open Source Extenders to enable AJAX and Compelling User Experiences
  • © 2003-2005 Microsoft Corporation. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.