6/30/2010

What is Silverlight?

Introducción a
Powerful Development Platform
Silverlight Engaging, Interactive User Experiences

Clase 9
Gabriel Klestorny
t-gakles@microsoft.com

What is Silverlight?

…a powerful development … a free plug-in powered by the .NET

platform for creating engaging, framework that is compatible across
interactive user experiences for multiple browsers, devices and
Web, desktop, and mobile
applications when online or
offline
operating systems to bring a new
level of interactivity wherever the Web
works. Fast, Focused
Silverlight helps create visually rich experiences with backend support for rapid
development through the Microsoft Web Platform, Visual Studio and Expression
Studio
Releases

Media Markers

JavaScript Support Cross 2D Vector

Platform Animation/Graphics
Final
1.0 2 3 4 Release Ajax Support
Support
Image Support Canvas Layout
Sep 07 Oct 08 Jul 09 April 15th 2010 Support
HTTP Networking XAML Parser

Audio/Video Support Cross

Windows Media Server Support
Browser
http://silverlight.net Support
Silverlight 1 HTML DOM Integration

1
 6/30/2010

Full suite of Controls Windows Media Audio 10 Visual State Manager FullContrast
High suite of Controls Windows
DockMedia Audio 10
Panel Visual State
Control Manager
Skinning
Binary XML
Professional support Professional support
MediaStreamSource Managed
Media HTML Bridge
Markers Save Listbox Multiselect Listbox
FileMediaStreamSource Raw A/V PipelineManaged HTML
Wrap Bridge
Panel
Isolated Storage
JavaScript Support Cross
Deep Zoom SOAP and REST Interop
2D Vector Element
IsolatedtoStorage
Element Out Of Deep Zoom
Browser TextSOAP and REST Interop
Rendering &
Enhanced Keyboard Input Support Data Binding AAC audio
Enhanced Keyboard Input Support
Platform
Cross Domain Network Access Animation/Graphics
Multi-Threading Cross Domain Network Access Hardware Fonts
Acceleration
Multi-Threading
ADO.NET Data Services Custom
ADO.NET Data Easing
Services Enhanced Deep Zoom
Support WPF Compatibility Data Binding WPF Compatibility
Merged Resource PerspectiveData Binding3D
video 1080p HD Dictionaries
File Upload Support File Upload Support
AjaxLINQ
Support .NET
Image Support TemplatingCanvas
Model Layout SEO H.264 LINQ .NET Templating Model
Managed Control Deep Linking Managed Control
DRM Powered by .NET Framework Security Support
Framework
DRM Powered by
Themed Application .NET Framework Security DataAccessibility
Validation Pixel Shader Effects
Framework
PlayReady
HTTP Networking Enforcement XAML Parser
Accessibility PlayReady
Support Local FontsEnforcement
High quality resizing High quality resizing Local Data
Direct access to TCP sockets Type Safety Duplex communications Direct accessHD
Text Animation to TCP sockets Compressed
Smooth Type Safety Fonts DRM DuplexData
communications
Audio/Video
Rich Support
Core Framework Cross Verification Basic SSPL Support Rich Core Framework Verification
Basic SSPL Support
Cached
Forms
Remote Debugging
Windows Media Server Support Local Connection Streaming
Remote Debugging
Viewbox
Localization Browser
XMLReader/Writer
Web Services Data Access
Localization
60+ Controls XMLReader/Writer
Composition
Web ServicesCaching
Bitmap Data Access
Managed Exception Connectivity Detection Managed Exception
Support Layout controls Handling Layout
Bitmap API Animation
controls Effects
Handling

Silverlight22 HTML DOM Integration

IronPython, IronRuby, Managed Jscript Support Silverlight33 Start Menu
Desktop Managed
IronPython, IronRuby, ShortcutJscript Support

Commanding Indic Languages

WCF RIA Services
High Contrast Binary XML Dock Panel Control Skinning
XPath for XML
IDataErrorInfo
File Save TrimmingMultiselect Listbox
Text Listbox Raw A/V Pipeline
Google Wrap Panel
MP4 DRM
Networking
Element
Protected to Element
Path Output Out Of Browser Chrome TextDRM
Offline Rendering &
Data Binding
Cross-Domain Networking
AAC audio Fluid UI
Fonts
Deep Zoom Hardware FullAcceleration
Right Click
Custom EasingTrusted
INotifyDataErrorInfo Enhanced Applications Keyboard Full
Drag/Drop
Merged Resource Screen
Silent Install HTML Perspective 3D
SEO H.264 video BiDi
Composite Transform
1080p
& RTL HD Webcam
Dictionaries RichTextBox
Themed Application COM Automation
Deep Linking Data Validation Pixel Shader Effects
Window Close Event
Support Printing
Local Fonts Datagrid
Private Mode Browsing
Clipboard Access
Local Data
Custom Window Chrome
Text Animation Compressed
Enhancements Local Fonts
File System DRM
HD Smooth Data Forms
Cached Windowing
Local Connection
Extended Streaming
UDP, WMS MVVM Composition controlsViewbox
60+Languages
Controls Multicast
Toast Notifications
Connectivity
XAPDetection
Signing
Bitmap Caching
Microphone MEF
Animation Effects
Mouse Wheel
Viewbox Full PNGBitmap API
Silverlight44 Support GPU Acceleration
Start Menu
Desktop Shortcut

