1. Visio 2010 and Visio Services door Bram de Jager & Edwin Vriethoff 23/02/2011

2. Agenda Visio 2010 & Visio Services Linking data and web parts Real-life examples Summary

3. Edwin Vriethoff Lead SharePoint developer for Information Worker Solutions center of Macaw. 4 years SharePoint experience Worked on projects for Havenbedrijf Rotterdam, Strukton, Perfetti van Melle, Evides

4. Bram de Jager Lead SharePoint developer / architect for Information Worker Solutions center of Macaw. More than 5 year SharePoint experience. Worked on projects for Shell, Hogeschool INHolland, Library of Rotterdam and Univé.

5. Visio proposition Microsoft's proposition for Visio: – Simplify a process (generate a overview) – Connect to data sources – Share it via web (SharePoint 2010)

6. Visio 2010 Visio 2010 editions – Visio 2010 standard – Visio 2010 professional – Visio 2010 premium Visio Services – Service Application in SharePoint 2010 – Interactively viewing Visio diagrams in browser

7. Create diagram Shapes & Shape Data Data Graphics Publish to SharePoint (Visio Services)

8. DEMO VISIO BASICS Create diagram and publish to web

9. Data sources Visio connects to a variety of data sources: – Excel workbook – Microsoft Access Database – SharePoint list – SQL Server database – OLEDB / ODBC connection – Custom data source

10. Custom data source Remember, it’s a first implementation Can only be added by using VBA Minimal documentation available GAC deployed classes Useful for counts and calculations

11. Web part connections Web part interaction – Filter – Select – Highlight – Send shape data Out-of-the-box behavior

12. DEMO CONNECT Link data and web parts

13. REAL-LIFE EXAMPLES

14. Microsoft floor plan Basics – Import CAD drawing – Link shapes to data – Publish to SharePoint Extend with – Visio Services JavaScript Mash Up API

15. Mash Up API Vwa.VwaControl Class – Vwa.diagramcomplete – Vwa.diagramerror – Vwa.shapemouseenter – Vwa.shapemouseleave – Vwa.shapeselectionchanged Vwa.Page Class – getShapes() – setSelectedShape() – setZoom() Vwa.ShapeCollection Class – getCount() – getItemAtIndex() – getItemByName() – getItemById() Vwa.Shape Class – addHightlight() – addOverlay() – getShapeData()

16. DEMO MASH UP API Case: Microsoft Floor Plan

17. StAB Process information Basics – Collect information with Nintex Workflow – Link shapes to data – Publish to SharePoint SharePoint integration – Visio Web Access web part – Content Query web part rollups – Dashboard

18. DEMO PROCESS DIAGRAM Case: StAB business process

19. Summary Visio proposition – Simplify a process – Connect to data sources – Share it via web Power of Visio – Geographical locations – Physical objects – (Business) processes

20. Resources Sales links: – http://visiotoolbox.com/2010/ http://visiotoolbox.com/2010/ – https://partner.microsoft.com/global/productssolutio ns/40130528#visio https://partner.microsoft.com/global/productssolutio ns/40130528#visio Blogs – http://blogs.msdn.com/b/chhopkin/ http://blogs.msdn.com/b/chhopkin/ – http://blogs.msdn.com/b/visio/ http://blogs.msdn.com/b/visio/ – http://edwin.vriethoff.net/ & http://twitter.com/edwindotnet http://edwin.vriethoff.net/ http://twitter.com/edwindotnet – http://bramdejager.wordpress.com/ & http://twitter.com/bramdejager http://bramdejager.wordpress.com/ http://twitter.com/bramdejager

21. QUESTIONS AND ANSWERS Simplify, Connect and Share

22. Bram de Jager Bram.de.Jager@macaw.nl Edwin Vriethoff Edwin.Vriethoff@macaw.nl Macaw Beechavenue 140 1119 PR Schiphol-Rijk Tel +31 (20) 8 510 510