1 / 42

M sdn TechTalk Microsoft Silverlight 1.0

Sascha P. Corti Microsoft Switzerland sascha.corti@microsoft.com http://www.corti.com/weblogsascha http://twitter.com/techpreacher. M sdn TechTalk Microsoft Silverlight 1.0. Introducing Microsoft Silverlight. Microsoft Silverlight is a cross-browser, cross-platform plug-in for delivering

phila
Download Presentation

M sdn TechTalk Microsoft Silverlight 1.0

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. Sascha P. CortiMicrosoft Switzerlandsascha.corti@microsoft.comhttp://www.corti.com/weblogsascha http://twitter.com/techpreacher Msdn TechTalkMicrosoft Silverlight 1.0

  2. IntroducingMicrosoft Silverlight

  3. Microsoft Silverlight • is a • cross-browser,cross-platformplug-in • for delivering • the next generation of • .NET-based • media experiences • & • rich interactive applications (RIAs) • for theWeb

  4. desktop web desktop web media & RIA

  5. Silverlight Installation Experience

  6. Microsoft & Competitive Development Technologies Web Desktop JSP / PHP ColdFusion Mac OS Server Vista AJAX Libraries Linux “Apollo” LAMP Media & RIA Cross Browser & Platform Microsoft Flash & Flex Quicktime & Others Others

  7. Developers, Designers & Apps by category 1.5m ? 4-6m 4-5m Web Desktop Developer skills today =Web & Desktop >1m >100k Media & RIA= emerging Media & RIA 200-400k >10ks Enterprise UXof tomorrow = consumer UX of today? Developers Designers Applications

  8. Bridging the Gap between Designers & Developers

  9. Designer & Developer Tooling Web Desktop Server Vista Media & RIA Designer Look, behavior, brand,and emotional connection Developer Function, deployment, data,security, operational integrity

  10. Paper JPG / TIFF PSD PPT MOV / WMV C++ C# VB.NET Non Standards ‘Dirty Code’ Mockups Design vs. Development Designer Expression Developer Visual Studio

  11. XHTML CSS / XSLT XML ASP.NET Javascript AJAX Design & Development Designer Expression Developer Visual Studio XAML XAML = Extensible Application Markup Language

  12. Design & Development Designer Expression Developer Visual Studio XAML XHTML CSS / XSLT XML ASP.NET Javascript AJAX XAML = Extensible Application Markup Language

  13. Silverlight in Action Primetime Emmys Fox HD Tafiti Search Silverlight Airlines Top Banana

  14. Silverlight Media

  15. Silverlight Web Media Ecosystem Create Distribute Experience Expression Blend for creating media experiences Interactivity, video, and animation in browser and/or full screen Up to 2x streaming scalability overWindows Server 2003 New IIS7 Media Pack with bit-rate throttling for lower cost for downloaded media Expression Media Encoder for publishing with Silverlight Seamless, Fast Installation for End Users New Secure content delivery over SSL and Cache/Proxy support + Existing ecosystem of WMV technology partners / solution providers Consistent experience on Mac and Windows

  16. Silverlight Media Features • Self-contained media playback • Non-rectangular, semi-transparent video with overlays • Customizable transport controls • Progressive download and Windows Media Services support • Live and on demand streaming

  17. Silverlight Media Features (cont.) • Media markers / script commands • ASX playlist support • Closed captioning support with Expression Encoder • Bandwidth throttling with IIS 7.0 • Alpha video (v1.1) • Content protection (v1.1)

  18. Silverlight Media Formats • The following file formats are accepted by the MediaElement (regardless of the file extension): • Video: WMV v7, v8, v9, VC-1 • Audio: WMA v7, v8, v9 (standard), MP3

  19. Building a Silverlight Media Application

  20. Silverlight Streaming • Provides developers a free, scalability-on-demand solution for Silverlight http://silverlight.live.com

  21. Silverlight Streaming Infrastructure Content upload Silverlight streaming infrastructure Data flow user Data flow Silverlight

  22. Silverlight Streaming Services

  23. Developing In Silverlight

  24. Silverlight 1.0

  25. Silverlight JavaScript Basics • Silverlight XAML elements are scriptable via the browser script engine (JavaScript) • Scriptable objects are obtained via findName • Scriptable objects (elements) can be controlled via properties and methods • Models JavaScript and HTML DOM interaction • findName is equivalent to document.getElementById() • Supports tree walking via children collection • Position set using "Canvas.Top" and "Canvas.Left" • Size can be scaled or set via Height/Width

  26. Graphics and Animations in Silverlight • 2D Graphics • Standard shapes, masking and clipping • Transformations: skew, rotate, scale, translate, matrix • Animation Basics • Animations change properties over time • Support linear, discrete and spline animation • Animatable property types: • Double, Color, Point • Animations and graphics are defined using XAML

  27. Downloader and CreateFromXAML • HTTP Downloader • V1.0 supports HTTP gets (async and sync) • Provides download progress • ZIP packaging • Similar to XMLHTTP • CreateFromXAML • Primary way in V1.0 to dynamically create content

  28. Extending Silverlight Applications

  29. Silverlight 1.1

  30. Silverlight 1.0 and 1.1 • Silverlight v1.0 (Released) • XAML + JavaScript • Designed for interactive content • Especially video • Released summer 2007 • Silverlight v1.1 (Alpha) • XAML + .Net languages (C#, VB, JavaScript, etc.) • Designed for rich interactive apps • Will release Q2 - Q3 2008

  31. Silverlight Architecture Silverlight 1.0 Server .NET for Silverlight Data WPF for Silverlight Media Inputs Silverlight 1.1 Extensible Controls LINQ LINQ-to-XML Keyboard WMV / VC1 Web Services ASP.NET AJAX Libs Mouse WMA Legend REST RSS SOAP Dynamic Languages BCL POX JSON Ink MP3 <asp:xaml> Ruby Python Collections Generics <asp:media> Common Language Runtime (Execution Engine) XAML UI Core Controls DRM 2D Vectors Images Layout Media Animation Transforms Editing Text Presentation Core Integrated Networking Stack DOM Integration JavaScript Engine Installer Browser Host

  32. Feature Plans: Controls

  33. Feature Plans: Layout

  34. Feature Plans: Other

  35. SilverVideo-Site SampleSilverlight 1.0 and Silverlight 1.1

  36. Controls in Silverlight 1.0 Jelly Controls Netikatech GOA Controls

  37. Summary and Roadmap

  38. UI Technologies Compared User Experience (Fidelity) ASP.NET AJAX SILVERLIGHT WPF Remove flickering, allow partial roundtrip 2D, wmv-wma-mp3, Vector Graphic, “no black-box” 3D, 2D, Video, Vector Graphic, GPU, Picture, Music,… Highlights XML JavaScript XAML ↔ JS* XAML ↔ .NET** XAML .NET3.0 Characteristics Any (Modern) Browser .NET 3.0 (Vista, XP, WS2003) IE/FireFox (Vista, XP, WS2003) Requirements Safari/FireFox (Mac OS X 10.4.8+) … “Browser”/js lib. Browser Plugin WPF “Core” Reach * Silverlight 1.0 ** Silverlight 1.1

  39. Silverlight.net • Silverlight Samples and Showcases • Getting Started section • Quickstarts, Whitepapers & Videos • http://nibblestutorials.net

  40. NibblesTutorials.net • Expression Blend & Silverlight Tutorials • Expression Blend & WPF Tutorials • Samples Download • http://nibblestutorials.net

  41. Links • Silverlight • http://silverlight.net/ • Silverlight Streaming • http://streaming.live.com/ • Tafiti Search • http://www.tafiti.com/ • JellyGraph (free) Data Controls • http://joestegman.members.winisp.net/jelly/ • NETIKAtech GOA Silverlight Controls • http://community.netikatech.com/demos/ • Infragistics Data Controls • http://labs.infragistics.com/silverlight/ • Photosynth • http://labs.live.com/photosynth • SeaDragon Demo auf YouTube • http://www.youtube.com/watch?v=0ra5tp7K--I

  42. © 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