Microsoft 365 Community SharePoint, 14 Nov 2019

Previous Meeting Next Meeting

⏯

youtube image

►

From YouTube: Introduction to SharePoint look book site and related assets

Description

This PnP community demo is taken from the bi-weekly SharePoint Developer Community - General Development Special Interest Group (SIG) call recorded on November 14, 2019.

In this 18-minute video, Vesa Juvonen (Microsoft) demonstrates step-by-step how a SharePoint tenant administrator can use the SharePoint provisioning service to deploy a selected look book template to a tenant. There are 18 modern site templates available to you today. Templates include code, sample documents and photos allowing you to stand-up a robust site in just a few clicks. If you are not a tenant administrator, you can get a temporary Office 365 developer license and set up a new tenant. Vesa also shows how to easily integrate the newly provisioned SharePoint site into a Microsoft Teams tab.

Presenter: Vesa Juvonen (Microsoft) | @vesajuvonen

SharePoint look book resources
• Look book webpage: https://lookbook.microsoft.com
• Look book pdf: https://lookbook.microsoft.com/assets/SharePoint_lookbook_2019.pdf
• Office 365 developer subscription: https://developer.microsoft.com/en-us/office/dev-program
• SharePoint provisioning service: https://provisioning.sharepointpnp.com/
• SharePoint Provisioning templates on Github: https://github.com/SharePoint/sp-dev-provisioning-templates
• Source Code behind the look book provisioning service: https://github.com/SharePoint/sp-provisioning-service
• PnP Provisioning Tenant Templates documentation: https://docs.microsoft.com/en-us/sharepoint/dev/solution-guidance/pnp-provisioning-tenant-templates

All SharePoint PnP Developer Community demos: https://www.youtube.com/playlist?list=PLR9nK3mnD-OWSbg0o9a7mx_E7s2u7h_o2

Learn more about the SharePoint developer community at: http://aka.ms/sppnp.

A

We released a new version of SharePoint lookbook in ignite last week, so I wanted to make sure that everybody is aware of the functionality and also what's possible, related on the look book itself. Book is available in address of Luke look at Microsoft account, and this is really intended to show what kind of beautiful designs you can build using modern shape one and it doesn't actually end there. But let me explain what I mean with that one.

A

So we have it like twelve to thirteen different templates right now and we're looking into adding more here as well. So there's the organizational templates like leadership connections, the landing to new side to perspective and benefits, department, templates, team templates, community templates and then solutions like the learning pathways can be the provision to from here as well. Now, let's actually do this some demo in a kind of a classic demo.

A

The perspective is a good template and this is intended or designed to be, for example, to company landing page in the SharePoint Online, and this could be easily then a switch to the route side of your tenant because of those power shows are available. So you could actually modify this to be your template as well and all of the designs into lookbook designs. They. They basically have an example content. We use the contour electronics just as the print, but you can imagine if you flip all of those locals by its owner company logos.

A

You can easily make this look relevant for your company as well. Now the idea of Lucas and ennoble is available also as a PDF as you can actually have. A look on. The beautiful designs have a look on what kind of things and what are we thinking behind if the design is kind of a reasoning behind of the models and all of that now for all of the lookbook ad templates, and we also provide internal insights on how it has been built so as an example footer functionality.

A

So this one has the custom, not a custom. Footer out of the box footer, which has a logo here and if you're interested on understanding functionality on that, you can click the links and it opens up the relevant information around that topic so from our different documentation. So as an example, thank you Chris. By the way, under on the awesome picture and as an example, the SharePoint site for is being covered in this documentation and it's linked directly on the lookbook site.

A

So you can easily understand what's possible or what is the vertical section, and then we have a super article explaining what is a vertical section. How does it actually work and what are the dependencies? And all of that, so you can easily understand how the functionality actually works in practice. Now, more importantly, it's not just about site features. It's also about with suite part has been used so as an example we're using a weather web part here in the top right corner, they were using.

