where did design view go in sharepoint designer

42
Where Did Design View Go In SharePoint Designer?! The Role of the SharePoint 2013 Power User Patrick O’Toole. Consultant, Slalom Consulting

Upload: patrickotoole

Post on 06-Aug-2015

117 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Where did design view go in SharePoint Designer

Where Did Design View Go In SharePoint Designer?!The Role of the SharePoint 2013 Power UserPatrick O’Toole. Consultant, Slalom Consulting

Page 2: Where did design view go in SharePoint Designer

Introduction

Seriously, Where did Design View Go?

Who are Power Users & Why Do I Care?

Comparison of SharePoint 2010 & SharePoint 2013

Drinks

Page 3: Where did design view go in SharePoint Designer

Introduction

Page 4: Where did design view go in SharePoint Designer

4

Patrick O’Toole

Slalom Consulting

University of Illinois

Capricorn

@OToolePatrick

Page 5: Where did design view go in SharePoint Designer

Seriously, Where Did Design View Go?

Page 6: Where did design view go in SharePoint Designer

Seriously, Where Did Design View Go?

"Use SharePoint as an out-of-box application whenever possible…”

- Jeff Teper, Corporate Vice President SharePoint

"We’d like to see all of our customers move to the cloud…”

- Kirk DelBene, President, Microsoft Office

“Investing heavily in SharePoint Designer does not make financial sense and does not fully comply with Microsoft’s overall strategy for SharePoint”

- Patrick O’Toole

Upgrading the tool will take time an money

Page 7: Where did design view go in SharePoint Designer

Who are the Power Users and Why Do I Care?

Page 8: Where did design view go in SharePoint Designer

8

Who Are Power Users?

Middle Tier Developer

No-Code Specialist

SharePoint Designer/InfoPath Developer

Site or Site Collection Admin

Business Users

Developers

Architects

IT Pros

Power Users

Page 9: Where did design view go in SharePoint Designer

9

What the Power User Does

Site/Site Collection Admins (boring! Not covering this)

Create SharePoint functionality through savvy use of Out of the Box components & light development

Three main types of functionalityLook & Feel / Branding

Data Presentation / Business Intelligence

Business Process Integration and Data Collection

Page 10: Where did design view go in SharePoint Designer

10

Why Do I Care?

Some topics will directly impact your work

Understanding the changes in the role of the Power User help with:

Planning & Project ManagementCreating GovernanceTrainingSupportAdoption

Page 11: Where did design view go in SharePoint Designer

Comparison of SharePoint 2010 & SharePoint 2013How they used to do it and how and how they will now do it

Page 12: Where did design view go in SharePoint Designer

12

Comparison of SharePoint 2010/2013

Look & Feel / Branding

Data Presentation / Business Intelligence

Business Process Integration and Data Collection

Other Items/Improvements

Page 13: Where did design view go in SharePoint Designer

Quick HTML Editing

Customizing the Layout of a Single Page

Creating Page Layouts

Creating and Applying a Theme

Look & Feel / Branding

Page 14: Where did design view go in SharePoint Designer

14

Quick HTML Editing

SharePoint 2010 – Woof! SharePoint 2013 – A little better

Page 15: Where did design view go in SharePoint Designer

15

