Lana Khalaf Academic Developer Evangelist Microsoft Gulf 19Nov2007

Lana Khalaf Academic Developer Evangelist Microsoft Gulf 19/Nov/2007

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/A’s

What is Silverlight?

What is Silver light? • Cross platform, cross browser plug-in • Delivered through XAML DEMO (XAML PAD)

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 API’s & technologies are the same – The tools are the same • Highly compatible – Minimal changes needed to move from Silverlight to Desktop

Why Silverlight?

Compelling Web User Experience Attract new users Emotional connection Longer time on site

Compelling Web User Experience Looks Great Uninterrupted Flow

Original Design

Proof of concept

Production

Current Model Designer x Developers PSD AI DESIGNER HTML AJAX CSS DEVELOPER

Current Model Designer x Developers FINAL RESULT

NEW Model Designer X Developer XAML DESIGNER XAML DEVELOPER

Silverlight architecture

Silver light architecture Browser Host MS AJAX Library DOM Integration . NET for Silverlight WPF Data LINQ XLINQ Python Auto. Updater BCL RSS Generics Collections SOAP POX JSON Legend V 1. 1 Legend XAML Presentation Core Friction-Free Installer REST CLR Execution Engine Application Services Deploy Extensible Controls DLR Ruby Networking UI Core Vector Text Animation. Images Inputs Keyboard. Mouse Ink DRM Media Controls VC 1 WMA MP 3 Layout Editing V 1. 0

Silverlight application

What You'll Need: • Install the following: – Silverlight V 1. 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

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

DEMO 1 Developing Silverlight application

Video on the Web

DEMO 2 Integrating media into Silverlight application

What Silverlight can do

Q/A