adding microsoft silverlight to your company's skill set

32

Upload: goodfriday

Post on 02-Jul-2015

397 views

Category:

Technology


0 download

DESCRIPTION

Discover how your team of Web designers and developers can add Silverlight to their toolbox without starting from scratch. Learn how to add the Microsoft Expression suite to your creative team's process and how to get your team of UI Developers, Flash Programmers, and Microsoft .NET experts working with Silverlight.

TRANSCRIPT

Page 1: Adding Microsoft Silverlight to Your Company's Skill Set
Page 2: Adding Microsoft Silverlight to Your Company's Skill Set
Page 3: Adding Microsoft Silverlight to Your Company's Skill Set

8

Page 4: Adding Microsoft Silverlight to Your Company's Skill Set
Page 5: Adding Microsoft Silverlight to Your Company's Skill Set

Perception, Reality & Potential

For developers and designers

Page 6: Adding Microsoft Silverlight to Your Company's Skill Set

Developer’s

Designer’s

Page 7: Adding Microsoft Silverlight to Your Company's Skill Set
Page 8: Adding Microsoft Silverlight to Your Company's Skill Set

Effects

Fonts

Think of Expression as Design as Photoshop meets Illustrator

Page 9: Adding Microsoft Silverlight to Your Company's Skill Set
Page 10: Adding Microsoft Silverlight to Your Company's Skill Set

Bitmap Export

Vector Export

XAML Layout Creation

Optimal situation: Collaborative plan upfront

Page 11: Adding Microsoft Silverlight to Your Company's Skill Set

Loading Additional XAP files is not easy

http://tinyurl.com/loadxaps

Page 12: Adding Microsoft Silverlight to Your Company's Skill Set

More than one timeline

Clipping Masks vs. Image Brushes

Expression Encoder

Page 13: Adding Microsoft Silverlight to Your Company's Skill Set
Page 14: Adding Microsoft Silverlight to Your Company's Skill Set
Page 15: Adding Microsoft Silverlight to Your Company's Skill Set
Page 16: Adding Microsoft Silverlight to Your Company's Skill Set

http://www.mikeswanson.com/swf2xaml/

Page 17: Adding Microsoft Silverlight to Your Company's Skill Set
Page 18: Adding Microsoft Silverlight to Your Company's Skill Set
Page 19: Adding Microsoft Silverlight to Your Company's Skill Set
Page 20: Adding Microsoft Silverlight to Your Company's Skill Set
Page 21: Adding Microsoft Silverlight to Your Company's Skill Set
Page 22: Adding Microsoft Silverlight to Your Company's Skill Set
Page 23: Adding Microsoft Silverlight to Your Company's Skill Set

<object id="Xaml1" data="data:application/x-silverlight-2," type="application/x-

silverlight-2" width="100%" height="100%">

<param name="splashscreensource" value="ClientBin/Splash.xaml"/>

<param name="onSourceDownloadProgressChanged"

value="onSourceDownloadProgressChanged" />

<param name="source" value="ClientBin/GHTunesMIX.xap"/>

<param name="onerror" value="onSilverlightError" />

<param name="background" value="white" />

<param name="minRuntimeVersion" value="2.0.31005.0" />

<param name="autoUpgrade" value="true" />

<a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-

decoration: none;">

<img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get

Microsoft Silverlight" style="border-style: none"/>

</a>

</object>

Page 24: Adding Microsoft Silverlight to Your Company's Skill Set

function onSourceDownloadProgressChanged(sender, eventArgs) {

var myHost = document.getElementById("Xaml1");

var txtCounter = myHost.content.findName("txtCounter");

var gaugeNeedleAngle = myHost.content.findName("gaugeNeedleAngle");

var currentProgress;

if (eventArgs.progress) {

currentProgress = eventArgs.progress;

} else {

currentProgress = eventArgs.get_progress();

}

txtCounter.Text = Math.floor(currentProgress * 100) + "%";

gaugeNeedleAngle.Angle = 25 + Math.floor(currentProgress * 125);

if (currentProgress > (1 / 7)) myHost.content.findName("bulb1").Visibility = "Visible";

if (currentProgress > (2 / 7)) myHost.content.findName("bulb2").Visibility = "Visible";

if (currentProgress > (3 / 7)) myHost.content.findName("bulb3").Visibility = "Visible";

if (currentProgress > (4 / 7)) myHost.content.findName("bulb4").Visibility = "Visible";

if (currentProgress > (5 / 7)) myHost.content.findName("bulb5").Visibility = "Visible";

if (currentProgress > (6 / 7)) myHost.content.findName("bulb6").Visibility = "Visible";

}

Page 25: Adding Microsoft Silverlight to Your Company's Skill Set
Page 26: Adding Microsoft Silverlight to Your Company's Skill Set
Page 27: Adding Microsoft Silverlight to Your Company's Skill Set
Page 28: Adding Microsoft Silverlight to Your Company's Skill Set
Page 29: Adding Microsoft Silverlight to Your Company's Skill Set
Page 30: Adding Microsoft Silverlight to Your Company's Skill Set

Your feedback is important!

Page 31: Adding Microsoft Silverlight to Your Company's Skill Set

© 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.

The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market

conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation.

MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Page 32: Adding Microsoft Silverlight to Your Company's Skill Set