Jared Bienz's Blog

Free Architect for Windows 7 (9/15 - 9/18)

jbienz — Wed, 02 Sep 2009 01:17:11 GMT

Windows 7 is important to all of us in the PC ecosystem, and my team is striving to provide you with every resource we can to help you be confident supporting the platform. With that in mind, I’ve asked our Windows 7 specialist team fly into Dallas and be available 9/15 through 9/18. These architects are highly skilled in testing for compatibility as well as isolating, troubleshooting and resolving compatibility issues. We are offering multiple slots each day to accommodate your schedule and I urge you to take advantage of these free resources.

Very little (if any) prep is required on your part, and you can sign up to work with these folks at the link below. Please let me know if you have any questions at all about leveraging this resource.

What: Windows 7 Remediation Lab

When: Tuesday, September 15, 2009 9:30 AM - Friday, September 18, 2009 12:30 PM Central Time (US & Canada)

Where:

Microsoft Corporation
7000 N. State Highway 161
Irving Texas 75039

How: Sign Up - Windows 7 Compatibility Assistance

Windows 7 Compatibility - We’re Here to Help

jbienz — Fri, 07 Aug 2009 01:24:25 GMT

Did you know Windows 7 was released to manufacturing on July 22^nd and is already available for download on MSDN and TechNet?

Did you know computer manufacturers could begin shipping Windows 7 PCs as early as this month?

Many large IT departments have been saving their upgrade budgets for Windows 7, and we want to do everything we can to help ISVs confidently state their support for this exciting new OS.

Getting compatible with Windows 7 is probably easier than you think, and here are the five easy steps every ISV should know.

Step 1: Get Windows 7

There are several ways to get a copy of Windows 7 (see this post), and MSDN and TechNet customers can download the RTM bits today. If you don’t have MSDN or TechNet you can start with the Release Candidate and Windows 7 will be on store shelves in October.

Step 2: Test on Windows 7 in Your Next QA Pass

This part is easy. Windows 7 installs in less than 45 minutes and runs great in virtual environments. Just install your application, run your tests and uninstall your application the same as you would on Windows Vista. And if you want to increase your testing coverage, why not grab the free testing tool available in the Windows 7 Logo Toolkit? If your application passes these tests, you’ve already met most of the requirements for logo compatibility!

Step 3: Fix any Incompatibilities

Don’t worry! The vast majority of applications compatible with Windows Vista area already compatible with Windows 7. If you run on Vista, chances are your tests will pass with flying colors. And if not, we’re here to help. The Microsoft Front Runner program has engineers standing by to help resolve problems via phone and e-mail. We even have a field response team ready if the issue can’t be resolved remotely. Best of all, each of these resources are free to use!

Step 4: State Your Compatibility in Front Runner

Congratulations, you’re compatible! Now it’s time to share the good news with your customers and get some marketing benefits along the way. Just log into Front Runner and add or update your product information. When you mark your solution as compatible, your product will be added to the Compatibility Center and your marketing benefits will become available.

Step 5: Relax and Enjoy the Benefits

You’ve earned it! Put those marketing dollars to good use. And while you’re at it, why not show you’re an early adopter by displaying the Front Runner logo?

Finally, relax! We’ll be here to assist you long after you’ve stated your support. If anything happens in the wild, we’ll be standing by to help.

Application Skinning in WPF and Silverlight

jbienz — Tue, 23 Jun 2009 02:34:49 GMT

Over the past two years we’ve seen some incredible applications built on WPF and Silverlight. But application style doesn’t happen on its own, and many of the questions I’m asked these days are centered around application styling and custom controls.

As our fiscal year comes to an end, and with Silverlight 3 and WPF 4 are rapidly approaching, I thought it’d be a great time to put together a few short videos on skinning and custom controls. I hope these two ~20 minute videos help demystify a topic that’s really not as elusive as it seems.

Skins for WPF and Silverlight (20:15)

Creating ‘Lookless’ Controls for WPF and Silverlight (14:26)

Clean Prototyping with Compositions

jbienz — Wed, 10 Jun 2009 23:02:44 GMT

By now you’ve hopefully seen SketchFlow and how it can help you conceptualize your projects before turning them into reality. If not, I highly recommend you check out the Mix ‘09 session Sketch Flow: From Concept to Production.

One of the tasks common to prototyping and actual development is planning navigation between pages (or screens). Luckily, Blend make this as easy as right-clicking on any button and choosing Navigate To – <Screen Name>. When you do this, Blend builds links into the application flow so that the SketchFlow player and the live application understand how the user can get around. These links show up in blue and look something like this:

You’ll notice in the image above that both the Start page and Winary page can get to any other page in the application. That’s because both the Start page and the Winery page have a set of buttons that look like this:

