A solution for dynamically changing site structures Brings together related Team sites and Communication Sites Cross-site navigation / Global Navigation Common look and feel across sites (Theme) Logo Rollsup News together Combines site activities Search across related sites Admin create Hub Sites and site owners associate/join the hub site.

1. Jenkins NS
Community speaker and blogger.
#SPFx #SharePoint #Office365
London, United Kingdom
My Blog : http://jenkinsblogs.com/
Implementing SharePoint Hub Sites on Office 365
#MWCP2018

2. #MWCP2018
Agenda
Background
Overview
Things you need to know
Demo
 CreatingaHubSite
 AssociateSiteswithHubSites
SPC18 New announcements
FAQ’s

3. #MWCP2018
Where we come from
IT
Project 2Project 1 Project 3
HR
Policies Benefits
Lists
Libraries
Pages
SiteCollection SubSites
Project 5Project 4
Lists
Libraries
Pages

4. #MWCP2018
Where we are – Modern Experience
 Modern Sites are ‘Site Collections’
 Always better when they are connected
 Companies are made up of smaller groups and
teams
 Customerswanttoorganizesitesintogroupingthat
 Makeit easierforuserstodiscoverandrecall
relatedcontent
 Applycommoncontrols,brandingandpolices.
 Searchtogetherandgroupcommonnewsand
contents.
 Nomoredeepsitestructures
 ModernSiteisa “FlatArchitecture”
 Hubsconnectrelatedsites
Sales
Report
Yearly
Report News
Regional
sales
Customer
Report
Feedback
Sales
Record
Center
Expense
Tracker
Benefits
Travel
Policies
Guidance
New
Hires
HR
SiteCollections

5. #MWCP2018
Why do we need SharePoint Hub Sites
A dynamic, ever-changing digital workplace
• We want to see things that are relevant
• Navigate consistently and easily
• Search in the context of where we are
• Anyone can post news, comment or like items and read other’s news and comments
Constantly Changing Organisations
• As administrators we need quick ways to restructure our sites
• We need to be able to provision quickly as new requirements arrive
• Customers always looking for a solution immediately.

6. #MWCP2018
 Asolutionfor dynamicallychangingsitestructures
 BringstogetherrelatedTeamsitesandCommunicationSites
 Cross-sitenavigation/GlobalNavigation
 Commonlookandfeel acrosssites(Theme)
 Logo
 RollupNewstogether
 Combinessiteactivities
 Searchacrossrelatedsites
 AdminonlycancreateHubSitesandsiteownersassociate/jointhe
hubsite.
SharePoint Hub Sites
Sales
Report
Regional
sales
Customer
Report
Feedback
Sales
Yearly
Report

7. #MWCP2018
Hub site
Team sites
Communication sites
Benefits
today…
SharePoint Hub Sites – Quick Example

8. #MWCP2018
 NavigationconfiguredintheHubSite
 The hub site navigation by default is static and you must have full
control of the main hub site, and edit the navigation on that site.
 Adding sites to the hub doesn't add them to the hub navigation
 AssociatedsitesinheritnavigationfromtheHubSite
 Navigationisnotsecuritytrimmed
 If theuserdoesn’thavepermissiontothesite,itwillredirecttoAccess
deniedpage.
 WecanbuildsecuritytrimmednavigationusingSharePointFramework
(SPFx)
 Cantaketimeforthenavigationtoappearintheassociatedsites
 SupportsdropdownitemsandMobiles
Global Navigation

9. #MWCP2018
 AssociatedsitesinheritlogoandsitethemefromtheHubSite
 Acrossassociatedsitesusethesamelogo,lookandfeel
 We can’tchangetheassociatedsitestheme.Italwaysinheritsfrom
thehubsites
 While disconnecting from one Hub and connecting to another
hub, automatically updates the new Hub site theme
 If youremovetheassociationandselectnone,themewill notchange
automatically
 When selecting a new theme, a customize option appears
Logo and Site Theme

10. #MWCP2018
 All associatedsites’news rolluptoHubsites
 News can be created on the Mobile App
 There is a delay because it depends on Search crawling the content
 Comments and likes appear in both the Hub and source site immediately
 CurrentLimitations:
 News cannotbescheduled
 Noapprovalprocess
News Rollup

11. #MWCP2018
 ContentrollupfromsitesconnectedtotheHubsite
 RollupcontentbasedonContentType
 SupportsFilteringandSorting
 RollupDocuments,Lists,Pages,News,Videos,Events,Issues,
TasksandLinks
 Linkstorecentactivities
Highlighted Content Webpart

12. #MWCP2018
 SearchscopedtoconnectedHubsites
 Securitytrimmed
 Newdefaultresultsources:
 All
 Sites
 Files
 News
Search

13. #MWCP2018
 AssociatedsitescannotinheritsecurityfromtheHubSite
 Securityshouldbeconfiguredindividuallypersitecollection
 Permissionsmustbeconfiguredonconnectedsitesindividually
 UsegroupstoapplypermissionacrossSiteCollections
 Contentrollup,News andsearchis securitytrimmed
