developing asp.net ajax controls with silverlight barry gervin microsoft regional director...

Developing ASP.NET AJAX Controls with Silverlight

Barry GervinMicrosoft Regional Directorbgervin@objectsharp.com

John BristoweDeveloper Advisor, Microsoft Canadajohn.bristowe@microsoft.com

Where Are We Now?

What’s New for Web Developers in ASP.NET and Visual

Studio 2008

Real World ASP.NET AJAX

An Overview of Microsoft Silverlight

Developing ASP.NET AJAX Controls with

Silverlight

What is Microsoft Silverlight?

A cross-browser, cross-platform plug-in for delivering the next generation of .NET-based media experiences and RIAsSupports fast, cost-effective delivery of high-quality video to all major browsers running on Mac OS or WindowsIntegrates with existing Web applications

Silverlight Architecture

v1.1

v1.0

.NET

for S

ilver

light

CLR EXECUTION ENGINE

ASP.NET AJAX

HTML DOMIntegration

Pres

enta

tion C

ore

XAML

POXJSON

RESTRSS

SOAP

DATALINQ XLINQ

DLRRuby Python

WPFExtensible Controls

BCLsGenerics

BROWSER

Integrated Networking

Stack

Application Services

Installer

INPUTSKeyboard Mouse

MEDIAVC-1 WMV MP3

DRMMedia

CONTROLSLayout Editing

UI COREVector Text

Animation Images

<asp:Media runat="server" />

ASP.NET server control – part of the ASP.NET FuturesEnables you to easily integrate media sources

Audio (WMA) and video (WMV)No knowledge of XAML or JavaScript requiredGenerates the appropriate markup and codeOptionally enables you to customize the look of the media control by using stylesSupports client-side event model, custom chapters and markers

Demonstration

ASP.NET Media Server Control

A Quick Word on Hosting

Microsoft Silverlight Streaming by Windows Live

http://silverlight.live.com/Offers web designers and developers a free and convenient solution for hosting and streaming4 GB of hosting spaceAdministrative Web site and REST APIs available

<asp:Xaml runat="server" />

ASP.NET server control – part of the ASP.NET FuturesEnables you to easily integrate XAML and any supporting codeInteraction through client-side JavaScript; Sys.Preview.UI.Xaml.Control

Demonstration

ASP.NET Xaml Server Control

ASP.NET AJAX Architecture

XHTML/CSS Script

Microsoft AJAX Library

Base Class Library

Script Core Library

Asynchronous Communications

Browser Compatibility

ASPX ASMX

ASP.NET AJAX Extensions

AJAX Server Controls

Application Services Bridge

Asynchronous Communications

ASP.NET 2.0

Page Framework & Server Controls

Application Services

Client Server

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

Using AJAX Controls with Silverlight

Silverlight provides a model for implementing and packaging components

Use XAML for UI, managed code for logic packaged in assembliesProviding an AJAX API enables easier embedding of Silverlight component in an HTML page and bi-directional communication

ASP.NET AJAX Controls Overview

Responsible for rendering HTML & script includes & script to instantiate client-side componentsImplement IScriptControl interface

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

<asp:Xaml /> and <asp:Media /> implement the IScriptControl interface; simplifies aspects of using Silverlight

Demonstration

Building an ASP.NET Server Control

Call to Action!

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

Resources

Canadian Developers Weblogblogs.msdn.com/cdndevs

What You Experienced Today

What’s New for Web Developers in ASP.NET and Visual

Studio 2008

Real World ASP.NET AJAX

An Overview of Microsoft Silverlight

Developing ASP.NET AJAX Controls with

Silverlight

Your Feedback Matters!

Your evaluation form will be delivered to you via email after the event (save paper!)The email will come from wwevents@microsoft.comEveryone who completes an evaluation is entered to win an Xbox 360Feedback will be used to improve the event for next year