introduction to silverlight

1. Microsoft Silverlight
Tamer El-shahat
Expert People Establishment
An Introduction

2. Agenda
 What is Silverlight?
 Silverlight samples
 RIA and Most common platforms
 Why Silverlight?
 HTML5 and Silverlight
 Getting Inside
 Summary

3. WhatisSilverlight?
 Silverlight provides a platform to develop cross-browser, cross-
platform, and cross-device Rich Internet Applications (RIAs).
 Silverlight is a powerful development platform for creating engaging,
interactive user experiences for Web, desktop, and mobile applications
when online or offline.

4. WhatisSilverlight?
 Silverlight is a free plug-in, powered by the .NET framework and
compatible with multiple browsers, devices and operating systems,
bringing a new level of interactivity wherever the Web works.
 Doesn’t requires .NET on client machine.

5. Agenda
 What is Silverlight?
 Silverlight samples
 RIA and Most common platforms
 Why Silverlight?
 HTML5 and Silverlight
 Getting Inside
 Silverlight

6. Silverlightsamples.
 [Video] http://www.topsite.com/goto/sessions.visitmix.com
 [Zoom] http://www.imagesurf.net/
 [3d Game] http://tennis.uxclip.com/
 [OS ] http://www.silveos.com/

7. Agenda
 What is Silverlight?
 Silverlight samples
 RIA and Most common platforms
 Why Silverlight?
 HTML5 and Silverlight
 Getting Inside
 Silverlight

8. RichInternetApplications(RIA).
 A Rich Internet Application (RIA) is a Web application that has many
of the characteristics of desktop application software, typically
delivered by way of a site-specific browser, a browser plug-in, an
independent sandbox, extensive use of JavaScript, or a virtual machine.
 Adobe Flash/Flex, JavaFX , and Microsoft Silverlight are currently the
three most common platforms

9. Agenda
 What is Silverlight?
 Silverlight samples
 RIA and Most common platforms
 Why Silverlight?
 HTML5 and Silverlight
 Getting Inside
 Silverlight

10. WhySilverlight?
Silverlight Flex
Text Representation Better Save fonts as shape definitions, not
understand TTF
Audio/Video industry-standard VC-1 codec for video, and
supports WMV and WMA
Multiple video formats
BL/Language Better Action script , java script
Threading Better Single threaded
Debugging Better Not support
Web service better Communicate with server-side java
component.

11. WhySilverlight?
Silverlight Flex
Media Streaming Better More Bandwidth
Webcam support Not support
Platform
compatibility
IE, FF, and Safari Better
Deployment Better
UI and Control styles Better

12. WhySilverlight?
Multi-Language
Support
High
Performance
Runtime
Rich UI Controls, Graphics,
Media & Interactivity
HTML DOM
Integration
Flexible Data Support

13. Agenda
 What is Silverlight?
 Silverlight samples
 RIA and Most common platforms
 Why Silverlight?
 HTML5 and Silverlight
 Getting Inside
 Silverlight

14. HTML5andSilverlight
 No plug-in = lightweight
 Maximum reach (browser / OS / platform)
 CSS / HTML are designer friendly
 JavaScript language
 Features not present in old browsers
 Developer tools not as advanced as Flex and Silverlight
 Lack of RIA
Advantages
Disadvantage

15. HTML5 vs Silverlight:Make your decision

16. Agenda
 What is Silverlight?
 Silverlight samples
 RIA and Most common platforms
 Why Silverlight?
 HTML5 and Silverlight
 Getting Inside
 Silverlight

18. SilverlightandXAML
 Like WPF, user interface in Silverlight is declared in Extensible
Application Markup Language (XAML) and programmed using .NET
Framework.
 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

19. SilverlightandXAML
 The XAP file can then be hosted in a Web server and referenced by
Web pages declaring the Silverlight plug-in object.
 When the user navigates to the page, the XAP file is downloaded to his
PC and executed on the Webpage by the Silverlight runtime..

20. WhatisXAML?
 XAML is a declarative language used in Silverlight to create UI, such
as controls, shapes, text, and other content presented on the screen.
 Like HTML, XAML is made up of elements and attributes. However,
XAML is XML-based and therefore must follow XML rules, which
includes being well formed.

21. WhatisXAML?
• XAML sample
<Grid x:Name="LayoutRoot" Background="White">
<Button Width="60" Height="30">Click Me</Button>
</Grid>

22. WhatisXAML?
• The following are two ways to specify property values in XAML.
1. Attribute element syntax
<Rectangle Fill="Red">
1. Property element syntax
<Rectangle>
<Rectangle.Fill>
<SolidColorBrush Color="Red" />
</Rectangle.Fill>
</Rectangle>

23. Demo

24. Summary
Richer Media
RIA - Services
Broad Reach
Expression Studio
Multiple Languages
.NET
Visual Studio
Plug-in
3d Graphics

25. Q&A

26. Thank you