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

We all build different project sites during the years, and also used the content by query web part to lift up the different projects we was part of, but how can we achieve the same in Modern SharePoint.

In this session we will:
Use Hub sites as the home of our Projects,
Create a Project template with Site Design and Site Scripts,
Enable a flow to add some more magic.
Look at different web parts both from Microsoft and from the community to help us lift up our Project Sites.
Ensure it is is all security trimmed so that we don’t see more then we have access to see.
Really Cool!
And we will also make sure that our Projects are teamified so that we also can access them from Microsoft Teams, and with prepopulated content, so our Project Managers can start to work immediately So lets build the new Project Hub together.

  • 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. HOW TO BUILD A PROJECT HUB WITH HUBSITES AND SITEDESIGN AND SITESCRIPTS Knut Relbe-Moe | Valo Intranet | DocsNode
  2. 2. THANK YOU TO OUR SPONSORS
  3. 3. CONNECT WITH ME AND YOUR FELLOW ATTENDEES
  4. 4. Agenda
  5. 5. Who’s speaking? Knut Relbe-Moe √ Founder of DocsNode (your template solution for Office) √ SharePoint Specialist √ Partner Manager Valo Intranet √ 5 times Microsoft MVP @knutrelbemoe https://linkedin.com/in/knutrelbemoe
  6. 6. •Helps you with your OfficeTemplates •Keeps the corporate brand on all the templates •Templates stored in one place, easy to update •Filter, sort, tag and favorites your templates •Integrates with Document libraries •Office-Add-In forWord, Excel and PowerPoint •Template Chooser for Modern SharePoint What is DocsNode http://www.docsnode.com/
  7. 7. Ready-to-Go Modern Intranet
  8. 8. Valo is an award-winning Digital Workplace solution on Office 365 and SharePoint • Center of all communication, social and teamwork in your organization • Beautiful User Experience • Works with any device • You can start using it immediately • Customizable • Always up-to-date
  9. 9. Award-winning DigitalWorkplace solution on Office 365 and SharePoint Valo Intranet All the most popular intranet features in one package with a beautiful user experience ValoTeamwork Find and manage your groups, team sites and collaboration tools Valo Idea Management Collect and nurture ideas using gamification
  10. 10. https://joannecklein.com/2018/07/29/modern-project-sites-using-site-designs/ @JoanneCKlein
  11. 11. Source: Microsoft
  12. 12. • 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
  13. 13. https://www.computerworld.com/article/3280102/enterprise-applications/6-tips-for-planning- sharepoint-hub-sites.html @susanhanley
  14. 14. Why should we use HubSites for our projects?
  15. 15. 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
  16. 16. 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
  17. 17. Recentdocuments Display recent document from your sites in the hub
  18. 18. Hub Site Limitations • Sites linked into a hub site can only be associated with one hub site. • Hubs can’t be nested, limiting their potential for a corporate portal • No fix for multiple languages Source, Sam Marshall: https://www.cmswire.com/digital-workplace/hub-sites-raise-sharepoints- intranet-potential/
  19. 19. What isSharePointSite Design andSiteScripts?
  20. 20. 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
  21. 21. 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
  22. 22. Why should we useSite Design andSiteScripts for our projects?
  23. 23. You get a lot of functionality out of the box from Microsoft Can join all sites to a hub that is created with the design/script Prepopulate content into our projects Make sure all projects have the same content types and structure
  24. 24. Where will your users create the project sites?
  25. 25. MicrosoftTeams
  26. 26. Microsoft SharePoint
  27. 27. Should everyone create projects or sites?
  28. 28. But lets for this case assume that projectsshould be createdasSharePoint sites Step byStep creatingthis magic
  29. 29. 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
  30. 30. 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
  31. 31. Step 1: Build the ProjectHUBSite
  32. 32. This Photo by Unknown Author is licensed under CC BY-SA-NC Step 2:So how do we want our project templatesto look like??
  33. 33. Step 2:So how do we want our projecttemplatesto look like?? 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
  34. 34. Step 3: Build theJSON / To codeor not to code… Site design JSON schema reference, code.learn(you);
  35. 35. Demo!
  36. 36. SharePointSite Designer @punamaki
  37. 37. 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
  38. 38. Step 4:AddSiteScript andSite Design to theTenant
  39. 39. Step 5:Createsites with the design
  40. 40. Step 5:Createsites with the design
  41. 41. Summary
  42. 42. 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
  43. 43. What else we can do?
  44. 44. Teamify  https://blog.leitwolf.io/create-a-microsoft-team-with-flow- custom-connector/
  45. 45. FLOW  https://laurakokkarinen.com/provisioning-teams-with-a- site-design-flow-and-microsoft-graph/
  46. 46. https://www.erwinmcm.com/getting-started-with-the-pnp-provisioning-engine-and-pnp-powershell/
  47. 47. 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/
  48. 48. Thank you!
  49. 49. Thank you Knut Relbe-Moe @knutrelbemoe https://linkedin.com/in/knutrelbemoe Codes and script files used in this slides: https://github.com/knutrelbemoe/sessi ons/
  50. 50. Eval this session and all others
  51. 51. Step 1: Build the ProjectHUBSite Register-SPOHubSite -Site "https://docsnode.sharepoint.com/sites/projecthub"
  52. 52. Step 3: Build theJSON Site design JSON schema reference,
  53. 53. Step 4:AddSiteScript andSite Design to theTenant
  54. 54. Step 5:Createsites with the design
  55. 55. Step 5:Createsites with the design

×