In fact it’s very common to want some piece of navigation shared across all the pages in an application. For example a navigation bar on the left side of a page or across the top is very common on websites and in SharePoint. In Blend 3 we can support the same concept by converting a group of controls into a ‘Composition Screen’. That composition can then be shared across all pages, and the navigation it provides comes along as well. In the application flow, it ends up looking something like this:

But you might notice that things have become a bit messy and we have blue lines and green lines that seem to go to the same places. That’s because Blend is showing the new composition lines in green and the old manually defined navigation links still remain in blue. Luckily, with the composition in place the manual links are extraneous and can be removed. This is done by right-clicking the line and choosing Remove Connection. The Sketchflow player and navigation system are smart enough to realize the composition still provides navigation routes, even if the manual links are gone. So the player still works just like it did before:

With the extra links removed, here’s one possible cleaned up flow for this application:

Of course it doesn’t hurt to leave the original links defined, and it may even be desirable to have them there to clarify intent. For example, just because the user can navigate directly from login to an empty shopping cart doesn’t necessarily mean we expect them to do it often.

Finally, I’ll close with a cool new feature I noticed in one of the latest builds: It’s now possible to dim out navigation lines and / or composition lines for the screens you’re not currently viewing. Pretty cool.

The Role of Sketching in Software Development

jbienz — Wed, 27 May 2009 01:11:46 GMT

It only been since 2006 that we seriously started to drive WPF adoption, and Silverlight 2 hit the web just a scant 11 months ago. Still, in such short time ISVs have created some amazing things with these platforms.

Unfortunately, though the platforms themselves have seen some serious adoption, inclusion of design in the software development lifecycle still has a long way to go.

The good news is that methodologies and best practices are starting to emerge and I look forward to some great articles on the subject over the coming months. I’ve personally had the opportunity to present on this topic with one of our User Experience Evangelists, Sara Summers, and we cover something every ISV can add to their methodology: Sketching.

Sketching isn’t hard and anyone can do it (though I’ll freely admit I was uneasy at first drawing my little stick figures next to what felt like Sara’s “creative art”). But the point of a sketch isn’t how well it’s drawn; it’s how well the sketch captures a moment or an experience for a user in an application.

Sketches are informal. They’re lightweight, and they can be thrown away. Sketches can be used throughout the development process and, when used correctly, can significantly reduce the need to revisit code that’s already complete. People need to see and ‘feel’ an application before they can accept its design, but unfortunately it’s costly and time consuming to build interactive user interfaces that will just be thrown away. That’s why we so often end up with ‘bugs’ or feature requests involving design after an iteration goes to QA.

Sketches help people see the vision of an application and interactive sketches help the user ‘feel’ how it will work. These alone solve many of the problems that exist in application design today, but there’s still the costly issue of building interactive UI that can’t be reused. Luckily, with Expression Blend 3, tools are on the way to help with reuse.

On her blog Sara talks about Why Static Wireframing is Dead or, to put it another way, why static sketches shouldn’t be “good enough”. She also does a great job introducing SketchFlow with Non-Destructive Iterative Design and Fast and Easy Interactivity. Finally, if you haven’t yet seen SketchFlow in action, the Mix ’09 session SketchFlow: From Concept to Production is definitely worth a watch.

Silverlight and WPF Controls

jbienz — Tue, 26 May 2009 22:46:42 GMT

WPF and Silverlight have been out for a while now, and the number of controls available for these platforms is surprising. Consider this rather comprehensive list of Silverlight controls by Tim Heuer with at least 17 vendors and over 160 controls. Or this list of around 30 tools and libraries for WPF.

If you need to quickly check out and try out many of the available controls, Mike Taulty’s Control Browser is here to help. It shows all the built-in controls for both platforms as well as the controls included in the toolkit and many of the 3rd-party libraries available. It’s a great little click-once app, so head over to Mike’s Blog to read about it or click here to install.

XAMLfest Going Online

jbienz — Tue, 12 May 2009 23:46:15 GMT

Several of you joined us last October for the pilot XAMLfest in Houston Texas. The tour has grown up quite a bit since then, and we’re now starting to cover Silverlight 3 and Blend 3. Even better, we’re taking the tour online so you don’t have to leave the office to attend or get a refresher.

So what is XAMLfest?

Are you excited about WPF but concerned about the learning curve? Have you seen Silverlight but don’t know where to get started? Or are you curious about how tools like Expression Blend help designers and developers deliver great user experiences together? If so, join us at XAMLfest!

XAMLfest Online is a five day event delivered through a combination of live sessions and recorded training. The recorded training can be viewed at any time, but each segment should be watched before you participate in a related live session. The table below should help illustrate how each session relates to another:

