Developing ASP.NET AJAX Controls with Silverlight

Nikhil KothariSoftware ArchitectMicrosoft Corporation

Session Overview

Demonstrate how Silverlight and ASP.NET AJAX complement each otherBuild an AJAX control that uses Silverlight for its presentationBuild a Silverlight component for use in AJAX applications

<asp:Media runat="server" />Overview of Silverlight and ASP.NET AJAX together

demo

Using Silverlight in AJAX Controls

Silverlight provides cross-platform scriptable vector graphics, media and animation capabilities

Suitable for rich presentation beyond basic HTMLEnables incrementally enriching application

ASP.NET AJAX control allows incorporating Silverlight while preserving traditional AJAX development model

AJAX Control (Script)

XAML UIASP.NET AJAX Server

Control

Using AJAX Controls with Silverlight

Silverlight provides a model for implementing and packaging components

Use XAML for UI, managed code for logic packaged in assemblies

Providing an AJAX API enables easier embedding of Silverlight component in an HTML page and bi-directional communication

ASP.NET AJAX Server Control

AJAX Control(Script)

Silverlight Component

(XAML, .NET)

ASP.NET AJAX Controls Overview

Quick overview of ASP.NET AJAX control conceptsRegular server controlsRender HTML + Script includes + Script to instantiate client-side componentsImplement IScriptControl

Register with ScriptManager on the pageHand out collections of ScriptReferences, and ScriptDescriptors

Xaml ControlIs an IScriptControlSimplies various aspects of using Silverlight

SlideShow Control

Using Silverlight an ASP.NET AJAX control to go beyond HTML

demo

Chart Control

Using ASP.NET AJAX to integrate Silverlight into a Web application

demo

Resources

Silverlight Community Sitehttp://www.silverlight.net

Blogshttp://www.nikhilk.net

http://weblogs.asp.net/scottgu

http://blogs.msdn.com/mharsh

Related sessionsDEV10 – Extending the Browser Programming Model with Silverlight

DEV13 – Silverlight: Creating and Delivering Amazing Video Experiences on the Web

Summary and Call to Action

ASP.NET AJAX and Silverlight complement each other

Provides a model for incrementally enriching your applicationsProvides a model for bi-directional communication between the HTML/Script and Silverlight portions of your pagesEnables a server-side programming model

Download and install SilverlightExperiment with XAML, Media, Vector graphics and the rich programming modelThink of new generation of rich ASP.NET controlsSend feedback!

Please fill out your eval

evaluation

Discussion, Q&A…

© 2007 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions,

it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

AbstractThis session demonstrates how you can build a new generation of ASP.NET AJAX controls (server and client-side components) that leverage Silverlight to go beyond HTML to enable a new class of compelling user experiences and scenarios. These server controls represent a powerful paradigm that you can leverage to incrementally enrich your ASP.NET applications while preserving a familiar control-based programming model. Silverlight is a cross-platform technology that brings new user interface capabilities such as vector graphics, media, animations and XAML along with a rich programming model. This talk will show how Silverlight fits naturally into the AJAX development model.