Ok firsthand, let me qualify the title that this is "part of the vision". Now, you might have seen this great video of Microsoft's Vision for 2019 of what software and hardware might look like, and how we might interact with it in the future. It is really fascinating stuff, especially for a technology and UX enthusiast like myself. Anyway so, I wanted to create a demo app for my shiny new framework (which you can read up on other posts), and I kinda thought the kind of interactivity in the video is what my framework is all about - so I went out to replicate the UI using my little framework called nRoute.

Here are a couple of snapshot of the original UI, I referenced:MicrosoftVision2010
Snap1
 Snap2

I created the demo app with Blend 2 and Visual Studio 2008 (no Illustrator or Photoshop) in about 2 days - faster than I though I would. However, my work is rather preliminary, as I want to really develop on these concepts with Silverlight 3 and all the goodness that it brings. In fact, with the Silverlight 3 version of this app, I plan to feature much more of visuals shown in the original video (hello perspective 3D and multi-touch). Below are some grabs of my interpretation:

nRouteFutureDesktop1
nRouteFutureDesktop2
nRouteFutureDesktop3
Currently the application is very light on content, as it was primarily designed to showcase the technical marvels of the nRoute Framework ;) but given some time and inclination I think we can have a little piece of the future rather soon.

To run the demo click here (uses Silverlight 2) and for the source code visit http://nRoute.codeplex.com. BTW, I call this app the "Future Desktop".

UPDATE: for those technically inclined, this post goes over the nRoute-related features showcased in this demo app

Comments

trackback
DotNetKicks.com
on 06-Mar-09 7:31 AM
Trackback from DotNetKicks.com

Microsoft 2019 Vision, now on Silverlight (with Source Code)

trackback
DotNetShoutout
on 06-Mar-09 7:34 AM
Trackback from DotNetShoutout

Microsoft 2019 Vision, now on Silverlight (with Source Code)

trackback
Ork Pad
on 07-Mar-09 1:13 AM
Trackback from Ork Pad

Introducing nRoute: an application-flow framework for Silverlight and WPF

thenonhacker
thenonhacker Republic of the Philippines
on 07-Mar-09 6:15 PM
Cool demo, but if you want greater accuracy to the Vision Demo:

Change all fonts you used for text to: Segoe UI.

Avoid using any other font like Arial or Trebuchet MS.

Rishi
Rishi
on 08-Mar-09 4:03 AM
@thenonhacker, I did that on purpose because I did not want to embed any fonts, so I was partically limited to fonts that come embedded.. further I even avoided the portable font as it renders differently across systems which can be really jarring..

And to be honest, as somebody who appreciates good fonts (love SegoeUI) I was so frustrated that I could have punched somebody ;)

Robert M
Robert M Zimbabwe
on 10-Mar-09 12:06 AM
That's very impressive, like a giant iPhone.

And I bet in-the-future it will all be run on a scroll of light emitting plastic; just like in Star Trek Smile Oh, and by 2019, Silverlight will support features like the microphone, webcam and scroll wheel. As if?

Cheers.


Rishi
Rishi
on 10-Mar-09 5:39 AM
@Robert, thanks. Yeah by 2019 we will have support for microphones, webcam, scroll wheel but printing support will a forthcoming feature. Oh and we will be programming exclusively for rounded corner screens! Smile

Me
Me United States
on 10-Mar-09 6:50 PM
Are you trying to develop this as your own operating system? This would be amazing. Have you thought about creating a web service similair to this? Is there anything even close to this today that's like an add on or 3rd part app?

Rishi
Rishi
on 11-Mar-09 2:06 AM
@Me, No I am not trying to make an OS, but I was trying to use this an example of what kind of experiences can be afforded with the framework I created. However, I am inclined to take this example further and implement more of the future-oriented visuals shown, it can be done what would be missing is the cool hardware. Also, I am not sure any 3rd party add-on or app directly attempts creating this theme, however if you wanted to use this just download the source and repurpose it for your use.

Sree
Sree India
on 14-Mar-09 11:35 AM
how can I download the source code

Rishi
Rishi
on 14-Mar-09 10:03 PM
@Sree, the source code is at http://nroute.codeplex.com/ check under the releases tab. You might need a reference to the nRoute assembly, which is also available at codeplex.

trackback
Trackback from Felix Wang | Evangelizing the Next Web

Future Desktop Now With Source Code

trackback
ComponentGear.com Feed
on 17-Mar-09 8:27 AM
Trackback from ComponentGear.com Feed

This Week on C9: Charles Torre on camera, C9 turns 5, and lots of freebies

floridaenterprise
floridaenterprise United States
on 19-Mar-09 6:43 PM
Hmmmph.

For sourcecode, you should probably just go to the homepage of Starfleet Academy.

This is thinly disguised LCARS.

Rishi
Rishi
on 20-Mar-09 12:20 AM
@floridaenterprise, and you must be Capt. Kirk setting up an enterprise in florida, I suppose..

mike
mike United States
on 17-May-09 12:28 AM
Entire windows now on Silverlight. See www.windows4all.com

Rishi
Rishi
on 19-May-09 12:39 AM
@Mike, cool stuff.. though it needs some fine touches such as gradients and stuff.. Still I'll say this WPF/SL's vector based graphics have a chunkiness about them which really limits their use, like in your attempt. I wish they had the finesse of Win32, and were a bit more performant in terms of the interaction fluency. Good work though.

Matt
Matt United States
on 24-May-09 3:34 AM
Thank you for this great post!

Add comment


(Will show your Gravatar icon)

  Country flag

biuquote
  • Comment
  • Preview
Loading