Sessions are geared to both designer and developer audiences and attendees can participate in both tracks. Live sessions start 6/1 and recorded content is available starting 5/25. For more information and to register, please visit xamlfestonline.com. These sessions are open to the public as well, so feel free to pass this invitation on.

Please note: Participants must currently register for each session individually. We realize this is not convenient for those that plan to attend every session and we're working with msdev.com on a better solution. Thank you for taking the time to register.

Blend Tips and Tricks

jbienz — Tue, 07 Apr 2009 03:45:03 GMT

I’ll be presenting Blend Tips and Tricks for application designers in a few venues over the next two months. The first session is tomorrow night at the D2Sig user group here in Houston.

As usual, I’m ‘borrowing’ from other excellent resources created by excellent people within Microsoft to do this presentation. I’d like to give those authors credit and give folks an option to view the wealth of other resources I couldn’t fit into my talk. So here they are!

Arturo’s Design Assets & Recordings
ux.artu.tv /?p=121

The Future of Expression Blend (Mix 2009)
sessions.visitmix.com/MIX09/C04F

Sara Summer’s Blog
uxarray.com

Always-Available Social Applications

jbienz — Wed, 28 Jan 2009 02:20:20 GMT

There are several challenges that need to be solved when building social applications. The ability for users to invite friends and share data amongst themselves is one example. If you want to add support for loosely-connected portable devices, synchronization and conflict resolution add significant complexity on top of an already difficult problem.

The Live Framework is a set of libraries and services for building connected applications that can reach millions of users. Live Mesh is a set of services for synchronizing user and application data between multiple devices and multiple people. I’ve recently posted a short screencast that illustrates using these technologies to make building ‘Always-Available Social Applications’ much easier. You can view the 10 minute screencast on Channel 9.

Note: This is an abbreviated version of the content I presented at Houston TechFest.

Houston TechFest Tomorrow

jbienz — Sat, 24 Jan 2009 06:14:57 GMT

It’s a rare occasion that I get out of bed before 10 AM on a Saturday. Even less common is that I’m doing it to present. But the good news is I’m really looking forward to my sessions tomorrow at Houston TechFest. I hope to meet cool people that have interesting questions. Though maybe a few less questions in my Azure and Mesh session (which keeps coming in at one hour no matter how many times I practice it). I hope people don’t mind sticking around a little afterward for questions.

At any rate, here are the links to my two sessions and to the sample files that accompany them. I hope to see you there!

Session: Business Logic and Data Separation in WPF
Sample: BusinessUISep.zip

Session: Mesh and Azure for the Real World
Samples: MeshSamples.zip

Launching a Smart Client from the Web - With Context!

jbienz — Mon, 10 Nov 2008 18:22:06 GMT

SharePoint interest is growing with leaps and bounds, but there are still many scenarios that make more sense to leave in rich client applications. The question I've been asked a lot lately is how to bring these two worlds closer together.

Say, for example, you've got a web page that displays some basic information about a customer. How can you create a hyperlink that launches a smart client and takes you to that same customer inside the application? The solution is probably easier than you suspect, and in this post I'll walk through the steps.

The method we'll use to transfer context between the web site and our application is a simple file. I refer to these files 'Launch Files' and the real trick is getting windows to open our application when it sees them instead of prompting the user to save to disk.

You may not realize it but you've probably seen this before. Outlook does this with V-Card, V-Calendar and ics files. It's the same mechanism that allows you to subscribe to a SharePoint calendar in Outlook with a single click. (In truth it's 2 clicks in Vista because UAC asks the user if it's OK to send data to the app. But that's a topic for another day.)

The Launch File

The first thing you need to do is determine the structure for your launch file. I recommend XML because it's easy to generate and the format can grow with your application over time. You can place any data you want in this file, but keep in mind that it serves as context between your web site and your smart client.

In most cases you'll probably want to generate this file procedurally using query string parameters. This allows easy integration with the rest of your site, and a launch URL might look something like this:

http://www.mywebsite.com/AppLauncher.aspx?AppType=FirstApp&CustomerNumber=5

AppLauncher.aspx could look at the AppType parameter to determine which XML schema and file extension to use. The remaining parameters (CustomerNumber in this example) could be used to determine which data to include in the generated file.

File Extensions and Associations

Once you've determined the file format you need to settle on a unique file extension. It doesn't really matter what the extension is, it just has to be unique. This is no different than files intended for the local disk.

With the extension in mind, next you need to modify your application installer to include the new file type. The file type association registry keys are where you instruct Windows to launch your application whenever it sees a link for your file. Here's an example screenshot from a setup project in Visual Studio:

BrowserFlags 0x8 or 0x9 indicates that a particular app should open in its own window when its associated file is clicked (as opposed to opening within IE).

EditFlags indicates what explorer should do with a particular file type and/or defines what class it is. 0x10000 turns off the "Confirm open after download" box in IE. If this flag is set, the file will be automatically downloaded to the browsers temporary folder and its 'open' verb will be executed.

For more details, read the File Types article on MSDN.

Existing Application Instances

The next thing you want to consider is what to do if the application is already running. By default, the registry settings above will simply start another instance of your application. Instead, you probably want to notify an existing instance. That's why in the screenshots below you will see the 'open' verb is associated with a DDE command (ddeexec). If the application is not already running, Windows starts it before the DDE command is sent.

In this example, Windows will send the DDE command [Import("<FilePath>")]. The Application and Topic names are flexible, but you'll want to filter on them later.

Unfortunately, .Net doesn't have built-in support for handling DDE messages and DDE can seem a bit complex. I wrote a managed wrapper class for dealing with this some time ago and you can get it here:

Net DDE. I'm including this for sample purposes only and it doesn't come with any kind of warranty. :)

