Visio 2013 & Visio Services – A Quick Guide
#spsoslo
Knut Relbe-Moe
May 31st, 2014
Platinum
SharePint
Raffle
Platinum
Gold
Knut Relbe-Moe
Senior Solution Architect
Technical Lead SharePoint
Steria AS, Oslo, Norway
Microsoft Certified Trainer
Con...
I’m proud to work for:
Long term and qualified partner
 90 Consultants
 40 collaboration
 5 Microsoft
certifications
 200 Consultants
 50 Mi...
Agenda 1 What is Visio services
2 Why Visio Services
3 Overview of Visio Services in SharePoint Server 2013
4 How it works...
What is Visio Services
Why Visio Services
Overview of
Visio Services in
SharePoint
Server 2013
Visio Services runs as a SharePoint Server 2013 service
application.
...
How it works: Architecture
Visio Web
Access
Custom Data
Providers
Visio JSOM
Mash-Up API
Web Part
Connections
Visio Proxy
...
How it works: Creating a Visio Solution
Save VSDX file to SharePoint
Server 2013 or Office 365
• Create Diagram
• Use Data...
How it works: Compatible diagrams
• Visio Services in SharePoint Server 2013 can render diagrams created in Visio 2010 or
...
Configuring
Visio Services
Create a Visio Graphics Service service application in SharePoint Server
2013.
2 options:
1. Cr...
What is JSOM
Web Part Page
Visio Web
Access Web
Part
Content Editor
Web Part
Document Library
File containing JScript
Visi...
What is JSOM
VWA Javascript Object Model
getActivePage()
setActivePage()
getShapes()
getItemById() getItemAtIndex()
diagramComplete
sha...
Getting started
Web Part Page
Visio Web
Access Web
Part
Content Editor
Web Part
Document Library
File containing JScript
V...
Demo - How to create a Visio
Drawing and show it in the
Visio Webpart
Demo - Building A Simple BI
Dashboard With Visio 2013
And Visio Services
Summary
• Easy to set up
• Easy to create diagrams with Visio
• Need Enterprise License
• Visio provides lots of tools to ...
Want more information/Deep dive?
• Can find much information on Internet
• I will update my blog with more information abo...
Thank you!
 Thomas Browet
 Alan Richards
For some good inputs, and for borrowing me some slides.
 SharePoint Arctic Cha...
Platinum
SharePint
Raffle
Platinum
Gold
Upcoming SlideShare
Loading in …5
×

SPSOslo 2014 Visio Services

447 views

Published on

  • Be the first to comment

  • Be the first to like this

