Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Silverlight                                   Base Conceptions                                           Taras Romanyk    ...
What is Silverlight?Microsoft Silverlight is a cross-browser, cross-platform implementation of the .NETFramework for build...
Compatible Operating Systems and BrowsersOperating         Windows      Windows      Internet      Firefox 2, 3   Safari 3...
Developer tools Visual Studio 2008 or Visual Web Developer  2008 Express Edition with Silverlight Tools for  Visual Studi...
Silverlight Architecture
Integrating Silverlight                     The Silverlight Programming ModelSilverlight uses the ActiveX plug-in model fo...
XAML Usage Syntax XAML Usage Content Models Collections Markup Extensions Enumerations Type Converters Prefixes and...
Base conceptions for Business ApplicationBindingDataContextItemsSourceDependency propertyAttach dependency propertyI...
Binding
Binding Path                            ConverterParameter Sources                         Mode     Source           ...
Styling & TemplatingStyleControlTemplateDataTemplate
Trigger       EventTrigger       VisualStateManagerCaution! VisualStateManager isn’t trigger! It presents approach forsi...
Transforms RotateTransform ScaleTransform SkewTransform TranslateTransform MatrixTransform TransformGroup
Animation Overview You can creating an Animation in Procedural Code or XAML Double,   Color,    or    Point   can    be ...
Full Screen Support & Browser Zoom Setting         Full Screen Support                                                Zoom...
Deep ZoomDeep Zoom provides the ability to interactively view high-resolution images. You canzoom in and out of images rap...
Deep Zoom: How it works
3D PlaneProjection Matrix3DProjection   Matrix3D Projection
Networking and Communication    WCF    Web Service    Socket    WebClient    HttpWebRequest    HttpWebResponse    C...
MVVM: Model-View-ViewModel Pattern
User & Custom controls   User Control                    Custom Control You need a complex            You need to expand...
Custom Control OnApplyTemplate() Size MeasureOverride( Size availableSize ) Size ArrangeOverride( Size finalSize )
Silverlight Toolkit     Components in the           Components in the Stable  Mature/SDK Quality Band             Quality ...
Silverlight 4 Beta. What is new? Accessing Web Camera and Microphone Printing support A full set of forms controls with...
Questions?                                        Taras Romanyk                                        Software Engineer  ...
Upcoming SlideShare
Loading in …5
×

Silverlight overview

372 views

Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Silverlight overview

  1. 1. Silverlight Base Conceptions Taras Romanyk Software Engineer tromanyk@softserveinc.com http://rredcat.blogspot.comCopyright © 2006 SoftServe, Inc.
  2. 2. What is Silverlight?Microsoft Silverlight is a cross-browser, cross-platform implementation of the .NETFramework for building and delivering the next generation of media experiences andrich interactive applications (RIA) for the Web. Silverlight unifies the capabilities of theserver, the Web, and the desktop, of managed code and dynamic languages, ofdeclarative and traditional programming, and the power of Windows PresentationFoundation (WPF). (© msdn).
  3. 3. Compatible Operating Systems and BrowsersOperating Windows Windows Internet Firefox 2, 3 Safari 3 Safari 4System Internet Internet Explorer 6 Explorer 8 Explorer 7Windows Vista + + - + - -Windows 7 + - - + - -Windows Server2008 + + - + - -Windows Server2008 R2 + - - - - -Windows XPSP2, SP3 + + + + - -Windows 2000 SilverlightSP4 +KB 891861 - - 2, 3 Only - - -Windows Server2003 (excludingIA-64) + + + + - -Mac OS 10.4.8+ Silverlight Silverlight(PowerPC) - - - 1.0 Only 1.0 Only -Mac OS 10.4.8+(Intel-based) - - - + + +
  4. 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. 5. Silverlight Architecture
  6. 6. Integrating Silverlight The Silverlight Programming ModelSilverlight uses the ActiveX plug-in model for Microsoft Internet Explorer, anduses 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. 7. XAML Usage Syntax XAML Usage Content Models Collections Markup Extensions Enumerations Type Converters Prefixes and Mappings for Silverlight Libraries Resources Dictionaries
  8. 8. Base conceptions for Business ApplicationBindingDataContextItemsSourceDependency propertyAttach dependency propertyICommand interface
  9. 9. Binding
  10. 10. Binding Path  ConverterParameter Sources  Mode  Source  OneTime  ElementName  OneWay  RelativeSource  TwoWay  Self  UpdateSourceTrigger  TemplatedParent  Default Converter  Explicit
  11. 11. Styling & TemplatingStyleControlTemplateDataTemplate
  12. 12. Trigger EventTrigger VisualStateManagerCaution! VisualStateManager isn’t trigger! It presents approach forsimulation only.
  13. 13. Transforms RotateTransform ScaleTransform SkewTransform TranslateTransform MatrixTransform TransformGroup
  14. 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. 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. 16. Deep ZoomDeep Zoom provides the ability to interactively view high-resolution images. You canzoom in and out of images rapidly without affecting the performance of yourapplication. 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 thiswould 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 collectionof photos that make up a 360 degree picture of the room. Now the user can panaround the room with each photo blending into the other.Advertisements: You could create a relatively low-resolution image to represent theoverall theme of the ad, and then have progressively higher resolution imagescontaining more impressions and data about the product. When the page the ad isembedded in first loads, the ad smoothly sharpens and draws the attention of thereader by loading subsequently higher resolution images. Since the ad progressivelyloads, it does not significantly impact the users overall experience of the site. Inaddition, if the users mouse enters the ad, different parts of the ad can zoom in.
  17. 17. Deep Zoom: How it works
  18. 18. 3D PlaneProjection Matrix3DProjection Matrix3D Projection
  19. 19. Networking and Communication  WCF  Web Service  Socket  WebClient  HttpWebRequest  HttpWebResponse  Cookies
  20. 20. MVVM: Model-View-ViewModel Pattern
  21. 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 usingDataTemplate, ControlTemplate & Style approach is enough.
  22. 22. Custom Control OnApplyTemplate() Size MeasureOverride( Size availableSize ) Size ArrangeOverride( Size finalSize )
  23. 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. 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. 25. Questions? Taras Romanyk Software Engineer tromanyk@softserveinc.com http://rredcat.blogspot.comCopyright © 2006 SoftServe, Inc.

×