Visually Tracking / Monitoring Workflow(WF) 4.0

Question

I am planning to build a custom web application in ASP.NET 4.0 using WF 4.0, the user wants ability to modify workflows himself, for this we will be using a WPF client which the user can use and we will do workflow re-hosting, lots of blogs and guidance is available for this.

But I am not sure how to the meet one requirement where the user wants to see/track a visual representation (diagram/image) of the workflow, depicting what stages are over, what is the current stage etc. This needs to be done on a web page. Possibly the same workflow with icons depicting status. This is something similar to the visual available for Visio workflows in SharePoint 2010. Even AgilePoint workflows provide such a view.

Similar question here, but its for WinForms/WPF I guess. And I need this for ASP.NET.

Any ideas?

Answer 1

There's an interesting sample that might be useful: AppFabric Reference Implementation: Managing the LifeCycle of a WorkFlow Service. It deals with re-hosting the designer, and showing state on this design surface, ie. how far the workflow has come. It basically utilizes the data format found in the AppFabric Monitoring store to achieve this. The sample is a winforms app but the same principles would apply in a web based scenario.