Home
%3CLINGO-SUB%20id%3D%22lingo-sub-237597%22%20slang%3D%22en-US%22%3ESharePoint%20Workflow%20Authoring%20in%20Visio%20Premium%202010%20(Part%202)%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-237597%22%20slang%3D%22en-US%22%3E%0A%20%26lt%3Bmeta%20http-equiv%3D%22Content-Type%22%20content%3D%22text%2Fhtml%3B%20charset%3DUTF-8%22%20%2F%26gt%3B%3CSTRONG%3E%20First%20published%20on%20MSDN%20on%20Jan%2C%2019%202010%20%3C%2FSTRONG%3E%20%3CBR%20%2F%3E%3CP%3EWorkflow%20design%20often%20takes%20a%20lot%20of%20communication%20and%20collaboration.%20Business%20stakeholders%20may%20send%20IT%20professionals%20business%20flowcharts%20to%20further%20automate%20as%20workflows.%20On%20the%20flip-side%2C%20once%20the%20IT%20professional%20has%20implemented%20the%20workflow%2C%20he%2Fshe%20may%20want%20to%20store%20the%20workflow%20as%20a%20Visio%20diagram%20so%20that%20all%20stakeholders%20are%20clear%20on%20what%20is%20being%20implemented.%20Such%20diagrams%20can%20also%20serve%20as%20copies%20that%20can%20be%20archived%20for%20auditing%20purposes.%3C%2FP%3E%0A%20%20%3CP%3ESuch%20collaboration%20is%20made%20easier%20with%20the%20workflow%20export%20and%20import%20capabilities%20in%20Visio%20Premium%202010.%20Export%20(as%20described%20in%20an%20%3CA%20href%3D%22http%3A%2F%2Fblogs.msdn.com%2Fvisio%2Farchive%2F2009%2F11%2F23%2Fsharepoint-workflow-authoring-in-visio-premium-2010-part-1.aspx%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3Eearlier%20blog%20post%20%3C%2FA%3E)%20enables%20business%20stakeholders%20to%20pass%20flowcharts%20as%20business%20requirements%20to%20IT%20Professionals.%20With%20import%2C%20IT%20professionals%20can%20document%20their%20workflows%20visually.%20In%20this%20post%2C%20we%20will%20walk%20through%20the%20following%3A%3C%2FP%3E%0A%20%20%3CUL%3E%0A%20%20%20%3CLI%3EImporting%20a%20workflow%20from%20SharePoint%20Designer%3C%2FLI%3E%0A%20%20%20%3CLI%3ECustomizing%20workflow%20visualization%20in%20Visio%20for%20presentation%3C%2FLI%3E%0A%20%20%20%3CLI%3EPublishing%20Visio%20diagram%20visualization%20for%20workflow%20status%20tracking%20on%20SharePoint%20server%3C%2FLI%3E%0A%20%20%3C%2FUL%3E%0A%20%20%3CP%3EFirst%2C%20let%E2%80%99s%20discuss%20the%20workflow%20import%20capabilities%20in%20Visio%202010.%3C%2FP%3E%0A%20%20%3CP%3E%3CB%3E%20%3C%2FB%3E%3C%2FP%3E%0A%20%20%3CP%3E%3CB%3E%20From%20SharePoint%20Designer%202010%20to%20Visio%202010%20%3C%2FB%3E%3C%2FP%3E%0A%20%20%3CP%3EWith%20SharePoint%20Designer%202010%2C%20an%20IT%20professional%20can%20author%20an%20executable%20SharePoint%20workflow%20that%20publishes%20directly%20to%20SharePoint%20server.%20Such%20a%20workflow%20may%20look%20like%20the%20following%3A%3C%2FP%3E%0A%20%20%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fmsdnshared.blob.core.windows.net%2Fmedia%2FTNBlogsFS%2FBlogFileStorage%2Fblogs_msdn%2Fvisio%2FWindowsLiveWriter%2FSharePointWorkflowAuthoringinVisioPremiu_FE21%2Fclip_image002_2.jpg%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%20%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F44070i7CD05103854D7DC2%22%20%2F%3E%20%3C%2FA%3E%3C%2FP%3E%0A%20%20%3CP%3EBefore%20a%20workflow%20is%20ready%20for%20execution%2C%20it%20can%20be%20exported%20as%20a%20Visio%20diagram%20for%20Business%20Analyst%20or%20all%20process%20stakeholders%20to%20review%20before%20publishing.%20To%20do%20so%2C%20simply%20use%20the%20Export%20to%20Visio%20command%20in%20SharePoint%20Designer%202010%2C%20and%20a%20Workflow%20Visio%20Interchange%20(*.vwi)%20file%20will%20be%20saved%20out%3A%3C%2FP%3E%0A%20%20%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fmsdnshared.blob.core.windows.net%2Fmedia%2FTNBlogsFS%2FBlogFileStorage%2Fblogs_msdn%2Fvisio%2FWindowsLiveWriter%2FSharePointWorkflowAuthoringinVisioPremiu_FE21%2Fclip_image004_2.jpg%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%20%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F44071iED0A626CC2C35843%22%20%2F%3E%20%3C%2FA%3E%3C%2FP%3E%0A%20%20%3CP%3ETo%20visualize%20this%20workflow%20in%20Visio%202010%2C%20import%20the%20workflow%20file%20by%20going%20to%20New-%26gt%3BMicrosoft%20SharePoint%20Workflow%2C%20then%20go%20to%20the%20Process%20tab-%26gt%3B%20Import%20Workflow%3A%3C%2FP%3E%0A%20%20%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fmsdnshared.blob.core.windows.net%2Fmedia%2FTNBlogsFS%2FBlogFileStorage%2Fblogs_msdn%2Fvisio%2FWindowsLiveWriter%2FSharePointWorkflowAuthoringinVisioPremiu_FE21%2Fclip_image006_2.jpg%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%20%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F44072iC472659D05460D1F%22%20%2F%3E%20%3C%2FA%3E%3C%2FP%3E%0A%20%20%3CP%3EFrom%20there%2C%20the%20workflow%20is%20visualized%20in%20Visio%2C%20and%20the%20IT%20Professionals%20or%20Business%20Stakeholders%20are%20free%20to%20edit%20and%20enhance%20the%20diagram%20just%20the%20same%20way%20as%20any%20flowchart%20using%20features%20such%20as%20%3CA%20href%3D%22http%3A%2F%2Fblogs.msdn.com%2Fvisio%2Farchive%2F2009%2F09%2F15%2Fthemes-and-live-preview-in-visio-2010.aspx%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3EThemes%20%3C%2FA%3Eor%20%3CA%20href%3D%22http%3A%2F%2Fblogs.msdn.com%2Fvisio%2Farchive%2F2009%2F08%2F18%2Flayout-improvements-in-visio-2010.aspx%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3EAuto%20Align%20%26amp%3B%20Space%20%3C%2FA%3Efor%20presentation%20purposes%3A%3C%2FP%3E%0A%20%20%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fmsdnshared.blob.core.windows.net%2Fmedia%2FTNBlogsFS%2FBlogFileStorage%2Fblogs_msdn%2Fvisio%2FWindowsLiveWriter%2FSharePointWorkflowAuthoringinVisioPremiu_FE21%2Fclip_image008_2.jpg%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%20%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F44073i7CE9A09772AF2CBF%22%20%2F%3E%20%3C%2FA%3E%3C%2FP%3E%0A%20%20%3CP%3EThe%20workflow%20visualization%20is%20now%20ready%20to%20be%20archived%20or%20presented%20to%20a%20wider%20audience.%3C%2FP%3E%0A%20%20%3CP%3E%3CB%3E%20Publishing%20Visio%20Visualization%20from%20SharePoint%20Designer%202010%20%3C%2FB%3E%3C%2FP%3E%0A%20%20%3CP%3EWe%20have%20discussed%20how%20workflows%20can%20be%20imported%20or%20%3CA%20href%3D%22http%3A%2F%2Fblogs.msdn.com%2Fvisio%2Farchive%2F2009%2F11%2F23%2Fsharepoint-workflow-authoring-in-visio-premium-2010-part-1.aspx%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3Eexported%20%3C%2FA%3Ebetween%20Visio%20Premium%202010%20and%20SharePoint%20Designer%202010.%20Now%20let%E2%80%99s%20talk%20about%20how%20you%20can%20also%20show%20the%20status%20of%20a%20workflow%20being%20executed%20directly%20on%20SharePoint.%20SharePoint%20Designer%202010%20supports%20publishing%20the%20visualization%20straight%20to%20the%20SharePoint%20Server%20along%20with%20the%20executable%20workflow.%20To%20do%20so%2C%20simply%20enable%20visualization%20by%20going%20to%20the%20workflow%20settings%20page%2C%20and%20ensure%20that%20the%20checkbox%20%E2%80%9CWorkflow%20Visualization%E2%80%9D%20is%20checked%3A%3C%2FP%3E%0A%20%20%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fmsdnshared.blob.core.windows.net%2Fmedia%2FTNBlogsFS%2FBlogFileStorage%2Fblogs_msdn%2Fvisio%2FWindowsLiveWriter%2FSharePointWorkflowAuthoringinVisioPremiu_FE21%2Fclip_image010_2.jpg%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%20%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F44074i5C8439A08111A0ED%22%20%2F%3E%20%3C%2FA%3E%3C%2FP%3E%0A%20%20%3CP%3EWhen%20visualization%20is%20published%20from%20SharePoint%20Designer%202010%2C%20the%20status%20of%20the%20workflow%20execution%20is%20also%20shown%20as%20part%20of%20the%20Visio%20diagram.%20For%20example%2C%20as%20shown%20in%20the%20diagram%20below%2C%20not%20only%20are%20there%20icons%20indicating%20tasks%20%E2%80%9Cin%20progress%E2%80%9D%20or%20%E2%80%9Ccompleted%E2%80%9D%2C%20people%20assigned%20to%20the%20Tasks%20are%20also%20displayed%20clearly%20within%20the%20Task%20shapes%3A%3C%2FP%3E%0A%20%20%3CP%3E%3CA%20href%3D%22https%3A%2F%2Fmsdnshared.blob.core.windows.net%2Fmedia%2FTNBlogsFS%2FBlogFileStorage%2Fblogs_msdn%2Fvisio%2FWindowsLiveWriter%2FSharePointWorkflowAuthoringinVisioPremiu_FE21%2Fclip_image012_2.jpg%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3E%20%3CIMG%20src%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F44075iDDF669DA3F7F78E2%22%20%2F%3E%20%3C%2FA%3E%3C%2FP%3E%0A%20%20%3CP%3EThe%20workflow%20is%20not%20only%20being%20executed%2C%20but%20users%20can%20now%20easily%20track%20progress%20of%20the%20workflow%20through%20visualization!%3C%2FP%3E%0A%20%20%3CP%3E%3CB%3E%20Try%20out%20our%20Beta!%20%3C%2FB%3E%3C%2FP%3E%0A%20%20%3CP%3EWe%20are%20very%20excited%20to%20bring%20you%20this%20new%20functionality%20and%20it%20is%20avaible%20for%20you%20to%20try%20out%20in%20%3CA%20href%3D%22http%3A%2F%2Fwww.microsoft.com%2Foffice%2F2010%2Fen%2Fvisio%2Fdownload.aspx%22%20target%3D%22_blank%22%20rel%3D%22noopener%20noreferrer%20noopener%20noreferrer%22%3Ethe%20public%20beta%20%3C%2FA%3E.%20Do%20try%20it%20out%20and%20send%20us%20feedback%20through%20the%20%3CA%20href%3D%22http%3A%2F%2Fblogs.technet.com%2Foffice2010%2Farchive%2F2009%2F07%2F15%2Ftell-us-what-you-think-about-office-2010-technical-preview.aspx%22%20target%3D%22_blank%22%20rel%3D%22nofollow%20noopener%20noreferrer%20noopener%20noreferrer%22%3ESend%20a%20Smile%20feedback%20tool%20%3C%2FA%3Eor%20comment%20on%20this%20post!%3C%2FP%3E%0A%20%0A%3C%2FLINGO-BODY%3E%3CLINGO-TEASER%20id%3D%22lingo-teaser-237597%22%20slang%3D%22en-US%22%3EFirst%20published%20on%20MSDN%20on%20Jan%2C%2019%202010%20Workflow%20design%20often%20takes%20a%20lot%20of%20communication%20and%20collaboration.%3C%2FLINGO-TEASER%3E%3CLINGO-LABS%20id%3D%22lingo-labs-237597%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3Eall%20posts%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3Evisio%202010%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
Microsoft
First published on MSDN on Jan, 19 2010

