Silverlight "Surface" Demonstration [Silverlight implementation of Surface’s "photo table" UI]


This blog has moved to a new location and comments have been disabled.

All old posts, new posts, and comments can be found on The blog of dlaa.me.

See you there!

SilverlightSurface.jpg

Comments (43)
  1. rbirkby says:

    There’s just not a compelling reason for me to want to shift photos around like that? It’s fun to play with for 10 seconds, but in terms of compelling, practical and timesaving user interaction design, it’s poor.

  2. David Anson says:

    rbirkby,

    Thanks for stopping by! In the Surface site’s demo videos, they show how email, photo sharing, and collaboration might be integrated with the basic "photo table" UI I’ve demonstrated here. Just like Media Center optimizes for the "10 foot" viewing experience users have sitting on their couch watching TV, the Surface team optimizes for the finger-based input experience users have sitting around their device. The videos I’ve seen suggest this interface is pretty natural for the Surface scenario, but I’m sure they’re experimenting with other ideas as well. 🙂

  3. Garry Trinder says:

    Fantastic demo. would love to see one of those tiles running video as well like in the Surface demo 😉

    On a TabletPC this would be lots of fun…. wonder if there’s a tweak to track two contact points on the tablet so you can do the multi-touch rotate and resize?

  4. Anonymous says:

    There's been a lot of things floating around on the net recently about multi-touch displays and the

  5. I can think of lots of useful ways to bake this general idea into a larger application.  If run a photography site and want people to be able to lightbox the images they’re interested in and then organize them, something like this gives them that ability in a very intuitive way.  You could also use something like this in a One-Note style application to organize your to-do list. It’s a good demo.

  6. Anonymous says:

    David Anson outdoes himself yet again. Check out his Silverlight Surface demo . Source code included

  7. Barak Cohen says:

    This is great. A minor tweak that will make it better is to add some physical properties to rag (basically adding inertia and drag) for better interaction.

  8. Anonymous says:

    This week Microsot revealed Microsoft Surface . A new computer platform that is based on Windows Vista

  9. Anonymous says:

    Dopo il rilascio di Microsoft Surface ecco un’implementazione di una

  10. Anonymous says:

    A slight change this week. POI titles will now include the main topics covered in each post ("Other"

  11. lozanotek says:

    This is pretty sweet!  Thanks for posting the source code!  The thing I find interesting about this demo is that you were able to create a similar (if not the same) experience in this Silverlight app as the one from the photo viewer in Surface.

    One cool thing you could do is to add a camtasia video showing how you can create the application using Orcas beta1.  This way it can provide guidance to other devs on where to start with the code.

  12. Anonymous says:

    Surface-like Experience Using Silverlight

  13. Anonymous says:

    Microsoft announced some days ago its Surface product . If you didn’t had a look on the videos you should

  14. Anonymous says:

    In one of my last posts I wrote about the Silverlight Surface demo of the "photo table". If you had a

  15. Anonymous says:

    Delay has whipped together a Surface-like experience in Silverlight. Pretty cool actually. And there’s

  16. Anonymous says:

    Alguns dias atrás a Microsoft anunciou o Surface , que permite que a interação com um computador com

  17. Anonymous says:

    On Monday I gave an overview talk called "A Lap Around Silverlight" at TechEd in Orlando. You can download

  18. interactive says:

    I’ve added the video support here:

    http://weblogs.asp.net/mschwarz/archive/2007/06/04/silverlight-surface-demonstration-video-support.aspx

    Thanks for sharing the source code, it is a great demo!!!

  19. Anonymous says:

    For those who do not already know, the new Surface technology from Microsoft Labs is running on a Vista

  20. Anonymous says:

    הפעם דוגמא נחמדה של שילוב הקונספט של Microsoft Surface שהוכרז לאחרונה, עם האפלקציה עליה רץ ה- Silverlight

  21. Anonymous says:

    After working with a few sample Silverlight applications I became curious to see how a silverlight application

  22. Scott LYP says:

    We run a Wedding Photography business in Fort Myers and I can’t wait to have a product like this to show clients their proofs!

  23. Anonymous says:

    I don't know if anybody blogged about this yet… There was a huge hype about surface when it was

  24. v-willch says:

    Hi – very nice work

    I’m trying to get your app running on my server but it doesn’t seem to be working.

    it runs ok on my local machine: C:InetpubwwwrootSilverlightSurfaceDefault.html

    but when i hit: http://myserver/SilverlightSurface/Default.html

    I get a blank page-and when i right click on the page it says about Microsoft Silverlight.

    I don’t know where is the pb???

    Can you help?

    Thanks

  25. David Anson says:

    v-willch,

    I’m not sure where the problem is, but here are a few things to check:

    * Is IIS configured to allow serving the XAML file?

    * How about the .DLL file in ClientBin?

    * Is the directory structure the same for both sources?

    * Have you watched the network traffic with a network monitor to see if any requests are failing?

    * Might your browser’s security settings be interfering?

    The fact that it works from your local machine is good and suggests that the bits are valid and your Silverlight’s configured correctly. Now it’s just a matter of finding out what’s bothering IIS. Good luck! 🙂

  26. Anonymous says:

    With today’s release of the Silverlight 1.0 RC and 1.1 Refresh , I’ve updated the Silverlight samples

  27. Anonymous says:

    With today's release of the Silverlight 1.0 RC and 1.1 Refresh , I've updated the Silverlight

  28. Anonymous says:

    Delay מפרט את השלבים שהוא עשה כדי לעשות Upgrade לכמה דברים שהוא כתב ב Silverlight 1.1. בינהם ה Air Lines

  29. Anonymous says:

    Jakiś czas temu wspomniałem o nowym dziecku Microsoft czyli zgrabnym urządzeniu o dzwięcznej nazwie Surface

  30. Anonymous says:

    Jakiś czas temu wspomniałem o nowym dziecku Microsoft czyli zgrabnym urządzeniu o dzwięcznej nazwie Surface

  31. imran.ansari says:

    Hi,

    I’m very new to Silverlight. I’ve installed Visual Studio 2008 Beta 2, Silverlight.1.1alpha and VS_SilverlightTools_Alpha_Setup. I could load the SilverlightSurface project but while building it gave an error "No overload for method ‘Open’ takes ‘2’ arguments". After providing the third parameter ‘Async’ as "true", I was able to build the project. But when I run it, I don’t get to see any of the images in the browser. Not sure if the project works with VS2008 Beta 2.

    I would greatly appreciate guidance on this.

    Thanks,

    Imran

  32. David Anson says:

    Imran,

    It sounds like you’ve got a version-mismatch. I recently updated my samples to work with the 1.1 Refresh (http://blogs.msdn.com/delay/archive/2007/07/27/a-new-silverlight-version-has-been-released-samples-updated-for-the-1-1-refresh.aspx). One of the changes in the refresh was to go from a version of Downloader.Open that takes 3 parameters to one that takes only 2 (http://msdn2.microsoft.com/en-us/library/bb693297.aspx#downloads_asynchronous).  So sounds like you’ve got the latest code for the Surface demo (2 parameters), but that the version of Silverlight you have installed is not up to date (3 parameters). You should be able to fix that by uninstalling Silverlight and re-installing it from http://silverlight.net/ which will get you the latest bits.

    Regarding the images not loading, please refer to this blog post for a note on how I didn’t include the images with the source code download (along with directions for getting them) and also my post about updating solutions for the 1.1 Refresh (the same one I linked to above) regarding a way to work around a new Downloader security limitation when using file:// URLs.

    Once you take care of those issues, you should be set!

  33. Anonymous says:

    Links from my recent Mashup the Web presentations… All Blacks Silverlight Gadget HD View Photosynth

  34. Anonymous says:

    Silverlight: Microsoft Surface Demonstration

  35. Anonymous says:

    The Photos app is one of the most popular ones to demo. People really love the type of natural interactions

  36. Anonymous says:

    The Photos app is one of the most popular ones to demo. People really love the type of natural interactions

  37. Anonymous says:

    Getting Silverlight

  38. jdobrien says:

    This was such a nice example, I thought it would be nice to update to silverlight 1.1 and add a feed from flickr.

    http://www.obrienjd.com/silverlight/2/default.aspx will get the ‘friendliness’ photos from flickr.

    If you add email=<myemail@yahoo.com> to the query string it will get your flickr photos.

  39. Anonymous says:

    Silverlight Success

  40. Anonymous says:

    Thanks to everyone who came to my session, hope you enjoyed it. First off, instead of slides I used WPF

  41. Anonymous says:

    Al een paar weken geleden is een nieuw product aangekondigd: Microsoft Surface. Dit product is een wat

  42. Anonymous says:

    Bon je me baladais à la recherche d’exemple sympa sur Silverlight et là, je tombe sur ça: http://www.pureblue.co.nz/silverlightsurface/

  43. Anonymous says:

    I try to keep up with migrating my various samples to the latest Silverlight Beta/RTW releases, but I

Comments are closed.