the digital home: developing services and applications for media center

The Digital HomeThe Digital HomeDeveloping Services and Applications Developing Services and Applications for Media Centerfor Media Center

Charlie OwenCharlie OwenProgram ManagerProgram ManagerMicrosoft CorporationMicrosoft [email protected]@microsoft.com

Peng LeePeng LeeDirector, Multimedia PlatformsDirector, Multimedia [email protected]@schematic.com

BTB011BTB011

PowerfulPowerfulWindows Media Center ecosystemWindows Media Center ecosystem

ConsumerConsumerDesigned from the ground up to enable Designed from the ground up to enable highly usable digital media experienceshighly usable digital media experiences

UpUpDownDownLeftLeftRightRightOK andOK andBackBack

The only thing The only thing needed to use needed to use your experience.your experience.

All other buttons are All other buttons are shortcutsshortcuts which which help the end user do help the end user do tasks easier tasks easier or quicker.or quicker.


ConsumerConsumerDesigned from the ground up to enable Designed from the ground up to enable highly usable digital media experienceshighly usable digital media experiences

Content OwnerContent OwnerFull fidelity experience throughout the Full fidelity experience throughout the home with Media Center Extender for home with Media Center Extender for XBox 360XBox 360

http://www.hanselman.com/blog/XMSatelliteRadioForWindowsMediaCenterPC.aspxhttp://www.hanselman.com/blog/XMSatelliteRadioForWindowsMediaCenterPC.aspx