A

Recent documents were using sites and for all of these, we also link the relevant documentation. So as an example, my recent sites is a web part over there on this side of the house and, if I click that one I can get more insights on my recent sites web part and what are the options and how do I configure that so you'll learn how the functionality actually work so what's possible and what are the different layout settings and everything else now? This is obviously nice you can.

A

You can read about the functionality you can read about how things actually work and based on the documentation, but even more importantly, underneath here we can actually see the most let's say interesting functionality, which is add to your channel, so you can actually deploy these templates and these templates to your tenant. As long as you are a tenant administrator, now we're looking into actually reducing that requirement as well. In the future, there are, unfortunately, certain 8, the eyes which are demanding still and they're, not adding you admin permissions.

A

So this is only for tenant administrators, but you can easily get a a trial tenant or you can use our office resist file, developer program to get your tenant and then you're able to actually provision this to be available. A quick point on that one quickly jump away from the demo developer program. So if you search for the office resist our developer program and you can easily find and developer program details- and that is a free challenge- you can get a free turnout for a bar for a automatic 90 day renewal.

A

As long as you use it for developer purposes and you will be a tenant administrator on this time. Even more importantly, it's a five. So it's e five developer tenant with 25 user licenses, so you can truly test func and built calling stuff on that. So, if nothing else, if you haven't done this already subscribe to the program, get yourself a tenant and then you are it administrator, so you're able to click at your general functionality that will do a constant and application.

A

So now we I have already concerned that this application and to be the me for the needed permission, so it didn't ask me to consent. So your first time going to actually and do this, it's going to ask you to consent donated permissions, but it's nothing more than then filling up the form so based on the selection like in here I would select it to the perspective. We fill out the form with the default values and based on a template and the default URL. If I remember correctly in my tenant, this URL is actually free.

A

So it's gonna do validating, is to URL free and it is free if it's not free and I like, if I would try to override an existing site collection, it will warn me. Oh, it will warn me that the site collection URL s already taken you can still apply on top of it, but the provisioning is not necessarily successful, and so we do recommend and that you would actually create this as a clean site collection and because then it's more reliable int result based on the creation.

A

Now one thing to also notice: right now: we have only tested this to work truly in English tenants, so you have a non English language tenant. That support is coming future on. So we need to make sure that that's working properly in the in a non-english tenants as well, but again, nothing more than this and you can provide an email address to get notified when the provision is completed. You could use your own address in this case I'm using the admin address of that particular announcer. That's it and clicking provision.

A

It's gonna validate the ten are prerequisites, so it's gonna check that I home I'm, truly the right permissions and certain it's based on a template. It's might actually validate that catalog exists, because that would be a required based on a template as well, and then it's wanting me to confirm what is getting provisioned and it can take approximately five minutes to actually complete and click in, confirm and that's it within five minutes. I will get an email or, if I keep this page open and the tab open this link.

A

Will we flipped to be actual link and it's gonna say provision and complete it or I will get an email to this email address which will say that hey you have a nice site collection available in the given address. Now it actually show you that email just walked her through the process, so I'm going to go to this tenant. I'm gonna go to my my Outlook come on here we go so you'll see how the things are. Looking now there was a question related on the old dev.

A

Tenants were a tree that is truly the new, a dancer f5 and they automatically renewed the old tenants, there's, unfortunately, no transformation. After all, that amounts to the new model and I, don't think the team responsible of tourists resist our developer program is working on that one, unfortunately, so I don't think that's actually coming, unfortunately, but you can subscribe to the program with a new email address and that that's the easiest way to actually get a new tenant available.

A

Yes, definitely recommend into getting the ef5, so let me actually try again to go to the outlook, or is my network connectivity somehow slow? It is slow fine.

A