SPSOslo 2014 Visio Services

  1. 1. Visio 2013 & Visio Services – A Quick Guide #spsoslo Knut Relbe-Moe May 31st, 2014
  2. 2. Platinum SharePint Raffle Platinum Gold
  3. 3. Knut Relbe-Moe Senior Solution Architect Technical Lead SharePoint Steria AS, Oslo, Norway Microsoft Certified Trainer Contact @sharePTkarm Email: knutrelbemoe@outlook.com Blog: www.sharepointblog.no Skype: shareptkarm Mobile: 0047-98224609 My Experience:  SharePoint evangelist, mentor, speaker  Old developer, turned Architect / ITPro  Have worked with SharePoint since the 2003 version.  Worked with several clients upgrading their solution from 2007/2010 to 2013.  Works as a Lead Architect and advisor creating SharePoint Farm architecture/infrastructure on many projects. With up to 25.000 users.  Worked with automating the installation and configuration of SharePoint.
  4. 4. I’m proud to work for:
  5. 5. Long term and qualified partner  90 Consultants  40 collaboration  5 Microsoft certifications  200 Consultants  50 Microsoft certifications  10 UX CONSULTING SYSTEM DEVELOPMENT  400 Consultants  140 Microsoft certifications  100 Consultants  15 Microsoft certifications INFRASTRUCTURE OPERATIONS 200 Consultants related to SharePoint
  6. 6. Agenda 1 What is Visio services 2 Why Visio Services 3 Overview of Visio Services in SharePoint Server 2013 4 How it works 5 Configuring Visio Services 6 What is JSOM 7 Demo - How to create a Visio Drawing and show it in the Visio Webpart 8 Demo - Create a simple PowerBI dashboard in Visio 9 Summary / Next
  7. 7. What is Visio Services
  8. 8. Why Visio Services
  9. 9. Overview of Visio Services in SharePoint Server 2013 Visio Services runs as a SharePoint Server 2013 service application. Use and benefits of Visio Services • Visio diagrams can be rendered by Visio Services and viewed in a Web browser. • Users can view Visio documents without having Visio or the Visio Viewer installed on the local computer. • Diagrams can also be viewed on mobile devices. • Basic exploration and navigation of these rendered diagrams are supported within the Visio Web Access Web Part • Visio Services can refresh the data and recalculate the visuals of a Visio diagram hosted on a SharePoint site • Visio diagrams can be published to SharePoint Server 2013 by using Visio Professional 2013 and Visio Premium 2013.
  10. 10. How it works: Architecture Visio Web Access Custom Data Providers Visio JSOM Mash-Up API Web Part Connections Visio Proxy Visio Graphics Service VDW/b/mSQL OLEDB/ODB C XLSX SP Lists
  11. 11. How it works: Creating a Visio Solution Save VSDX file to SharePoint Server 2013 or Office 365 • Create Diagram • Use Data Linking and Data Graphics • View diagram in web browser • Opens diagram in Visio • Click Refresh to update data graphics • Data refresh can be automated by setting interval time Data Source • SharePoint List apps • Excel Services • SQL Server • OLEDB / ODBC
  12. 12. How it works: Compatible diagrams • Visio Services in SharePoint Server 2013 can render diagrams created in Visio 2010 or Visio 2013  Visio diagrams created in Visio 2010 must be created using Visio 2010 Professional or Visio 2010 Premium and must be published to a SharePoint site as a Visio Web drawing (*.vdw) file  Visio diagrams created in Visio 2013 must be created by using Visio Professional 2013. The new standard diagram format in Visio Professional 2013 (*.vsdx files) can be rendered by Visio Services, along with the Web drawing (.vdw) format  Recommend to use the new *.vsdx format
  13. 13. Configuring Visio Services Create a Visio Graphics Service service application in SharePoint Server 2013. 2 options: 1. Create using Central administration 2. Create using Powershell 2. Windows PowerShell command prompt (that is, PS C:>), type the following command and press Enter: New-SPVisioServiceApplication -Identity “<VisioGraphicsServiceName>” - ServiceApplicationPool “SharePoint Web Services Default” -AddToDefaultGroup
  14. 14. What is JSOM Web Part Page Visio Web Access Web Part Content Editor Web Part Document Library File containing JScript Visio Diagram
  15. 15. What is JSOM
  16. 16. VWA Javascript Object Model getActivePage() setActivePage() getShapes() getItemById() getItemAtIndex() diagramComplete shapeMouseEnter shapeMouseLeave selectionChanged diagramError getSelectedShape() setSelectedShape() VWA Control Page Shapes Shape getShapeData() getHyperlinks() Shape
  17. 17. Getting started Web Part Page Visio Web Access Web Part Content Editor Web Part Document Library File containing JScript Visio Diagram
  18. 18. Demo - How to create a Visio Drawing and show it in the Visio Webpart
  19. 19. Demo - Building A Simple BI Dashboard With Visio 2013 And Visio Services
  20. 20. Summary • Easy to set up • Easy to create diagrams with Visio • Need Enterprise License • Visio provides lots of tools to create diagrams • Callouts • Stock graphics • Use other images • Excel Services • Requires additional considerations • Users • Interaction • No need for client
  21. 21. Want more information/Deep dive? • Can find much information on Internet • I will update my blog with more information about Visio Services the next days/weeks. WebCast: • https://www.youtube.com/watch?v=NLJPonmyw5o • Technet: • http://technet.microsoft.com/en-us/library/ee663482(v=office.15).aspx • http://technet.microsoft.com/en-us/library/ee663485(v=office.15).aspx •
  22. 22. Thank you!  Thomas Browet  Alan Richards For some good inputs, and for borrowing me some slides.  SharePoint Arctic Challenge – For inspiring me to learn about Visio Services
  23. 23. Platinum SharePint Raffle Platinum Gold

×