Professional Documents
Culture Documents
An Introduction
Technology Overview
Definition
Silverlight Background
applications
animation
Small download 4 MB
SilverLight background
Silverlight 1.1
Includes an implementation of the CLR,
so any .NET language can be used to
write code
Released
Microsoft Silverlight 1.0 Release To Web
(RTW) for Mac & Windows September 2007
Silverlight technologies
Tools of Development
XAML Tools
Technology Cloud
Programming Language
<Button Width="100">
OK Load, Parse, Display
<Button.Background>
LightBlue
</Button.Background>
</Button>
Tools of Development
Microsoft Expression Studio is a suite of
design and media applications from
Microsoft aimed at developers and
designers.
XAML
JavaScrip
t
.NET
Developer Designer
Visual Studio 2008
Microsoft Expression Blend
XAML Tools
• XAMLPad
• Aurora XAML Editor (Mobiform)
• MyXaml
• Expression Tools
• Micrsoft Visual Studio
Architecture Silverlight & Flash
Silverlight Architecture
ASP.NET AJAX
New Web protocol support for AJAX, JSON, REST, POX, RSS, ATOM.
.NET Framework
2.0 .NET Framework 2.0
VB C# J# 3.0 .NET Framework 3.0
・・・
CLS / CTS
ADO.NET
Vector Graphics
Animation
ASP.AJAX
Silverlight Business Model
Delivering media without going
broke
Why stream?
Live Streaming
Fast Streaming
Logging
Caching and
Proxying
Silverlight Business Model
Silverlight Support
http://silverlight.live.com/
http://www.microsoft.com/silverlight/streaming.aspx
No server maintenance
Cached in edge servers worldwide
4 GB storage
Free!
Low Cost, High Quality Output
RECAP
Hosted Streaming Media
• 4 GB of free hosting and streaming
• Global scale
• Up to High Definition Output
Media Server Support
• You can self-host your streaming services
• Very competitive pricing
Customized skinning of your Silverlight Media control
Branding, customized looks and feels and non-traditional
shapes are all possible
Creating a Silverlight
application
Creating a Silverlight
application
<body>
<div id="SilverlightControlHost" class="silverlightHost">
<script type="text/javascript">
createSilverlight();
</script>
</div>
</body>
</html>
function createSilverlight()
{
Silverlight.createObjectEx({
source: "HelloWorld.xaml",
parentElement:
document.getElementById("SilverlightControlHost"),
id: "SilverlightControl",
properties: {
width: "100%",
height: "100%",
version: "1.0“
},
events: {
onLoad: handleLoad
}
});
}
var SilverlightControl;
var theTextBlock;
function handleLoad(control, userContext, rootElement)
{
SilverlightControl = control;
theTextBlock = SilverlightControl.content.findName("txt");
theTextBlock.addEventListener("MouseLeftButtonDown",
"txtLClicked");
}
<Canvas
xmlns="http://schemas.microsoft.com/client/2007"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="640" Height="480"
Background="White"
x:Name="Page"
>
<TextBlock Width="195" Height="42" Canvas.Left="28"
Canvas.Top="35" Text="Hello World!" TextWrapping="Wrap"
x:Name="txt"/>
</Canvas>
• Tutorials
• http://designwithsilverlight.com/
• Silverlight: Laurence Moroney's Blog
• http://www.nibblestutorials.net/
• http://blogs.msdn.com/canux/archive/2007/08/01/silverlight-resources.aspx
• http://www.ddjsilverlight.com/resources/
• http://blogs.msdn.com/gavingear/archive/2007/06/07/how-to-create-an-ink-enable
• http://silverlight.net/quickstarts
• http://www.microsoft.com/silverlight/