New Horizons Computer Learning Center
410-597-9722

50147A: Tools and Creative Techniques for Designing User Interfaces by using Microsoft Silverlight 2.0

Course Length: 4 Days

Overview:
This four-day instructor-led training course teaches developers and designers how to use the Microsoft Expression Studio product set to build rich and compelling user experiences based on the Microsoft Silverlight 2 platform.

Prerequisites:
Before attending this course, students must have some familiarity with tools such as Photoshop, Flash Player, Illustrator, and Dreamweaver.

Course Objectives:
Upon successful completion of this course, students will be able to:

• Describe the key features of Silverlight 2
• Describe the people, tools, and tool workflow associated with creating Silverlight experiences
• Create and manipulate images by using Microsoft Expression Design
• Create projects in the Microsoft Expression Blend design software
• Assemble and build a rich user interface (UI) by using Expression Blend
• Develop and customize media by using Microsoft Expression Encoder
• Hand off design projects and graphical assets to developers
• Develop basic code in a Silverlight project
• Enhance the user experience by using keyboard interactivity, text effects, and ink
• Develop advanced animation effects
• Develop advanced media effects
• Publish a Silverlight application
• Customize the built-in controls
• Create custom user controls
• Create Deep Zoom Silverlight experiences

Course Content

Lesson 1: Fundamentals of Microsoft

• Introducing Silverlight
• Introducing XAML

Lesson 2: Introducing the Workflow for Building Experiences in Microsoft Silverlight

• Building Silverlight Experiences

Lesson 3: Preparing Images by Using Microsoft Expression Design

• Introducing Expression Design
• Preparing Images by Using Expression Design
• Lab : Creating Graphic Assets by Using Expression Design
• Creating a Button
• Exporting Bitmap Images as PNG, and Vector-Based Objects as Silverlight XAML Files
• Exporting Bitmap and Vector-Based Images by Using Slices

Lesson 4: Introducing Microsoft Expression Blend

• Introducing Expression Blend
• Creating an Expression Blend Project
• Organizing Objects in Expression Blend
• Lab : Building a Simple Expression Blend Project
• Creating a Silverlight Project

Lesson 5: Creating a User Interface by Using Microsoft Expression Blend

• Drawing and Editing
• Animating Objects
• Introducing Visual C#
• Adding Basic Interactivity
• Lab : Expanding PowerPlay
• Enhancing the PowerPlay Application
• Lab : Animating Objects
• Adding Animation to PowerPlay
• Lab : Performing Page Transitions
• Creating a Page Transition
• Adding Interactivity

Lesson 6: Designing by Using Controls

• Introducing Silverlight Controls
• Customizing Controls
• Creating Custom User Controls
• Lab : Creating Custom User Controls
• Creating Components for a Custom Control
• Creating a Custom User Control and Specifying Properties
• Adding Dependency Properties to Your Custom Control

Lesson 7: Publishing Media Content

• Introducing Expression Encoder
• Customizing the Media Player
• Adding Markers to Video
• Lab : Customizing a Video Skin
• Creating a Media Player and Customizing the Background Assets
• Customizing the Timer and Chapter Control Elements
• Creating the Timeline and Volume Slider Bars
• Creating the Player Control Elements
• Lab : Publishing with Video Markers
• Applying Markers to Trigger Events

Lesson 8: Creating Deep Zoom Experiences

• Introducing Deep Zoom
• Using Deep Zoom Composer
• Lab : Customizing a Deep Zoom Project by Using Expression Blend
• Creating a Deep Zoom Experience
• Updating the Deep Zoom Experience by Using Expression Blend

Lesson 9: Handing Off Your Project to a Developer

• Preparing Your Project for Hand-Off
• Adding Projects and Assets to Source Control

Lesson 10: Performing Basic Development Tasks in Microsoft Silverlight

• Silverlight Fundamentals
• Manipulating Objects in Code at Run Time
• Lab : Modifying XAML Objects by Using C#
• Modifying XAML Objects

Lesson 11: Enhancing the User Experience

• Adding Keyboard Interactivity
• Working with Text Properties
• Adding Ink Support
• Lab : Writing Ink Messages
• Implementing an Ink Application

Lesson 12: Creating Advanced Animations

• Creating KeySpline Animations
• Creating Code-Based Animations
• Lab : Creating a Snowy Background
• Creating a Background Glow and a Snowflake
• Adding Animation Functionality

Lesson 13: Advanced Media

• Painting with a VideoBrush
• Handling MediaElement Events
• Lab : Creating an Advanced Media Player
• Creating a Media Player
• Adding Slider Controls

Lesson 14: Publishing Your Microsoft Silverlight Application

• Publication Process
• Working with the Silverlight Control
• Optimizing Run-Time Performance by Using the WebClient Object
• Lab : Adding Full-Screen Functionality to a Media Player
• Creating a Full-Screen Media Player

6940 Tudsbury Road, Baltimore, MD 21244
P: 410-597-9722
www.nhbaltimore.com