SharePoint 2013 has FAST search built into its core fabric. New site templates and web parts have been added to allow you to build search driven applications. Through these search web parts, we can cross site collection boundaries to surface information, improve navigation and create a seamless experience across the different sites, site collection and web application. We will also demonstrate how to use cross site publishing to leverage multiple content sources. We also discuss several approaches for publishing internet sites. Attendee Takeaways: 1. Understanding how to work with the Product Catalog site template in SharePoint 2013 2. Learn to setup and configure cross site publishing 3. Learn to add responsive design to your site

1. 1
SharePoint 2013 Catalog Sites
Brian Culver
Build a SharePoint 2013 Search Driven Application

2. 2
Welcome to SharePoint Saturday Houston
• Please turn off all electronic devices or set them to vibrate
• If you must take a phone call, please do so in the hall so as not
to disturb others
• Special thanks to our Title Sponsor, ProSymmetry
Thank you for being a part of the
5th Annual SharePoint Saturday
for the greater Houston area!

3. 3
Thanks to all our Sponsors!

4. 4
Information
• Speaker presentation slides should be available
from the SPSHOU website within a week or so
• The Houston SharePoint User Group will be
having it’s next meeting Wednesday April 15th.
Please join us at www.h-spug.org

5. 5
About Brian Culver
– SharePoint Solutions Architect for Expert Point Solutions
– Based in Houston, TX
– Author
• ProveIT!
• SharePoint 2010 Unleashed
• Various White Papers
– Speaker and Blogger

6. 6
Session Agenda
• What is a Search Driven site?
• Search Driven Publishing Model
– Catalog Architecture
– Managed Navigation
– Content By Search Web Part
– Display Templates
– Query Builder
– Query Rules

7. 7
What is a Search Driven Site?
A site driven by search … right?
• Sounds complicated until you see it.
• Examples:
– Best Buy
– Amazon
Core Concepts
• Navigation Driven by metadata
• Published Content is the focus
• Site Structure very simple
Implementation
• Two Publishing Pages
• Friendly URLs
• Content can be anywhere

8. 8
What is a Search Driven Site?
A site driven by search … right?
• Sounds complicated until you see it.
• Examples:
– Best Buy
– Amazon
Core Concepts
• Navigation Driven by metadata
• Published Content is the focus
• Site Structure very simple
Implementation
• Two Publishing Pages
• Friendly URLs
• Content can be anywhere

9. 9
The Search Driven Publishing Model
The Product Catalog site
• Used for content storage
• Product Content Type
• Taxonomy
The Publishing site
• Presentation Layer
• Display Templates
• Content By Search Webpart
The Publishing site consumes the catalog
data and presents it to the end user.

10. 10
Advantages of a Search Driven Publishing Model
Breakdown site collection boundaries
Eliminate large list thresholds
Allows for flexible & dynamic publishing
Separate presentation from storage

11. 11
The Blocks of the Search Driven Publishing Model?
Product
Catalog Site
Content
Catalogs
Managed
Navigation
Content
Types
Publishing Site
Query
Builder
Query
Rules
Display
Templates
Content
Search
Web Parts

12. 12
Product Catalog Architecture - Site Template

13. 13
Product Catalog Architecture - Content Types & Site Columns
• Content Types
• Site Columns

14. 14
Product Catalog Architecture
The “Product” Content Type

15. 15
Product Catalog Architecture - Products List

16. 16
Build your Navigation Term Set
• Product Hierarchy

17. 17
Term Set Settings

18. 18
Term Set Navigation

19. 19
Product Catalog Page Architecture

20. 20
Audio
Cameras
Computers
Home appliances
Phones
TV and video
Adaptive experiences empower web developers to create portals
based on managed navigation and a few dynamic pages
Audio
Cameras
Computers
Home appliances
Phones
TV and video
Friendly URL
http://contoso.com/cameras
Use page
maincategory.asp
x
Search
CONTENT SEARCH WEB
PART
TERM STORE
NAVIGATION
TAXONOMY
Filter query by
CATEGORY: Cameras
Product Catalog Page Architecture

21. 21
Audio
Cameras
Computers
Home appliances
Phones
TV and video
TERM STORE
NAVIGATION
TAXONOMY
Friendly URL
http://contoso.com/computers
Use page
maincategory.asp
x
Adaptive experiences empower web developers to create portals
based on managed navigation and a few dynamic pages
Search
CONTENT SEARCH WEB
PART
Filter query by
CATEGORY: Computers
Product Catalog Page Architecture

22. 22
Content Search Web Part
Content Search
Web Parts

23. 23
Content Search Web Part
Content Search
Web Parts

