It’s always better live. MSDN Events

Developing ASP.NET AJAX Controls with SilverlightDeveloping ASP.NET AJAX Controls with Silverlight

Agenda

AJAX Overview

Silverlight Overview

Silverlight and ASP.NET AJAX

AJAX control with Silverlight UI

Silverlight component for AJAX applications

It’s always better live. MSDN Events

AJAX OverviewAJAX Overview

It’s always better live. MSDN Events

Demo: Using AJAX

ASP.NET AJAX Architecture (“The Stack”)

Microsoft AJAX Library

Browsers (IE, Firefox, Safari, others)Browsers (IE, Firefox, Safari, others)

Core ServicesCore Services

NetworkingNetworking

Browser CompatibilityBrowser Compatibility

ComponentsComponents

XHTML/CSSXHTML/CSSServer-generated

Proxy Scripts

Client Server

ASP.NET 2.0

PageFramework andServer Controls

PageFramework andServer Controls

ApplicationServices

ApplicationServices

ASP.NET 2.0 AJAX Extensions

ASP.NET AJAXServer Controls

ASP.NET AJAXServer Controls

Web Services Bridge

Web Services Bridge

ApplicationServices Bridge

ApplicationServices Bridge

ASP.NET 2.0 AJAX-enabled pages

ASP.NET 2.0 AJAX-enabled pages

ASP.NET WebServices (ASMX)

Client-Centric Web Service Usage

Client’s BrowserClient’s Browser

Presentation(HTML/CSS)

Presentation(HTML/CSS)

ASP.NET 2.0 with AJAX Extensions 1.0ASP.NET 2.0 with AJAX Extensions 1.0

ASP.NET Page

ASP.NET Page

ASMXService

ASMXService

HTML and linked content sent down, including js proxy

MS AJAXLibrary /CSS files

MS AJAXLibrary /CSS files

WebServiceProxy

WebServiceProxy

DeserializedJSON

DeserializedJSON

Web method call

Asynchronous responseas JSON data

Initial page access

JS ClientControl

JS ClientControl

DOM InjectionDOM Injection

It’s always better live. MSDN Events

Silverlight OverviewSilverlight Overview

Rich Interactive Applications

Web desktop

Easy to develop and deploy, but limited features and end user experience

Rich user experience, often connected, but costly to develop and difficult to deploy

media & Rich Interactive

Applications

Web desktop

Introduction To Silverlight

Silverlight is a Cross Platform, Cross Browser plug-in that renders XAML and exposes a programming model

Silverlight Features and Benefits

Flexible programming model with collaborative tools

Connected to Web, servers and services

Compelling cross-platform, cross-browser user experiences

Efficient, lower cost of delivery, and more capable media solution

It’s always better live. MSDN Events

Demo:SilverLight in Action

It’s always better live. MSDN Events

AJAX and SilverlightWorking TogetherAJAX and SilverlightWorking Together

It’s always better live. MSDN Events

Demo:SilverLight and ASP.NET AJAX Working Together

Using Silverlight in AJAX Controls

SilverlightCross-platform scriptable vector graphics, media, and animation capabilities

ASP.NET AJAX controlsIncorporate Silverlight while preserving AJAX development model

AJAX Control (Script) XAML UI

ASP.NET AJAX Server Control

It’s always better live. MSDN Events

Demo:Creating an AJAX

Server Control

Using AJAX Controls with Silverlight

SilverlightModel for implementing and packaging components

AJAX API

ASP.NET AJAX Server Control

AJAX Control(Script)

Silverlight Component

(XAML, .NET)

It’s always better live. MSDN Events

Demo:Working with the Slide Show Control

ASP.NET AJAX Controls Overview

ASP.NET AJAX control conceptsRegular Server controlsRender HTML + Script includes + Script to instantiate client-side componentsImplement IScriptControl

XAML ControlIScriptControlSimplifies various aspects of using Silverlight

It’s always better live. MSDN Events

Demo:SilverLight Graph

with AJAX

Resources

Silverlight Community Sitehttp://www.silverlight.net

Blogshttp://www.nikhilk.nethttp://weblogs.asp.net/scottguhttp://blogs.msdn.com/mharsh