““Yikes, can't believe I missed this! I was Yikes, can't believe I missed this! I was literally sitting down this evening to literally sitting down this evening to WRITE this application (and probably WRITE this application (and probably base on most of Casey's MCPC stuff) base on most of Casey's MCPC stuff) then I figured I'd Google for it first. then I figured I'd Google for it first.

I loves my XM Radio, and I listen to it I loves my XM Radio, and I listen to it constantly. I particularly like that I can constantly. I particularly like that I can jump out of the car and log into jump out of the car and log into http://www.xmradio.com and keep http://www.xmradio.com and keep listening over a web stream. listening over a web stream.

Now that Mo's home with the baby, I Now that Mo's home with the baby, I wanted her to be able to enjoy XM, so I wanted her to be able to enjoy XM, so I figured I'd get a new Receiver with XM figured I'd get a new Receiver with XM built-in to replace the old $99 Sony from built-in to replace the old $99 Sony from 1996 we have.1996 we have.

However, since this HTML-based app However, since this HTML-based app works with Media Center, it works over works with Media Center, it works over Xbox 360. Xbox 360. Yes, folks, XM Satellite Yes, folks, XM Satellite Radio over Xbox 360.Radio over Xbox 360. Say what you Say what you want, but I'm impressed. My digital life is want, but I'm impressed. My digital life is coming together and it's happening on coming together and it's happening on my Xbox 360. I know that gushes, but my Xbox 360. I know that gushes, but the WAF (Wife Acceptance Factor) for the WAF (Wife Acceptance Factor) for the Xbox purchase is now very high. the Xbox purchase is now very high. She can happily listen to Ngoma (the She can happily listen to Ngoma (the African channel for XM that is only African channel for XM that is only available online) at home!”available online) at home!”


ConsumerConsumerDesigned from the ground up to enable remote Designed from the ground up to enable remote controlled, highly usable, digital media controlled, highly usable, digital media experiences. Up, Down, Left, Right and OK the only experiences. Up, Down, Left, Right and OK the only skill set a customer needsskill set a customer needs

Content OwnerContent OwnerFull fidelity experience throughout the home with Full fidelity experience throughout the home with Media Center Extender for Xbox 360Media Center Extender for Xbox 360

Designer / DeveloperDesigner / DeveloperIt is now much easier for you to deliver rich, It is now much easier for you to deliver rich, immersive, next generation consumer experiencesimmersive, next generation consumer experiences

ChoicesChoicesPick what is best for youPick what is best for you

There are three choices for Windows Media Center application There are three choices for Windows Media Center application development in Windows Vistadevelopment in Windows Vista

Windows Media Center Presentation Layer ApplicationWindows Media Center Presentation Layer ApplicationCreate using MCML and .NET Framework 2.0Create using MCML and .NET Framework 2.0

BTB029 The Digital Home: Designing for the Ten-Foot User InterfaceBTB029 The Digital Home: Designing for the Ten-Foot User Interface

WinFX XAML Browser ApplicationWinFX XAML Browser ApplicationCreate using XAML and .NET Framework 2.0Create using XAML and .NET Framework 2.0

NGW030 Developing a Windows Presentation Foundation ApplicationNGW030 Developing a Windows Presentation Foundation Application

NGW040 A Designer's Overview of Windows Presentation FoundationNGW040 A Designer's Overview of Windows Presentation Foundation

Hosted HTMLHosted HTMLCreate using HTML and JscriptCreate using HTML and Jscript

NGW002 Building Components and Services for the Programmable Web NGW002 Building Components and Services for the Programmable Web

NGW016 Expression Web Designer OverviewNGW016 Expression Web Designer Overview

Windows Media Center Presentation Windows Media Center Presentation Layer ApplicationLayer Application

Create using MCML and .NET Framework 2.0Create using MCML and .NET Framework 2.0

BTB029 The Digital Home: Designing for the Ten-Foot BTB029 The Digital Home: Designing for the Ten-Foot User InterfaceUser Interface

What we are presenting today is:What we are presenting today is:

Windows Media Center Windows Media Center Presentation LayerPresentation Layer

MicrosoftMicrosoft.NET.NET

Framework 2.0Framework 2.0----------

Managed CodeManaged Code----------

C# LanguageC# Language

WindowsWindowsMedia CenterMedia Center

Presentation LayerPresentation Layer----------XMLXML----------

Media CenterMedia CenterMarkup LanguageMarkup Language

(MCML)(MCML)

WindowsWindowsMedia CenterMedia Center

Presentation LayerPresentation LayerApplicationApplication

----------Compiled AssemblyCompiled Assembly

----------Dynamic LinkDynamic LinkLibrary (DLL)Library (DLL)

ApplicationApplication[ User Experience ][ User Experience ]

ViewView[ User Interface ][ User Interface ]

ModelModel[ Logic and Data ][ Logic and Data ]

+ =

ApplicationApplicationTypesTypes

TechnologiesTechnologies

ConceptConcept

Local BackgroundLocal Background WebWeb Local Full UXLocal Full UX

EnablingEnablingMicrosoft .NET Framework 2.0Microsoft .NET Framework 2.0

““I need a download manager”I need a download manager”

Using System.Net;

static void Main(string[] args){

WebClient client = new WebClient();Uri source = new Uri(args[0]);string destination = args[1];client.DownloadFile(source, destination);

}

Download.exe “http://www.retrosight.com/audio/music.wma” "C:\Users\Joe\Music\music.wma"

ReadableReadableMedia Center Markup LanguageMedia Center Markup Language

Boils down to XML + PNGBoils down to XML + PNGAnalogy = HTML + GIFAnalogy = HTML + GIF

ReadableReadableMedia Center Markup LanguageMedia Center Markup Language


Skill = LightweightSkill = LightweightLanguage is designed to be human Language is designed to be human readablereadable

Made for Design TechnologistsMade for Design Technologists

ReadableReadableMedia Center markup languageMedia Center markup language


Skill = LightweightSkill = LightweightLanguage is designed to be human Language is designed to be human readablereadableMade for Design TechnologistsMade for Design Technologists

Proof = 4 Weeks with beta OS and SDKProof = 4 Weeks with beta OS and SDKSchematic: 'If you can do HTML + JScript Schematic: 'If you can do HTML + JScript you can do Media Center Markup you can do Media Center Markup Language‘Language‘

Change = LittleChange = LittleThe workflow stays the sameThe workflow stays the same

Clear separation of Model and ViewClear separation of Model and ViewDesigners can focus on design and UXDesigners can focus on design and UX

Developers can focus on logic and dataDevelopers can focus on logic and data




Use familiar toolsUse familiar toolsPhotoshop, Illustrator, AfterEffects, etcPhotoshop, Illustrator, AfterEffects, etc




Use familiar toolsUse familiar toolsPhotoshop, Illustrator, AfterEffects, etc.Photoshop, Illustrator, AfterEffects, etc.

Deliver the DesignDeliver the DesignUser Experience Department creates what User Experience Department creates what ships because MCML is friendly to design ships because MCML is friendly to design rather than devrather than dev

Podcast ClientPodcast ClientFor Windows Media CenterFor Windows Media Center

ResourcesResources

Software Development KitSoftware Development Kithttp://msdn.microsoft.com/mcehttp://msdn.microsoft.com/mce

Windows Media Center Platform Windows Media Center Platform Team BlogTeam Blog

http://blog.mediacentersandbox.comhttp://blog.mediacentersandbox.com

the digital home: developing services and applications for media center

Technology