Silverlight is a Microsoft technology that allows for the development of rich internet applications. It uses XAML and .NET to build interfaces in a declarative manner. Silverlight applications can access web services and media, use data binding, and integrate with HTML and JavaScript. The presentation focused on the core features of Silverlight including controls, data binding, advanced media capabilities, and cross-browser deployment options.

1. Clint EdmonsonArchitect EvangelistMicrosoftEmail: clinted@microsoft.comWeb: http://www.notsotrivial.netTwitter: @clintedJumpStart: Silverlight

3. AgendaWhat is Silverlight?Anatomy of a Silverlight ApplicationXAML PrimerControl LibrariesData BindingDevelopment ToolsAdvanced FeaturesDesigner + Developer Experience

4. What is Silverlight?

5. Silverlight ExperienceRich Internet ApplicationsCross platform, cross-browser, cross device plug-inFast, seamless installationVector based layout and animation engineProductive design & development environments

6. Refactored subset of .NET & WPF

7. Development Tools

8. Development ToolsXamlPadXamlPadXKaxamlSilverlight SpyExpression BlendSee my and Denny’s sessions later today for more!Visual Studio 2008 + Silverlight SDK

9. Anatomy of a Silverlight Application

10. Silverlight works with any serverOnly requirement is to serve up XAML, assemblies etc.Leverage JavaScript to improve experienceASP.NET AJAX adds further integration to the experience<asp:xaml><asp:media>More coming…Silverlight Component(XAML, .NET)AJAX Control(Script)ASP.NET AJAX Server ControlSilverlight on the Server

11. Silverlight Architecture.NET for SilverlightServerDataWPF for SilverlightInputsMediaLINQLINQ-to-XMLExtensible ControlsKeyboardWMV / VC1Web ServicesASP.NET AJAXMouseWMARESTRSSSOAPBCLDynamic LanguagesPOXJSONInkMP3<asp:xaml>RubyPythonGenericsCollections<asp:media>Silverlight Common Language RuntimeXAMLUI CoreControlsDRM2D VectorsImagesLayoutMediaAnimationTransformsEditingTextPresentation CoreIntegrated Networking StackDOM IntegrationJavaScript EngineInstallerBrowser Host

12. XAML Primer

13. XAMLC#VB.NET<Button Width="100"> OK <Button.Background>LightBlue </Button.Background></Button>Button b1 = new Button();b1.Content = "OK";b1.Background = new SolidColorBrush(Colors.LightBlue);b1.Width = 100;Dim b1 As New Buttonb1.Content = "OK"b1.Background = New _SolidColorBrush(Colors.LightBlue)b1.Width = 100Declarative Programming Through XAMLExtensible Application Markup LanguageToolable, declarative markup

14. Code and content are separate

15. Compatible with Windows Presentation FoundationControl Libraries

16. Controls60 Native ControlsOpen Source ToolkitRich third party ecosystem for domain specific controls Canvas, Grid, & StackPanelwill become your new best friends

17. Data Binding

18. Databinding Two way data binding from User interface to business objects Notification via INotifyPropertyChangedDataContext is inherited via Visual TreeFrom XAML <TextBlockText="{Binding Nasdaq.Points, Mode=OneWay}"/>From code Binding binding = new Binding("Nasdaq.Points");binding.Mode = BindingMode.OneWay;TextBlocktb = new TextBlock();tb.SetBinding(TextBlock.TextProperty, binding);

19. Data TemplatesDataTemplateclass Car{ string Image {get;set} string Model {get;set]}<DataTemplate x:Key="carTemplate"> <Border BorderBrush="Blue" BorderThickness="2" Background="LightGray" Margin="10" Padding="15,15,15,5"> <StackPanel> <Image HorizontalAlignment="Center" Source="{Binding Path=Image}" /> <Border HorizontalAlignment="Center" BorderBrush="Navy" Background="#DDF“ BorderThickness="1" Margin="10" Padding="3"> <TextBlockFontSize="18" TextContent="{Binding Path=Model}" /> </Border> </StackPanel> </Border></DataTemplate>

20. Advanced Features

21. Flexible User Experience OptionsSeamless installation & auto-updateChange download progress look & feelFull screen modeOut of Browser ExperienceStart menu & desktop shortcutsInternet connection detection

22. StylingResource definition templates to define look & feel

23. Templating Replace the ‘parts’ that define the look of a control to create a completely different look, but behavior is the same.

24. Isolated StorageStream based access to a private file/directory structurePatterned after .NET Framework IsolatedStorage classesRead and write string or binary dataStore is per application XAPApplication code to request size increaseUser prompt to accept quota increaseQuotas fall into predetermined size slotsCode must initiate increase size call from within user input/event