Here's an example of how to use DDE Client. The application entry point looks something like this:

static void Main() 
{

// Create DDE client

dde = new DDEClient();

// Filter on app name

dde.AppName = "Cartographer";

// Start listening for DDE messages

dde.Execute += new DDEExecuteHandler(dde_Execute);

// Run application as normal

Application.Run(new MainUI());

}

And the DDE message handler looks something like this:

private static void dde_Execute(DDEClient sender, DDECommand[] commands)
{
// We only pay attention to the first command
DDECommand command = commands[0];
 
// The only command we support is Import.
if (command.Name != "Import") return;
 
// Get the launch file path
string launchFilePath = command.Params;
// TODO: Open the launch file and do something
...
}

I hope this helps, and happy coding.

Virtual Earth in Silverlight with VIEWS

jbienz — Tue, 01 Jul 2008 08:09:17 GMT

I recently had the honor of participate in Incubation Week out in Silicon Valley. Leading up to the event we realized that at least two out of our six participants wanted to integrate Virtual Earth and Silverlight. I searched for guidance online but only turned up a few browser interop samples. I didn't find any really good managed wrappers for Virtual Earth until I started digging around internally. Then I found VIEWS.

VIEWS was originally created by Adam Eversole in Microsoft Research and it was an internal-only project when I found it. But with Adams assistance I was able to refine it, polish it and get it ready for public consumption in about 8 days; just in time for Incubation Week.

Today I'm happy to announce that VIEWS is live on CodePlex. You can download the binaries and the source, but to get acquainted quickly simply head on over to Channel 9 for a video introduction.

Silverlight Image Search

jbienz — Wed, 11 Jun 2008 22:50:18 GMT

I finally turned a demo I do frequently for my ISVs into a MSDN Screencast:

http://channel9.msdn.com/posts/jbienz/Silverlight-Image-Search-with-LINQ-to-XML/

Check it out. This was based on Scott Guthrie's Digg sample.

Transitionals is Live!

jbienz — Tue, 29 Apr 2008 21:44:33 GMT

Transitionals has finally been released to the public!

I know it's been some time since I last posted on Transitionals but it turns out it took longer to get approval for the project through legal than I had anticipated. I suppose I should have anticipated it, being that the code came from a Microsoft project that was previously available only in binary form. But that's all behind us now and people can start downloading, testing and even using the bits in their own products.

It seemed to take forever in my mind, but the truth is it only took around two months. And it still amazes me that I joined Microsoft only two and a half years ago and yet I've been able to bring this code to the community. Times are changing, and I'm excited to be here right now.

Without further adieu, let me present to you Transitionals:

http://www.codeplex.com/transitionals

Houston, We've Got a Problem

jbienz — Tue, 08 Apr 2008 01:28:38 GMT

I mentioned in my last post that Nick worked for a while at NASA. Well, last Thursday I had the opportunity to take a special private tour with Nick and Frank Hughes who also worked at NASA for over 20 years.

I'm too young to have my own memories of Apollo 13, but I was awed and inspired by the Hollywood retelling of it. Here's an original picture of Eugene F. Kranz, flight director, at his console in the Gemini era. Kranz was also one of the flight directors for Apollo 13 and was played by Ed Harris in the movie.

And here's me:

Any guess where I'm sitting? No, that isn't a reconstruction or something created after the fact. That's the actual room and the actual equipment used for the Apollo 13 flight!

I stood close enough to a flag that's been to the moon to touch it (I didn't dare) and I walked right up to a massive five story high vacuum chamber that's used to test parachutes in extremely thin atmospheres.

And finally, I got to stand at the front of a new control center. One that's actually in use today for the International Space Station. Here's a shot of it from the viewing room. This is the off shift while all the astronauts are sleeping and I got to be in the room toward the front near the flag.

It was a special afternoon that I won't forget. Thanks Nick and Frank for the memorable opportunity.