microsoft silverlight - an introduction
DESCRIPTION
Microsoft Silverlight - An Introduction -- Mohammad Elsheimy http://JustLikeAMagic.com http://WithDotNet.net http://twitter.com/elsheimy http://facebook.com/justlikeamagic.comTRANSCRIPT
![Page 1: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/1.jpg)
Microsoft SilverlightAn Introduction
Mohammad Elsheimyhttp://JustLikeAMagic.com
http://WithDotNet.net
![Page 2: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/2.jpg)
Agenda
• What is Silverlight?• Getting Inside• Silverlight 5• Tooling• Demo• Summary
![Page 3: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/3.jpg)
WHAT IS SILVERLIGHT?
The
Sphi
nx, G
iza, E
gypt
![Page 4: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/4.jpg)
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.
![Page 5: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/5.jpg)
Platform Support
Silverlight is a cross-browser, cross-platform plugin.
![Page 6: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/6.jpg)
Platform Support
![Page 7: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/7.jpg)
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.
![Page 8: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/8.jpg)
RIA Platforms
![Page 9: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/9.jpg)
RIA Stats
http://riastats.com
http://www.statowl.com/custom_ria_market_penetration.php
![Page 10: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/10.jpg)
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.
![Page 11: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/11.jpg)
Why Silverlight
It’s the main development framework for Windows Phone.
![Page 12: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/12.jpg)
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).
![Page 13: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/13.jpg)
Silverlight vs. Flash
http://bit.ly/infoworld-silverlight-flash
![Page 14: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/14.jpg)
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.
![Page 15: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/15.jpg)
Rich vs. Reach
![Page 16: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/16.jpg)
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/)
![Page 17: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/17.jpg)
GETTING INSIDE
Insi
de th
e Py
ram
id, G
iza, E
gypt
![Page 18: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/18.jpg)
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.
![Page 19: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/19.jpg)
Designer vs. Developer
![Page 20: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/20.jpg)
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.
![Page 21: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/21.jpg)
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.
![Page 22: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/22.jpg)
Silverlight Architecture
![Page 23: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/23.jpg)
SILVERLIGHT 5
Ram
ses
II Te
mpl
e, A
bo S
imbe
l, Eg
ypt
![Page 24: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/24.jpg)
Silverlight 5.0
Introduced in PDC 2010.Currently in Beta version, final release soon.
![Page 25: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/25.jpg)
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
![Page 26: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/26.jpg)
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
![Page 27: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/27.jpg)
More?
More about Silverlight 5 can be found here:http://www.microsoft.com/silverlight/future/
![Page 28: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/28.jpg)
TOOLING
Thut
mos
e III
sm
iting
ene
mie
s, K
arna
k, E
gypt
![Page 29: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/29.jpg)
Tools
![Page 30: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/30.jpg)
Microsoft Expression BlendVisual user interface builder for Silverlight and WPF.
Microsoft Expression WebWYSIWYG website designer and editor.
Microsoft Expression DesignRaster and vector graphics editor.
Microsoft Expression MediaDigital asset and media manager.
Microsoft Expression EncoderProfession 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.
![Page 31: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/31.jpg)
Silverlight SDK
Silverlight 4 SDKhttp://bit.ly/silverlight-4-sdk
Silverlight 4 Tools for VS 2010Includes support for WCF RIA services and more.http://bit.ly/silverlight-4-tools
Silverlight 4 ToolkitSome other essential components for Silverlight 4.http://silverlight.codeplex.com
Silverlight 4 Runtime for Clienthttp://www.microsoft.com/getsilverlight/
![Page 32: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/32.jpg)
DEMO
Egyp
tian
forc
es c
ross
ing
the
Suez
Can
al o
n O
ctob
er 7
![Page 33: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/33.jpg)
SUMMARY [Feb
ruar
y 2,
201
1] P
rote
ster
s do
thei
r pra
yer i
n Ta
hrir
sq, C
airo
, Egy
pt
![Page 34: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/34.jpg)
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.
![Page 35: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/35.jpg)
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.
![Page 36: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/36.jpg)
HAVE A QUESTION?
![Page 37: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/37.jpg)
EVALUATION
![Page 38: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/38.jpg)
CONTACT
Mohammad Elsheimy
http://JustLikeAMagic.comhttp://WithDotNet.net
http://twitter.com/elsheimyhttp://facebook.com/justlikeamagic
![Page 39: Microsoft Silverlight - An Introduction](https://reader036.vdocuments.site/reader036/viewer/2022062405/55526a91b4c9052e1f8b504a/html5/thumbnails/39.jpg)
THANK YOU!