Security

14. #MWCP2018
Step1: Createa CommunicationSiteor TeamSite
Step2: Register the site as a Hub Site
 ToRegisterHubSitewe needadminpermission,onlyadministratorcanregisterthesiteasHubsiteusing
PowerShell
 Use SharePoint Online PowerShell Console, download the Latest version.
 To Connect the admin site
 PSC:Windowssystem32>connect-SPOService-Url https://tenant-admin.sharepoint.com
 PSC:Windowssystem32>Register-SPOHubSite–Site
https://tenant.sharepoint.com/sites/hubsitename
 Tograntpermissionwhile registeringhubsites
 Register-SPOHubSite -Site https://tenant.sharepoint.com/sites/hubsitename -Principals
‘user@domain.com’
Demo – Creating a Hub Site

15. #MWCP2018
 Click the Cog and then choose ‘Hub site settings’ to change the logo
 Clickthecogandthen‘Changethelook’andselect theThemeandcustomizeit.
 AddtheGlobalNavigation
Demo – Hub site settings

16. #MWCP2018
Step1: Createa CommunicationorTeamSite
Step2: Clickthecogandtheselect‘Siteinformation’
Step3: SelecttheHubSitetoassociatewith.
UsingPowershell
Step1: ConnecttheAdminsite
PSC:Windowssystem32>connect-SPOService-Url
https://tenant-admin.sharepoint.com
Step2: AssociatethesitewithHub
PSC:Windowssystem32>Add-SPOHubSiteAssociation
https://tenant.sharepoint.com/sites/projects-HubSite
https://tenant.sharepoint.com/sites/hubsite
Demo – Associate sites with Hub sites

17. #MWCP2018
 SP HubSiteNavigationSupportsresponsiveview
 GoodmobilesupportoniOSandAndroid
Mobile Support

18. #MWCP2018
 Createassociatedsitefromwithinhubsiteitself
 Create,associate/disassociate,plusreportonhubsitesintheSharePointadmincenterinOffice365
SharePoint Conference 2018 Updates

19. #MWCP2018
 CreatemoreSharePointhubsites–upto100,beforeitis50
 AdjustsitesautomaticallywhentheygetassociatedtoaSharePointhubsite
 WhenpeopleinyourorganizationcreatenewSharePointsites,youoftenneedtoensurealevelofconsistency.Youcanusesite
designsandsitescriptstoautomateprovisioningneworexistingmodernSharePointsitesthatuseyourowncustomconfigurations.
Andthiscanbemostcriticalwhensitesgetassociatedtowell-managedSharePointhubsites
 https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/site-design-scoping
 Modifythecolorofyoursiteheader
.
SharePoint Conference 2018 Updates

20. #MWCP2018
 Spreadnewsfromanywhere
 Whenyouhavenewstoshare,youdon’twanttobelimitedwithhowyoucansharenews–especiallywhenitexistsfroman
externalsource.You,also,don’twanttohitthatblockerofapageornewsarticlebeingleftinaneditstatewhenthepreviousauthor
forgottoclickpublish.SharePointintroducesnewwaystodistributeexternalnewsandeditingimprovementstokeepthepushof
informationflowing.
 NewsLinks
 Pageeditingimprovements
 NewWebpartlayoutoptions
SharePoint Conference 2018 Updates

21. #MWCP2018
 HowmanyHubsitescanatenanthave?100
 CanIconnectoneHubsitetoanother?No
 CanasiteassociatetomorethanoneHubsite?No
 CanIdisconnectfromoneHubandjoinanother?Yes
 CanIconnectaclassicSharePointsitetoaHub?No
 CanIconvertexistingSitestoHubSites?Yes
 CanIcreateaClassicSharePointSiteasHubSite?YeswithLimitations(Newsandcontentrollupwillnotsupport)
 Anylimittoassociatethehubsite?No
FAQs

22. #MWCP2018
 Hubsitescompletea bigpartof theModernSharePointArchitecturePuzzle
 Navigation,themeandlogoareinheritedbyconnectedsites
 CombinedNews Webpartin Hub
 ContentrollupfromsitesconnectedtotheHubsite
 Searchis scopedwiththeHubandconnectedsites
 GoodmobilesupportoniOSandAndroid
Summary

23. #MWCP2018
QUESTIONS & ANSWERS

24. #MWCP2018
Reference
https://docs.microsoft.com/en-gb/sharepoint/planning-hub-
sites
https://techcommunity.microsoft.com/t5/Microsoft-
SharePoint-Blog/SharePoint-hub-sites-new-in-Office-365/ba-
p/109547
https://docs.microsoft.com/en-us/sharepoint/dev/declarative-
customization/site-design-overview
https://techcommunity.microsoft.com/t5/Microsoft-
SharePoint-Blog/SharePoint-hub-sites-updates-plus-new-
page-and-web-part/ba-p/234574

25. #MWCP2018
MODERN WORKPLACE CONFERENCE PARIS
DU 16 AU 18 OCTOBRE 2018

26. MERCI BEAUCOUP!
THANK YOU! #MWCP2018