Workflow design often takes a lot of communication and collaboration. Business stakeholders may send IT professionals business flowcharts to further automate as workflows. On the flip-side, once the IT professional has implemented the workflow, he/she may want to store the workflow as a Visio diagram so that all stakeholders are clear on what is being implemented. Such diagrams can also serve as copies that can be archived for auditing purposes.

Such collaboration is made easier with the workflow export and import capabilities in Visio Premium 2010. Export (as described in an earlier blog post ) enables business stakeholders to pass flowcharts as business requirements to IT Professionals. With import, IT professionals can document their workflows visually. In this post, we will walk through the following:

  • Importing a workflow from SharePoint Designer
  • Customizing workflow visualization in Visio for presentation
  • Publishing Visio diagram visualization for workflow status tracking on SharePoint server

First, let’s discuss the workflow import capabilities in Visio 2010.

From SharePoint Designer 2010 to Visio 2010

With SharePoint Designer 2010, an IT professional can author an executable SharePoint workflow that publishes directly to SharePoint server. Such a workflow may look like the following:

Before a workflow is ready for execution, it can be exported as a Visio diagram for Business Analyst or all process stakeholders to review before publishing. To do so, simply use the Export to Visio command in SharePoint Designer 2010, and a Workflow Visio Interchange (*.vwi) file will be saved out:

To visualize this workflow in Visio 2010, import the workflow file by going to New->Microsoft SharePoint Workflow, then go to the Process tab-> Import Workflow:

From there, the workflow is visualized in Visio, and the IT Professionals or Business Stakeholders are free to edit and enhance the diagram just the same way as any flowchart using features such as Themes or Auto Align & Space for presentation purposes:

The workflow visualization is now ready to be archived or presented to a wider audience.

Publishing Visio Visualization from SharePoint Designer 2010

We have discussed how workflows can be imported or exported between Visio Premium 2010 and SharePoint Designer 2010. Now let’s talk about how you can also show the status of a workflow being executed directly on SharePoint. SharePoint Designer 2010 supports publishing the visualization straight to the SharePoint Server along with the executable workflow. To do so, simply enable visualization by going to the workflow settings page, and ensure that the checkbox “Workflow Visualization” is checked:

When visualization is published from SharePoint Designer 2010, the status of the workflow execution is also shown as part of the Visio diagram. For example, as shown in the diagram below, not only are there icons indicating tasks “in progress” or “completed”, people assigned to the Tasks are also displayed clearly within the Task shapes:

The workflow is not only being executed, but users can now easily track progress of the workflow through visualization!

Try out our Beta!

We are very excited to bring you this new functionality and it is avaible for you to try out in the public beta . Do try it out and send us feedback through the Send a Smile feedback tool or comment on this post!