Microsoft Teams App Camp

Key Takeaways

foreign foreign [Music] thank you foreign good afternoon good evening hello everyone and welcome to Microsoft teams app Camp we're so excited you're all here my name is Bob German I'm joined with my colleague Rabia Williams uh we're both developer Advocates this is going to be one hour of supercharged demo heavy content to help you navigate through the Microsoft teams app Camp which is a program that will allow you to learn learn how to bring your application into Microsoft teams and then monetize it through our commercial Marketplace so before we get into some more serious topics let's do some housekeeping may please make sure that you check the code of conduct at AKA dot Ms slash code of conduct whenever participating in an event like this we welcome your valuable feedback just remember to be nice to each other so good morning Rabia how are you good how are you Bob great so in this one hour in this one hour we will be taking you through the opportunities that you can leverage to build and grow on Microsoft teams we've got a lot of companies examples to show you who have actually brought their apps to teams and monetize them we will explain the benefits of bringing your application to teams and also how you can reuse your application to reach more users on teams finally we have a round table with Microsoft experts we've got a great lineup of panelists so to start this off let's bring in Mina milman director of strategic partnership focused on teams development and startups hey Nina hi hi Robia hi Bob thanks for having me thanks for joining hi hi everyone I'm Mina I'm a director of strategic Partnerships at Microsoft and I work with partners and Innovative companies new to the Microsoft ecosystem and I'm sorry I'm looking at these things um I'm here to say to address the opportunity for partners to build on the Microsoft teams platform millions of users are connecting today and today's hybrid workplace on Microsoft teams and for our partners what that means is the distribution capabilities that are offered by Microsoft teams allows a partner to put its application at the center of hybrid collaboration and while teams is a collaboration tool it really is much more it's a hub for teamwork that supports all the way that people work today work doesn't happen in a vacuum you need to be great at sync async as well as remote collaboration people use Microsoft teams to meet chat call and collaborate and Microsoft teams is an organizing layer and why that what we mean is that it's a it's a place where Partners can build upon or extend teams communication features a partner now can offer its users a uniquely connected collaborative experience and bring collaboration directly into the heart of its design by building an integration directly into teams Partners can create new and improved processes workflows and go where customers already are at and with that they can find an untapped Market to potentially Target and for Microsoft teams customers this ability to find third-party applications what we call collaborative apps allows them to engage with external Solutions and bring those directly into the context of where they're working accelerated by global events collaborative apps have started to represent a paradigm shift of how we work instead of solutions trying to be the focal points where people go collaborative apps brings business workflows Data Insights directly to where people and users already are with 270 million monthly active users Microsoft teams has become the new way where people are connecting and collaborating they are staying in their flow of work keeping their full context and by that what we mean are people are now able to access information from multiple systems directly from the platform of teams since the start of 2020 monthly active usage of third-party applications and custom-built solutions within teams has grown nearly 10 times and in the past year the number of applications created by developers partners and customers for teams has grown dramatically with 1600 partner applications in the team's App Store and 80 000 lines of business applications that have been custom built directly for teams and are now being used by our customers our customers are using teams and are using applications built on teams all over the world but what are the advantages to a partner about this team's opportunity well we think there are three main potential advantages about building an integration into teams first there's the ability to reach a broader user broader audiences and build connections to the Microsoft 365 and its robust community of teams daily users second there's the ability to leverage product innovation you can improve your applications experience for your customer and you can create new workflows by engaging your customers through the use of Microsoft 365 Suite of communication and collaboration capabilities and third there's also the ability to increase your sales and reduce development costs by using the team's platform you can develop once and then deploy your application on any of the team's surface areas such as web desktop and mobile but what about customers how do Microsoft customers view third-party applications well in today's global economy customer leaders are looking not only to create impact faster but really they need to start to prioritize Investments that are going to drive the most important and meaningful business outcomes for their organization our customers have told us that they value Time Savings the time savings that their employees can gain through rich Integrations into teams it cuts out the time that it would otherwise take to search around multiple systems to find relevant information transfer that information back and forth and share it with their colleagues by having a quality integration that can be turned on directly into the flow of where people are working that will really help boost productivity and gives people information when and where they need it this helps companies maximize their Investments with technology that they already are using so that they will be able to achieve more in other words it's what we call achieving more with less but what about value to Partners well we work with a lot of startups and many partners have seen immediate value working with the Microsoft ecosystem here are what some startup Partners have said who were brand new to the Microsoft ecosystem and what they have found when they started working with Microsoft and really how being and belonging into the Microsoft teams ecosystem has made a significant impact to their business but we all can also look at actual numbers from a broader base of our partners here are some statistics about how teams has driven meaningful growth for all of our partners Partners have reported to us that they have is seen increased number of deals increased deal sizes and new revenue streams when they build and integrate their Solutions into Microsoft teams but now that we've looked at some numbers let's look at some specific examples first up is law toolbox La toolbox is an example of a partner who has grown their revenue by offering their Solutions inside of teams and taking advantage of the SAS Microsoft commercial marketplaces La toolbox is a legal SAS software company it automates legal deadlines for courts and agencies and streamline workflows for law firms law toolbox enables legal counsel to collaborate with their clients on a modern secure platform because now La toolbox's customers can keep their data secure in their Microsoft 365 tenant while using the partner solution the partner has also leveraged the Microsoft commercial marketplaces and they've been able to reach new customers in fact they've told us that they've doubled Revenue in two months and over 12 months they were able to see a 10 times growth that's significant growth the significant growth for the partner and new workflows enabled for our customers through their applications for law firms on the team's platform a second example is a young company called breakthrough breakthrough offers a tiny break taking tool and they recently launched a custom-built application that they built specifically for teams on the team's platform and through that they have seen Enterprise adoption and a rapid growth of users for their Solutions with all sorts of customers and customers for example like Lululemon breakthrough has been able to gain over a hundred and twelve thousand monthly active users in 65 countries through the scale of Microsoft 365 and the teens platform and finally we go to another example of a company mural who is leveraging our Microsoft Technology and our commercial marketplaces to grow and accelerate at scale mural is a collaborative intelligence company and by being a Microsoft isv partner mural has seen an increasing number of Microsoft influenced opportunities this allows mural to deliver customer value and seamless integration within a single platform on an increasingly Global basis mural has been able to reach joint customers and grow their scale alongside Microsoft by taking advantage of the vast reach of Microsoft's platform and our marketplaces so what are the takeaways well first I think you should learn how to build a quality teams application over the course of today's at Camp you're going to learn about technical aspects of how to build or reuse portions of your existing applications to run in teams you want to take advantage of these extensible features of teams to make your solution the best to meet your customers unique needs Also I suggest watching this Roundtable discussion we have a panel of experts who are going to be discussing monetizing your application through our commercial Marketplace in the later portion of today's app camp you're going to want to be able to leverage the scale and reach of these marketplaces so that you can tap into new customers and transact business efficiently and seamlessly and then finally when you're ready to build your application apply to the Microsoft 365 isv benefits success program there you can take advantage of any build incentives and marketing benefits that you might be eligible for but I encourage you to read Requirements and be aware that there are alpha time limits associated with them so choose your time accordingly and lastly but not least for all the startups out there I want to encourage you to apply to Microsoft for status startups Founders Hub Microsoft for status Founders Hub brings people knowledge and benefits together to help startups to every part of their Journey sign up is seamless and is easy and there's no funding required and with that I hope you enjoy the rest of today's app camp and I hope to see many new teams applications in the store soon thanks over to you Bob and Robia thanks so much and could you just say what the um well anyway um all right the founders Hub URL I don't think we quite got that so maybe we'll put that in the chat so I'm going to switch over to my slides now and um just talk about some of the benefits ravia and I kind of want to go into some of the benefits kind of more from a user point of view um Mina did a great job of covering some of the business benefits and some of the of the bright reception that these apps have gotten um but I really think that for customers what this does is it streamlines work by integrating line of business apps into the collaborative tools if you've ever copied and pasted things between your collaboration tool and your business applications where you live every day if you've wished that you had collaboration in your line of business tools or if you've kind of gone to use an application and it gives you yet another chat scheme that you have to check every day that you have to learn users all have to figure it out it may or may not be compliant teams kind of teams apps can bring those things together in a really important way and I'd like to show you some examples of this and and Rabia will as well um basically based on some of the features of teams that you can make use of inside of your application um first is messaging extensions using adaptive cards then tabs that run in group environments like channels and chats meaning extensions personal apps and then finally Bots using adaptive cards so it turns out these are the five criteria for what they call a quality app if you want to take advantage of that isv success program that Mina just mentioned I think masako is going to probably um talk about a little bit more during the the panel discussion um the you have to have two out of the five of these scenarios so let's just show them to you really quickly so the first one that I'll show is a messaging extension and this is a scenario around an HR recruiting team and we've just interviewed a great candidate and this is I'm logged in as Katie here she wants everyone to send their feedback about this candidate so rather than sort of looking up the name in an HR System and then everybody has to go into that HR System to give their feedback um we're able to we're going to um be able to pull that up directly from Microsoft teams from the teams application while she's typing and so now that drops an Adaptive card into the chat where people can take action directly within the chat so here I am on my mobile phone and I'm running around to different clients and I know that this hiring situation is important I can go into that team Channel and there's the Adaptive card and I don't have to go look up Donna in some other application I could schedule a follow-up interview from here or I could do what I was asked to do and actually leave a comment I'm just going to use the phone's built-in text to speech or speech to text excuse me to do that and all of a sudden we're good with the feedback and I didn't have to go back to the office remember to do it go into the HR app look up Donna and and then give the feedback I was able to do it right there where I was it's great how uh teams app can work on mobile you're showing mobile here Bob and users can access them on the go yeah it's a big advantage that your team's apps can work really anywhere that the user is working so um that's that's a really good point so the next example that I'll show is of a configurable tab so we're here in a group environment with this uh solution and what all this does is it shows kind of a heat map of incidents that are going on on a campus and so this is um a simple simple enough map but notice that because it's configurable I can change the settings of the map and this gets changed then for every user in the team so the result of this is that users don't need to like learn how to set this up it can be set up by the team owner and then everyone can share their information so I'm just going to add another Point here on the map and there you go so you can even bring chat into it so that the team can chat while they're using the app and the teams channel will even have a link in it letting people know about the tab to draw them into your application nice I love how the settings and the data shown in this config tab is for the entire team like it's it's managed by someone or you individual users have to worry about it exactly so if you've ever been given a new app and and somebody sends you a list of instructions on how to set it up for yourself right here the team owner can do that and set the settings that are most relevant for his or her team and individual members just use the tab just click on the tab so so much simpler so um next we've next up we've got a meeting app which uh Robbie is going to show to everyone yes so this uh is a meeting app and the capability name is pretty straightforward it brings your app in a meeting experience now let me share some context or a bit of a story around this app it's called Who's Next before I run the demo so imagine this classic scenario of a stand-up meeting where everybody like 10 people in the room is looking at each other to see who's going to speak next so it helps you know if there was an app to pick the next speaker so to make this 30 minute work meeting more about work update and less about picking who goes next Bob and I actually built this app who's next uh during hack week upon requests from my teammates and I'll be very honest with you it has been a success so far so let me show you the demo so as you can see here I'm on mobile and I'm in a in a call with my colleagues I can open up the menu and I already have installed host next app and I can just bring that out um and the uh experience here as you can see this UI everybody in the call can see this UI and we've kept it fairly simple um so you can add the speaker names everybody can add their own names or someone can add it for them um and as you can see I'm adding all three people here and it's horses turn you can also remove someone in case someone you know ends the meeting quickly or has a sore throat maybe so you can just go ahead and remove as well so kept it super simple now in this uh there is a button who's next and the right at the bottom if you click on that it will pick the next person this has been super useful for us like you give product or your updates on your task and then you click who's next and then you know exactly who's going to speak next so that's uh that's the demo for the meeting app that's really great and yeah it really is fun to use that um an interesting thing for people to note is that this is not screen sharing right you're not you weren't sharing your screen at all right the app was actually synchronizing all those different views um using the fluid framework I believe right exactly so we built this and you can find the source code as well so anybody can go ahead and try out this application we'll put that in the chat right so moving on to the next demo um it's uh one productivity Hub and again this is a personal tab in teams developed by one of our colleagues edubat um so this like I said it's a personal tab it's your personal information everything that you need for your work day will be right here and this has three sections we have the calendar event so it shows my upcoming meeting so I can plan for it there is a to-do Test Section you can add your tasks and in case you want to complete something you can go ahead and complete that as well and my personal favorite in this section is files because I'm always looking for documents that I've been working on this uh finds everything for me and it is powered by Microsoft graph um so this is a very useful scenario of bringing everything you're working on into your personal space well that's great and I love that this is a really good choice for a personal tab because it shows that personal Tabs are really personal so all that information is personal to you right exactly and so of course there was yeah there was business data right that would also if somebody was building an app they would want to put personal data for each user into that kind of personal tab that's right that's right and we can find the sample code as well again in the chat we will be putting the links um in it and I guess Bob you have more stuff to show Absolutely so um this next sample is a um a bot with an Adaptive card which is the the final one of these five scenarios that we wanted to show and before we get into the actual Labs the scenario here is that we're a Consulting Group and I know there's probably a few consultants in the audience out there typically and we need to add somebody new to the project so normally this would result in a flurry of emails and in order to try to get the person in the group and get them onboarded here we have a bot that helps to do that so I actually have to mention the bot because I'm in a group scenario and you always the we don't want the bot to overhear things people are just saying amongst themselves so I mentioned the bot and I said add Alice to the contoso project and what comes up is another adaptive card but this is more like a um a little form that I can fill out and wherever there's an ambiguity it's actually giving me choices and I can fill this out and of course to go back and forth with a bot one question at a time would be rather cumbersome anyway but the nice thing is that the uh when when the work is complete the what we get is a summary card of the um that the work was completed so I'm sorry that flashed by rather quickly but that has the advantage that people will know that Alice is joining the project nice um I can see that this interaction is so simplified in this form but it could easily take 100 emails yeah exactly and so here's the summary card that I mentioned um and that's what people would see is they would just say go into the team where the um everyone's already working and just say oh look a new project design we got Alice on the team that's great so now let's go into a little bit of the architecture and the the way that that these apps work so Microsoft teams client is really a facade kind of a brilliant facade if you will over not just team services but all of the Microsoft 365 services and it stitches them together dynamically for users so that they can just get their work done and not worry about getting the files out of SharePoint in OneDrive getting the notes in one note getting the plans from planner doing their chat somewhere else Etc so your app actually runs alongside of all this and we had a question from the audience that's appropriate here which is about embedded apps does Microsoft teams support embedded apps and I think the answer to that is sort of depends on what you mean by embedded apps because if what you mean is you can go onto a tool like YouTube and click the embed button and copy a little iframe markup over and drop it into teams the answer is no because of security and other reasons you can't just put anything into into the team's window but actually all of teams applications are embedded in the sense that they're not actually running in teams it's just that instead of an embed code in an iframe you need to create this thing called a teams app manifest and what that does is it tells teams hey there's a tab over there and it could be hosted anywhere on the internet and here's the URL there's a bot over there that maybe is going to implement a messaging extension or be conversational in nature and that bot has this identifier so all that information is in the Manifest and we'll show you that in just a minute and then you can um Implement those Services anywhere on the internet so here are the the various uh capabilities once again um and most of these end up in the Manifest dialogues which Robbie will show in a bit are an API call adaptive cards or a Json format um and but everything else is kind of declared in the Manifest and then uploaded as the teams app package that you would see in the teams app store or elsewhere now there's a number of different ways to create these applications uh Power Platform is really is really popular for use inside of Enterprises unfortunately it doesn't really extend to more than one tenant so if you want to sell your software you would have to manually install it in everybody's uh tenant there's a number of kind of traditional approaches where you're writing code including teams toolkit which is Microsoft's latest and greatest code generator that will generate scaffold out of a project for you yo teams is similar and more mature it's from the community and is uh has been around for a while and there's a lot of samples out there for that as well as teams toolkit you can use SharePoint framework but in talking to Independent software vendors and customers alike we found that in a lot of cases there are already existing applications in place and people don't want to really you know start over again with one of these code generators so to address that we've created Microsoft teams app camp and here's the website you can go to this at aka.ms slash app dash Camp it's here it's live for you right now and what this does is it includes a bunch of content including video briefings there's a full business briefing with a lot more detail from our business experts and some case studies and then there are two technical briefings one that's all about building teams apps and one that's all about monetizing the team's apps in our commercial Marketplace and then there's uh for every lab so the whole thing is Hands-On for every lab there is a video showing the details in case you get stuck or want more detail and then we have a link to our sister site mastering the marketplace which goes much deeper on the commercial Marketplace aspects and then finally there are a ton of labs and that's really what we're going to go through now is taking a look at these various Labs so basically you're given at the beginning of app Camp you're given a starting app and you can choose one or of two different starting apps one of which already uses Azure active directory so remember I mentioned Azure ad is sort of the underlying identity service that makes teams work and your app will work a lot more smoothly for users if you also use Azure active directory and single sign-on so if you're already using Azure ID and your app you could start with the uh the app the starting app that uses Azure ID if not we have one that doesn't use Azure ID there's an extra step there to do something that we call account linking to kind of create a linkage between the two systems so that users can still enjoy Azure ID single sign-on and then that brings you to what we call the core teams application which is just a personal Tab and then from there you can extend using kind of in a Choose Your Own Adventure style to show configurable tabs meeting apps messaging extensions and all these other options not the least of which is monetizing your application the prerequisites for this are extremely light basically you can get a free Microsoft 365 tenant I encourage you not to use the one that you're using in production to do this but you can get a free tenant and there's instructions at in the app Camp website on how to do that where you'll be the admin and you'll have 25 users test users that you can configure and use node.js is used as sort of the the server side that's going to run on your local computer and you'll need some kind of a code editor and then in order for the bot framework to get in and just for kind of convenience of of everything to get in with SSL and all those things we're using a tool called ngrok which is a tunneling program that allows you to access that Local website from the internet but just on that one port while you're testing so you'll have control over that and it does make life a lot easier so that's um that's the setup now let's take a look at the ACT some of the actual Labs I'm going to start with the Azure ad starting application and here it is um I of course have to log in then with Azure active directory and what you'll see is I can log in I can view my orders all this data is coming from the venerable Northwind database you can see how old these orders are this database has been around since the early days of Microsoft Access I believe but it's actually a free download to get all this data and that's also in the instructions so that's why we used it it was quick and easy and it gives you some decent amount of business data to to work with so obviously the system knows who I am because it's showing me my orders I can also view products and I can come in and look at the different product categories everything's cross-linked so I can look at a product see the orders for that product Etc so that's the starting application it's it's really kind of simple now if I come in and create one of these manifest.json files so there is a tool called the teams developer portal that will make it easier to do this with just kind of filling in a form but for the purposes of today I'm going to show you just really how it works at its at its core which is it's just a Json file and there's a bunch of data here about metadata about the app itself and then if I scroll down a little bit you'll see that I'm declaring two tabs two personal tabs which are called Static tabs in the Manifest um one for orders and one for products that correspond to the two tabs that were in the original application and we're also at some point going to strip out the original navigation so that people can navigate through teams so if we come in here and look at this inside of teams and of course the instructions will show you how to do that um oh yeah we get this ER and this is one of the other things about embedding things right so you have to kind of most log in and off authentication systems will not work in an iframe and Azure ID is no exception so the next thing we have to do is update the code and in the next Lab you'll update the code to actually um show uh to do a single sign-on so that if I do a refresh bang I'm logged in immediately with no hassles and I can just start using the application now in order to make that work we had to make a little code change and it's really pretty simple we're just going to go in and do there's a there's a JavaScript SDK that runs in the browser side of teams so there's a client and a server in these in this application inside that client we're just going to initialize the team's SDK and then get an auth token and then just that's it we don't have to go through all of the code that we had before to authenticate the user and that gets us a token that from which we can call our own backend which is what a typical application will want to do unless they're trying to call a third-party API from directly from the browser so um so that's uh that's kind of the the starting point cool so it's it's the core application right from there folks can actually go ahead and extend it using other of those Adventures that you mentioned before exactly so uh you can do those Choose Your Own Adventure in any order you want I'll start by showing the uh the configurable tab so you saw a configurable tab before but I didn't actually configure it so let me show you how that would work imagine that I'm here in the beverages Channel and now if somebody asks me to check the stock level on one of the products and my app is already in teams so all I have to do is click on the the app that we just installed go into products find Beverages and uh that really didn't save me a lot of time did it I mean I had still had to navigate all over the place to answer that question and remember this is the beverages Channel that's all we do is beverages inside here so we will have you add a configurable tab where you can add this application directly to the teams Channel this works in a group chat as well and kind of pre-navigate for the user right so that you're bringing them right to the information that's relevant to that group and then when I save this it's going to put a note in the channel drawing people into the tab and there's the tab so it brings me right to the information that I need inside of this channel so to take a look at the code it's fairly simple what we're doing is when somebody selects a category this so this is a separate page that we had to create which is a configuration page when somebody selected one of the product categories we went ahead and set the validity state to True using the JavaScript SDK what that did was it lit up the save button they couldn't save it until they they chose a category right and then once they that save happens when we've registered a an unsafe Handler that will handle that and what that's going to do is save inside of the team's infrastructure some information including an entity ID which is where I'm storing the category to be shown in this tab you could also encode data into the content URL or maybe even just put a record locator for a database somewhere in the entity ID any way you want to do it so that you can get back the information that has been configured for use inside of that tab so that's a configurable tab Robbie I believe you have a messaging extension to show yes I do and in fact since you were already talking about updating the stock levels let's find out how you can do that using a message extension so this is the message extension Adventure that you will be doing in the lab so I'm in a channel called stock updates again updating the stock for a product usually what I would do is I need to go to an application find the product update the details Etc but right here I'm in conversation with my teammates and I want this done quickly so how do I save time I have the message app already installed so from the compose area I can pull out the app and search for the product right here in teens while I'm having the chat with my colleagues and select the product the chai that you selected as well and you can see a nice adaptive card with a form in it so it's like a form it's not just display of information anybody can go in and update the stock so maybe we are chatting about the levels checking with the window Etc but you can get everything done and updated right here in the same context so I'm going to go ahead and update this talk and you'll see that the form refreshes itself and brings back the card that shows the um the latest and the greatest um so that's the message expansion and you will be building this out let me show you a sneak peek into the code so as you can see here I'm um in the bot.js file and upon every activity there is something happening inside um so you can see here based on the activity whether it's a query so query means you're searching for a product then it will be handled by a Handler here if you are going to select the item like I did then it is going to handle that as well so that it will put that adaptive card in and in the Adaptive card once you click on the submit button it will update the product information now if you're gonna come down below you can see that every interaction every activity here in this lab will bring back uh as a response and adaptive card so that's what you're seeing the card getting updated Etc cool so the next one the next Lab is deep link so deep linking is an important concept because navigation if not done well throws people off and when you're deep thinking you need to bring people back into the teams application that they were in now imagine you're talking about an order here what uh so you can see the interaction isn't as fruitful let me change that now I'm going back to my orders uh personal Tab and I want to uh I want my colleagues to work on something on a particular order I will go to that order uh from within this table so let me go back and select one of the order information which will then take me to the order Details page and you'll notice a button copy order URL so this on selection would give me a link that you will be building using the labs which will directly take my colleagues or anyone into this order within teams so I can come back to this conversation and to make it more useful I'll at mentioning my colleague and say here is the order now it's very hard for a deal here to ignore uh this task because she can directly access this information from this chat as you can see here this link is uh unique and it you can actually build that out now once I'm logged in as a deal let me just switch now and a deal can see this message and without even thinking without doing 100 different steps she can go ahead and click on this and it will take her into the teens applications page of the order so that particular order Details page but within team so she's not actually switching back and forth now she can go ahead and update the work so there's some I mean it's like you can focus on what you want to do and get things done quickly saving a lot of time now how we have generated this link is uh by creating the link in this way manually and then we will share it um but let me just tell you whatever we've done in this lab is just the tip of the iceberg of what you can do uh with deep linking so go to AKA dot Ms slash deep hyphen link to find out everything you can do to make use of deep linking like it's not just linking it to a tab you can do many things you can link to a configurable tag a tab or you can link to a group chat you can link to a meeting scheduling dialogue or even a um installation into an app installation uh form as well so there are many different ways you can leverage this so I would suggest you take a look at that and the next one is dialogues um I'm pretty sure Bob you have mentioned dialogues many times in your demos as well they're these very good interactive um uh model pop-ups I would say within teams that make so much easier for users individual users to add input so I'm again in the order Details page and you'll notice there is a button called add notes once you select that it opens up the dialog and this dialog is actually um developed using the team's JavaScript SDK um there is a API called dialog.open so if you've got a web page a HTML page in your application already you can reuse that page and make it a dialogue by just passing some properties so this is a great way to reuse existing applications or existing forms in your application you can also use adaptive cards by the way for dialogues so here we are adding notes into a particular order as many notes as you want so this is an app you will be building now let me quickly show you how it's done so you can see here the small portion um the task info dot URL it points to a HTML file like I said it's just a web page and um towards the end of this block you can see Microsoft teams dot dialogue.open which is the API uh where you pass this information um of your web page and then it also has a callback function called submit Handler what this function does is it brings back the response from that dialog back into the page where you want this information to be you know worked on so this is how uh it's done for the uh for dialogues and you will you will be able to do this in the lab as well now I know there is this big uh monetization lab as well for you to show Bob so I'll hand it over to you great thanks so um yeah this is perhaps one of the more interesting Labs I'm gonna have to go kind of quickly uh based on the time but basically um in this lab you'll actually add licensing and monetization to your app so if if nobody's licensed the app they don't get to use it um as part of this you'll actually get to run a app Source simulator so this simulates the App Store and that will allow the user to purchase the app in quotes fake purchase the app and bring you to the app's landing page which is what tells the application and this is the landing page tells the application that somebody has purchased some licenses and has actually paid for them so then Microsoft is taking is charging the customer and sending 97 of the proceeds over to you as the app vendor so I'm going to go ahead and enable self-service licensing inside of the apps licensing scheme and now it works and if you come back and you'll be walking through all this code and seeing how it works inside of the lab so um let's move on now from this into our panel discussion before um we go any further um yeah let's um welcome our panelists so we have masako kadama category manager for productivity and collaboration in our commercial Marketplace team James K senior product manager and teams engineering and finally David Starr principal software engineer in our commercial Marketplace service team and the creator of the master in the marketplace training welcome everyone hey how you doing so I have the first question for you masako um what kind of resources are available for people who wants to build teams apps for the teams App Store yeah there's a lot but I'm just going to focus on three things one is Microsoft 365 isv benefit program if you're interested on creating a teams app and you want it to monetize it this is the must and it is free to join there's a lot of DTM benefits developing um benefit but I want to focus on the financial incentive if you create a high quality app and monetize it you'll get ten thousand dollars and if your app get 25 000 of yourself you get another ten thousand dollars so get this twenty thousand dollar right now sign up and then create and go that's number one Mina talked about the ISB benefit program this is going to be great for anyone who wanted to do um Marketplace and play maybe you wanted to create an Azure app this is going to be a program for you and but right now it is at the preview so I would love to you to join the marketplace Summit which is going to be November 15th because we are going to announce about the enhancement of ISB success program so three things and James thank you for pushing the links that's great um thanks so much masako I I think this next question might be appropriate for James um once the team's app is built what's involved in getting it into the App Store that's a great question so first Kudos everybody who's here and learning more about how to build the teams app as well as how to monetize it so building the teams app is going to be the very first thing that you do in order to get what you are today uh as you look to publish your teams up you're going to do that through partner Center which is also the same place that you're going to create what we call a transactable SAS offer and when you do so you're essentially creating your transactable SAS offer and then inside of your offer you have an opportunity to link it to an app or an office app and in this case you choose to want to link your SAS app with your teams app or your SAS offering with your teams up together now what that's going to do is it's going to have your app appear on App Store such that if someone were to ever search for your team's app they're going to see the plans and pricing that are available for it which is great you don't want them just to find a teams app and then somewhere in the middle of the ether is your plans and pricing we want to link them together first and foremost then the second step required in order to get your teams app to show up in the teams App Store as well as the team's admin center with not just an ad button but also a buy a subscription button requires you to update your team's app manifest and inside the app manifest it's going to show the an opportunity for you to provide your offer and your publisher IDs you can do this directly in the app manifest or as Bob mentioned earlier the team's developer portal actually can walk you through this specifically and so there's a lot of great materials that are out there and I'll just drop one right now it's actually the teams monetize technical guide walks you through each of the steps that I've provided here right now and so the first and foremost download that guide aka.ms TM TV and as Mina mentioned we're looking forward to seeing your apps in the App Store and I'm looking forward to seeing them with the buy button next to them so thank you all for joining us today it's for David So Microsoft Is providing an e-commerce engine how do applications integrate with that David well really we're focused on the SAS applications that have been mentioned several times by Bob and by James and that is sort of your billable mechanism if you will for uh monetizing or charging for your team's application and the cumbersome the Commerce engine that underlies that is an integration with the Azure or sorry with the Microsoft commercial Marketplace and the ways of integrating are that you can charge flat rate or you can charge per user and those billing mechanisms are present in SAS applications so again the teams app just sort of wraps that SAS application which is the monetizable the billing component if you will so the chat I saw had a a couple of links that came out to what we call our SAS accelerator and that SAS accelerator can help you get onboarded with a complete SAS application in 20 minutes or less and if you don't want to implement your own SAS implementation or your own SAS solution this is a great way to get started really quickly so I would just point that out and that really is the the whole billable application story I think James did you have anything to add to that no it did a great job I think that's the one thing to call out David that you didn't actually mention was uh we also get the preemptive question around like metered billing currently metered billing is not yet available for a team's application so as long as you either support a flat rate or per user you can monetize and have that teams up monetized today that's great and um I guess another question that I'll sort of throw out to the group I'm not sure who's the best to answer but um does Microsoft support license management for work and teams uh her how does license management work in teams apps um you know prior to build this year we actually looked to our isv developers to create and manage their own license management solution now what that meant was that you know when someone transacts through our Marketplace we send them to your landing page you're going to learn a lot about landing pages as you go through this journey because that's the cutoff from where the subscription begins on our end and the usage begins on yours and during that if you have a per user model the expectation is that you have infrastructure in place that actually allows you to assign licenses to those users who need them imagine I'm a subscriber I bought the license I I bought 10 licenses For Your solution how do I actually then assign those 10 users and right now that's up to you but I built earlier this year one of my colleagues shandrika mentioned that Microsoft was working to provide first party license management capabilities for your solution now what that means is if you haven't yet published your your transactable offer you might want to wait to see what this means for it potentially for you so after a user has purchased the subscription if first party license management is enabled for your application the licenses would be assigned within the team's environment itself meaning I could assign them individually to users or I could then choose to assign them to users within a particular team the reason I say that you might want to hold on on pausing or pausing at the moment is that there's two things it hasn't fully G8 yet in fact we're just in a current preview but second if you have an existing offer today where you are managing the license component on your own one of the requirements for managing the licenses through Microsoft's first party management solution requires a net new offer now not to get ahead of ourselves but we know that each team's app can only have one published offer so if you have a published offer today where you're managing the licenses there's gonna be some potential heavy lifting that would be required for you to pull back and move over to a new one where we hold that for you but I digress because we haven't fully released it yet but if you're interested look at our announcements for Microsoft build and we're looking to have more information available about the availability by the end of this calendar year awesome thanks James and David so how much does uh Microsoft keep when you sell a subscription to A team's app maybe that question is for you masako yeah the standard agency fee is 20 but Microsoft cares about you and we are not in charging 20 it is three percent now three percent is similar to the credit card but we do more than credit card we have CSP partners that we built over decades that sells Microsoft solicit to buy licenses you know what those CSV Partners can attach your ISP solution and you don't have to build like 90 000 partners by yourself just join Marketplace and appeal to them by giving them margin if you do that csb has the motivation to sell your um application so thinking about just going to direct uh Mina talked about the 270 million monthly active users imagine how much do you have to pay to reach out to to 217 million I didn't don't know but it's me a lot and imagine reach outing to 90 000 Partners that's a lot too and furthermore if you are in Microsoft commercial Marketplace and transactable Microsoft sellers will look at you and then when there is an opportunity then they are going to do the Cosa so I hope that is a good and I feel like okay three percent that's cheap okay thank you masako that's great um can I answer one of the questions that yeah please just go directly please yeah um there was a question about like hey ISB success program we are in West Indies English like when can I join yeah you're correct right now ISP success program is in the preview mode but it is going to GA very soon and we are going to announce on November 15th at Marketplace Summit so I hope you will join that Marketplace Summit because we will talk about our current state our future vision and what you can do today in the world map for the future and I'll be doing the Q a as well so if you want to meet me please come that's great I mean another question that came in was um what would you say are the advantages of using teams monetization or really commercial service our commercial Marketplace monetization over something like stripe yeah um stripe is a good um mechanism and anyone can do that however stripe is a mechanism to uh transact what I explained about the marketplace is it's more than transaction it's an index csb connection 90 000. it is the field of Microsoft field account Setters to know your product and it is going to be inside the teams so where people are using the teams every single day and wanted to see if there is any app that is going to be useful then they can find it and buy it inside the teens that's the beauty about it oh that's great well I really want to thank you all for joining us today uh this has been really informative and also thank everyone in the audience and everyone on the Microsoft side as well who has made this Live cast possible um I have a few next steps for everyone the first is that if you want to um re-watch this event or share it with your friends um the URL to do that is AKA dot Ms slash teams app Camp so the same one you used to register with will work here you can also I would encourage everyone to just go try the labs so all the app Camp labs and video tutorials are there right now waiting for you and your colleagues at AKA dot Ms slash app dash camp now some of our sister teams have kindly offered to help us support you in this effort and so if you would like to request some support we actually have a survey link here with which you can do that so that's a really great opportunity AKA dot Ms slash teams app Camp survey and we have a couple of workshops coming up one on November 15th and another on the 29th they're going to be live casts um similar to this they're they're fairly short but we're going to get a little bit more into the technical aspects of building the teams app during these workshops and so it'd be great to see you there and also be sure to watch us and follow us on YouTube on the Microsoft 365 developer Channel at AKA dot Ms slash M365 YouTube one other quick request I want to make we're trying to measure people repeat completing these labs and we're also trying to respect privacy rules and not gather anyone's personal information as we do that so we put this little button at the bottom of each lab and um it's fairly you know this Robbie this is the extent of my artistic capability is this is this giant button but if you click it it will just give us a counter not any information about you personally that somebody completed the lab if you would be kind enough it doesn't even really look like a button what do you think this giant brown rectangle maybe I'll make it look more like a button is is how we're measuring uh our success and trying to continue to invest in this program so um if you would be kind enough to when you complete each lab um smash that button as well as subscribing and liking the YouTube channel that would be really really helpful and so I think that's about it um I really appreciate everyone coming thank you so much Rabia thank you for joining we'll see y'all later see ya bye