24. 24
Search Driven Content Web Parts

25. 25
Display Templates
• Many options OOTB
• Create your own

26. 26
Display Templates
Make your own in HTML
& JavaScript
Many ship Out-of the-
Box
Display Templates

27. 27
Query Builder
IW focusedUI based
Allows
“advanced
mode”
Provides
Test &
Preview
Add Refiners
Query Builder

28. 28
Query Rules
IW focused
Manipulate
Search
Results
UI based
Query Rules

29. 29
Catalog Settings..

30. 30
Catalog Settings..

31. 31
Catalog Enabling Catalog Connection
Catalog Publishing

32. 32
Managed
Navigation
New Nav
Provider
Friendly URLS
Product
Catalog
integration
Terms can be
site
structures
1:1 binding of
Site
Collection to
Term Set
Managed Navigation

33. 33
Managed navigation
• Drive your navigation and URLs based
on Term Store hierarchies
• Clean URLs for actual end users
– www.contoso.com/careers
– www.contoso.com/aboutus
• Define settings for navigation
in terms store manager
• Provides also dynamic topic
pages capability for minimizing
amount of physical pages for catalog
type sites

34. 34
Refiners and faceted navigation
• Define refiners for catalog content drill
down in catalog drive scenarios
• Provides easy filtering capabilities for
catalog information
• Content editors can define which
managed properties are available as
refinements
• UI rending can be customized for each
refiner
• Different data types have different
rendering options

35. 35
Cross Site Publishing
“Create content in an Authoring
environment and use it in any one of your
SharePoint publishing environments.”
Cross Site
Publishing
URL
manipulation
Multi-branding
Authoring and
Production tiers
Multilingual
Things to know:
1. This is not content
deployment
2. Requires the
Publishing feature
3. Requires a Catalog
Flexibility in
Page Content

36. 36
Cross Site Publishing
Why XSP?:
1. Need to Publish >1 location
2. Need a multilingual site
3. Need to separate authoring
and publishing

37. 37
Steps for Configure a Catalog Site
1. Create site collections for cross-site publishing.
• Product Catalog Site
• Publishing Site
2. Import/Build (Products) list content into the Product Catalog Site.
3. How to enable a list as a catalog.
4. Set up search and enable crawling of your catalog content.
5. Connect Catalog in your Publishing site.
6. Upload and apply a new master page to a publishing site
7. Upload page layouts and create new pages in a publishing site
8. Assign a category page and a catalog item page to a term
9. Configure the query in a Content Search Web Part on a category page
10.Configure the query in a Content Search Web Part on a catalog item page
11.Upload and apply display templates to the Content Search Web Part
12.Plan and Configure to use refiners for faceted navigation
13.Add refiners for faceted navigation to a publishing site
14.Add a Taxonomy Refinement Panel Web Part to a publishing site

38. 38
Product Catalog Demo

39. 39
New Site Search Admin Tasks
 Just to summarize, here are things site admins
can do to manage search themselves:
Task
Site
Collection
Admin
Site Admin
Create and/or override Query Rules, including Promoted Results
Create and/or override Result types and display templates
Create and/or override Result Sources, either for remote locations
or as a custom search “vertical”
Create managed properties
Create refiners
Start a local crawl – can even be done down to the list level

40. 40
Useful Links and Resources
• Technet Import Scripts
– http://gallery.technet.microsoft.com/Import-list-content-to-f735d7fb
• Check for the Latest Slide Deck
– http://www.slideshare.net/bculver
• Videos for Search Driven Sites
– https://www.youtube.com/watch?v=xTVW5fqafy4
– https://www.youtube.com/watch?v=-dJ9k2hu11o

41. 41
Please Leave Feedback During Q&A
Speakers: If you want to get feedback on your talk,
put the shortened link and the QR code on this
page. Instructions on how to get your link and QR
code are at: bit.ly/spshou2015decktemplate
Also, please upload your completed deck to our
Onedrive folder: bit.ly/spshou2015deckuploads

42. 42
Constructive Feedback Is Appreciated
Great information,
but would like to
have learned more
about [Insert Topic]Brian – Your
presentation
was …
Good
Demos!
Thanks!

43. 43
Questions
??
?
?
Please Leave Feedback
http://xfer.ws/5PYF
Survey Link: WhatsYourAnswer.com?S20154715156
https://www.whatsyouranswer.com/wyasurvey.aspx?sid
=S20154715156

44. 44
Thank you!
Brian Culver, MCM
Twitter:
@spbrianculver
E-mail:
brian.culver@expertpointsolutions.com
Blog:
http://blog.expertpointsolutions.com/
Slides:
http://www.slideshare.net/bculver