Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

How to build a Project Hub with Hubsites and Sitedesign and Sitescripts

My session from SPC 19 about how to use Hubsites, Sitedesigns and Site Scripts to create your own Project Hub with Modern SharePoint.
If you want to learn more or have me deliver this session let me know.

  • Identifiez-vous pour voir les commentaires

  • Soyez le premier à aimer ceci

How to build a Project Hub with Hubsites and Sitedesign and Sitescripts

  1. 1. Knut Relbe-Moe √ Founder of DocsNode √ SharePoint Specialist √ Partner Manager Valo Intranet √ 4 times Microsoft MVP √ Nintex VTE @knutrelbemoe https://linkedin.com/in/knutrelbemoe
  2. 2. https://joannecklein.com/2018/07/29/modern-project-sites-using-site-designs/ @JoanneCKlein
  3. 3. Source: Microsoft
  4. 4. • discover related content such as news and other site activities, • apply common navigation and branding across associated sites, • search across all associated sites. https://support.office.com/en-us/article/what-is-a-sharepoint-hub-site-fe26ae84-14b7-45b6-a6d1- 948b3966427f
  5. 5. https://www.computerworld.com/article/3280102/enterprise-applications/6-tips-for-planning- sharepoint-hub-sites.html @susanhanley
  6. 6. What isSharePointSite Design andSiteScripts
  7. 7. SiteScripts Site Scripts is JSON definition that describes actions and sub-actions https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/site-design-overview
  8. 8. Site Designs Site design is a set of pre-defined actions that get executed to a site after the site has been created. Site design in some ways are a container for the Site Script. Each Site design can have one or more associated Site Scripts You can have a default design that will be applied to sites when they are created
  9. 9. Why should we use HubSites for our projects?
  10. 10. You get a lot of functionality out of the box from Microsoft Search across your projects Global Navigation for all your projects Overview over all your projects trough associated sites
  11. 11. Associatedsites Display the most active sites associated with the hub site on the home page by using the Sites web part. And choose the layout you want
  12. 12. Step byStep creatingthis magic
  13. 13. Step to awesomeness Build The Project HUB Decide on Project Site Resources and Actions Build JSON File Add Site Script and Site Design to the Tenant Create a Site with the Design
  14. 14. Step 1: Build the ProjectHUBSite 1. Create your SharePoint Hub 2. Create your site directory list 3. Add the required columns 4. Create Microsoft Flow to store all created sites in the directory https://docs.microsoft.com/en-us/sharepoint/dev/declarative-customization/site-design-trigger- flow-tutorial
  15. 15. Step 1: Build the ProjectHUBSite
  16. 16. This Photo by Unknown Author is licensed under CC BY-SA-NC Step 2:So how do we want our project templatesto look like??
  17. 17. Step 2:So how do we want our projecttemplatesto look like?? 2Templates, one for Internal, and one with External Sharing on Create new Project Documents library with some custom columns Add Project Document content type to the new library Remove Document content type from the new library Add Project Documents library to the navigation Remove Documents, Pages, and Site Contents from the navigation Add the Project site to the Project Hub Set External Sharing Automatically add the site to the Site Directory
  18. 18. Step 3: Build theJSON / To codeor not to code… Site design JSON schema reference, code.learn(you);
  19. 19. SharePointSite Designer @punamaki
  20. 20. Step 3: Build theJSON PnP solution, Site Designs Studio, contributed byYannick Plenevaux to assist in creating/changing the site scripts and site designs https://github.com/SharePoint/sp-dev-solutions/tree/master/solutions/SiteDesignsStudio
  21. 21. Demo!
  22. 22. Step 4:AddSiteScript andSite Design to theTenant
  23. 23. Step 5:Createsites with the design
  24. 24. Step 5:Createsites with the design
  25. 25. Demo!
  26. 26. Step 1: Build the ProjectHUBSite Register-SPOHubSite -Site "https://docsnode.sharepoint.com/sites/projecthub"
  27. 27. Step 3: Build theJSON Site design JSON schema reference,
  28. 28. Step 4:AddSiteScript andSite Design to theTenant
  29. 29. Step 5:Createsites with the design
  30. 30. Step 5:Createsites with the design
  31. 31. Summary
  32. 32. What doesproject hub sites offer • They add a consistent branding across all sites • They add a persistent menu, making it easier to move between the linked sites. • If you search within the hub site, it will also search all linked sites. • We will also get publishing workflow/flow
  33. 33. What aboutlifecyclehandling…
  34. 34. Demo!
  35. 35. Configuration tips • You can always detach a site from a Hub if you want to attach it to another hub site in the future. • Hubs do not influence permissions. • Make sure end users follows the Project Hub • You can setup your hub to require approvals. That way, not anyone would be able to attach to a hub but instead they would have to be approved by the hub Site Owner • The Associated sites, can only show 99 sites.
  36. 36. What else we can do?
  37. 37. FLOW 
  38. 38. https://github.com/SharePoint/sp-dev-fx-webparts/tree/master/samples/react-content- query-webpart
  39. 39. https://www.erwinmcm.com/getting-started-with-the-pnp-provisioning-engine-and-pnp-powershell/
  40. 40. Thank you!
  41. 41. https://laurakokkarinen.com/the-ultimate-guide-to-sharepoint-site- designs-and-site-scripts/ https://docs.microsoft.com/en-us/sharepoint/dev/declarative- customization/site-design-pnp-provisioning https://docs.microsoft.com/en-us/sharepoint/dev/declarative- customization/site-design-overview https://docs.microsoft.com/en-us/sharepoint/dev/declarative- customization/get-started-create-site-design https://joannecklein.com/2018/07/29/modern-project-sites-using-site- designs/
  42. 42. Codes and script files used in this slides: https://github.com/knutrelbemoe/sessions/ @knutrelbemoe https://linkedin.com/in/knutrelbemoe
  43. 43. Thank you
  44. 44. Thank you Questions