Silver Light for every one by Subodh

© 2005 GrapeCity inc.

Silver Light

Name: SubodhTitle: Lead

Date: 2nd July 2008Place: Amity, Noida


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


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


Examples of RIA

• Flash Applications: Internet games, media based e-cards, you-tube.

• Silverlight Applications: A Quick view on Silverlight applications


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.


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


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.


Silverlight

• It streams video and audio. It scales video quality to everything from mobile devices to desktop browsers.

• 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.


Silverlight in .Net Ecosystem


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


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


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.


Demo

• Rotation, Scaling• Animation• Media Integration


Building Applications With .NET

•webweb

•media & media & RIARIA

•webweb


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 process2D Graphics• Standard shapes, masking and clipping

– Transformations: skew, rotate, scale, translate, matrix


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


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 markup 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. Development tools such as Visual Studio can be leveraged to create Silverlight-based applications.


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.

Server-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.


Silverlight features


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?


Additional FeaturesSilverlight provides several additional features that help developers create

rich and interactive applications

• HTML - managed code interactionEnables .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.

• SerializationProvides support for serialization of CLR types to JSON and XML.

• PackagingProvides 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.


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 storageProvides 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 programmingA background worker thread carries out programming tasks while the application is freed up for user interaction.

• File managementProvides a safe File Open dialog box, to ease the process of creating safe file uploads.


Demo

• Playing around with animations, graphics• Offline – online capabilities.


Recap


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: [email protected]


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


Thank You

Subodh N PushpakGrapeCity Web: www.grapecity.comEmail: [email protected]