Also in this series:
SketchFlow projects can be either in WPF of Silverlight. Let’s focus on a Silverlight version here and look at the differences of a SkechFlow project between other ‘normal’ Silverlight projects.
A Silverlight SketchFlow project (solution) consists of two projects on file:
Silverlight project containing the SketchFlow player
Silverlight library project referenced by the player project
The SketchFlow player is set as the RootVisual of the Silverlight application (in App.xaml.cs):
private void Application_Startup(object sender, StartupEventArgs e)
this.RootVisual = new Microsoft.Expression.Prototyping.Workspace.PlayerWindow();
When you add screens, all this is done in the library project since the base Silverlight (SketchFlow) project calls these screens automatically.
Let’s review the main task panes and elements we use in Expression Blend when working on SketchFlow projects.
Note: Your own workspace might differ from this one since all task panes can be moved around or hidden as you wish.
A project reviewer or stakeholder can give feedback by adding comments through the SketchFlow player. When importing the feedback into Expression Blend, the feedback file itself is imported into the “Feedback Files” directory in the screens project.
Using the Feedback pane you can choose which feedback file details to view and whether or not ink feedback should be overlaid on the screens.
After a few versions of feedback, you might want to clean out feedback files. You can do this by simply deleting the physical file from the Feedback Files directory.
When the application is ready to be shown to the stakeholders you package it and distribute it.
For a Silverlight application this can be a directory that you host on a web site, making the application available online. Another option is to create a zip file with the package and transfer that to the stakeholders.
If you .zip the whole directory and send it to end users make sure the full directory contents are unzipped before they run the application.
To package the application from within Expression Blend choose File > Package SketchFlow project and choose a destination folder. The end user can access the TestPage.html to load the project.