Silverlight is a Microsoft technology for building and delivering rich interactive applications and media experiences on the web. It allows developers to use HTML, CSS and JavaScript for application logic and XAML for user interface markup and animation. Silverlight supports cross-browser deployment and integrates with common developer tools like Visual Studio and Expression Blend.

1. Silverlight
Base Conceptions
Taras Romanyk
Software Engineer
tromanyk@softserveinc.com
http://rredcat.blogspot.com
Copyright © 2006 SoftServe, Inc.

2. What is Silverlight?
Microsoft Silverlight is a cross-browser, cross-platform implementation of the .NET
Framework for building and delivering the next generation of media experiences and
rich interactive applications (RIA) for the Web. Silverlight unifies the capabilities of the
server, the Web, and the desktop, of managed code and dynamic languages, of
declarative and traditional programming, and the power of Windows Presentation
Foundation (WPF). (© msdn).

3. Compatible Operating Systems and Browsers
Operating Windows Windows Internet Firefox 2, 3 Safari 3 Safari 4
System Internet Internet Explorer 6
Explorer 8 Explorer 7
Windows Vista
+ + - + - -
Windows 7
+ - - + - -
Windows Server
2008 + + - + - -
Windows Server
2008 R2 + - - - - -
Windows XP
SP2, SP3 + + + + - -
Windows 2000
Silverlight
SP4 +
KB 891861
- - 2, 3 Only - - -
Windows Server
2003 (excluding
IA-64)
+ + + + - -
Mac OS 10.4.8+ Silverlight Silverlight
(PowerPC) - - - 1.0 Only 1.0 Only -
Mac OS 10.4.8+
(Intel-based) - - - + + +

4. Developer tools
 Visual Studio 2008 or Visual Web Developer
2008 Express Edition with Silverlight Tools for
Visual Studio 2008
 Expression Blend
 Silverlight 3 SDK
 Silverlight Toolkit
 .NET RIA Services
 Deep Zoom Composer
 Silverlight Dynamic Languages SDK

5. Silverlight Architecture

6. Integrating Silverlight
The Silverlight Programming Model
Silverlight uses the ActiveX plug-in model for Microsoft Internet Explorer, and
uses the Netscape API plug-in model for other browsers.
Interaction
 You can call Silverlight’s method from JavaScript.
 You can call JavaScript’s method from Silverlight.
 You can load loose XAML.
 Silverlight app can be hosted Out-of-Browser or on Alternative Hosting.
 Previous versions of the Silverlight SDK included the ASP.NET Controls for
Silverlight. These enabled a way for Silverlight applications to be embedded in
an ASP.NET Web page that is familiar to ASP.NET developers. The Silverlight 3
SDK does not contain the ASP.NET Server Controls for Silverlight and
developers are encouraged to use the HTML or JavaScript embedding
techniques described previously to add Silverlight content.
 IsolatedStorage – 1MB.

7. XAML Usage Syntax
 XAML Usage
 Content Models
 Collections
 Markup Extensions
 Enumerations
 Type Converters
 Prefixes and Mappings for Silverlight Libraries
 Resources Dictionaries

8. Base conceptions for Business Application
Binding
DataContext
ItemsSource
Dependency property
Attach dependency property
ICommand interface

9. Binding

10. Binding
 Path  ConverterParameter
 Sources  Mode
 Source  OneTime
 ElementName  OneWay
 RelativeSource  TwoWay
 Self  UpdateSourceTrigger
 TemplatedParent  Default
 Converter  Explicit

11. Styling & Templating
Style
ControlTemplate
DataTemplate

12. Trigger
EventTrigger
VisualStateManager
Caution! VisualStateManager isn’t trigger! It presents approach for
simulation only.

13. Transforms
 RotateTransform
 ScaleTransform
 SkewTransform
 TranslateTransform
 MatrixTransform
 TransformGroup

14. Animation Overview
 You can creating an Animation in Procedural Code or XAML
 Double, Color, or Point can be animated. Use
ObjectAnimationUsingKeyFrames for properties of other types
 You can Start, Stop, Pause, and Resume an Animation
 Controlling the Begin Time of Animations
 Animation Types
 Applying an Animation to a Property
 Animating Transforms
 What Happens After an Animation Ends
 Easing Functions
 Custom Animations

15. Full Screen Support & Browser Zoom Setting
Full Screen Support Zoom
 A Silverlight plug-in doesn’t display any HTML  The browser zoom setting can affect any code
