introduction to silverlight. slide 2 what is silverlight? it’s part of a microsoft web platform...
TRANSCRIPT
![Page 1: 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](https://reader036.vdocuments.us/reader036/viewer/2022062407/56649f575503460f94c7be17/html5/thumbnails/1.jpg)
Introduction to Silverlight
![Page 2: 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](https://reader036.vdocuments.us/reader036/viewer/2022062407/56649f575503460f94c7be17/html5/thumbnails/2.jpg)
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?)
![Page 3: 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](https://reader036.vdocuments.us/reader036/viewer/2022062407/56649f575503460f94c7be17/html5/thumbnails/3.jpg)
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
![Page 4: 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](https://reader036.vdocuments.us/reader036/viewer/2022062407/56649f575503460f94c7be17/html5/thumbnails/4.jpg)
Slide 4
Silverlight History (1.0) Introduced in 2007 was originally called
WPF/E (everywhere) Did not support .NET managed code
![Page 5: 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](https://reader036.vdocuments.us/reader036/viewer/2022062407/56649f575503460f94c7be17/html5/thumbnails/5.jpg)
Slide 5
Silverlight History (1.0)
![Page 6: 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](https://reader036.vdocuments.us/reader036/viewer/2022062407/56649f575503460f94c7be17/html5/thumbnails/6.jpg)
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
![Page 7: 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](https://reader036.vdocuments.us/reader036/viewer/2022062407/56649f575503460f94c7be17/html5/thumbnails/7.jpg)
Slide 7
Silverlight History (2.0)
![Page 8: 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](https://reader036.vdocuments.us/reader036/viewer/2022062407/56649f575503460f94c7be17/html5/thumbnails/8.jpg)
Slide 8
Silverlight History (3.0) Released in 2009 Support for 3-D graphics was added Additional controls added along with
improved control formatting
![Page 9: 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](https://reader036.vdocuments.us/reader036/viewer/2022062407/56649f575503460f94c7be17/html5/thumbnails/9.jpg)
Slide 9
Silverlight History (4.0 and 5.0) Really just a bunch more features Numerous performance improvements
![Page 10: 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](https://reader036.vdocuments.us/reader036/viewer/2022062407/56649f575503460f94c7be17/html5/thumbnails/10.jpg)
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
or 8 Will not run on servers
![Page 11: 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](https://reader036.vdocuments.us/reader036/viewer/2022062407/56649f575503460f94c7be17/html5/thumbnails/11.jpg)
Slide 11
Silverlight Development
![Page 12: 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](https://reader036.vdocuments.us/reader036/viewer/2022062407/56649f575503460f94c7be17/html5/thumbnails/12.jpg)
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
![Page 13: 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](https://reader036.vdocuments.us/reader036/viewer/2022062407/56649f575503460f94c7be17/html5/thumbnails/13.jpg)
Slide 13
Creating a First Silverlight Application
![Page 14: 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](https://reader036.vdocuments.us/reader036/viewer/2022062407/56649f575503460f94c7be17/html5/thumbnails/14.jpg)
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
![Page 15: 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](https://reader036.vdocuments.us/reader036/viewer/2022062407/56649f575503460f94c7be17/html5/thumbnails/15.jpg)
Slide 15
What got Created (2)
![Page 16: 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](https://reader036.vdocuments.us/reader036/viewer/2022062407/56649f575503460f94c7be17/html5/thumbnails/16.jpg)
Slide 16
Instantiating the Control
![Page 17: 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](https://reader036.vdocuments.us/reader036/viewer/2022062407/56649f575503460f94c7be17/html5/thumbnails/17.jpg)
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
![Page 18: 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](https://reader036.vdocuments.us/reader036/viewer/2022062407/56649f575503460f94c7be17/html5/thumbnails/18.jpg)
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 <a> tag allows users to download Silverlight in case it is not already installed
The <iframe> tag is used to fool the Safari browser
![Page 19: 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](https://reader036.vdocuments.us/reader036/viewer/2022062407/56649f575503460f94c7be17/html5/thumbnails/19.jpg)
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
![Page 20: 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](https://reader036.vdocuments.us/reader036/viewer/2022062407/56649f575503460f94c7be17/html5/thumbnails/20.jpg)
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
![Page 21: 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](https://reader036.vdocuments.us/reader036/viewer/2022062407/56649f575503460f94c7be17/html5/thumbnails/21.jpg)
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
![Page 22: 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](https://reader036.vdocuments.us/reader036/viewer/2022062407/56649f575503460f94c7be17/html5/thumbnails/22.jpg)
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