It’s always better live. MSDN Events
Developing 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 Overview
It’s always better live. MSDN Events
Demo:
Using AJAX
ASP.NET AJAX Architecture (“The Stack”)
Client
XHTML/CSS
Server-generated
Proxy Scripts
Microsoft AJAX Library
Server
ASP.NET 2.0 AJAXenabled pages
ASP.NET 2.0 AJAX Extensions
Application
Services Bridge
Components
Browser Compatibility
ASP.NET Web
Services (ASMX)
ASP.NET AJAX
Server Controls
Web Services
Bridge
Networking
ASP.NET 2.0
Core Services
Browsers (IE, Firefox, Safari, others)
Page
Framework and
Server Controls
Application
Services
Client-Centric Web Service Usage
Client’s Browser
Presentation
(HTML/CSS)
Web
Service
Proxy
DOM Injection
JS Client
Control
Deserialized
JSON
ASP.NET 2.0 with AJAX
Extensions 1.0
Initial page access
HTML and linked content
sent down, including js proxy
ASP.NET
Page
Web method call
Asynchronous response
as JSON data
ASMX
Service
MS AJAX
Library /
CSS files
It’s always better live. MSDN Events
Silverlight Overview
Rich Interactive Applications
Web
Web
Easy to develop
and deploy, but
limited features
and end user
experience
desktop
desktop
Rich user
experience, often
connected, but
costly to develop
and difficult to
deploy
media & Rich Interactive
Applications
Introduction To Silverlight
Silverlight is a Cross Platform, Cross Browser plug-in that
renders XAML and exposes a programming model
Silverlight Features and Benefits
Compelling cross-platform, crossbrowser user experiences
Flexible programming model with
collaborative tools
Efficient, lower cost of delivery, and
more capable media solution
Connected to Web, servers
and services
It’s always better live. MSDN Events
Demo:
SilverLight in Action
It’s always better live. MSDN Events
AJAX and Silverlight
Working Together
It’s always better live. MSDN Events
Demo:
SilverLight and ASP.NET
AJAX Working Together
Using Silverlight in AJAX Controls
Silverlight
Cross-platform scriptable vector graphics, media, and
animation capabilities
ASP.NET AJAX controls
Incorporate Silverlight while preserving AJAX development
model
ASP.NET AJAX
Server Control
AJAX
Control
(Script)
XAML UI
It’s always better live. MSDN Events
Demo:
Creating an AJAX
Server Control
Using AJAX Controls with Silverlight
Silverlight
Model 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 concepts
Regular Server controls
Render HTML + Script includes + Script to instantiate clientside components
Implement IScriptControl
XAML Control
IScriptControl
Simplifies various aspects of using Silverlight
It’s always better live. MSDN Events
Demo:
SilverLight Graph
with AJAX
Resources
Silverlight Community Site
http://www.silverlight.net
Blogs
http://www.nikhilk.net
http://weblogs.asp.net/scottgu
http://blogs.msdn.com/mharsh