Microsoft ASP.NET AJAXMicrosoft ASP.NET AJAXClient Side ScriptingClient Side Scripting

XML Script in the newXML Script in the newAJAX Application FrameworkAJAX Application Framework(Formally: Atlas)(Formally: Atlas)

AgendaAgenda

Overview: Client vs Server ApproachOverview: Client vs Server Approach

Intro: WebService Bridge SupportIntro: WebService Bridge Support

Demo: Client Centric AJAX SupportDemo: Client Centric AJAX SupportExtend a Simple Web ServiceExtend a Simple Web Service

Proxy, Proxy, ProxyProxy, Proxy, Proxy(JavaScript and ScriptManager Proxies)

Declarative / Script SupportDeclarative / Script Support

Complex Web ServicesComplex Web Services

ASP.NET AJAX in the MarketASP.NET AJAX in the Market

Resources and ToolsResources and Tools

ASP.NET AJAXASP.NET AJAX

Web ServerWeb Server

IE

Firefox

Safari

BrowseBrowserr

ClientsClients

Atlas Client Atlas Client JavaScript JavaScript LibrariesLibraries

AtlasUIGlitz.js

AtlasGadgets.js

AtlasFX.js

AtlasCompat.js

AtlasRuntime.js

JSON Bridge Support

Membership & Personalization

Support

ASP.NET Server Control Integration

IIS & ASP.NETIIS & ASP.NET

Apache & PHPApache & PHP

ColdFusionColdFusion

Server-Centric Programming Server-Centric Programming ModelModel

ASP.NETASP.NET

Application Services

Application Services

Page Framework,

Server Controls

Page Framework,

Server Controls

Atlas Script FrameworkAtlas Script Framework

Client Application

Services

Client Application

Services

Component/UIFramework,

Controls

Component/UIFramework,

Controls

BrowserBrowser

PresentationPresentation(HTML/CSS)(HTML/CSS)

PresentationPresentation(HTML/CSS)(HTML/CSS)

ASP.NET ApplicationASP.NET Application

PagesPagesPagesPages

UI BehaviorUI Behavior(Managed(Managed

Code)Code)

UI BehaviorUI Behavior(Managed(Managed

Code)Code)

Input Data

Updated UI + Behavior

Initial Rendering

(UI + Behavior)

Client-Centric Programming Client-Centric Programming ModelModel

BrowserBrowser

PresentationPresentation(HTML/CSS)(HTML/CSS)

PresentationPresentation(HTML/CSS)(HTML/CSS)

““Atlas”Atlas”ServiceServiceProxiesProxies

““Atlas”Atlas”ServiceServiceProxiesProxies

UI BehaviorUI Behavior(Script)(Script)

UI BehaviorUI Behavior(Script)(Script)

ASP.NETASP.NET

Application Services

Application Services

Page Framework,

Server Controls

Page Framework,

Server Controls

ASP.NET ApplicationASP.NET Application

PagesPagesPagesPages

WebWebServicesServices

WebWebServicesServices

Atlas Script FrameworkAtlas Script Framework

Client Application

Services

Client Application

Services

Component/UIFramework,

Controls

Component/UIFramework,

Controls

Initial Rendering

(UI + Behavior)

Data

Data

My Application My Application

External ServicesExternal Services

ClientClient

BridgeBridgeProxyProxy

(Script)(Script)

BridgeBridgeProxyProxy

(Script)(Script)

ExternalExternalServiceService

ExternalExternalServiceService

ServerServer

PagesPagesPagesPagesUI + LogicUI + Logic(HTML +(HTML +Script)Script)

UI + LogicUI + Logic(HTML +(HTML +Script)Script)

BridgeBridgeBridgeBridge

ConfigConfigConfigConfig

InitiateInitiateRequestRequest

CacheCacheLookupLookup

CreateCreateServiceServiceRequestRequest

InvokeInvokeServiceService

ProcessProcessServiceService

ResponseResponse

UpdateUpdateDisplayDisplay

Demo: ASP.NET AJAX in ActionDemo: ASP.NET AJAX in Action

Enabling Client Side Scripting and AJAXEnabling Client Side Scripting and AJAX

Extend a Simple Web ServiceExtend a Simple Web Service

Proxy, Proxy, ProxyProxy, Proxy, Proxy(JavaScript and ScriptManager Proxies)(JavaScript and ScriptManager Proxies)

Declarative / Script SupportDeclarative / Script Support

Complex Web Services (Custom Objects)Complex Web Services (Custom Objects)

www.PageFlakes.com

Squeet.com

“Atlas” has enabled Squeet users to have a rich user experience …You can’t ask for a more powerful and easy-to-use API.

--Hamed Shojaee, President, Axosoft, LLC

Squeet.com

www.TitleZ.com

“Considering how time-consuming traditional AJAX can be to implement, ‘Atlas’ seems almost like magic!”Arthur Wait, Dev Manager, TitleZ

www.TitleZ.comwww.TitleZ.com

Component VendorsComponent Vendors

http://blogs.msdn.com/brada/archive/2006/05/06/AtlasControlVendors.aspx

Official Site - Official Site - http://ajax.asp.nethttp://ajax.asp.net

IE7 Dev ToolbarIE7 Dev Toolbarhttp://msdn.microsoft.com/iehttp://msdn.microsoft.com/ie

CSS Friendly Adapters CSS Friendly Adapters http://www.asp.net/CSSAdapters/http://www.asp.net/CSSAdapters/

Firefox Dev Toolbar Firefox Dev Toolbar https://addons.mozilla.org/firefox/60/https://addons.mozilla.org/firefox/60/

Fiddler – Fiddler – http://www.fiddlertool.comhttp://www.fiddlertool.com

Resources + ToolsResources + Tools

Resources + ToolsResources + Tools

Sign Up / Register Now!Sign Up / Register Now!

http://www.toaTalks.nethttp://www.toaTalks.net

http://www.CodeZone.comhttp://www.CodeZone.com

http://msdn.microsoft.com/flashhttp://msdn.microsoft.com/flash

http://www.msdnEvents.comhttp://www.msdnEvents.com

MSDN EventsMSDN Eventshttp://www.msdnEvents.comhttp://www.msdnEvents.com

© 2003-2005 Microsoft Corporation. All rights reserved.This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.