Silverlight

2
 6/30/2010

Silverlight Capabilities

Data
Inputs • LINQ (Objects and XML)
• Keyboard • Touch • XML
• Mouse • Ink • IsolatedStorage

Base Class Library (BCL)

XAML / UI Core
• Generics
• Controls • Vector • Collections
• DataBinding • Animation • Cryptography
• Layout • Text • Threading
• Images
Windows Communication Foundation
Media • REST • POX
• Digital media capture & playback • RSS/ATOM • JSON
• VC1, WMA, MP3, H.264 • SOAP
• DRM

What is Silverlight for WP7? XAML

Starts with Silverlight 3 plus…

Performance tuning
eXtensible Application Markup Language
Input integration
XML
H/W media and sensor integration
Declarative Markup
OS application model integration
<Grid>
<TextBlock FontSize="48" Text="Hello world" />
Relaxed sandbox constraints </Grid>

Code

XAML maps to code

The Basics
Anything in XAML can be done in code
DEMO: XAML + CODE

3
 6/30/2010

Shapes Brushes

Vector-Based Determines how objects are painted and outlined

Importable from Photoshop or Illustrator Solid, Gradient, Image, Media

Controls

Encapsulates functionality

Give it a x:Name

Pretty Shapes
Same properties as in XAML

DEMO: SHAPES + BRUSHES <Button x:Name="MyButton"

Content="Center"
Width="150"
Height="50" />

Events

Can be created in XAML & Code

Tools create handler for you

Make it Do Something
public void myButton_Click(object sender, RoutedEventArgs e)
{ DEMO: CONTROLS + EVENTS
// todo: add code
}

4
 6/30/2010

Styling

Apply consistent formatting

Per-page or per-application
<Style TargetType="TextBlock"
x:Key="SubHeadingText"> Make it Consistent

DEMO: STYLING
<Setter Property="FontSize"
Value="42" />
<Setter Property="Foreground"
Value="Blue" />
</Style>

Layout

Flexible Layout system

Canvas | Fixed-position

StackPanel | “Stacks” dynamically Where Does It Go?

Grid | Rows & columns, very flexible DEMO: LAYOUT

Transforms Animations

Animate a property value over time

Alters any element Transforms Projections
Basics
Controls Rotate Plane
Text Scale Matrix Storyboard Animation Keyframe
Media Skew Apply 3D to a 2D element
Translate
Matrix

Expression Blend is the best tool for designing animations

5

Make it Look Great
DEMO: TRANSFORMS, ANIMATIONS
Make it Real
DEMO: DATABINDING
Don’t Reinvent The Wheel
DEMO – CODE REUSE
6/30/2010
Databinding
Powerful Concept
Two types
Property binding List binding
Based on change notification
Code Reuse
Reuse UI
User Control Custom Control
Reuse Code
Across platforms (Web,
Across projects
Windows Phone)
Resources
 Download the tools!  Blogs:
 http://silverlight.net  http://shawnoster.com
 http://developer.windowsphone.com  http://scorbs.com/work/
 http://blogs.msdn.com/b/jstegman/
 Community Site
 http://adamkinney.com/blog/
 http://silverlight.net
 http://timheuer.com/blog/
 Main Product Site  …
 http://www.microsoft.com/silverlight  Presentation based on:
 MSDN Center  Shawn Oster’s session at MIX 10:
An Introduction to Developing Apps for MS Silverlight
 http://msdn.microsoft.com/silverlight
 Scott Guthrie’s Developer Launch Keynote:
 Online Forums Silverlight 4 Launch
 http://silverlight.net/forums
6
 6/30/2010

© 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and
other product names are or may be registered trademarks and/or trademarks in the U.S. and/or
other countries. The information herein is for informational purposes only and represents the
current view of Microsoft Corporation as of the date of this presentation. Because Microsoft
must respond to changing market conditions, it should not be interpreted to be a commitment
on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information
provided after the date of this presentation.

MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE

INFORMATION IN THIS PRESENTATION.