Now what you get in a second and we'll double check that the end result, and with this one in a second I'm, going to just use the landing which I already request that our provisioned before as a landing points. Well, in our case, we've selected the perspective, so this would be the outcome in my tenant. What I've done also in my tenant is that I actually set the company, logo and company settings so that the company profile has the contoso election is on top left corner.

A

Obviously, again it depends on which tenant you are using and what kind of settings you actually have there now. But this is precisely what you're getting out of that selected template you'll get example, news articles example, news example: are the documents even example, pictures and all of the the different things navigation, settings and demos are available, so these are exactly the same designs which we as a Microsoft used in our demos in ignite this year. So you there's no longer kind of a delay or you don't have to worry about.

A

Oh, how would I get cool-looking sites which Microsoft is actually demoing in eight nights, and this is it. This is how we actually created them. So we used in many of the demos and many of the tenants demo to announce which we used make nine. We actually provisioned them an example. Content using this provisioning service. Now, there's a lot of a lot of different templates available like that and the perspective, the landing which are intended to be the landing pages linked to the Yammer and all those things.

A

Marketing sites, with example, content documents and pictures which are completely open-source, and you can use all of this assets any way you want. Our conference designs and cool. Looking pictures and cool looking designs and the beauty of this one is that it's not just that you go to the actual code, and here it's not just that. You have a look under how the template has been created. Using this functionality, you can actually go to the site. You can take the page on the edit mode and that's it and then you can actually have look on.

A

Don't say a that's a whiteboard okay. So what are the settings? Oh I can have multiple other picture out of whether things here as well. So let me out here Helsinki Helsinki Oh. Actually we have a bit of a turn in ten zero. Well and I can flip that to Celsius and Fahrenheit, so you'll have a hands-on experience, what's possible related on the modern experience on SharePoint and I'm sure you can use this as a starting point for your own intranet and dinner start modifying the images and all of that.

A

If that is what you want to do, they are intended to be used as a demo, so you'll learn you'll, learn. Definitely how to how to create these kind of designs as well. Maybe republish marketing there was conference designs, that's critical, looking design as well. Communication designs with example, documents, a them and all of the documents which were provision from here will be then available on from the search.

A

So you can really easily build a cool demo environments using all of these assets which are available part of these templates and that's the benefit sites as an example, and we got an email, our new provisioning is completed. So let me actually open up that email. There we go, I came actually I, say pop-up, so there is a new link which is saying right now. On this moment, the perspective template has been completed, I request the provision, okay, an open site.

A

We will actually open that the perspective URL and we can say the outcome of that provisioning and the selected template and that's pretty cool, isn't it ooh if there would be audio on this thing? Don't don't give me unmute yourself?

A

Okay, if you do that now, that's really cool, so you can use all of this to provision call sites and and I still remember when I started in my trust back in 2006 with SharePoint 2007 and when just GA the number one thing, what I had as a consultant was to request an how do I create my demos. This is how we can do demos in 2019 you'll just set up to them environments. You set up the the templates you want and that's it then you're good to go. Also, you can modify this.

A

You can still go the decides, change the Luke you can modify, for example, the theme based on the whatever customer selection or your company selection. So if you prefer that to be orange, you can definitely fit the flip, the team to be orange. We can do something like hitter, that's chance to look and hitter and put the hitter in orange as well and voila we're looking much nicer, so you can really easily use the modern theming capabilities.

A

Then just set the base colors based on your component colors as well, which, by the way Tracy, is gonna, show within a few minutes. So don't miss that demo as well now before I, actually close up a really cool stuff available. You can provision these as many as you want as many times as you want, and you don't have to wait this to complete you'll, get an email and you could just as well go to the site and start provisioning as many of the templates to your sample as needed.

A

So there's a multi training behind after say installation. Now as your application. Now some of you are developers, so you might be interested on hey, so that's actually really cool. How has the whole thing being built da da and that's all open source so earlier today we just updated policies is one one. Two person and we've just updated at github.com, sharepoint SP provisioning service is the URL which are started at the latest code to be available here, and this is actually how the whole lookbook slash provisioning.

