Silverlight is a technology from Microsoft for building rich interactive applications for the web. It allows developers to use XAML and .NET languages to create animations, media playback, and other rich features within a browser. Silverlight applications provide a consistent experience across browsers and platforms using a small browser plugin. It is well suited for creating immersive media experiences, rich internet applications, and delivering content across devices from desktop to mobile.

1. Silver Light Name: Subodh Title: Lead Date: 2nd July 2008 Place: Amity, Noida

2. Agenda What is a Rich Internet application Why use RIA? What is Silverlight? Why Silverlight? Demo on Silverlight Capabilities of Silverlight A Little on Architecture Why should you care about Silverlight Recap A Demo

3. RIA Rich Internet applications (RIAs) are web applications that have some of the characteristics of desktop applications, typically delivered by way of a proprietary web browser plug-ins. Key characteristics Richness by way of features not supported natively by the web browser such as video playback Accessibility Advanced communications with supporting servers Complexity Consistency Offline use Security Performance

4. Examples of RIA Flash Applications: Internet games, media based e-cards, you-tube. Silverlight Applications: A Quick view on Silverlight applications

5. Introduction to Silverlight Main purpose of Silverlight is to facilitate development of Rich Internet Applications (RIA) Silverlight is a name of technology which runs RIA application on browser. Development in Silverlight involves a mix of new technologies like Web services, WCF and many new architecture principles like MVC and Domain-driven-design.

6. Silverlight- Overview Compelling Cross-Platform User Experiences Immersive media experiences & RIA Seamless, fast installation for end users Consistent experiences on Mac / Windows Flexible programming model with collaborative tools Integration with Web technologies Based on the .NET Framework Role specific tools for designers / developers Efficient, lower cost delivery, and more capable media HD to Mobile Broad media ecosystem Tools for live and on-demand publishing

7. Silverlight Silverlight is a new cross-browser, cross-platform implementation of the .NET Framework for building and delivering the next generation of media experiences and rich interactive applications (RIA) for the Web. Silverlight unifies the capabilities of the server, the Web, and the desktop, of managed code and dynamic languages, of declarative and traditional programming, and the power of Windows Presentation Foundation (WPF). Silverlight enables following features: It is a cross-browser, cross-platform technology. It runs in all popular Web browsers, including Microsoft Internet Explorer, Flock, Mozilla Firefox, Apple Safari, and Opera, and on Microsoft Windows and Apple Mac OS X. It provides a consistent experience no matter where it runs. It is supported by a very small download that installs in seconds.

8. Silverlight It streams video and audio. It scales video quality to everything from mobile devices to desktop browser s . It includes compelling graphics that users can manipulate—drag, turn, zoom—directly in the browser. It reads data and updates the display, but it doesn't interrupt the user by refreshing the whole page.

9. Silverlight in .Net Ecosystem

10. Silverlight development Silverlight-based applications run in the browser. Silverlight makes sure that applications execute exactly the same in all modern browsers, without having to create browser-specific code. To run a Silverlight-based application, users require a small plug-in in their browser. The plug-in is free. If users do not already have the plug-in, they are automatically prompted to install it. The download and installation take seconds and require no interaction from the user except permission to install

11. Silverlight – Runtime and Development Silverlight-based applications run in the browser. Silverlight makes sure that applications execute exactly the same in all modern browsers, without having to create browser-specific code. To run a Silverlight-based application, users require a small plug-in in their browser. The plug-in is free. If users do not already have the plug-in, they are automatically prompted to install it. The download and installation take seconds and require no interaction from the user except permission to install

12. Demo – Visual sorting Sorting algorithm can pose a challenge on how the elements are actually getting sorted. The demo emphasizes on 3 major points: The client experience - The visual “feel” of sorting Smart Application – the calculation and stuff is on browser. The ease of development – The goodness of programming methodologies. Notice how easy it is to Plug-in an new sorting algorithm in the application.

13. Demo Rotation, Scaling Animation Media Integration

14. Building Applications With .NET web desktop web desktop media & RIA

15. Silverlight Features Highly productive development framework Multi-language support Latest developer innovations (e.g. LINQ) AJAX integration Great tools Visual Studio Expression Studio Cross-platform & cross-browser plug in Works with Safari, Firefox and Internet Explorer Mac OS X and Windows Any web server Fast, easy install process 2D Graphics Standard shapes, masking and clipping Transformations: skew, rotate, scale, translate, matrix

