Copyright© 2012 Microsoft Corporation Visio Services 2013 Web Part Connections Chris Hopkins Senior Consultant - Premier Developer Practice Microsoft

Copyright© 2012 Microsoft Corporation

Visio Services 2013Web Part Connections

Chris HopkinsSenior Consultant - Premier Developer PracticeMicrosoft


Agenda

Goals & Challenges

CapabilitiesEstablishing Connections

CustomWeb Parts


Goals

• Easily add visual context to any SharePoint page• Web parts enable users to easily build dashboard pages

and mashups without “development” knowledge

• Customize the Visio web experience• Browser configuration – no special tools required

• Connect the diagram to other web parts for added value• No code for common scenarios


Agenda

Goals & Challenges


CustomWeb Parts


Default Experience

• Render & Refresh• Pan & Zoom• Navigate pages• Select shapes• View metadata• Hyperlink• View Comments• Edit Comments


Demo


Develop a dashboard page

• Build using a Browser or SharePoint Designer• Add the Visio Web Access web part to any

page that hosts web parts

• Pick the Zone or location on the page• Insert from Category = Business Data


VWA Web Part Properties

• Web Drawing Display• Web Drawing URL• Same Farm as the page• Both VSDX and VDW supported

• determines rendering style/functionality• Force raster rendering – 2010 diagrams prefer Silverlight

• Automatic Refresh• unattended refresh / kiosk dashboard scenarios

• Fit all shapes in view – initial view• Initial page index• Expose Shape Data to connected web parts



• UI Options• Show Refresh• Show Open in Visio• Show Page Navigation• Show Status bar – Zoom options• Show the Shape Information Pane• Show default background



• Web Drawing Interactivity( ie. prevent the user from performing these actions )• Disable Zoom• Disable Pan• Disable Hyperlink• Disable Selection


Chrome-less embedding


User Interactivity TipsMouse / Keyboard Action

Click on a shape Shape is selected. Shape data is displayed in the Shape Information Pane.

Ctrl + Click on a shape Selects the shape and navigates the default hyperlink.

Click + Drag Pans the view in the direction of the drag. Tip for not navigating hyperlinks.

Scroll Wheel – Up Zooms in on the current view, in 10% increments.

Scroll Wheel – Down Zooms out on the current view, in 10% increments.

+ key Zooms in on the current view, in 10% increments.

- key Zooms out on the current view, in 10% increments.

Directional arrow keys Pans the view in the direction of the key pressed.

Tab Sets the focus on the next element in the tab order, including shapes and UI elements.

Shift + Tab Sets the focus on the previous element in the tab order, including shapes and UI elements.


Agenda

Goals & Challenges


CustomWeb Parts


Dashboard Experience

• Provide information to other web parts to add context


Web Part Connections

• (1) Provide a mechanism for web parts topass data to other web parts• Mashup API prohibits power user from building anything

• A provider (2) web partis the part that communicates with the consumer

• A consumer (3) web partis the part that receives the communication from the provider part


Basic Web Part Connection Scenario


Connections Configuration

• Edit Page mode in the browser


Browser Configuration

• All Web Part Connections can be configured via the browser• however, only a single parameter can be configured


SharePoint Designer Configuration

• All Web Part Connections can be configuredvia SharePoint Designer 2013• Multiple Parameter configuration


Demo


Get Drawing URL and Page Name From• Provider supplies document URL• Consumer loads the diagram for view

• Page Name can only be configured using SharePoint Designer


Get Shapes to Highlight From

• Provider supplies list of Shape Names• Consumer highlights specified shapes + Color

• Highlight Color can only be configured using SharePoint Designer


Highlight Color Parameter

• HTML Color Names• Red, Blue,

• Hex Color values• #8432FF = ?

• Online Color Resources• http://www.colorschemer.com/online.html

http://www.colorschemer.com/online.html


Get Filter Results From

• Provider supplies Shape Data values• Consumer highlights shapes matching values


Get Shape to View From

• Provider supplies Shape Name• Consumer centers view on specified shape + Zoom

• Zoom Level can only be configured using SharePoint Designer


Zoom Level Parameter values

• Specify a specific zoom level• 0-400%

• No Change• <blank>

• Fit to View• -1


Send Shape Data To

• Provider in this case is VWA• Choose which shape data to send to consumer

• Consumer processes sent arguments• Built-in: ShapeID, ShapeName, PageName, DocumentURL

• SharePoint Designer is required to define multiple Shape Data fields


Web Part Connection Limitations

• Web parts can support many connectionsbut only 1 connection per connection definition

Get Drawing URL and Page Name from+Send Shape Data To -> Info Path Form Web Part+Send Shape Data To -> Excel Web Part

• Build advanced scenarios using the Mash-up API


Shape Names Column

• Comma delimited list• Case Sensitive• Watch out for spaces


Shape Name values the hard way


Shape Name values the easy way

• Shape Reports• Add or Link data to shapes• Export data to Excel workbook• Import Excel workbook to a

SharePoint List


Agenda

Goals & Challenges


CustomWeb Parts


Custom Web Parts

• Standard Web Connection Interfaces supported• IWebPartParameters is implemented by• Get Drawing URL and Page Name From• Get Shapes to Highlight From• Get Shape to View From• Send Shape Data To

• IWebPartTable is implemented by• Get Filtered List From


In summary…

• Visio Web Access web part• Default viewing experience for VSDX• Add Visio diagrams to existing SharePoint Web Part pages• Customize default viewing experience for simple

dashboard scenarios• Restrict available functionality

• Web Part Connections• Easily extend the dashboard capabilities with OOB

scenarios• PowerUser configuration


Thank You


© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Documents

Copyright© 2012 Microsoft Corporation Visio Services 2013 Web Part Connections Chris Hopkins Senior Consultant - Premier Developer Practice Microsoft