Integrating Silverlight with ASP'NET AJAX and Web Services

1
Lana Khalaf Academic Developer Evangelist Microsof
t Gulf 19/Nov/2007
2
Agenda

• What is Silverlight?
• Why Silverlight?
• Silverlight architecture and Versions
• What makes up the Silverlight application
• Silverlight demo application 1
• Silverlight demo application 2
• What can Silverlight do?
• Q/As

3
What is Silverlight?
4
What is Silver light?

• Cross platform,
• cross browser plug-in
• Delivered through XAML
• DEMO (XAML PAD)

5
Silverlight

• .NET for Silverlight is a factored subset of full
  .NET
• Silverlight .NET Alpha 4 MB (cross platform)
• Additional pieces of .NET available in a
  pay-for-play model
• Same core development Framework
• The shared APIs technologies are the same
• The tools are the same
• Highly compatible
• Minimal changes needed to move from Silverlight
  to Desktop

6
Why Silverlight?
7
Compelling Web User Experience
Attract new users Emotional connection Longer
time on site
8
Compelling Web User Experience

• Looks Great
• Uninterrupted Flow

9
Original Design
10
Proof of concept
11
Production
12
Current Model Designer x Developers
PSD AI
HTML AJAX CSS
DEVELOPER
DESIGNER
13
Current Model Designer x Developers
FINAL RESULT
14
NEW Model Designer X Developer
XAML
XAML
DESIGNER
DEVELOPER
15
Silverlight architecture
16
Silver light architecture
.NET for Silverlight
Browser Host
MS AJAX Library
DOM Integration
SOAP
CLR Execution Engine
Application Services
XAML
Presentation Core
Deploy
Friction-Free Installer
Auto- Updater
17
Silverlight application
18
What You'll Need

• Install the following
• Silverlight V1.1 Alpha
• Visual Studio Orcas Beta 1
• Silverlight Tools Alpha for Visual Studio "Orcas"
  Beta 1
• Expression Blend 2 May Preview
• ASP.NET Futures
• Everything you need is at www.silverlight.net
• Links to downloads docs

19
Silverlight Application

• A .NET silverlight app includes at least
• A root html file - Default.htm
• Script load files - CreateSilverlight.js
  Silverlight.js
• A root xaml assembly - YourApp.xaml
  YourApp.dll
• A .NET Silverlight app is also likely to include
• Other application libraries (your's, Microsoft's
  or 3rd parties)
• Application resources (ex. xaml) optionally
  embedded in assembly
• Packaging
• Loose file support in Alpha 1
• Zip package support planned

20
DEMO 1 Developing Silverlight application
21
Video on the Web
22
DEMO 2 Integrating media into Silverlight
application
23
What Silverlight can do
24
Q/A