16. Silverlight Features 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 Media Features Video: WMV V7, V8, V9, VC-1 Audio: WMA V7, V8, V9 (standard), MP3 Multiple options for deploying media HTTP progressive download Integration with Windows Media Server Extensive WMV ecosystem

17. Silverlight workings How Silverlight offers features: WPF and XAML . Silverlight includes Windows Presentation Foundation (WPF) technology, which greatly extends the elements in the browser for creating UI. WPF lets you create graphics, animation, media, and other rich client features, extending browser-based UI beyond what is available with HTML alone. Extensible Application Markup Language (XAML) provides a declarative m arkup syntax for creating WPF elements. Extensions to JavaScript . Silverlight provides extensions to the universal browser scripting language that provide powerful control over the browser UI, including the ability to work with WPF elements. Cross-browser, cross-platform support . Silverlight runs the same on all popular browsers (on any platform). You can design and develop your application without having to worry about which browser or platform your users have. Integration with existing applications . Silverlight integrates seamlessly with existing JavaScript and ASP.NET AJAX code to complement functionality already created. Access to the .NET Framework programming model and to associated tools . Silverlight-based applications may be created using dynamic languages such as Managed JScript and IronPython as well as languages such as C# and Visual Basic. D evelopment tools such as Visual Studio can be leveraged to create Silverlight-based applications.

18. Silverlight workings LINQ . Silverlight includes language-integrated query (LINQ), which enables data access using intuitive native syntax and strongly typed objects in .NET Framework languages. S erver-based resources in ASP.NET can be created to use the AJAX capabilities of ASP.NET to interact with server-based resources without interrupting the user.

19. Silverlight features

20. Quiz What is RIA? What does XAML stands for? Suggest three solutions where you think Silverlight is ideal candidate? Is .Net framework necessary for executing Silverlight applications?

21. Additional Features Silverlight provides several additional features that help developers create rich and interactive applications HTML - managed code interaction Enables .NET Framework programmers to directly manipulate UI elements in the HTML DOM of a Web page. Web developers can also use JavaScript to call directly into managed code and access scriptable objects, properties, events, and methods. Serialization Provides support for serialization of CLR types to JSON and XML. Packaging Provides the Application class and build tools to create .xap packages. The .xap package contains the application and entry point for the Silverlight plug-in control to run.

22. Additional Features XML libraries XMLReader and XMLWriter classes simplify working with XML data from Web services.The XLinq feature enables developers to query XML data directly within .NET Framework programming languages. Isolated storage Provides safe access from the Silverlight client to the local machine's file system. Enables local storage and caching of data isolated to a particular user. Asynchronous programming A background worker thread carries out programming tasks while the application is freed up for user interaction. File management Provides a safe File Open dialog box, to ease the process of creating safe file uploads.

23. Demo Playing around with animations, graphics Offline – online capabilities.

24. Recap

25. References http://msdn2.microsoft.com/en-us/netframework/default.aspx http://www.gotdotnet.com/ 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 Online SDK: http://msdn2.microsoft.com/bb188266.aspx Silverlight Blogs Tim Sneath: http://blogs.msdn.com/tims Laurence Moroney: http://blogs.msdn.com/webnext Adam Kinney: http://adamkinney.com Jesse Liberty: http://silverlight.net/blogs/jesseliberty/ Tim Heuer: http://timheuer.com Dave Campbell: http://www.wynapse.com/ Email: subodh.nath@grapecity.com

26. About GrapeCity Over 25 years of Software Development Experience Corporate headquarters in Sendai, Japan Operations in the United States, UK, Australia, India, China, Vietnam and Mongolia 800+ people Has been a part of the Microsoft Early Technology Adopter Partnership (TAP) program since the early 1980s Is an active Microsoft Gold Certified Partner, a Preferred Solution Provider, and maintains a dedicated R&D team on Microsoft technologies GrapeCity Solutions Team focuses on providing CRM services and software product development services for emerging companies and established ISVs

27. Thank You Subodh N Pushpak GrapeCity Web: www.grapecity.com Email: subodh.nath@grapecity.com