1 / 39

Introduction to Silverlight 2 Creating the next generation of Rich Internet Applications

Introduction to Silverlight 2 Creating the next generation of Rich Internet Applications. Sascha P. Corti Developer & Platform Evangelism Microsoft Switzerland sascha.corti@microsoft.com http://www.corti.com/weblogsascha http://blogs.msdn.com/swiss_dpe_team. Agenda.

viho
Download Presentation

Introduction to Silverlight 2 Creating the next generation of Rich Internet Applications

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Introduction to Silverlight 2Creating the next generation of Rich Internet Applications Sascha P. Corti Developer & Platform Evangelism Microsoft Switzerlandsascha.corti@microsoft.com http://www.corti.com/weblogsascha http://blogs.msdn.com/swiss_dpe_team

  2. Agenda • What is Silverlight? (And why use it?) • Silverlight 2 • Architecture • Technical Drilldown • Streaming Media Solutions • Local Isolated Storage • Deep Zoom • Mobile Devices

  3. What is Silverlight? And why use it?

  4. Microsoft Silverlight • cross-browsercross-platform • cross-device • Plug-In • for building and delivering the next generation of • .NET based • Media Experiences • and • Rich Interactive Applications • for theWeb

  5. Silverlight Installation and Update

  6. Why Silverlight? WindowsPresentationFoundation Server, Services Desktop RichUserExperiences Browser Devices, Mobile

  7. Silverlight is a .NET Technology Server, Services Desktop Microsoft.NETFramework Browser Devices, Mobile .NET Extends Developer’s Reach

  8. Designer & Developer Tooling Server, Services Desktop Windows Server Vista WindowsPresentationFoundation Browser Devices, Mobile CompactFramework Designer Look, behavior, brand,and emotional connection Developer Function, deployment, data,security, operational integrity Silverlight

  9. Paper JPG / TIFF PSD PPT MOV / WMV C++ C# VB.NET XAML XHTML CSS / XSLT XML ASP.NET Javascript AJAX Non Standards ‘Dirty Code’ Mockups Unifying Design / Development Designer Look, behavior, brand,and emotional connection Developer Function, deployment, data,security, operational integrity

  10. Tools of the Trade Subscription Web Design Tool (HTML, CSS) Subscription Interactive Design Tool (XAML in Silverlight, WPF) Media Asset ManagementTool Media Encoding Tool(Silverlight Video Encoding) Web Edition optimized for Silverlight Vector Graphic Design Tool (XAML Design) Developer Designer

  11. Eclipse Tools for Microsoft Silverlight • http://www.eclipse4sl.org/ • Eclipse plug-in: Open Source RIA application development environment for Microsoft Silverlight in Eclipse • Facilitate integration of Silverlight applications into Java-based web sites and services XAML Editor with instant preview C# Editor Silverlight ProjectManagement Build & Run

  12. Silverlight 2 in Action demo

  13. Silverlight 2Architecture

  14. Silverlight Versions Compared(and WPF too) WindowsPresentationFoundation Silverlight 1 Silverlight 2

  15. Silverlight 2 Architecture Map .NET for Silverlight Server WPF for Silverlight Silverlight 1.0 Local Storage Data .NET Support Inputs Media Extensible ControlsStyles, Templates Silverlight 2 LINQ LINQ-to-XML VB.NET C# Keyboard WMV / VC1 Web Services ASP.NET AJAX Libs WMA Mouse Legend Dynamic Languages Ink MP3 BCL Syndication APIs RSS • REST SOAP <asp:xaml> Ruby Python Generics Collections POX JSON <asp:media> Threading Crypto API Common Language Runtime XAML UI Core Controls DRM 2D Vectors Images Layout Media Animation Transforms Editing Text Deep Zoom Presentation Core Integrated Networking Stack Browser Host DOM Integration JavaScript Engine Installer

  16. Application Package code file (.cs ,.vb) code file (.cs ,.vb) code file (.cs ,.vb) Cs.exe MyApp.dll MyApp.xap XAML XAML <media> as resources Business.dll Business.dll <media> as content . Manifest.xml

  17. Full HTML DOM Integration if (HtmlPage.Document.DocumentUri.AbsoluteUri.EndsWith("TestPage.html") != true) return; HtmlElementbtnUC = HtmlPage.Document.GetElementById("buttonUCtext"); btnUC.AttachEvent("onclick", new EventHandler<HtmlEventArgs>(this.OnUCtextClicked)); btnUC.SetProperty("disabled", false); btnUC.SetAttribute("value", "This text from the Silverlight Side"); HTML Document Write Business Logicin Managed Code andcall from JavaScript  Very easy to debug JavaScript <script type="text/javascript"> function onClickButton() { var control = document.getElementById("Xaml1"); control.content.MyControl.Hello("Silverlight"); control.content.findName("tb").Text = "Hello Silverlight"; } </script> 

  18. Technical Drilldown Silverlight 2

  19. .NET Support* C# and VB.NET* LINQ* XML APIs* Generics* HTML Integration* JSON Serializer Local storage* Crypto APIs (AES)* Threading* Silverlight 2 Runtime Features • 2D, Graphics • Audio, Video • Animations • Text, Text Input* • Controls* • Layout* • Styles/Templates* • Data Binding* • Networking • HTTP/S and Sockets* • * New in Silverlight 2

  20. Silverlight 2 Controls

  21. Silverlight Control Toolkit • Shared Source Control Library • Fully Templateable • Maintained on http://www.codeplex.com/Silverlight

  22. Grid Layout • Subset of WPF Layout Controls • Layout containers • Canvas, Grid, StackPanel, Border • Layout properties • Width, MinWidth, MaxWidth, ActualWidth • Height, MinHeight, MaxHeight, ActualHeight • Margin and Padding • Layout extensibility Canvas StackPanel 11:40 - 12:40 Einführung in Silverlight 2 Stylen von Silverlight-Applikationenmit Expression Blend See thisSession

  23. Data Driven SL Apps Asynchronous Calls Only “Mashup APIs” “Web APIs” REST Services “POX” Services JSON Services • Build URL • Make Request with WebClient / HttpWebRequest • Work with Request/Response Data (XML or JSON) Human-Readable Service Description • Use built-in SyndicationFeed Class • Access Items through SyndicationItemCollection • Can Read / Write Feeds RSS / ATOM Feeds Standards-Based Service / API WCF Service SOAP Service Add Service Reference Works like a local Class 13:40 - 14:40 Einführung in Silverlight 2 Architecting data-driven applications with Silverlight 2 (e) See thisSession Self-Describing Service (WSDL)

  24. Building a Silverlight 2 Application demo

  25. StreamingMedia Solutions Silverlight 2 15:00 - 16:00 Die Highlights der Windows Live Platform: Virtual Earth, Silverlight Streaming und Live Mesh See thisSession

  26. Silverlight Media Features • Self-contained Media Playback • Non-Rectangular, Semi-Transparent Video with Overlays • Media Markers / Script Commands • Playready DRM Content Protection • Progressive download and Windows Media Services support • Live and On-Demand Streaming • File Formats accepted by the MediaElement • Video: WMV v7, v8, v9, VC-1 • Video: WMV v10 [Silverlight 2] • Audio: WMA v7, v8, v9 (standard), MP3 • Recent Announcements • H.264 support • IIS Smooth Streaming

  27. SilverlightLocal Isolated Storage

  28. Local Isolated Storage • Like Cookies but more Powerful • Provides initial 1MB of Application specific Local Storage • Two stores: • Site wide Store • accessible to all Apps on that Site • Application Store • Not Expiring, Provide full Control • Exposed through .NET IsolatedStorage APIs

  29. Local Isolated Storage • App Prompt to Increase Storage • End User Control • Storage Management

  30. Full Screen & Security • Takes over main monitor • Frees you from browser chrome • Limits input to a few non-alpha chars • Up,Down,Left, Right, PgUp, PgDn, Tab, Home,End.. • Secure/Extended sandbox • Cross-domain • Isolated Storage • Sockets • OpenFileDialog • One level of trust - No Elevation

  31. Local Isolated Storage demo

  32. Silverlight 2Deep Zoom

  33. Deep Zoom • Seamless Viewing & Zooming of huge Images • Loads only the Data necessary to show the Part of an Image the User is Viewing • Lowest Resolution Tiles shown first • Download Higher quality Tiles and blend in • Deep Zoom Composer breaks Image into Tiles • Export as Deep Zoom Image or Collection • Exposed through MultiScaleImage Control

  34. Deep Zoom Demo

  35. Silverlight 2For Mobile Devices BrandNew!

  36. Silverlight 2 for Mobile • Public CTP in Spring 2009 Versatile • Desktop-mobile continuum • Powerful .NET programming model • Homogenous application platform across large number of devices • RIAs with modern user interface • Mobile optimized experiences Ubiquitous Productive

  37. Silverlight 2 Mobile Facts • Silverlight 2 Mobile Runtime • Silverlight 2 Apps “just work” • .NET Compact Framework leveraged • Considerations • User Input • Form Factor & Screen Resolution • Connectivity • Resources • Mobile Dev Team: http://blogs.msdn.com/mobiledev • Windows Mobile Team: http://blogs.msdn.com/windowsmobile

  38. Silverlight 2: Resources • Community Site: http://silverlight.net • Main Product Site: http://www.microsoft.com/silverlight • MSDN Center: http://msdn.microsoft.com/silverlight • Online Forums: http://silverlight.net/forums • Expression Blog: http://blogs.msdn.com/expression • Lots of great news on Deep Zoom • Top Silverlight Blogs • Tim Sneath: http://blogs.msdn.com/tims • Mike Harsh: http://blogs.msdn.com/mharsh • Joe Stegman: http://blogs.msdn.com/jstegman • Laurence Moroney: http://blogs.msdn.com/webnext • Ernie Booth: http://blogs.msdn.com/ebooth • Swiss DPE Team: http://blogs.msdn.com/swiss_dpe_team

  39. © 2007 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.

More Related