Microsoft Silverlight - An Introduction

13,901 views 39 slides Apr 17, 2011
Slide 1
Slide 1 of 39
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12
Slide 13
13
Slide 14
14
Slide 15
15
Slide 16
16
Slide 17
17
Slide 18
18
Slide 19
19
Slide 20
20
Slide 21
21
Slide 22
22
Slide 23
23
Slide 24
24
Slide 25
25
Slide 26
26
Slide 27
27
Slide 28
28
Slide 29
29
Slide 30
30
Slide 31
31
Slide 32
32
Slide 33
33
Slide 34
34
Slide 35
35
Slide 36
36
Slide 37
37
Slide 38
38
Slide 39
39

About This Presentation

Microsoft Silverlight - An Introduction
--
Mohammad Elsheimy
http://JustLikeAMagic.com
http://WithDotNet.net
http://twitter.com/elsheimy
http://facebook.com/justlikeamagic.com


Slide Content

Microsoft Silverlight An Introduction Mohammad Elsheimy http://JustLikeAMagic.com http://WithDotNet.net

Agenda What is Silverlight? Getting Inside Silverlight 5 Tooling Demo Summary

What is Silverlight? The Sphinx, Giza , Egypt

Definition Silverlight is an application framework for writing and running rich Internet applications (RIA.) Its runtime is available as a cross-browser, cross-platform plug-in for delivering the next generation of media experiences and rich interactive applications for the web.

Platform Support Silverlight is a cross-browser, cross-platform plugin.

Platform Support

Rich Internet Applications (RIA) A Rich Internet Application (RIA) is a Web application that has the best user interface functionalities of desktop applications and web application .

RIA Platforms

RIA Stats http://riastats.com http:// www.statowl.com/custom_ria_market_penetration.php

Why Silverlight It's FREE . It runs on all popular browsers, platforms, and devices . It can be run in browser and as a desktop application. Easy to create excellent UIs that looks "WOW ". Enables business application development. Supports 2D/3D animations/graphics. Natively supports CLR and .NET Framework. Can be automated using JavaScript . Supports a variety of media (audio/video) formats with streaming capabilities . Supports a variety of rich controls including the DataGrid . Supports a variety of enterprise technologies including WCF.

Why Silverlight It’s the main development framework for Windows Phone.

Deep Zoom Deep Zoom is an open-source technology, provided by Microsoft and is part of Silverlight, allows users to pan around and zoom in a large, high resolution image or a large collection of images . It reduces the time required for initial load by downloading only the region being viewed and/or only at the resolution it is displayed at. Subsequent regions are downloaded as the user pans to (or zooms into them).

Silverlight vs. Flash http:// bit.ly/infoworld-silverlight-flash

Silverlight and WPF Silverlight, formerly codenamed WPF/E (WPF/Everywhere), is a subset of Windows Presentation Foundation (WPF) with many other added features . * * Windows Presentation Foundation (or WPF) is a graphical subsystem utilizing DirectX for rendering UI in Windows-based application . Developed by Microsoft and introduced as part of Microsoft .NET Framework 3.0.

Rich vs. Reach

Silverlight Showcase Deep Earth ( http://deepearth.codeplex.com ) Hard Rock Memorabilia ( http://memorabilia.hardrock.com / ) OnTV ( http://www.ontveg.com ) Sobees ( http://sobees.com/web ) Bing Maps Streetside ( http://www.bing.com/maps/explore / ) PhotoSynth ( http://photosynth.net ) PivotViewer ( http://www.silverlight.net/learn/pivotviewer / ) Fantasia ( http://nokola.com/fantasia / ) Nibbles Tutorials ( http://www.nibblestutorials.net ) SilverlightShow ( http://www.silverlightshow.net/Books.aspx ) Shidonni ( http://www.shidonni.com ) Justin Angel ( http://justinangel.net ) SilveOs ( http://silveos.com / ) Silverlight Showcase ( http://www.silverlight.net/showcase / )

Getting Inside Inside the Pyramid, Giza, Egypt

Silverlight and XAML Like WPF, user interface in Silverlight is declared in Extensible Application Markup Language (XAML ) and programmed using .NET Framework. * * XAML (pronounced ‘ Zammel ’) is a declarative XML-based language created by Microsoft which is used to initialize structured values and objects. XAML elements are mapped directly to CLR objects .

Designer vs. Developer

Deployment Process When you build your Silverlight application, the XAML markup, as well as the code and all other resources, is compiled into .NET assemblies which are then compressed using ZIP and stored in a XAP (. xap ) file .

Deployment Process The XAP file can then be hosted in a Web server and referenced by Web pages declaring the Silverlight plugin object. When the user navigates to the page, the XAP file is downloaded to his PC and executed on the Web page by the Silverlight runtime.

Silverlight Architecture

Silverlight 5 Ramses II Temple, Abo Simbel, Egypt

Silverlight 5.0 Introduced in PDC 2010. Currently in Beta version, final release soon.

Silverlight 5 Highlights Media: Hardware Video Decode Better Power Management Remote Control Support Text and Printing: Better Text Rendering Full OpenType Support Graphics: GPU Accelerated Graphics 3D Graphics Support

Silverlight 5 Highlights XAML : XAML Debugging Data Binding Improvements Application Development: Windows Azure Support P/Invoke Testing and Performance: Automated UI Testing Faster Startup Hardware Acceleration 64-bit Support

More? More about Silverlight 5 can be found here: http://www.microsoft.com/silverlight/future /

Tooling Thutmose III smiting enemies, Karnak , Egypt

Tools

Microsoft Expression Blend Visual user interface builder for Silverlight and WPF. Microsoft Expression Web WYSIWYG website designer and editor. Microsoft Expression Design Raster and vector graphics editor. Microsoft Expression Media Digital asset and media manager. Microsoft Expression Encoder Profession media (video/audio) encoder. Whether you are designing rich standards-based websites, ultimate experiences on the desktop, or managing digital assets and content, Expression professional design tools give you the flexibility and freedom to bring your vision to reality.

Silverlight SDK Silverlight 4 SDK http://bit.ly/silverlight-4-sdk Silverlight 4 Tools for VS 2010 Includes support for WCF RIA services and more. http:// bit.ly/silverlight-4-tools Silverlight 4 Toolkit Some other essential components for Silverlight 4. http :// silverlight.codeplex.com Silverlight 4 Runtime for Client http://www.microsoft.com/getsilverlight /

Demo Egyptian forces crossing the Suez Canal on October 7

Summary [February 2, 2011] Protesters do their prayer in Tahrir sq , Cairo, Egypt

Summary Silverlight is a cross-platform application framework for writing and running rich Internet applications (RIA.) Its runtime is available as a cross-browser, cross-platform, and cross-device plug-in. It's the main development framework for Windows Phone. It’s a subset of WPF so it depends on XAML for UI design. You define the interface using XAML, and write the code using your preferred .NET language. The XAML markup, as well as the code, is compiled into .NET assemblies and compressed into a XAP file.

Summary The XAP file is then referenced by a prepared Web page and then downloaded to client's PC when he navigates to the page. Version 4 is the current stable version of Silverlight. Silverlight 5 is currently in beta and it will be released soon. You use Visual Studio 2010 and Microsoft Expression Studio for developing and designing your Silverlight application. Microsoft Expression Studio is preferred for you if you are a designer.

Have a Question?

Evaluation

Contact Mohammad Elsheimy http://JustLikeAMagic.com http://WithDotNet.net http://twitter.com/elsheimy http://facebook.com/justlikeamagic

Thank You!