You can watch the Joe Belfiore keynote from Mix06 (streaming) via the following link.

http://metahost.savvislive.com/microsoft/20060321/mix_belfiore_20060321_100.asx

The whole thing is nothing but goodness so I highly encourage you to watch everything. For those of you interested in the Windows Media Center portion...

41:50 Introduction and demo of currently shipping version of Windows Media Center running on XBox 360, including Comedy Central experience featured in Online Spotlight.

54:15 Demo of Windows Media Center in Windows Vista.

1:01:15 Demo of the 'Q' Windows Media Center Podcast Client SDK Sample Windows Media Center Presentation Layer Application.

1:04:10 Demo of the NASCAR interactive experience using WinFX (WPF and WCF).

Enjoy!



Categories: Mix | Q | Comments [1] | # | Posted on Friday, April 7, 2006 5:38:20 AM (GMT Daylight Time, UTC+01:00)   

Giovanni beat me to the punch getting some screenshots of the Mix06 build of Q. One thing I want to clarify (which Giovanni did in his original post and a later follow up): Q is not a shipping feature of Windows Vista -- it is a sample application for which source code will ship with the Windows Media Center Software Development Kit for Windows Vista.

Update: News is traveling fast, and it's the wrong news. I'm pretty amazed at how much the story gets subtly changed with each retelling. I'm linking to some here so they will hopefully clarify their posts before the hype machine gets going: Microsoft Podcast Client - or Mix06 Myth?, Les clients podcasts chez Microsoft, Microsoft Podcasting Client, Microsoft Demontstates New Podcast Client At MIX06.

Several folks (internal and external) have asked for screenshots, so here they are along with a description of the experience...

Intro Animation

A really cool launch animation occurs when you first start Q. Approximately 15 images of various types of electrical circuit schematics rush at you (transparent, so you see multiple layers at once) which pivot on the center midway through. This is followed by the Schematic logotype flying from behind you. The electrical schematics are framed in the square of the Schematic logotype as it comes into view. All of this happens in about 6 seconds. This animation is 100% Media Center Markup Language (MCML) and PNG files. Proving the Model + View separation which is a pillar of developing in the Windows Media Center Presentation Layer, Schematic created this animation independently of the development work on the Q:Helix and other application elements following. We checked their MCML into the source tree as is -- zero changes.

Channels Page

The Schematic logo at the end of the intro animation 'falls back' after about a second to reveal the background and Channels page, followed by the Q:Helix rotating down into place, locking on the first item in the list. The helix is center locking so all items rotate into the center of the application. We think this makes the app pretty usable because the user only has to look at one location for focus -- it doesn't bounce around like a series of stacked buttons (Windows Media Center uses a similar paradigm, but it's not exclusively locked to a single position).

As you move up and down in the list, the current Title and Description zooms back away from you into infinity while the next Title text flies in from the right and Description text flies in from the bottom. Meanwhile, the background is animated with the RSS logo randomly 'melting' down the screen (kind of Matrix-y like). There are a couple of alpha blended layers here -- the small animated RSS logos are alpha blended in front of the Channel text on the left side as well as the background.

Items Page

Selecting a Channel, in this case the American Experience podcast, will navigate you to the items for that channel with an elegant crossfade into a different background and a slightly different Q:Helix animation (faster, zooms toward you a bit, and has an extra spin or two which happens really fast).

Selecting an Item will result in the audio or video playing. If audio, we animate with an alpha blend between the image provided with the item and a blue RSS logo. If video, we start playback in place of the image provided with the item. The video element will move just like an image in the Q:Helix. Selecting the currently playing video will take it full screen.

A big THANKS to the following folks who helped us pull this together from scratch in a very short time (about 3 weeks to implement once we had the conceptual designs, all the while keeping focus on our day jobs).

Peng Lee, Kevin Hosmann and Robert Perrine from Schematic who designed the Q:Helix navigational concept and opening animation, as well as coding of the opening animation. They also provided the background images which seem to be animated, but are in fact static images -- brilliant!

I approached Stephen Toub about this project and asked if he could provide the code-behind for the RSS feeds in about a week. The next morning we had solid, working code ready to wire up to MCML. 'Nuff said.

And finally, Mark Finocchio (you get to meet Mark face:face in an upcoming Channel9 video, btw). Originally I was going to do the UI implementation (MCML) for this project with his help as needed. My time then became consumed helping get portions of the JoeB keynote ready, leaving me with zero time to give to Q. I asked Mark if he wouldn't mind stepping in and helping us out by creating the balance of the MCML. As with Stephen, the bulk of the MCML was complete the next day, and Mark continued to introduce elegant touches up until the Friday before Mix06. Really, 'nuff said.

We hope to release the Q app with Beta 2 so you can us the app (rather than relying on screenshots and low res video caps) and tell us what features and improvements you would like to see.



Categories: Media Center SDK Code Sample | Q | Comments [3] | # | Posted on Friday, March 24, 2006 4:01:34 AM (GMT Standard Time, UTC+00:00)   

As Aaron notes, the Q application will be included in Joe Belfiores keynote and shown by myself and Stephen Toub while at Mix06. We've been subscribing to various and sundry feeds to test things out -- now it's time to decide what to put into the Q:Helix.

Nominate yourself or others in the comments, with a pointer to the RSS (not HTML) feed. Who knows, your content might be showcased on stage in front of all the attendees at Mix06, demonstrated by JoeB himself. :-)



Categories: Mix | Q | Comments [6] | # | Posted on Thursday, March 16, 2006 10:51:57 PM (GMT Standard Time, UTC+00:00)   

Sorry I've been absent for just about two weeks. I've been 'heads down' with preparations for Mix06. We had the keynote run through today and things seem to be on a good trajectory.

I locked myself in the home office tonight and finally cleaned up the cruft from and posted the specification for Q. Keep in mind this thing is nowhere near final -- I'm sure we will have bunches of revisions in the months to come, mostly in response you give us via feedback and comments.

[An hour or two later...]

OK, I got so jazzed playing around with our alpha drop and the opening sequence from Schematic I just had go all Channel9 / Robert Scoble-ly and make a short video to give you a sneak preview.

My hat's off to Robert, Kevin, Peng (Schematic folks) and Mark and Stephen (Microsoft folks) for doing such a fantastic job on this stuff on a super tight deadline. You guys ROCK!!!!!!

Specification: http://www.mediacentersandbox.com/q/qspecification.zip

Movie: http://www.mediacentersandbox.com/q/qmoviealpha.zip

As always, comments are welcome.

P.S. Oh, and you'll notice I'm no longer referring to this puppy as our Mix06 project. :-) That's because we are going to ship this application source code with the Windows Media Center SDK as a sample.



Categories: Media Center Application Design | Q | Comments [5] | # | Posted on Wednesday, March 15, 2006 8:28:56 AM (GMT Standard Time, UTC+00:00)   
RSS
RSS 2.0
Search
Sign In | All Content © 2014 Charlie Owen

This is a personal weblog. The opinions expressed here represent my own and not those of my employer.


Powered by newtelligence dasBlog 2.3.9074.18820