Build the UI of Next Generation Devices

Dion HutchingsTechnical EvangelistMicrosoftSession Code: EMB305

The User Experience IS Your Product

NowThird Era:

User Experiences (UX)

Engaging, touch sensitivegraphical

environmentswith video and sound

1990sSecond Era:

Graphical User Interfaces

Point-and-click

1970sFirst Era:

Command Line

Type

The Evolution of User Interface Design

Consumers buy based on your product’s UX, not specs. The next-generation cell phones and media players changed the playing field.

New Platform Investigation

Unlocks Customer Potential Easier to create immersive experiences

Future Technology RoadmapClear roadmap for improved API & tools over time

Performance On Embedded devicesCapable of meeting performance profile on embedded hardware

Based On Standard Microsoft technologyUtilize existing technology and ecosystem

Enable Designer / Developer ParadigmDesigners focus on design, Developers focus on business logic

A New Design Paradigm is Needed

Embedded device UX developmentSilverlight For Windows

Embedded

Dramatically speeds prototyping and UX development

Separates design from development

Design is implemented accurately, without compromise

Slow, labor intensive

Redundant efforts between design and development

Forces design compromises

Traditional

Developing the next-generation UX quickly & efficiently requires new tools and methods

DesignerLook, behavior, brand, andemotional connection

DeveloperFunction,

deployment, data, security,

operational integrity

DesignerLook, behavior, brand, andemotional connection

DeveloperFunction,

deployment, data, security,

operational integrity

Unifying the Design / Dev Process

PaperJPG / TIFF

PSDPPT

MOV / WMV

C++C#

VB.NET

Silverlight ForWindows

Embedded

Silverlight For Windows EmbeddedBrings Desktop and Web Capabilities to the Device

Feature WPF SL SWE

Runs in a Web Browser XWorks Cross Platform (Windows/Mac/Linux) X

Available in CE6 R3 X X

Designed for Embedded Devices X

Supports Native C++ Code X

Supports Managed Code / Requires .NET X X

Expression Blend Tooling Support X X X

2D Hardware Acceleration X X

3D Hardware Acceleration X

Animation Support X X X

Transparency Support X X X

Supports Built-in Video Controls X X

DeepZoom X

Custom Controls X X X

Sub-Classing Controls X X

Win32 Control hosting X

SWE provides a subset of Silverlight

and WPF functionality for embedded devices

WPF XAML

Silverlight XAML

SWEXAML

Develop business logic in Visual Studio with

Alchemy

The Silverlight Design Process

Design the user experience in

Expression Blend

Run on the embedded device

1 2 3

Embedded DeviceExpression Blend

XAML

DesignerDemo

Speed Time-to-Market with Silverlight

Designer

Developer

DesignUX

DevelopUX

DevelopBack-end Integrate DeployR

evie

w

Traditional Methods

Silverlight shortens design time and reduces last-minute surprises while enabling designers and developers to focus on what they do best

Designer

Developer

Silverlight

DesignUX

DevelopBack-end Deploy

Review

Time Saved!

Release Sooner and More Often

Traditional Methods: More coding for each release

Design Code Design Code Design Code

Release 1 Release 2 Release 3

Silverlight: Update the UX with no code changes

Design Code

Release 1

Design

Release 2

Design

Release 3

Design

Release 4

Design

Release 5

TIME

Silverlight Enables Cross-Platform Development

Desktop App

Expression Blend

Web App SWE UX

XAML

Design Collaborate

Silverlight: Built on Standards

Code

XAML

Silverlight For Windows Embedded Development Environment

The SWE environment is a C++ XAML user interface framework for Windows CE, based on Silverlight

Designers focus on design tools such as Expression Blend

Developers focus on tools such as Platform Builder and Visual Studio

New XAML New UI

Designer Developer

Collaborate via Web or Prototype

C++

Binar

y

Expression Blend

Silverlight For Windows Embedded Architecture

Two main componentsUser and Kernel

What’s newSWE APISilverlight Core

Supports next-generation UX design through Silverlight Core

GWESKernel

Components

DisplayDriver

Kernel

User Application.exe

SWE

Silverlight

Core

GWES(Windowing

andEvent

System)

GPUInterface

XAMLImagesFonts

User

DeveloperDemo

Conclusion

Silverlight For Windows Embedded

A paradigm shift in how we think about designing embedded UI

Time to market

Great prototyping

First class tools for both developer and designers

Ecosystem & partner participation

Call to Action

Participate in an Embedded lab and build your first Silverlight application today!

question & answer

www.microsoft.com/teched

Sessions On-Demand & Community

http://microsoft.com/technet

Resources for IT Professionals

http://microsoft.com/msdn

Resources for Developers

www.microsoft.com/learning

Microsoft Certification & Training Resources

Resources

HOLs, Interactive, Sunday and Demo Sessions

Sunday and Demo SessionEMB101-SUN: Windows Embedded101EMB01-Demo: Embedding Windows Seven into devices

Hands On LabHigher Fidelity internet experience with Internet Explorer EmbeddedIntroduction to Connection ManagerCreating a custom Windows Embedded Standard 2011 operating system image for an applicationNew Servicing and Deployment Scenarios in Windows Embedded Standard 2011 Embedded Enabling Features in Windows Embedded Standard 2011 Configuring and Using PowerShell to Manage Windows Embedded Standard 2011 Devices

Interactive sessionsEMB01-IS: Delivering Applications as AppliancesEMB02-IS: Windows for Devices: Learn about the Future of Windows EmbeddedEMB03-IS: The Schtick: Solving Real-Time Challenges, connectivity and GUI with Windows Embedded CEEMB04-IS: Deploying and maintaining Windows Embedded Standard with different

Useful URLs

Otherhttp://windowsfordevices

Blogshttp://blogs.msdn.com/oblochhttp://blogs.msdn.com/mikehallhttp://blogs.msdn.com/jcoyne

Microsoft Web siteshttp://windowsembedded.comhttp://msdn.microsoft.com/en-us/windowsembedded/ce/default.aspxhttp://msdn.microsoft.com/en-us/windowsembedded/standard/default.aspxhttp://technet.microsoft.com/en-us/windowsembedded/posready/default.aspx

Complete an evaluation on CommNet and enter to win an Xbox 360 Elite!

© 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.