Introduction to Silverlight

Slide 2 What is Silverlight? It’s part of a Microsoft Web platform called Rich Internet Applications (RIA) There is a service side to this too (RIA services) It supports multiple operating systems and browsers It supports multiple devices It’s a small browser plug-in It easily plays video and audio (Ever wonder how Netflix streams?)

Slide 3 What is Silverlight Some say it’s a direct competitor to Adobe Flash Markup is based on WPF XAML (another XML dialect) It’s designed to improve the Web UI experience

Slide 4 Silverlight History (1.0) Introduced in 2007 was originally called WPF/E (everywhere) Did not support.NET managed code

Slide 5 Silverlight History (1.0)

Slide 6 Silverlight History (2.0) Released in 2008 Supported.NET managed code. (Just another.NET application now) Based on version 3.5 of the.NET framework Silverlight now has its own simplified framework class library UI tools get much more robust

Slide 7 Silverlight History (2.0)

Slide 8 Silverlight History (3.0) Released in 2009 Support for 3-D graphics was added Additional controls added along with improved control formatting

Slide 9 Silverlight History (4.0 and 5.0) Really just a bunch more features Numerous performance improvements

Slide 10 Silverlight Development Most of what you need is built into Visual Studio 2010 Just create a Silverlight project You need another download to install the emulator for Windows phone More later but this only runs on Windows 7 Will not run on servers

Slide 11 Silverlight Development

Slide 12 Creating a First Silverlight Application Create a Silverlight application Host the application in a new Web site See dialog next screen This template is only for testing Note that all current Silverlight versions are supported by Visual Studio

Slide 13 Creating a First Silverlight Application

Slide 14 What got Created (1) You get the Silverlight project with one default control App.xaml and App.xaml.cs contain the application startup code The file MainPage.xaml and MainPage.xaml contains the main page that will be rendered You get a test project The default test page loads the Silverlight control

Slide 15 What got Created (2)

Slide 16 Instantiating the Control

Slide 17 Instantiating the Control (1) The object element allows the control to be embedded into the Web page Attributes The data attribute is not necessary but (for some reason) improves the performance for ‘some’ browsers The param element named source attribute points to the.xap file It’s this file that contains the Silverlight control code

Slide 18 Instantiating the Control (2) The param element named onError points to the Javascript code that handles any errors The minRuntimeVersion parameter describes the minimal runtime version required for the control The tag allows users to download Silverlight in case it is not already installed The tag is used to fool the Safari browser

Slide 19 Template Files Created You need not usually touch this startup code The page in the other project contains a test page to host your Silverlight control

Slide 20 Introduction to the Silverlight Control Regarding App.xaml: We don’t need to touch this much for simple applications The function App is the Silverlight constructor Application_UnhandledException is the facility to report the error to the Document Object model

Slide 21 Introduction to the Silverlight Control Regarding MainPage.xaml and MainPage.xaml.cs These files contain the code for the control itself The.xaml file contain the markup The.cs file contains the code

Slide 22 Creating the UI The process is the same as we would see with a desktop application Use the toolbox to create the UI It’s XAML instead of a nativ language Use the Code Editor to create the code behind

Slide 23