Visual Tracking / Monitoring Workflow (WF) 4.0

Question

I plan to create a custom web application in ASP.NET 4.0 using WF 4.0 , the user wants to change workflows on his own, for this we will use the WPF client that the user can use, and we will carry out the reorganization of the workflow, many blogs are available for this and manuals.

But I'm not sure how to satisfy one requirement, when the user wants to see / track the visual representation (diagram / image) of the workflow , depicting which stages are completed, what is the current stage, etc. This must be done on the web page. Perhaps the same workflow with icons showing status. This is similar to visual access to Visio workflows in SharePoint 2010. Even such AgilePoint workflows provide this view.

A similar question here , but I assume for WinForms / WPF. And I need this for ASP.NET.

Any ideas?

Answer 1

Here's an interesting example that might be useful: Implementing the AppFabric Reference: WorkFlow Service Lifecycle Management . He is engaged in the reorganization of the designer and the display of the state on this surface of the design, i.e. how far the workflow has come. For this, the data format found in the AppFabric monitoring store is mainly used. The sample is a winforms application, but the same principles will apply in a web script.

Answer 2

I created my own debugger implementation that you got in the WPF workflow designer. The original idea is taken from Andrei Zhu's book http://xhinker.com/post/WF4Microsoft-Windows-Workflow-Foundation-40-Cookbook-is-available-now.aspx , I also used a reflector to see what IDesignerDebugView interface means ( http://msdn.microsoft.com/en-us/library/system.activities.presentation.debug.idesignerdebugview.aspx) and then added this to my re-designed workflow.

I did not find a pleasant way to convert the workflow designer view into an image displayed on the Internet, we currently provide this aspect as a click-through application.