Create interactive meeting apps for Microsoft Teams

Key Takeaways

welcome to the module on creating interactive meeting apps for microsoft teams hi i'm andrew connell i'm a microsoft mvp in the area of microsoft 365 development i have a lot of experience with sharepoint development microsoft graph microsoft teams developing add-ins for microsoft office as well as developing applications for microsoft identity including azure active directory this video is the first in a series of videos on this microsoft learning module this video is also part of a playlist that includes all the videos that are associated with this module so you can watch them in order the playlist and all its included videos are associated with a microsoft learning module that includes hands-on lab exercises and additional resources check the notes for this video and the associated playlist for more information and where to find the microsoft learning module okay let's get started meetings enable collaboration partnership and informed communication and shared feedback the meeting app can deliver a user experience for each stage of the meeting lifecycle meeting lifecycle includes pre-meeting in-meeting and post-meeting app experiences depending on the attendee's status in this module we're going to learn how to create custom apps to be used in microsoft teams meetings enhance your meeting experience by using the meeting extensibility feature this feature enables you to integrate your apps within meetings it also includes different stages of a meeting life cycle where you can integrate tabs bots and messaging extensions in this section you'll learn what microsoft teams meetings are how to create one and how to interact with the meeting before it starts specifically we're going to look at what meetings app meeting apps are the meeting life cycle how to create meeting apps for microsoft teams and getting the meeting details for our meeting app let's start with a meeting life cycle microsoft teams meeting apps are based on the following concepts the meeting life cycle has different stages pre-meeting in meeting and post-meeting there are three distinct participant roles in a meeting the organizer the presenter and the attendee there are different user types in a meeting we have an intent user a guest user a federated user and an anonymous user a meeting life cycle consists of a pre-meeting an end meeting and a post-meeting app experience and you can integrate tabs bots and messaging extensions in each stage of the meeting life cycle tabs allow team members to access services and content in a specific space within a meeting the team works directly with tabs and has conversations about the tools and data available within tabs with a pre-meeting app experience you can find and add meeting apps you can also do pre-meeting tasks such as developing a poll to survey meeting participants add the meeting apps to meetings using the same process that you can add tabs to channels use the plus icon as you can see here from the meeting details tab to open the gallery and then once you're in the gallery you can select the meeting app that you want to add once the meeting has been installed in the meeting it's then accessible as a tab as you can see here from the contoso tab with the in meeting app experience you can engage participants during the meeting by using apps and the end meeting dialog box meeting apps are hosted on the toolbar of the meeting window as an in meeting tab use the in meeting dialog box to showcase actionable content for meeting participants in addition to dialogs meeting apps can also be surfaced within the side panel of an active meeting this is a great way for developers to implement a user-specific interface for the meeting app as each meeting attendee can see individual content during the meeting in the side panel and finally the meeting app developer can implement a shared view experience in the meeting stage this area launched from the side panel is presented to everyone else within the meeting now let's look at how to create meeting apps for microsoft teams developers can create meet custom meeting apps for microsoft teams meetings you'll use many of the same techniques to implement your app as other microsoft teams extensibility points such as tabs and bots to enable your app to be available within microsoft teams meetings you need to make a few changes to your app's manifest.extension file these settings are all defined in the manifest json's configurable tabs array the tabs scope array must include the group chat scope this property defines who can access the app and you can see that here on the slide the tabs context array determines what must be shown when a user invokes the app in a meeting depending on where the user invokes that app this property along with the scope's property enable you to determine where an app must appear the following context options apply to meeting apps and your meeting app can support one or more of the following different contacts you see here i have all four of them listed we have the meeting chat tab which is a tab in the header of a group chat between a set of users for a scheduled meeting you can either specify the meeting chat tab or the meeting details tab to ensure that apps work in the mobile experience the meeting details tab is a tab in the header of the meeting details of the calendar now you can specify either the meeting chat tab or the meeting details tab again to ensure the apps are going to work within the mobile experience the meeting side panel is an in meeting panel that's opened through the unified bar now this is the same location where you can access the meeting chat and meeting participant list the meeting stage is an app from the meeting side panel that can be shared in the meeting stage now you can't use this app in either mobile or teams rooms clients the tabs meeting surfaces array is an array of scopes where the app can be shown now the following meeting surface options apply to meeting apps and can support one or both of the different surfaces you have a side panel which again this is the end meeting panel that's open through the unified bar and again this is the same location where you can access the meeting chat and the meeting participant list and the stage can be is where you can share the details about the meeting in the present that you're going to present to everyone else in the meeting now you can't use this this this type of an app or this type of experience this surface in either the mobile or the teams rooms client