A

The shipment, the MP service, has been built behind of the scenes. We are actually using two different applications and URLs, and all of that don't get super confused on that one. But there is actually there's the lookbook and then they say basically a almost an identical sister, which is the SharePoint provisioning service and when we do provisioning in here, you actually both between two lookbook URL and the provisioning service. But don't get fooled on that.

A

The actual code anyway is available in github as an open source solution, so just as well, if you or your company or your customer, would like to have a customer specific experience which requires authentication that there is your ad. You can actually use this code to get this one up and running, and then what? If I have that based on our customer requirements or even actually better? So what about those templates? What about those templates and assets and images and everything else sure they're all open source as well?

A

They are in github.com SharePoint as s/pdif provisioning templates, Thank You Kristin by the way for the sample. Let me put the URL on the chat as well, so all of the templates register are available in here. Some of these are actually Luke book. The one templates and some most of them are lookbook v2 template.

A

So as an example and the perspective is a template which sits in here, the actual template file OOP now I accidentally flipped actual template file is the perspective BMP, and here, if I go to the source, I can actually see the BMP tenon template, which could actually contain also team structures, and many of the other are structures as well. But this is the actual tandem template behind of the scenes which you can again modify and repackage and even better if we go to the source you actually get to the assets.

A

So even though documents which are behind us to say instead of revision, everything behind the scenes is fully open source, so you're able to use any of these things any way you want within your own implementation and hopefully make millions or get super excited on the on the on the modern SharePoint. Now, if you are interested on on the body we use behind of the the engine itself, there's this PNP tenant rahmel provisioning engine, we have updated the documentation. We talked about the BMP provisioning, tenant templates, BMP, provisioning templates.

A

All of this documentation has been quite recently updated. So late October early November, we need to stop I'll check with the urban that we update it actually the date the date, because some of these dates we were looking still older than actually, though that's that's too old anyway. I think we updated all of the pages. So it's need to double check that the dates were updated, but these is the documentation which is then explaining. What are what is the technology?

A

What we're using here and how does it actually work and, as an example, you can use the BMP tenant templates, also the provision team structures, so all of that is getting documented and referenced against our schema files. So you can easily learn how to make these things happen. So BMP provisioning schema is explained here and what are the possibilities and what are the things? What are you going to do in a tenant level, which is pretty cool but I'm looking under the clock?

A

I could go on and on and on and we're super excited on the on Telugu codes, lookbook site itself and have a look on it, and obviously one thing maybe still to note here. Obviously, in this case we are provisioning, SharePoint structures and SharePoint templates, but it's important to realize that in most of justifiably noticed register file, we are pushing heavily, obviously teams, but you can expose SharePoint inside of the team's completely seamlessly.

A

So just as well, you can have an expose the team structures and news functionalities inside of the of the team structure as well, so you can actually operate and and get exposed to. The news articles create news articles comment inside of the articles as well. Even though you, your primary, let's say working environments, collaboration platform would be Microsoft teams, so you kind of a used. The SharePoint asked underlaying portal and landing page and all that- and this is full SharePoint functionality, so we're basically just surfacing the SharePoint in this location.

A

So that's it what's happening here and it can actually be at the level of actually show this in the right level. That's the leads application, that's actually port and full screen, and here we go. Let's get rid of that one. Now it's just looking quite nice, very inside of teams. We can do different things.

A

We can function and see the news we can create the news even and using this functionalities, which is really really cool, but that's it from my side so and that was a quickie introduction and lookbook I wanted to go through what's available. How does it work? What are the advantages plus the additional assets like the lookbook templates are available and the actual source code is available as well. So have a look on that. If a questions please let us know, we know that the documentation could be better and we're trying to invest time on that.

A

So you will be more ready to start using these additional assets in your day to day work as well, but I think that's it from my side.