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

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

3.
RIA <ul><li>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. </li></ul><ul><li>Key characteristics </li></ul><ul><ul><li>Richness by way of features not supported natively by the web browser such as video playback </li></ul></ul><ul><ul><li>Accessibility </li></ul></ul><ul><ul><li>Advanced communications with supporting servers </li></ul></ul><ul><ul><li>Complexity </li></ul></ul><ul><ul><li>Consistency </li></ul></ul><ul><ul><li>Offline use </li></ul></ul><ul><ul><li>Security </li></ul></ul><ul><ul><li>Performance </li></ul></ul>

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

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

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

7.
Silverlight <ul><li>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). </li></ul><ul><li>Silverlight enables following features: </li></ul><ul><li>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. </li></ul><ul><li>It provides a consistent experience no matter where it runs. </li></ul><ul><li>It is supported by a very small download that installs in seconds. </li></ul>

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

9.
Silverlight in .Net Ecosystem

10.
Silverlight development <ul><li>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. </li></ul><ul><li>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 </li></ul>

11.
Silverlight – Runtime and Development <ul><li>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. </li></ul><ul><li>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 </li></ul>

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

13.
Demo <ul><li>Rotation, Scaling </li></ul><ul><li>Animation </li></ul><ul><li>Media Integration </li></ul>

14.
Building Applications With .NET <ul><li>web </li></ul><ul><li>desktop </li></ul><ul><li>web </li></ul><ul><li>desktop </li></ul><ul><li>media & RIA </li></ul>

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

16.
Silverlight Features <ul><li>Animation Basics </li></ul><ul><ul><li>Animations change properties over time </li></ul></ul><ul><ul><li>Support linear, discrete and spline animation </li></ul></ul><ul><ul><li>Animatable property types: </li></ul></ul><ul><ul><ul><li>Double, Color, Point </li></ul></ul></ul><ul><li>Animations and graphics are defined using XAML </li></ul><ul><li>Media Features </li></ul><ul><ul><li>Video: WMV V7, V8, V9, VC-1 </li></ul></ul><ul><ul><li>Audio: WMA V7, V8, V9 (standard), MP3 </li></ul></ul><ul><ul><li>Multiple options for deploying media </li></ul></ul><ul><ul><ul><li>HTTP progressive download </li></ul></ul></ul><ul><ul><ul><li>Integration with Windows Media Server </li></ul></ul></ul><ul><ul><li>Extensive WMV ecosystem </li></ul></ul>

17.
Silverlight workings <ul><li>How Silverlight offers features: </li></ul><ul><li>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. </li></ul><ul><li>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. </li></ul><ul><li>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. </li></ul><ul><li>Integration with existing applications . Silverlight integrates seamlessly with existing JavaScript and ASP.NET AJAX code to complement functionality already created. </li></ul><ul><li>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. </li></ul>

18.
Silverlight workings <ul><li>LINQ . Silverlight includes language-integrated query (LINQ), which enables data access using intuitive native syntax and strongly typed objects in .NET Framework languages. </li></ul><ul><li>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. </li></ul>

19.
Silverlight features

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

21.
Additional Features <ul><li>Silverlight provides several additional features that help developers create rich and interactive applications </li></ul><ul><li>HTML - managed code interaction </li></ul><ul><li>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. </li></ul><ul><li>Serialization </li></ul><ul><li>Provides support for serialization of CLR types to JSON and XML. </li></ul><ul><li>Packaging </li></ul><ul><li>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. </li></ul>

22.
Additional Features <ul><li>XML libraries </li></ul><ul><li>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. </li></ul><ul><li>Isolated storage </li></ul><ul><li>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. </li></ul><ul><li>Asynchronous programming </li></ul><ul><li>A background worker thread carries out programming tasks while the application is freed up for user interaction. </li></ul><ul><li>File management </li></ul><ul><li>Provides a safe File Open dialog box, to ease the process of creating safe file uploads. </li></ul>

23.
Demo <ul><li>Playing around with animations, graphics </li></ul><ul><li>Offline – online capabilities. </li></ul>

24.
Recap

25.
References <ul><li>http://msdn2.microsoft.com/en-us/netframework/default.aspx </li></ul><ul><li>http://www.gotdotnet.com/ </li></ul><ul><li>Community Site: http://silverlight.net </li></ul><ul><li>Main Product Site: http://www.microsoft.com/silverlight </li></ul><ul><li>MSDN Center: http://msdn.microsoft.com/silverlight </li></ul><ul><li>Online Forums: http://silverlight.net/forums </li></ul><ul><li>Online SDK: http://msdn2.microsoft.com/bb188266.aspx </li></ul><ul><li>Silverlight Blogs </li></ul><ul><ul><li>Tim Sneath: http://blogs.msdn.com/tims </li></ul></ul><ul><ul><li>Laurence Moroney: http://blogs.msdn.com/webnext </li></ul></ul><ul><ul><li>Adam Kinney: http://adamkinney.com </li></ul></ul><ul><ul><li>Jesse Liberty: http://silverlight.net/blogs/jesseliberty/ </li></ul></ul><ul><ul><li>Tim Heuer: http://timheuer.com </li></ul></ul><ul><ul><li>Dave Campbell: http://www.wynapse.com/ </li></ul></ul><ul><li>Email: subodh.nath@grapecity.com </li></ul>

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

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