Embed Size (px)
Citation preview
CM105 - Modern Intranets in Office 365
Peter Carson
December 5, 2018
Peter Carson
▪ President, Envision IT
▪ SharePoint MVP
▪ Partner Seller, Microsoft Canada
▪ http://blog.petercarson.ca
▪ www.envisionit.com
▪ Twitter @carsonpeter
▪ VP Toronto SharePoint User Group
2016 2018Aug Oct Dec Feb Apr Jun Aug Oct Dec Feb Apr
Modern Lists and Libraries8/1/2016
SharePoint Framework2/23/2017
Modern Team and Communication Sites5/4/2017
Hub Sites5/4/2018
Modern Timeline
What is the modern experience?
▪ New experience in response to the request to make SharePoint look like “anything but SharePoint”
▪ Designed from the ground up to be mobile-friendly
▪ Simple page editing
▪ List and Library improvements
▪ Performance improvements
▪ SharePoint Framework for web part development
▪ Where are the new investments are happening
Classic vs. Modern
Advantages of Modern Lists and Libraries
▪ Responsive across device channels▪ Quicker editing of metadata▪ Update multiple documents’ metadata▪ Drag-and-drop across groups to update metadata▪ Pin documents, links, and filters▪ Move and copy documents and folders from the command bar▪ Better handling of required metadata▪ Easier creation and customizing of views▪ Custom column formatting▪ Upload a folder▪ Better handling of large lists/libraries▪ Power Apps and Flow in the command bar
https://joannecklein.com/2018/08/31/10-reasons-the-sharepoint-modern-library-experience-is-better/
▪ Easily create powerful, beautiful looking pages▪ Communicate ideas and information using our new authoring canvas and gallery of web parts.
▪ Modern building blocks▪ Authoring canvas and web parts are built using client-side HTML and JavaScript. Pages are reusable in
custom applications
▪ Mobile support is built in from the start▪ Content reflows across device sizes and pages are fast and fluid.
▪ Pages get better with the Microsoft Graph▪ Authors can leverage Microsoft Graph to surface relevant pages to the people that need to read them.
Modern Site Pages
Recent Modern Pages Updates – November 2018
▪ Page templates and gallery▪ Section background shading▪ Choose News thumbnail and description▪ Organization News▪ News audience targeting▪ Create associated sites from hubs▪ Location columns▪ @mentions in comments▪ Site branding and navigation features▪ Site designs▪ Lots of new web parts
Mobile Apps
https://resources.techcommunity.microsoft.com/resources/build-modern-intranet-on-sharepoint-office-365/
SharePoint Starter Kit
https://github.com/SharePoint/sp-starter-kit
Starter Kit
▪ GitHub solution that provides:
▪ Automated provisioning of a simple demo Communications Site (Hub) and two Team Sites
▪ All scripts and instructions to deploy to your tenant in minutes
▪ Full source for several custom web parts and SPFx Framework extensions
Starter Kit – Web Parts
▪ Banner
▪ Followed Sites
▪ Links
▪ LOB Integration
▪ People Directory
▪ Personal Calendar
▪ Personal Contacts
▪ Personal Email
▪ Personal Tasks
▪ Recent Contacts
▪ Recently Used Documents
▪ Recently Visited Sites
▪ Stock Information
▪ Tiles
▪ Weather Information
▪ World Time
Starter Kit - Extensions
▪ Alert Notification
▪ Collaboration Footer
▪ Discuss Now (list view command to start a dialog in a document library)
▪ Portal Footer
▪ Site Classification (header with site classification information)
Starter Kit - Provisioning
▪ GitHub solution that provides:
▪ Automated provisioning of a simple demo Communications Site (Hub) and two Team Sites
▪ All scripts and instructions to deploy to your tenant in minutes
▪ Full source for several custom web parts and SPFx Framework extensions
Information Architecture
▪ Even with a good plan, information architecture is a continual process
▪ No more site/sub-site – new flat structure where all sites are site collections
▪ Modern subsites are now supported
▪ Hub Sites create a group of sites that share navigation, branding and other elements.
Planning Permissions
▪ SharePoint Groups
▪ O365 Groups
▪ Azure Active Directory Groups
Classic vs. Modern IA
Envision IT IA
Envision IT Modern IA
Office 365 Groups
Matt Wade - http://icansharepoint.com/everyday-guide-office-365-groups/
Hub Sites
▪ Shared navigation and brand
▪ Roll-up of content and search
▪ A home destination for the hub
▪ Can be Team or Communications
▪ Associated Sites are “subsites”
Three Places to Work
Private by default
Communications vs. Team Sites
▪ Communications Sites:▪ Evolution of publishing sites▪ Three templates:
‒ Topic: to share news, events, and other content‒ Showcase: use photos or images to promote a product, team, or event‒ Blank: create your own design
▪ No longer need a developer to customize master page, CSS, navigation▪ Top Navigation▪ Pages are made up of a Title and Sections which can be customized in one, two, or
three-column layouts▪ Web parts to display content▪ Hero, News, Events, Quick Links, Text, Image web parts▪ Coming soon – audience targeting
Communications vs. Team Sites
▪ Team Sites:
▪ Collaboration-focused
▪ Left Navigation
▪ Comes with the full O365 Group experience, including Microsoft Teams
▪ Like Communications Sites, can also have pages, web parts, and news, etc..
Communications vs. Team Sites
Communications Site
Team Site
Branding and Design
▪ Use one of many out-of-the-box themes▪ Create custom themes
▪ Use the Microsoft Theme Generator (https://developer.microsoft.com/en-us/fabric#/styles/themegenerator)
▪ Create custom site designs▪ When a site design is selected, SharePoint runs site scripts to perform
custom actions such as creating new lists, applying a custom theme, setting a site logo, updating regional settings, triggering a Microsoft Flow etc…
▪ Coming Soon: multiple options for header/footer such as mega menu
Pages
▪ Pages can have multiple sections
▪ Each section can be laid out in one of five ways
▪ Content is added to each column in the form of web parts
Web Parts
▪ All content is added to the page through web parts
SharePoint Framework (SPFx)
▪ Very open source focused
▪ Custom Web Parts
▪ Extensions – Header, Footer, Navigation, Alerts, …
▪ Microsoft Teams Extensions
SharePoint Framework
Navigation
▪ Five Navigation Options:
▪ Hub
▪ Site
▪ Footer
▪ SPFx Extensions
‒ Global Nav
‒ Masthead
‒ Breadcrumbs
Search
Decreasing attention span
Accelerating content scale
The world is investingin intelligent tech
59%Managers missinginformation daily
20%Time spent looking forthe right information
1 zettabyte = 1B terabytes
44 zettabytes ofdata (2020)
>76%unstructureddata (2020)
104 quadrillion averageOffice docs (2020)
$5B Machine Learning (2016)
$3B Computer Vision (2016)
$1B Natural Language (2016)
VC investment in AI companies in 2016
169 billion standardcontent DBs (2020)
Office Graph
Current Search Experiences
Classic
▪ Site
▪ List or library
▪ Search verticals – default and custom
▪ Custom refiners
Modern
▪ Site
▪ Hub
▪ Defined search verticals
▪ Defined refiners
Other
▪ Office.com
▪ Bing.com
Delve
▪ Powered by the Office Graph
▪ Collects signals of activities people are doing
▪ Drives information discovery through your connections to other people
▪ Machine intelligence
▪ Auto builds profile pages
Microsoft Search
in Bing
in Office.com
in SharePoint
in Edge
in Windows
in PowerPoint
in Outlook
in Excel
in Yammer
in Word
in Sway
in Teams
in OneNote
Microsoft Graph + Bing technology
What’s Next
Q2 2019
MeIs the content related to projects me or my
collaborators are involved in?
My roleIs content created for people similar
to me, based on role/location/org?
My orgIs the content authoritative / official? Does it
represent the knowledge of organization?
Intent: Understand what you want to do right now
Using tech transfer from internet consumer search
Semantic matchingGet the correct result without having to
remember or guess the ‘correct’ query term.
Beyond a list of resultsGet the meaning of an acronym,
instead of links to where it’s used.
GuidanceGet suggestions as you type to help you
express your intent, and minimize your effort.
Personalization:
Using signals from across Microsoft 365
Next Gen Search Relevancy
Search in Office Apps
Get your work done faster with the power of search
People search
Play video
Site Provisioning
▪ Site Scripts
▪ PnP Site Templates
Modernizing Classic SharePoint Sites
▪ https://docs.microsoft.com/en-us/sharepoint/dev/transform/modernize-classic-sites
▪ SharePoint modernization scanner▪ Office 365 Publishing Portal Transformation Readiness report
▪ Modernize customizations and site branding
▪ Page transformations▪ UI, PowerShell, .NET
▪ PnP supported
▪ Connect to an Office 365 Group
Additional Sessions
ADM202 - Managing Modern Team Sites, Communications Sites, Office 365 Groups and Teams
▪ Thursday 1:20 – 2:30 PM
OFF304 - Office 365 External Sharing
▪ Friday 2:20-3:30 PM
Upcoming Events
Introducing Extranet PublisherDec 11, 201812-1 PM EST
Single Sign-On and Open ID ConnectJan 29, 201912-1 PM EST
eum.co/events
May 21-23, 2019Las Vegas
www.sharepointna.com
Links
▪ Build your Modern Intranet on SharePoint in Office 365: https://resources.techcommunity.microsoft.com/resources/build-modern-intranet-on-sharepoint-office-365/
▪ SharePoint Design Guidance: https://spdesign.azurewebsites.net/
▪ SharePoint Starter Kit: https://github.com/SharePoint/sp-starter-kit
▪ Microsoft SharePoint Blog: https://techcommunity.microsoft.com/t5/Microsoft-SharePoint-Blog/bg-p/SPBlog
▪ Facebook: https://www.facebook.com/MSSharePoint/
▪ Twitter: https://twitter.com/SharePoint