content in full-screen mode. that depends on precise sizing or placement of
the plug-in within the host Web page. Different
 A Silverlight plug-in can enable full-screen
browsers respond to zoom settings in different
mode only in response to a user-initiated
ways. The operating system dots per inch (DPI)
action.
display setting can also affect the zoom setting.
 A Silverlight plug-in briefly displays the If your application uses custom sizing logic, be
message "Press ESC to exit full-screen mode". sure to test it on different browsers and with
high DPI settings.
 If a Web page hosts multiple Silverlight plug-
ins, only one plug-in can be in full-screen mode  You can disable this feature or replace it by
at one time. handling the Zoomed event.
 UP ARROW, DOWN ARROW, LEFT ARROW,  The Zoomed event does not have specialized
RIGHT ARROW, SPACEBAR, TAB, PAGE UP, event data (for either JavaScript or managed
PAGE DOWN, HOME, END, ENTER API handling). For managed handling, you can
check the value of ZoomFactor, but
 A Silverlight plug-in does not support
ZoomFactor is not available for JavaScript
OpenFileDialog and SaveFileDialog in full-
handling.
screen mode.
 Zoom is not relevant for full-screen or out-of-
 Multitouch input is not supported in full-screen
browser.
mode.

16. Deep Zoom
Deep Zoom provides the ability to interactively view high-resolution images. You can
zoom in and out of images rapidly without affecting the performance of your
application. Deep Zoom enables smooth loading and panning by serving up multi-
resolution images and using spring animations.
Exploration of Very Large or High Resolution Images: A classic example of this
would be zooming in on parts of a large map to see different levels of detail and then,
using the mouse, moving your view around the map surface.
3-D Photography: Take pictures of a room, one after the other, creating a collection
of photos that make up a 360 degree picture of the room. Now the user can pan
around the room with each photo blending into the other.
Advertisements: You could create a relatively low-resolution image to represent the
overall theme of the ad, and then have progressively higher resolution images
containing more impressions and data about the product. When the page the ad is
embedded in first loads, the ad smoothly sharpens and draws the attention of the
reader by loading subsequently higher resolution images. Since the ad progressively
loads, it does not significantly impact the user's overall experience of the site. In
addition, if the user's mouse enters the ad, different parts of the ad can zoom in.

17. Deep Zoom: How it works

18. 3D
 PlaneProjection
 Matrix3DProjection
Matrix3D
 Projection

19. Networking and Communication
 WCF
 Web Service
 Socket
 WebClient
 HttpWebRequest
 HttpWebResponse
 Cookies

20. MVVM: Model-View-ViewModel Pattern

21. User & Custom controls
User Control Custom Control
 You need a complex  You need to expand
user interface that functionality of exist
contains common or control.
custom controls.
 You need a control
that doesn’t like to
any common controls.
Caution! If you need to change a look of common control using
DataTemplate, ControlTemplate & Style approach is enough.

22. Custom Control
 OnApplyTemplate()
 Size MeasureOverride( Size availableSize )
 Size ArrangeOverride( Size finalSize )

23. Silverlight Toolkit
Components in the Components in the Stable
Mature/SDK Quality Band Quality Band
 AutoCompleteBox  DockPanel
 Calendar  Expander
 ChildWindow  HeaderedContentControl
 DataGrid  Label
 DataPager  NumericUpDown
 DatePicker  Viewbox
 GridSplitter  WrapPanel
 HeaderedItemsControl
 TabControl
 TreeView

24. Silverlight 4 Beta. What is new?
 Accessing Web Camera and Microphone
 Printing support
 A full set of forms controls with over 60 customizable, styleable components. New
controls include RichTextbox with hyperlinks, images and editing and Masked
textbox for complex field validation.
 WCF RIA Services
 Localization enhancements with Bi-Directional text, Right-to-Left support and
complex scripts such as Arabic, Hebrew and Thai and 30 new languages.
 Enhanced databinding support.
 Support for Google’s Chrome browser.
 Performance optimizations mean Silverlight 4 applications start quicker and run
200% faster than the equivalent Silverlight 3 application.
 Multi-touch support enables a range of gestures and touch interactions to be
integrated into user experiences.
 Mouse Wheel and Right-Click support.

25. Questions?
Taras Romanyk
Software Engineer
tromanyk@softserveinc.com
http://rredcat.blogspot.com
Copyright © 2006 SoftServe, Inc.