Customizing the Layout of a Page (### Consider Removing)

SharePoint 2010 – Through SharePoint Designer it was easy to:

Add Web Part ZonesResize Web Part Zones

SharePoint 2013 – No Design ViewCould use tables and quick HTML Editing

Page 16: Where did design view go in SharePoint Designer

16

Creating Page Layouts

SharePoint 2010

Copy & Paste Existing Page Layout (at Site Collection Level)

Drag controls around, delete controls, etc.

SharePoint 2013 – More difficult without design view

Conclusion: Only Devs will Work with Page Layouts

Page 17: Where did design view go in SharePoint Designer

17

Creating & Applying Themes

SharePoint 2010Edit colors/fonts from an Out of the Box Theme (shown below)Create .thmx file from PowerPoint and upload to Theme Gallery

Page 18: Where did design view go in SharePoint Designer

18

Creating & Applying Themes

SharePoint 2013Themes are now part of “Composed Looks”Composed Looks combine any combination of

MasterPages CSS file(s)Color palletsFont schemes (optional) Background image (optional)

Editing of Composed Looks is simple but lacks functionality*

Custom Composed Looks too difficult?

Page 19: Where did design view go in SharePoint Designer

19

Creating & Applying Themes

Editing Out of Box SharePoint 2013 Composed Look

Very simple

Can’t edit individual colors in browser

Need to do this with “Code” or “Theme Slots Tool” (Link)

Page 20: Where did design view go in SharePoint Designer

Creating & Applying Themes

Custom Composed Look in SharePoint 2013

.spcolor file

.spfont file (optional)Master Page & CSSBackground image (optional)Associate Composed Look to masterpage, spcolor file, etc.

.spcolor file – the hard way.spfont fileMasterPage/CSS

Page 21: Where did design view go in SharePoint Designer

Creating & Applying Themes

Creating .spcolor file – the easy way

Page 22: Where did design view go in SharePoint Designer

Creating & Applying Themes

ConclusionPower Users Might Create .spcolor files the easy wayDevelopers likely needed to help with everything elseGovernance needed

Page 23: Where did design view go in SharePoint Designer

Data View Web Parts

Quick List Modifications

Search & Content Query Web Part

Data Presentation & BI

Page 24: Where did design view go in SharePoint Designer

Data View Web Parts

Create DVWPs

Create Related Data Sources

Can still edit XSL to change formatting

Page 25: Where did design view go in SharePoint Designer

Data View Web Parts

### Screenshot of typical DVWP application

Page 26: Where did design view go in SharePoint Designer

Quick List Modifications

Editing Column Widths

Page 27: Where did design view go in SharePoint Designer

Quick List Modifications

Conditional FormattingSPD 2013

SPD 2010

Page 28: Where did design view go in SharePoint Designer

Search & Query – SharePoint 2010

Content Query Web PartScope: Site CollectionCan filter/sort by Site ColumnsCan show up URL, image, title & description Several OOB styles, can create custom ones

Search Results Web PartScope: Anything crawledCan style with XSL

Page 29: Where did design view go in SharePoint Designer

Search & Query – SharePoint 2010

Screenshot CQWP & Search Web part ###

Page 30: Where did design view go in SharePoint Designer

Search & Query – SharePoint 2013

Content Search Web PartScope: anything crawledLots of options for queriesDisplay Templates & Item Display Templates (HTML)

Page 31: Where did design view go in SharePoint Designer

List Forms onto Pages (###)

SharePoint Designer Workflows

InfoPath

Access Services

Business Process Integration & Data Collection

Page 32: Where did design view go in SharePoint Designer

SharePoint Designer Workflows

SharePoint 2010Very valuable tool for Power Users

SharePoint 2013Amazing!Covered in detail in prior ChDevSPUGLoops & StagesNeed to call SP2010 workflows

Page 34: Where did design view go in SharePoint Designer

Access

Access and SharePoint 2013Can create access App on any siteApp-Web / Host-Web conceptEasily integrate with lists from host-webEasy to create “simple” formsMacros can be created (by devs or power users)

Page 35: Where did design view go in SharePoint Designer

Access

Forms

Page 36: Where did design view go in SharePoint Designer

Access

Connecting to SharePoint Lists

Page 37: Where did design view go in SharePoint Designer

Access

Example

Page 38: Where did design view go in SharePoint Designer

Access

When to use Access AppsMigrate & Manage existing Access Apps on SharePointSmall, temporary applications with relational dataApplications for departments or small companiesWhen Access & InfoPath can solve a business problem – consider Access first

Remember: Sometimes you need a robust reporting tool

Page 39: Where did design view go in SharePoint Designer

Business Process Integration

ConclusionEncourageSharePoint Designer WorkflowsAccess Apps

DiscourageInfoPath Forms – although they certainly have their place

Page 40: Where did design view go in SharePoint Designer

Questions!?

Page 41: Where did design view go in SharePoint Designer

41

PatrickO’TooleConsultant

[email protected]@OToolePatrick

CONTACT(S)

Page 42: Where did design view go in SharePoint Designer

© 2012 Slalom, LLC. All rights reserved. The information herein is for informational purposes only and represents the current view of Slalom, LLC. as of the date of this presentation.SLALOM MAKES NO WARRANTIES, EXPRESS, IMPLIED, OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.