25. OpenFileDialog, SaveFileDialogProvides native OS experienceSandboxed API returns safe filename and readable streamSupport for multiple files

26. HTML/AJAX and .NET integrationwebpageHTMLSilverlight.NETlanguageJavascriptwebpageHTMLHTML +Silverlight

27. Access the HTML DOM from Managed CodeHTML access available in new namespace usingSystem.Windows.Browser;Static HtmlPage class provides entry point HtmlPage.Navigate("http://www.microsoft.com");String server = HtmlPage.DocumentUri.Host;Hookup events, call methods, or access propertiesHtmlElementmyButton =HtmlPage.Document.GetElementByID("myButtonID");myButton.AttachEvent("onclick", newEventHandler(this.myButtonClicked));privatevoidmyButtonClicked(object sender, EventArgs e) { ... }

28. Access Managed Code from JavaScript1.- Mark a property, method or event as [Scriptable][ScriptableMember]publicvoidSearch(stringName) { ... }2.- Register a scriptable objectHtmlPage.RegisterScriptableObject ("EntryPoint", this);3.- Access the managed object from scriptvar control = document.getElementById("SilverlightControl");control.Content.EntryPoint.Search(input.value);

29. Streaming Media ExperienceCost effective, high quality video for all major browsersBased on WMA and WMV ecosystemMedia processing tools provided for live and on-demand publishingSupports HD video encodingScales gracefully to lower end hardwareDigital Rights Management support

30. DeepZoomNavigates images of any size and resolution optimizing network bandwidth and download size. Seamless transitions as you zoom and pan.

31. Easy Line of Business AppsCost effective, high quality video for all major browsersNavigation FrameworkRIA Data Services

32. Designer + DeveloperExperience

33. Designer/Developer Collaboration=

34. ToolingDesktopServer, ServicesServer Win7Media& RIAXAMLDesignerLook, behavior, brand,and emotional connectionDeveloperFunction, deployment, data,security, operational integrity

35. Next Steps…Community Site: http://silverlight.netMain Product Site: http://www.microsoft.com/silverlightMSDN Center: http://msdn.microsoft.com/silverlightOnline Forums: http://silverlight.net/forumsOnline SDK: http://msdn2.microsoft.com/bb188266.aspxTop Silverlight BlogsTim Sneath: http://blogs.msdn.com/timsMike Harsh: http://blogs.msdn.com/mharshJoe Stegman: http://blogs.msdn.com/jstegmanLaurence Moroney: http://blogs.msdn.com/webnextErnie Booth: http://blogs.msdn.com/eboothFollow @MSExpression on Twitter

36. Clint EdmonsonArchitect EvangelistMicrosoftEmail: clinted@microsoft.comWeb: http://www.notsotrivial.netTwitter: @clintedThank you!

37. Networking

38. Networking Asynchronous HTTP requestsGET/POST Access to most headers, cookies, Uses browser networking stack Caching, authentication, proxy , compression

39. Web ServicesSOAP 1.1 Basic profileA few restrictions (e.g. SOAP Faults not supported)Asynchronous invocationFollows cross-domain policy restrictionsGenerated proxies support data binding

40. Sockets TCP only Asynchronous API No explicit bind and no listen/accept support Restricted ports (4502-4534) Cross Domain based on provisioning servervoid Connect(AddressFamily family){SocketAsyncEventArgsconnectArgs = new SocketAsyncEventArgs();connectArgs.RemoteEndPoint = new DnsEndPoint(Application.Current.Host.Source.Host, 4502);connectArgs.Completed += new EventHandler<SocketAsyncEventArgs>(OnConnectCompleted); socket = new Socket(family, SocketType.Stream,ProtocolType.Tcp); if (!socket.ConnectAsync(connectArgs))OnConnectCompleted(socket, connectArgs);}

41. Cross-domain support <?xmlversion="1.0"?><!DOCTYPEcross-domain-policy SYSTEM "http://www.macromedia.com/xml/dtds/cross-domain-policy.dtd"><cross-domain-policy> <allow-access-fromdomain="*" /></cross-domain-policy>2 formats: Flash policy fileSilverlight policy file Cross-domain.xml<?xmlversion="1.0"?><access-policy> <cross-domain-access> <policy> <allow-from> <domainuri="http://customers.shop.com”/>" <domainuri="http://partner.com/app.xap"/> </allow-from> <grant-to> <grantpath="/sales/serialnumbers.xml" /> <grantpath="/partners"include-subpaths="false"/> </grant-to> </policy> </cross-domain-access></access-policy>clientaccesspolicy.xml