Learn Together - Developing apps for Microsoft Teams

so there's not just so stiff staring at the screen right the other one this is a personal favorite of mine this one we're gonna call number three okay thumbs up right arms out perfectly straight across as best you can it doesn't quite look that way because of the angle here but straight across then you want to bend them back a little bit okay you'll feel a little tension up in the upper chest here but it's going to get better you're going to feel the burn you're going to rotate those thumbs down nice and slow oh yeah oh boy and then you can rotate them back up excellent you can feel free to do that multiple times uh it feels good maybe it doesn't feel good you want to slowly work your way up to doing more pulling your arms back further whatever you feel comfortable with doing you should do next up we're going to do some shoulder shrugs we're going to do a little this gonna hug the ears a little bit you know maybe thinking you're like i'm working on this bug i don't know what's wrong how do i fix it hmm i don't know i don't know we're gonna stretch out those shoulders but then while we're also doing that we're gonna roll them back yeah there we go up back and down up back and down those are some shoulder rolls that'll feel good for your shoulders okay stretch number five coming in hot we're gonna put our hands together like this or you can grab your wrist and grab your wrist put your hands together like this you put them up over your head and just rotate make sure you do not you know get your arms touching your ears you want to keep separation there we already hugged our ears during the shoulder rolls we don't need to do it anymore you're just going to keep repeating on either side breathe out as you tilt to each side and there we go that's five stretches but beyond that feel free to do what feels right for you whatever you feel comfortable with the key is to get up maybe get moving get your eyes off the screen and feel better thank you enjoy good morning or good afternoon good evening everyone my name is christina warren i'm a senior club advocate at microsoft and this is learn together an event all about building apps with microsoft teams we've got a lot of great content for you and we actually in the spirit of microsoft teams we are going to be learning together hence the name so we have watch parties set up all around the world where learners are tuning in with us in learn together mode and rather in together mode so that we can learn together and uh before we get started with the actual event i wanted to go ahead and check in with one of our launch parties so i'm going to go over to david warner david how are you doing well how are you i'm great i'm great so where where are you based right now so i am in los angeles california but we are hosting a watch party for the patterns and practices community which is a global community so we have people from all over the world joining our watch party today i love it i love it hello to patterns and practices community i love to see all those faces that's awesome it's a global community as you said um so that's actually kind of interesting and that's kind of the cool thing i guess about you know teams and in this whole kind of concept of what we're doing with learning together is that we can build we can bring these communities in from all over the place but still make it feel like we're together absolutely especially right now it's important for us to all support one another so patterns of practice is an open source inclusive community fosters collaboration and inclusion we have things like community calls every week where everyone can show off things that they've created solutions and improve with one another we have development resources and tools and documentation guidance we even provide hands-on sessions with one another to help them learn how to take advantage of the tools and the resources that are available to them in the microsoft 365 ecosystem and microsoft teams and really all of that is part possible because we're using these fantastic tools such as microsoft teams that's fantastic that's fantastic how long has the patterns and practices community been around a number of years now and we've just seen the growth escalate this year especially the number of contributors has has just gone through the roof it shows how passionate everyone is about sharing in fact that's our motto sharing is caring so we love working together collaborating it's one community global it's like a family that's awesome that's awesome so um where would you say is the person who maybe is furthest away from you in los angeles california and your watch party right now well we've got people in germany we've got people in canada we have people all over the world i'd say so in terms of sheer miles i'm not sure i could probably uh i could probably ask cortana that uh but they're all over the world i love it i love it i love seeing people i've gotta see something has a very festive hat on which is fantastic uh so you said you know the um uh powders practices has been around for a number of years you're talking about how it's really you know kind of grown recently because of everything that's happened uh you know in the last you know 10 months or so uh talking about i guess maybe microsoft teams specifically since that's what this event is about what would you say is the biggest change that you've seen to microsoft teams in the last let's say 10 months boy to just the rapid pace of new features to support the new norm for us that we're working within uh in in around the world today i mean we need to collaborate and have tools to do that and i think we saw features within microsoft teams that were scheduled to come out later this year or even next year that were were brought out way sooner than expected and that really encourages everyone to have that collaborative workspace that microsoft teams provides so just seeing that rapid pace of innovation that microsoft is providing to everyone in the community to uh empower us to do more with what we're provided with is amazing yeah yeah no i mean i think that that also kind of i think it's great that it's empowering people to be able to build more and do more and get more of their jobs done but as you point out when features are pushed out maybe faster than people anticipate uh does that put you you know kind of in a position as you know learners and as influencers of having to kind of feel like okay i have to get a more of a grasp on certain features or or certain technologies more quickly does it add any pressure to that oh yeah things are moving faster than they ever have in history right but that is wherein the power of the community comes to fruition we can't all expect to be experts in every little thing all the time especially when that pace of feature innovation is moving as fast as it is but together we can learn uh someone had mentioned i don't know everything but i know someone who does tracy vanderchef in south africa right that's a great motto because now we're working together to keep up we're not working in silos or alone we're using the technology to learn more about the technology kind of mind-blowing really totally and i have to say i love that i don't know everything but i know someone who does i think that's perfect and i think that actually encapsulates the spirit of learning together and i've learned together all the way around is there anything that you um or you know people in your watch party are most looking forward to maybe kind of getting out of out of today's event or things that uh you know uh cool things that you've discovered that you maybe want to pass on to others who might be watching from wherever they are in the world yeah i mean i think we did a quick poll before on who has experience in microsoft teams development and we have anywhere from brand new to experienced so i think the beauty of this being a live stream and having these watch parties is the togetherness that we can provide the the inclusion the um the empowerment to feel like we're doing this together we're not watching it alone in a room we're able to collaborate and so i think that that's the message is that we're all in this together we're one big family especially in the pnp community and so i would encourage everyone to collaborate as much as possible and don't be afraid to reach out and ask to collaborate you know i love that don't be afraid to reach out and collaborate don't be afraid to ask for help because as you mentioned earlier you know no one knows everything we're all here to help one another and that's what community is all about david thank you so much where can people if they want to join the patterns and practices community where can they go to learn more about that absolutely aka dot ms forward slash m365 pnp is the patterns and practices community landing page from there you're gonna find access to all the different initiatives uh together with me in the in the watch party today is hugo bernier and luisa freese all over again all three of us all over the world um and so we're looking forward to hosting everyone pop in if you can uh but yeah aka dot ms4 slash m365 pnp to learn all about the patterns and practices initiatives well thank you so much and thank you so much for your watch party for everybody joining us and we can't wait to see you and engage with you later on thank you for having us we appreciate it very exciting [Music] [Music] [Music] [Music] hey there i'm brian clark and you are joining me for a tech stretch just to get our eyes off the screen and you know get some movement in our bodies yeah so first thing we're going to do and one thing i want to let you know is that the stretches we're going to go through here they're going to be available to you as a worksheet later as some digital swag so that way you can practice these beyond just right now so feel free to join along with me or just observe first of all you're going to want to take a break you're going to stop reset we're going to take a nice deep breath through the nose and through the nose out through the mouth you can do that a couple times you can choose to keep your eyes closed or open whatever you feel comfortable with that's stretch number one stretch number two coming right at you this one is for your head for your neck at the neck okay what we're gonna do is we're gonna knot our head yes yes i'm the best developer today in this room yes yes and then sometimes we're gonna be like no no no i'm not no i am i am i am and that is gonna help you get some you know mobility in your neck so that it's not just so stiff staring at the screen right the other one this is a personal favorite of mine this one we're going to call number three okay thumbs up right arms out perfectly straight across as best you can it doesn't quite look that way because of the angle here but straight across then you want to bend them back a little bit okay and you'll feel a little tension up in the upper chest here but it's going to get better you're going to feel the burn you're going to rotate those thumbs down nice and slow oh yeah oh boy and then you can rotate them back up excellent you can feel free to do that multiple times uh it feels good maybe it doesn't feel good you want to slowly work your way up to doing more pulling your arms back further whatever you feel comfortable with doing you should do next up we're going to do some shoulder shrugs we're gonna do a little this gonna hug the ears a little bit you know maybe thinking you're like i'm working on this bug i don't know what's wrong how do i fix it hmm i don't know i don't know we're gonna stretch out those shoulders but then while we're also doing that we're gonna roll them back yeah there we go up back and down up back and down those are some shoulder rolls that'll feel good for your shoulders okay stretch number five coming in hot we're gonna put our hands together like this or you can grab your wrist and grab your wrist put your hands together like this you can put them up over your head and just rotate make sure you do not you know get your arms touching your ears you want to keep separation there we already hugged our ears during the shoulder rolls we don't need to do it anymore you're just going to keep repeating on either side breathe out as you tilt to each side and there we go that's five stretches but beyond that feel free to do what feels right for you whatever you feel comfortable with the key is to get up maybe get moving get your eyes off the screen and feel better thank you enjoy hello everyone and welcome to learn together building apps with microsoft teams i'm christina warren i'm a senior cloud advocate at microsoft and i'm so excited to be here with all of you virtually as we learn more and learn together about microsoft teams and building apps for microsoft teams so we've got a bunch of sessions today that will show you how to get started how to build new applications how to integrate your existing applications but before we get into that content i wanted to bring in my friend todd anglin who is the principal pm manager for m365 here at microsoft and he's also got um isabel london with him who is from the teams team um but uh but i kind of wanted to start with you what can we look forward to seeing today and what are you excited about seeing today good morning christina uh thanks i i'm pretty excited today we've got a lot to cover uh we're going to cover a lot next what is it 122 hours uh 128 hours 20 minutes two hours uh but we're going to talk about how you build apps for teams a lot of us now are spending a lot more time on teams we all know that teams usage has exploded here during the pandemic they're 115 million daily active users so we're spending a lot more time in teams it turns out that you can develop apps for teams there's a lot of extensibility points and i think a lot of developers just don't even know what you can do so we want to spend time today helping developers helping you all understand why should you build these apps why should you extend teams what can you do uh how do you do it and we're going to cover all of that with a lot of guests and a lot of people helping us out here uh coming up yeah yeah and um and i know we have isabelle and isabella said your name wrong earlier i'm sorry isabel lubin who's here from the from the team's team uh what uh so what exactly do you do on the team's team will you tell me a little bit about that yeah and thank you for having me on i'm really excited to be here um i'm one of the product leads on microsoft teams platform so one of the areas that my team looks after is making sure that developers of all backgrounds any level of experience have really great tools and resources for building awesome apps so we try to make sure that wherever wherever you're coming from you have a way to build an app for microsoft teams fantastic and where are people kind of coming from like uh like what are the types of you know developers or users even that we're seeing build teams apps right now it's really all over the place and that's actually one of the most exciting things to see is that we're finding that customers from any vertical you know whether that's finance healthcare education can really identify a way that they can improve teams to really suit their needs and so we're finding that there are tons of different scenarios and tons of different ways that people are extending teams and i think that's one of the real powers of platform is that we're building all of these different extensibility points and making it possible for you to make teams your own yeah i know isabella i was just mentioning how much teams has grown in the last in the last nine months during the pandemic and i know anytime you scale an engineering project that fast that big it's bound to make some things harder uh have you learned anything about how to do engineering as this is scaled up anything surprised you yeah absolutely i think that's a really really great question and i think you know i was we were listening on one of the watch parties he was talking where they were talking about um how exciting it is that really he's been able to innovate at that case and i think every time you you really focus on scaling and innovation at the same time you really need to make sure that you're able to balance those two different priorities so i think just watching the team make sure that we're responsive and able to have a really really great experience for all of these users as they onboard and critically need the teams and the platform to work for them while also being able to innovate i think my my one personal learning is the importance of caching you know if you don't cash for long enough then you have all the clients hitting services to try to update but also if you cash for too long then you have users with stale information so really hitting that balance and making sure that you're thinking user first all the time has been really really important for the team that makes a lot of sense yeah and kind of on that note what uh before we we throw to our first session i just wanted to know like what should developers keep in mind when they're building for teams great question number one think about what your users are doing i mean they're in teams they're chatting with each other they're having meetings think about what they're trying to accomplish and think about how your app is going to improve the what they're already doing so if you're building something like an expenses app when when users are chatting with each other or in meetings when might they need to use an expenses app and what scenarios are you designing for and we find that when you design scenario first and really think about what users are trying to accomplish that you're going to end up building out really great apps fantastic well isabel thank you so much for for talking with me todd you and i are going to chat more a little bit later but now we are actually going to go to our very first session where our own uh uh burke holland and dan whalen are going to present a fantastic keynote for us about you know bringing web apps to teams check it out thanks christina hi everyone my name is dan wallin and i'm really excited to have you here with us to talk about how you can integrate new or existing applications into teams whether you're working with a line of business application a software as a service app or an entirely different category of application you can bring your apps directly into teams and provide a more productive way for users to get work done to start things off we want to help you visualize how you might take a web app that you have today and bring it into teams our app is an existing customer management app that people use daily to get their jobs done today this app is only available in the browser so let's begin by taking a look at the app and then we can see how we can make a better experience for users by integrating the app directly into teams so here's what our customer orders app looks like i've already logged in through the browser using azure active directory and this particular app uses msl the microsoft authentication library so now that i'm in i can view customers in different ways as you can see here and i can even get orders if i'd like now in an earlier sales meeting burke holland and i had been talking about some new customers and burke is new to the company and he asked if i could put a new customer he had in mind into the system so i said i'd do that so let me go ahead and we'll enter jamie jones i think the name was so let me do jamie jones at 1234 cedar avenue in phoenix arizona let me assign jamie to burke here okay so i'll officially uh insert jamie and now what should happen is an email will go out from the app itself and burke should get that and he should be good to go now it looks like he got a chat actually so let's see uh hey dan new guy here did you add that customer yet also when do i get my bonus well first off that was uncanny timing but hey whatever and hey he's motivated on the bonus so i want to help him out so um yeah didn't you get the email so he should have got an email that has a link to it let me check okay see what he says no i did get one saying i won the lottery all i need to do is send my social security number yeah um definitely do that not okay um let me just say you know check the app because he should have the link there and be able to get to it from there okay checking can't log in i just changed my password and everything in my life is broken okay well that's a problem so uh probably the best way to handle this is we could just jump on a teams call so let me go ahead and take it from there [Music] hey dan what's up man thank you for this uh completely impromptu and in no way scripted teams call it's good to see you good to see you too yeah we didn't plan this in any way shape or form but how's uh sales going at the company for you so far uh it's been a rough morning i don't know if you can tell yeah you can't log in it sounds like i can't log into anything in fact the only thing i can log into is teams which is pretty good because that's where i spend pretty much my whole day well i mean that's a good start so i'll tell you what you want me to walk you through a different option here that you can use yes please it's actually super productive since you said you work in teams all the time so uh first off you were trying to get to the app so let me show you a little bit about that you can actually get to it right inside of teams if you click on teams to the left there okay all right you'll notice that uh you're on the wiki for general in the learn together sale so it looks like you've already been there that's great were you gonna add to your own wiki i guess is that what the plan is there yeah man i was about to uh right start writing my that novel finally gonna get done right here in our team wiki that'll totally help with sales somehow um well anyway see that tailwind trader crm tab right up there okay just click on that yeah go ahead and click on that hey look at that that's the app i recognize that and i saw it said i was logged in how's that possible yeah so this is actually using single sign-on which if you're not familiar with that basically your team's credentials because you're already logged into teams obviously are flowing down into the app so you're kind of auto logged in and then what the developers did is they created a teams app and that's what this tab is here so that we can actually embed the the actual web app so this is the app that i normally use through the browser but i can also go through teams just like this well that's awesome one last password to remember but how do i find the customer that you just put in here yeah and that's something you can do it so if you scroll down real quick um if you page through maybe go to the third page you could get to jamie there there's jamie right there there they are uh you could also filter it's they're trying to work on that but let me show you a little easier way actually that's kind of a new feature we have that we can use in the app in teams uh okay you want to click on chat there real quick all righty all right and uh see that tailwind traders bot there i do but i haven't clicked on it because dan i don't interact with random robots on the internet as a general rule of thumb that's probably a good idea i suspect go ahead this one's safe um it was created by our dev team so go ahead and click on it and uh it looks like jamie actually shows there hey it automatically uh inserted the customer here and notified me that's pretty nice yeah so this is using uh something called a bot and using azure bots combined with uh adaptive cards so what you see there is a card um let me show you a little bit about the bot um i don't know you could type hello or howdy or type whatever you want there hello how about uh what is the meaning of life yeah give that a shot i don't know if it's trained for that one burke but uh well if it's any a bot that's any good then it's going to know the answer here oh it does look at that perfect i i think we're done here our work is done i mean is there any more you need demo's over chip it so okay well that's kind of cool but obviously you probably want to use it for productive type things so go ahead and type help okay help or help me or whatever you want hey are you lost i'm a tailwind traders but i can help you with questions okay so could i just say get my customers here yeah go ahead and click on that oh i see and then it puts a chat message in and then oh yeah and then there's all the customers including jamie the one that's just added yeah that's pretty awesome so i don't even have to go to the app but dan look at this natasha's name is still misspelled i've told him five times it's n i t not in a t ah that's probably my bad i think you did mention that in the meeting uh go ahead and click on natasha there and just click on her name here yeah yeah but it needs to be changed in the app yeah go ahead just trust me trust me oh it took me right to her page in the app look at that so yeah go ahead and edit natasha here and uh we'll talk about some other things this bot can do which are kind of cool so yeah update just update now you might have heard a little chime there go back to the chat i did i have a notification i'm assuming that's the bot hey look at that yeah updated customer her name is finally spelled correctly look at me already adding value here at tailwind traders exactly so you've kind of seen how the bots allow you to communicate and not only can they show these adaptive cards in different ways of communicating through the app or even typing but as you typed like the mean of life that was actually calling into cognitive services which is an azure service and using something called luis and q a so the developers in the company i guess they just really customize the luis and the q a stuff so that we can go in and do these types of activities a bot with artificial intelligence what a time to be alive but dan i don't spend most of my day on my computer i spend most of my day on my phone can i still talk with the bot there you can you can in fact uh do you have teams installed on your mobile app i do and in fact um believe it or not i have it running and mirrored to my screen because that's just what i do every day is that just how you roll it is all right so here's my phone coincidentally mirrored to my screen and sized perfectly for a screen recording just happens to be so what do i do here i just interact with the bot you could interact with the bot if you wanted yeah or if you click on teams again okay and then scroll on down back to that general channel and click on more more and there you go tailwind trader crm go ahead and give that a shot and this should load the app for you oh i can access the app directly on my phone how does it but i didn't even install anything from the app store it's just there it is it is it's part of the the team's app that i mentioned earlier with the tab that developers can add that just automatically carries forward to wherever you're running teams so it could be teams in the browser teams on desktop teams in mobile you can get to it pretty much anywhere and i didn't even have to sign in clearly my favorite part exactly no passwords to memorize and all that type of stuff very cool we've only scratched the surface with what's possible as you bring your app into teams but you've seen that there's some very unique opportunities you could take advantage of as a developer and enhance the productivity of your users and these are things that really you can only do if you bring your app into teams so to wrap things up burke let's do a real quick recap of what we've gone through in this demonstration okay so first off we talked about how once your app is in teams you can leverage single sign-on and that means the users can just be logged into teams and they're ready to go now i know if we switch back to your sales role berk that was kind of a big deal right yes as a sales person i found it extremely convenient that i don't have to log into yet another system if i'm logged into teams i'm automatically logged into the app and even better than that was the fact that we were able to interact with the data via a bot and that bot can understand what i'm saying naturally because of azure cognitive services like luis which is natural language processing and azure q a maker which is what allows us to get to the data in the application from the bot and better yet now we know the meaning to life very important very important and then finally we talked about how once you have integrated your app into teams users can get to it through teams on the desktop in the browser or even on mobile and they don't have to install any additional download other than the teams app itself so it makes kind of a one-stop shop you could say to get to everything that the users need yeah absolutely now i got to be honest dan all this seems kind of magical uh so how do we know this isn't all just smoke and mirrors you know code or it didn't happen is what i'm saying that's right well fortunately if you're interested in getting to the code for this and the setup procedures involved with it you can go to the github link that you see on your screen and that will have everything you need for the application that burke and i walked through so with that let me go ahead and turn things over to christina all right well that was fantastic fantastic stuff from dan and burke i'm going to bring in back uh todd and isabella uh to talk with us a little bit about what we just saw and and some other things we can look forward to with developing with microsoft teams todd let's go ahead and start with you what are kind of your big takeaways from what we just saw from our opening with burke and dan yeah it's a cool demo and what i love about what they showed there is i know a lot of us are in places where we have those line of business apps that are part of our daily lives that requires go find a website log in and it shows how you can really simplify a lot of people's lives by bringing things into teams and how you can go even further and really streamlines the way someone works by going even deeper into that integration with things like bots and some of the things dan and burke showed off so hopefully i think everyone got to see that it's a lot of different places you can integrate into teams and we'll go now in the rest of the day and show you how to do what you just saw so a lot of fun content to come but i also want to point out that what we saw there was in the context of a line of business app but the same concepts apply if you're a startup and you have a sas app and you want to think about integrating that into teams or maybe you're a student and you want to build something for your organization or your learning institution all of these concepts apply the same and so if you have an idea for building a teams app or you're thinking about building one we want to help you in fact we've set up a forum where you can share with us a little bit about what you want to build so we can actually set up some time as the developer advocacy team to talk to you about your idea and help you out so head on over to akms teams app consult c-o-n-s-u-l-t and give us a little bit of information and we'll reach out to you we want to help you out we want to help make your team's app successful and hopefully guide you a little bit further down that path awesome awesome so aka dot ms slash teams app consults that's fantastic uh isabella what did you think about that that was a pretty cool demo right it's really really awesome and i think just in general we're really excited to see sso coming out as well as one of the things that was highlighted there yeah so isabella what is what's the coolest app that you've seen developed for teams so far really hard question i think in general i love all of the apps that folks are building that address they're really niche scenarios so you know in education cases how students can stay engaged and things like that i personally love kahoot um it's an app that was actually first a standalone app and is now integrated into teams i i use it for a lot of some of the internal onboarding programs that i help run so that's that's one that i think really really meets this this niche that i have of wanting to be able to have interactive quizzing experiences that kind of break up some of these onboarding events that we hold i actually think a lot of the watch parties today are using kahoot as well so it's a great call out it's a great app they're fantastic fantastic so i was going to ask isabella we saw a lot of sort of core features in teams in that demo but i know some of the people in today's live stream are experienced teams developers so for those who are more familiar with the platform uh what should developers know that's maybe new in the platform something new they can check out to go even deeper with their app dev journey yeah there are a lot of a lot of different areas that we're making investments in i think just really in general focusing on making sure that there are great tools for both professional devs and citizen devs so the the new visual studio and visual studio code extensions that help you build out scaffold the integration with power platform is really really powerful and really helps folks get started building out apps quickly i'm personally super excited about meetings extensibility which is how you can start building apps for meetings i think it's one of these ways that you can really see how apps can be fully integrated into what you're trying to do and i've since we've released meetings extensibility it's a feature that i've been using in probably every single meeting i have that really requires kind of deep interaction with the other people that are that are working with me these are apps that like run in the meeting while you're meeting other people the app's right there in that surface yep there's you can you can access the app from the upper bar and you know even in that polling in that polling example we did a virtual offsite the other day and we were using polls to kind of gauge sentiment while we were doing the off-site to make sure that all voices were heard so that's a really really great way that users can now interact oh yeah very cool that's awesome so uh you told us like what app is one of your favorites you love kahoot what is what is an app that uh the people you would you wish that someone would develop oh great question um now that we've released meetings extensibility all i want is an app that will play elevator music into the meeting in that five minute silence before everyone actually starts talking and you're kind of sitting there and do you say something do you not set this up i want to be able to just hit a button and start playing elevator music i actually think that's a great idea and uh that actually that would go well with the with the app consult uh right todd like that that's something people should reach out and learn more about building i think it's a great call out that there are all kinds of different apps you can build it doesn't have to be just the line of business or the productivity scenario i mean people are spending their days and their time here so elevator music app sure uh you know the sky's limit but send us those ideas let us help you out help you figure out how to be successful i also want to say before we go back to kind of the next segment here and talking more about how you do this that we know we can't teach you how to do all this in two hours no one can learn and master topic that fast so we have prepared a free learning course on microsoft learn that's aligned to all the content you're seeing today so you can go self-paced go through all these topics learn the deep ins and outs that you need to know to be successful and we created a challenge around that to incentivize you to go through that content so it's a teams learn challenge and the first 35 people that complete the challenge will be eligible to win xbox game passes so we're not above bribery uh head on over there check out the teams learn challenge aka ms slash teams learn challenge is where you can find it it will go live right at the end of today's event uh it'll give you a reason to go through that learning path take what you've learned today apply it get hands-on and hopefully build that elevator music app for isabella here so she has that app in her uh her app catalog indeed indeed fantastic stuff check out that link aka dot ms slash teams learn challenge as todd said we are not above bribery and now we're going to go into our next section from aisha and tommy check it out thank you christina wow we just saw a great demo from den and burke tell me what do you think yeah that was pretty cool and it tells us a lot of possibilities with teams platform i hope that makes you want to build some apps too yes i'm talking to you who are watching this right now and thank you so much for tuning in so how are you all doing i hope you've been enjoying this event so far and we have live learners here to learn together with us so chloe how are you doing i'm doing great i'm learning so much i already use teams and now i know i can build stuff on top of that how about anthony i love the demo was awesome i'm looking forward to learning more nice nice all right cool so in this segment we're gonna show you the developer platform capabilities and tools my name is tomomi and i'm a cloud advocate here in san francisco and hi i'm aisha and i'm cloud advocate 2 based in dubai where are you all watching from we have lisa daniela luis hi i'm lisa and i'm watching from redmond washington hi i am daniela and i'm wanting from peru hi i'm louise and i'm watching from germany so nice so shall we get started tomomi i know that you were working on a series of teams developer tutorials for beginners i think you should be the best person to summarize what teams developer platform lets you do all right yeah let's see um you can send messages which also trigger notifications this message can be an enriched format like task modules and cards with inputs and buttons and you can extend the team's feature like search commands or you can use a full screen canvas to embed your web app that's neat by the way do you remember we were discussing long time ago how nice could it be building apps for meetings seems like it's available now yeah you can build immediate apps too and the feature is currently in preview so it will be really exciting to see more apps on meetings yes it will be awesome for sure what about teams developer platform capabilities what kind of apps can we create with all these great features all right so we've got tabs for the full screen experience bots for conversational tasks and a messaging extension to let users invoke commands from ui it also supports incoming and outgoing webhooks so you can make teams to interact with the third-party apps and services okay let me work on the key capabilities with my drawings so the first one is tabs where you can display information in visual interface so you can see there are tabs on top and you can add your own custom tabs here too and clicking one of those it displays a full screen view and by the way we use this custom clock app in our team too that's awesome and our teammate bob made that it's quite useful in our team especially yeah so the team clock is a good example we can view everybody's time zones in the current day and time it's useful because we are globally distributed team yay and some business analysis too you might want to create a cool data visualization like this the basically taps a web app embedded in iframe in teams client it would be nice to have dark mode too i'm a dark mode person yeah so teams sdk does support dark mode and high contrast mode so you should definitely add the feature to your app tabs are great especially for web developers you can use your favorite frameworks like react or vue or even no frameworks at all just use that with teams sdk to bind your web app to teams yeah so your tab is a web app um you developers can also debug your web apps with browser dev tools just like how you usually inspect your web app in an edge or chrome however you like that's right another capability i want to show here is bots spots can have a conversational interface between a user and a bot let's say a user says something like hey but and a bot replies maybe greet back and say hello hey the user can make a command to the bot let's say make me a sandwich can both really do that not really maybe not making a physical food but can generate an order so i order a pizza for you and you can display some images or ui components here too and maybe this pizza scenario is not so realistic but you can create all kinds of automation in this compositional ui so bots are totally different from tabs in nature so you need a different set of technologies we offer about frameworks which is a powerful platform to build chat bots for web mobile and other platforms including skype also third-party platforms like twilio slack and so on and you can use a team specific handler to create a conversational ux for teams also you can make your bots smarter with cognitive services such as language understanding or q a maker power of ai yeah ai is super cool and also you can leverage microsoft graph api which allows you to get in teams and user data such as well user presence or you can combine with newly released graph to do skills on framework so bots can remind users to do something well rabia and bob will talk more about graph later so stay tuned yeah next one is messaging [Music] extensions and this feature comes with two different types and action and i'll explain search commands first the command can be invoked by a user from two places and one of them is a search box right here let's say stocks app is already installed and when anybody can look up that you know ticker symbol like ms f t then enter and the result shows up in the drop down here microsoft and 300 yeah i hope that's very optimistic yeah another place to invoke the app is the composite area so by clicking the app icon here you get that pop over and you get a same app and you can enter a query yeah then get the result right here two yay the difference is that the result can be shared to the team so you can press that button to pause the message and that can be you know displayed in message view right there so this one must be different it is action command right not search yep so that's messaging extension and that's action commands so this command is invoked by a user from any one of these messages now when a user hover a message i get that little menu with emoji and all those things so click the last one dot dot dot that gives you a drop down menu then click more actions right there that gives another drop down menu in which you know there is names of apps that use that feature so click one of those that make some actions something like a generic report or something and yes the result can be sent as a reply in the thread of the original message if you want so to build these features the tech stack is actually same as bots they're just different presentations and interactions yes and also microsoft offers the open source adapter cards you can create ui snippets for web and mobile and you can also use it with teams app development too stay tuned for the next sessions to learn more about adaptive course and graph api so it's always the next question when we get so excited about the technology right where to get started what to install all right yeah so it's better to mention the team's devtools to begin your new project you can use a command line tool or teams toolkit that both gives you an app scaffolding we also use app studio to create an app manifest and let you install and distribute your app you probably want to use ncrack for localhost tunneling during development but once you finish you will need to deploy your app to well let's say badger well so you actually described very well we have two different great tools developers can use any of them depending on their preference oh yes for example your team generator is for developers who prefer to create apps with typescript if you like cli development your teams could be the good choice for you exactly nice one on the other hand microsoft teams toolkit is for developers who prefer to build teams apps directly within visual studio or visual studio code it's a new evolving extension if you prefer visual guidance toolkit might be your choice you can check the related links if you want to learn more about these tools and let's try to build apps using both of the options what do you say all right so what are you going to build with these tools aicha i'll create a tab using your teams and a bot using teams toolkit so we will get a chance to see both of the tools as well as both type of applications so let's get started i'll create a folder and call it teams tab then i'll open it in windows terminal i will type your teams i already installed the tool so it should work i'll choose the default name teams tab i'll create a subfolder for my solution then i'll choose the default tab teams tab and default company name contoso let's go for the latest stable version 1.8 then i'll skip the partner id part feature of the themes app can be any of the following but for this demo i'm just going to create tab then i'll go for the default hostname you can change any of the following settings later but for now i'm just going to say no to loading indicator header bar um test framework or application insights you can add all of them later so default name will be teams tab tab then i'm going to choose personal static as a type and i'm gonna skip this no then this will create my project once it's done i'm just gonna type code dots and i'll open my project in visual studio code there we go code dot yay so this is my project all tabs are actually web apps so this one is in typescript let's quickly run our tab i'll open my terminal here and i'll go in my project folder see the themes tab then i'm just gonna run gulp and grog sir so now um angrock is channeling my look lost 2007. let's just test our tab on teams i will quickly go to teams and i will sign in with my demo tenants all right so let's highlight here so developers can get a free tenant from m365 developer program it's a free program and great for testing and debugging definitely i'm using one of those right now so okay to test my tab i will go and click three dots on the left hand side menu and i'm just going to choose more apps on the bottom i'll scroll down on the left hand side and choose upload a custom app for me and my teams under my project folder there's a package folder i'll choose this zip file and open it on teams i'll edit and yep there we go our tab is now running on teams yay it's done with your teams we move forward with team circuit all right but aija before you start where can we get the toolkit developers can get toolkit extension and visual studio code under extensions part once it's installed teams icon will appear on the left hand side menu i'll just go ahead and click on it then i'll create a new teams app ah so to continue i need to sign in so that when i create an app it will automatically be added in my teams app studio i will allow signing in then i'll be directed to capabilities i'm going to choose bot and next then i'll give it a name any name you like and after that i'll create a new bot registration under bot framework once it's done i will have bot id password and registered underbot framework i'm just going to finish it i need to create a folder under my desktop for my project there we go our bot project is created after this point it's all about following the readme guidance we go so first step is just checking dependencies if we have not js ngrok or enter 65 developer account and the next step is setting up ngrok before we move forward one would you like to explain why do we use angrock at all sure because microsoft teams is an entirely cloud-based it requires all services to be publicly available using https endpoints so to make your app works with teams you need to either deploy your app to the cloud server or create a local running instance that is externally accessible so we can do that with ngrok which creates a new role for a course that opens locally yes definitely thanks to me and now i'll show you how to work with angrock let's continue with our steps i'm just going to copy this line and open my ngrok i already installed so i'm just going to paste the script enter okay so my ang rock is tunneling 39.78 i'm just gonna copy this url and after that let's move forward next step is updating bot framework messaging endpoint i'll click on box section here then i'll allow signing in after that under existing bot registrations i'll find out our bots and if we scroll down on the right side we will see bot endpoint address i'm just going to copy my ngrok url slash api slash messages on the right side once we see the green tick that means we're done let's turn back to our documentation for the final step our final step is just build and run i'm just gonna type npm install first and npm starts awesome our project is running on localhost 3978 which we're tunneling let's go to teams and test rbots i will sign in with my demo tenant again there we go i'll go to three dots on the left hand side and i'll choose app studio this is my app studio i'll go under manifest editor and here we go this is my bot i created already i'll click on it and you can see all of your bot details under app details and if you scroll down on the left side you will see bots endpoint url and also bot id and password to test this if you scroll down on the left just click on test and distribute install and add this will direct us to our bot yeah there we go so i'm just going to type hello and bot replies me hi my name then i will try something else hi there and it just pops up but adaptive card with a button let's click and it's again hi my name so congratulations our bots we build using teams toolkit is working on teams too wow that was great now you know what you can do with teams platform and which tools to use to build apps are you all ready to build some amazing apps we hope so stay tuned for the next sessions to learn more bye bye so thank you so much for watching and back to you christina that was fantastic i love that demo i love that session the cli bit uh really excited me but next we're gonna kick over to a little bit of a break we're gonna see um some videos from our friends uh chloe and some other people and then we're gonna come back and check in with our watch parties so see you in a bit hey y'all chloe condom here and today i'm gonna show you how to make your own personal office assistant in under 60 seconds using things around your house that's right we are crafting clippy i've only got a limited amount of time so i'm going to get right into it so i'm just starting out with a sensible piece of gray clay here everybody's clippy's going to be different right i feel like everybody's clippy has its own personality mine's gonna be kind of sassy it's gonna have kind of this arm out like this now if you're anything like me you just have a caboodle full of eyeballs so you can pick an eyeball that suits the clippy that you're making you can have classic cliffy or if you're like me maybe you want to do something a little bit more sassy with eyelashes looking a little tired here pre-coffee clippy and that everyone is how you make your own clippy put this baby in the oven for a couple minutes and voila you can have some clippies just like these earrings you see right here happy coding everyone a lot of people really seem to underestimate tasmania and see us is this tiny little island away from the rest of the mainland my direct team's actually based in melbourne but being able to create group chats and have that visual connection through video calls has helped us tremendously especially this year in 2020 a lot of organizations had a really rapid deployment of teams and were forced to learn on the fly we put together a series of short and snappy teams tips and tricks videos which have been super well received one of the most popular videos was how to add snapchat filters to your team's video calls one of the main platforms we use for our internal communication is livechild's reach which actually sits as an app within teams as well as a variety of other platforms i can post my latest updates or videos through there without having to context switch through different platforms all the time this year in particular has put a huge emphasis on the value of connecting your people and bringing content to the places where they're already working for us that's teams [Music] what a great story that was fantastic and welcome back to learn together i'm christina warren and if you're just joining us this is our great event just all about you know building apps with microsoft teams and i'm gonna go now to um one of our virtual watch parties that we've got all over the world i'm bringing in martin who is with the uh dutch information workers user group martin how are you i'm very well thank you hi christina uh it's nice to see everyone in your user group uh so uh what what time is it where uh where you are right now we are based in the netherlands and uh it's um well about a quarter to 7 p.m right here amazing amazing well thank you so much for joining us um so uh tell me a little bit about your user group and tell me about how you use microsoft 365 and microsoft teams oh absolutely um so we are the dutch information worker user group and we cover basically everything that's microsoft related when it comes to collaboration so there's a lot of sharepoint microsoft teams power platform and we organize user group meetings um about uh once every two months online these days obviously but they used to be in person as well when that was still possible and we cover everything from a development perspective to an i.t admin and business perspective as well that's awesome that's awesome and what's uh what what feature would you say that you are either most looking forward to coming to microsoft teams or has been the most useful to you that's that's happened with microsoft teams that's come out in the last few months oh i i think breakout rooms is definitely one that we've been anticipating on for a long time but also the very small features the one that was just released with the five minute warning uh when when a meeting is going to end the the features like that i i really like those yeah i love that i love that and i i love that uh your user group is is watching and helping us learn together all of you at home who are learning with us we definitely want to hear your feedback and now i'm going to pass things off to barnum and baldrick who are going to talk to us more about um embedding your apps with microsoft teams hey thanks christina and hello everyone uh you know we have you have joined us for quite a few uh minutes already and we're really excited that you're learning together with us so far i'm barnum borah and i lead dev advocacy here for uh teams and graph here at microsoft and yes uh i'm joining you via the power and magic of teams from right here down under here in melbourne australia today i'm being joined by a very special extremely european very dutch partner in crime all the way from amsterdam in the netherlands make some in meeting noise uh for senior dev advocate former mvp and microsoft 365 developer community extraordinaire mr waldeck mastercards hi everybody with that i mean i have nothing else to add other than that that we have brought here a group of folks who want want to learn with us so i'd like to give give them a chance to say a few words about who they are we're watching from and we'll take it from from there uh cool i'll go first my name is donovan brown i live here in houston texas and i am a principal cloud advocate here at microsoft hi i'm julie turner i'm a partner with some praxis consulting and i am in southern new hampshire in the united states my name is abel principal cloud advocate and devops lead at microsoft and i live in seattle washington hi i'm john papa and i'm also a cloud advocate and i do a lot of web development out there in storytelling and i currently live in orlando florida hey awesome thanks for the intro learners i hope you're in for the ride with us uh and and everyone out there who's watching uh thank you for joining us once again so uh you know waldek our learners have already you know they've had a cool chat with isabella who's from the team's product team uh and dan and burke you know at the top gave us a great demo uh on a complex enterprise app uh it's a scenario that boosts productivity for a sales team uh in a crm style app uh we also just before this heard from tomomi and aicha who gave us a cool rundown of what a teams app actually is and what are the nuances and the different types of areas of development you know you can try and people can try out but a little learner buddy told me that they really want to know what we are really going to talk about and show today so why don't you give us a bit of an essence of what we're really going to talk about for the next few minutes uh in in our segment sure so in a gis right like we learned like there are multiple types of apps you can build for teams you can build a bot you can build a tab right so in this segment we'll talk about how you would bring existing web app bring that into teams as a tab so why don't we uh kind of uh dive into it straight away while like you know where would somebody uh you know let's assume uh we we take the app that we saw an example of earlier on you know um and you know both you and i and i'm sure a lot of people online you know have have built an app like that or something similar in the past so where would somebody start where why is why is it important to think about a few things that matter when you're building for microsoft 365 platform and and the opportunity of reaching 115 million daily active users how would somebody start where where would they go right so i guess there are a few few angles from which you can start and the one that i choose often is auth like all like we all know it right so all is probably the hardest part of that because until you can authenticate you can really do anything like none of these apis are anonymous right so until you can connect to microsoft graph or to get and get the data like you need to authenticate right so that is the first step you need to do and for some like some folks like well so is it is it harder to do a regex compute time zones or do off right so like i say you know what like well it takes a few things to get right but it it is that very first step that empowers you to really make use of the accounts you already do for um that you already have for work as opposed to having to have like post-it notes around your screen with different credentials for every app you use right so that is the first step like if you have an app and you want to bring that into microsoft 365 i would say the first step ensure that you can use your work account to sign into your app like look i i think that itself makes me excited because i think i've i've sort of fallen into the trap of building some uh you know fake username password databases just to test things out so you're telling me that i've been not following best practice for a long time so waldek you know we've we've seen uh a few demos about the app before so where where should somebody start i know how let's assume you know a developer has an app or organization has an app that solves a business problem for them you know where would be the first place what would be the first thing what's the big force enabler that they should enable when they uh you know try and bring that app to microsoft 365 or teams uh let's talk about that let's let's let's see it absolutely so when when when you have an an an app right i mean that app is not available to everybody anonymously right because it has access to your customer data orders right so there's always this first step you have to authenticate so how do you barnum uh solve off like how do you build off in your apps i mean you know that's a funny question because i remember from a conversation we were having before that i've been not been doing you've been pointing at greatly pointing out that i've not been doing best practice where you know for for random tests i've been generating username and password and putting that in a json file and trying to do random things you know you know i'm i'm i used to be a machine learning guy and that's that's how i did a lot of things so can you show me what the best practice needs to be and why microsoft 365 why the microsoft graph why teams uh you know off and why active directory is really where i should be investing more time in and and what our developers really get as an inherent uh capability within the platform sure so it's like whenever you build a web app like you probably have exactly what you see see now on a screen right you have a login page that asks you to provide either login name or or email and password like and then you enter that and like you will with that authenticate to the app so you will get access to all info that you have stored in the app in our case customers and orders and in in this case like you need a separate set of credentials for this app and chances are that for every other app you use you will have different set at the end of the day your monitor is filled with post-its or like december 2020 underscore one exclamation mark you know so like you try to like create more credentials that you can keep in mind for for different apps right and that just at scale doesn't work plus it's it just doesn't make sense because you already have one account you have one account that's used for your outlook sharepoint onedrive and teams so why not use the same account to log in into your line of business apps right so that is exactly excites me tell me more about it exactly exactly so like for for me when you think about bringing your lob apps to microsoft 365 like that is the first step ensure that users can use their work account and sign in with the same account that they use everywhere else into your lob app and the experience is very much the same right so you come here to a login page like and you see a login option but there is no more login form in in here because at this stage you're you're you as a dev you're not building the auth mechanism by yourself you don't need to have database with usernames and passwords hashes password recoveries reminders and whatnot like all of that is going away because now you choose to buy into or to actually use azure active directory which you already have have available right so in here imagine that we refactored this app and we want to use aad as it's called for short to authenticate in this app with your work account right so here you will click login and in here you see a login form but that login form is coming from azure active directory this is not a login form that you would build in your app you get this for free right and in there you enter the same email that you use for work password that belongs to it right and with that you get immediate access to this app right so you can you still have access to customers orders and whatnot but none of the other part you need to build by yourself and that saves you a lot of time not to mention you get for free things like multi-factor auth like the ability to also authenticate with your phone or things like access that um policy right that your company can say you can only access this app from a laptop that we as a company own and not from your own right so these are all the different things you get for free you know this uh every time i speak to the friends who work in different companies or building apps very much like this and i know we've talked about this before but every time i say that hey um you know using azure active directory which you know for for those of you don't know underpins pretty much all of the authentication for um pretty much everything that microsoft does especially in the cloud um and it's almost the the default active the default identity management um you know platform that a lot of enterprises across the globe use so the ability for a startup or anybody who's building an app or an isv to actually just quickly just integrate with azure active directly directory and utilize the the baseline capability of identity and access management that automatically makes them able to plug in directly into the enterprise identities that exist for millions and millions of people who work in these large and you know different size companies that is a big force multiplier that kind of you know opens a lot of doors for these companies as well so this is what really excites me i think you know devs who are watching us are watching this should definitely go and try and and make sure that their apps are able to quickly plug into an enterprise identity graph absolutely and i guess they maybe this is also a time for us to ask folks that that we have have with us like what kind of like when you build apps do you build build your own off or do you try to tap into systems that are already there well i guess it already mentions your writing right i mean if you're if you're writing a standalone web application that's not tied to your organization then you're definitely going to have to retrofit this to that scenario if you're going to bring it into teams but it all depends on my target audience if i'm working for the enterprise i probably want to go as close to uh aad or some type of centralized auth as i can get if i'm standing up my own i don't know selling widgets on the um as i moonlight then obviously i'm not gonna i'm gonna use forms authentication and enroll it myself yeah cool so to watch the applications that large enterprises will you're already got some kind of authentication store as donovan was saying so a lot of places that i've worked or consulted at or taught with it's not optional to use a new auth store you have to integrate with whatever's there and quite often it's it's 80. yeah thanks john and donovan i mean that's that's exactly what uh you know i think uh uh it excites uh devs when we speak about this even and and then when we talk about bringing this into teams that's where we want to go next you know baldeck we've just discussed why it's uh it's such a huge multi force multiplier to be able to plug in integrate and utilize the identities and access management and all the policies that already exist and basically the goodness of identity management and and and utilize that in an app but then now you know how do we sort of bring that in uh into an experience where the users you know teams you know 115 million daily active users this is pretty much well and truly becoming the operating system of work for a lot of us we're only able to do something like this where we're conversing across time zones across global multi thousand mile distances primarily because of an environment like this so you know when somebody talks about bringing their app into teams what where would they start how do they go how do they go about it um and integrate with the goodness of team so let's talk about that a little bit the first step the easiest step to bring your app is to build it as a tab because that brings the whole app as as as is with as little work as you can do right and that will make the whole app available within the context of teams right so here like what you see now now on a screen is like a channel discussions in teams directly and here on the left-hand side we now launch our app that has been exposed into teams you see now on the screen that we have access to all customers we can view orders so we have access to the whole app but we are still in teams people don't need to go into a separate bookmark browser tab that they have switch back and forth no matter where they are in teams right because like we now chose to build this app as as personal teams app and that means that that app is available to users no matter where in teams they are whether they are in files or or channels they can quickly access this app directly from the left rail and open that directly within the context of their work meaning less switching back and forth and also again because we chose the first step to use aad for us they don't need to to authenticate and we will go more in depth about what you have to do exactly to have that single sign-on experience for your app exposing teams to make it really seamless for people to use your app yeah i have a question about the way that you're sorry go ahead yeah you so you have a web application that you're going to port but we're still going to leave it as a web application for those outside of teams so right now i'm noticing that there's a log out button on there is there a way for me to know if i'm running inside the context of teams or if i'm running in the web proper so that i can maybe change the theme that i'm using or remove some of the chrome that i have because i don't necessarily need a logout button if i'm actually sso inside of teams right yes that makes sense like that that is a perfect thing that you would actually do right so we use that to uh do sso in in teams so if you open this app in context of teams we know it right so we can tap into your identity that is exposed to to us through teams if you don't don't use this app in context of teams if you just go to a url bookmark because you are not in teams well then there is no context of teams and that that that that is given to you like you can access that in your app and as you say you can adjust the ui ux of your app based on the fact whether you're you are inside teams or not awesome so you're saying uh baldic basically the fact that we we enable uh the ability to use single sign-on through teams where it's a fully seamless experience you you can actually get rid of the chrome that doesn't make sense here um and and and just utilize the best bits of the app that really makes sense in the context of that user or that pain or that tab right exactly actually come to think of it like you know folks who are watching like you don't necessarily have to actually bring the whole app into teams you know we there are a lot of different parts or different types of apps that were discussed earlier on and you can hear more about later like it may make sense just to bring a bought experience here it may make sense just to build adaptive cards into chats which allow people to interact with parts of an app or parts of a database or parts of an interaction in a in a full-on scenario of building a solution for a business outcome so what we're showing here is how to integrate a a very visual application in in a tab like environment um wanting i just want to change gears a little bit um you know we've talked about this before and you know and every time i speak to someone who you know hasn't hasn't experienced teams development so far i tell them that hey you know what you can make your existing web app really easily available on teams through something which is actually quite trivial to actually do but very powerful instance uh which is just having a manifest that gets uh has all the parameters and gets uploaded and then you're suddenly your web app which lives on a browser for most people who are using it on in their browsers suddenly becomes a teams app and is available on devices with themes off and everything so can we just talk about the manifest and the power of it code so basically in other words so that was like a really wrong long preamble to say that's like show me code all right cool right so the app you have seen like this this is this is the project that um that we have in vs code and in that we have two parts right so first we have the web app itself which is built in angular so this is just like nothing else than an angular web app with all its um controllers mob modules there's also a little bit api there but this is just like nothing more than an angular app right using built with tooling that you would know in angular and then we have this another bit that we have added specifically for teams and the key part is barnum you mentioned the manifest so so the manifest is a file that that describes the shape of your app and says okay so this is my app it has a name icon and it has either tabs or bought and whatnot so these are the different things that you would include in manifest and since it's just a file like you could edit that in vi or vim like i never can remember how to exit it so i don't i stay away from that um but there's there's also tooling that that that we offer right so we have teams toolkit for vs and vs code we have yo teams right that allows you to use the same experience that you would build that you would use to create any other new web app um so developers not actually building this from scratch right so there's what their experience is pretty much you know here's my app yeah and and we have tooling that really enables you to like generate what is the wrapper that makes that uh app pretty much behave as an inherent extension of the capabilities of teams so it's not a jarring experience to the user right absolutely right and we have twin that goes all the way from command line that you might know from from other apps to through more wizard based experience that you would visually go through follow step by step and then you end up with a working manifest and an app cool um while again in just changing gears a little bit for folks like myself you know who are stuck at home in lockdown you know this uh this uh whole 2020 has been a very tough year and we've not actually been able to meet as a team we work across the globe and it's not it's been quite challenging so one of the things that you know we've tried to do obviously at microsoft is to make our collaboration software as as real as possible and try and replicate the the same experience as trying to be in a team as a in in a room in the same room and collaborate as much as we can and you told me that the best collaboration environment that uh one can actually work in is in front of a whiteboard so in that notion i know there's something new that the team's product team has launched which uh some of it has already gone live and some of it is coming live very soon which is the meeting's extensibility so we're not going to show meetings extensibility today but let's talk about meetings extensibility a little bit warden to me there is nothing better than having the ability to stand together with someone next to a whiteboard and chuck and and talk right like draw things because i think visually i think in pictures so i i need to see things to really uh uh grasp them and like typically up until now like you would have a call with somebody and you would talk about things but then like you would draw something else where you would try to share screen where somebody will like kind of draw stick figures in paint like that that doesn't work right so like what if we can improve that experience and so basically you're saying that somebody who's building an app today they could build an app which uh could be a web app in itself could be a teams tab app but you can actually go into a teams meeting and attach an app to a meeting where instead of doing a screen share and showing somebody what you're doing on a sort of a dumb video screen you're actually interacting live with a rich app right absolutely and that app so imagine our crm like with that you will get access to to orders and everybody can interact with them live right so if you do a change i can do the change too i don't need you to tell you like barnum can you go a little left no no the other left like can you move this order like no so we can we we can truly collaborate in a meeting on the same data and for a part like imagine that these apps are powered by fluid framework right like framework that truly are allows real-time collaboration so i have a question um you were sort of saying that you could have these apps be in multiple different places so you're saying you would use this manifest to define all the different places where your app could then show up so if your app could be used in a meeting or could be a tab or might be better off as a personal app you can just configure multiple different entry points right in this manifest that is exactly right so inside a manifest you you create a manifest for your app and in there you you you you can list all the different shapes in which your your app is exposed into teams so as you said it can be a tab it can be bought meeting extension or an app that is available in meetings so all these different places you would then list inside manifest this is the beauty of actually parameterizing so much of it and then making it available in a manifest right so um so we can do uh you know these kind of scenarios where you know it could be a sidebar app it could be a multi-user multi-thread app you know um and and being able to collaborate in a meeting live you know this this is what excites me about this you know personally you know we do a lot of meetings here at microsoft and i'm sure everybody watching does too many meetings already so what uh what excites me about this is basically we don't have to have meetings about what we did in the past so the agenda is not about you know reviewing the past or planning the future is the agenda could actually be about getting stuff done in the present and actually doing things together and that's you know in the in the interest of learn together i think it's about build and do together as well and that's what sort of really excites me about this in meeting extensibility capability that's coming to teams um so whatever you know we're at sort of at time with with our segment so any closing thoughts on this uh that that you have that you want the learners to take away absolutely so i would encourage everybody to give this a try like if you have an and an and and an app right no matter if it's hello world or if it's crm or or anything else you might have built in the past like really give it a a try try to have that app show up in teams because the moment you will see it you will start thinking about what are the different things you could do more more with that because now your app is available to users where they already are and we have a learning pad that will take you step by step like explaining you the basics like how you build different apps what uh what you can do all the way to sso and the very detailed uh things you have to do for for off so i really encourage you give this a try and then when you do tell us back what you think of it where where we can can improve cool so for those of you interested if you want more information about what we shared in in today's session you can go to aka.mslash learn together which is also the site for this particular event but also if you want to learn about that learn path which waldek was speaking about where we really go through in in-depth and teach you how to actually get started and how to get to an outcome of actually having your your your first team's app ready to go then you can go to aka.ms slash dev apps for teams and actually go and try it out so i encourage you as waldex said to go try it out and thank you learners for and thank you everyone for for joining us today um and i want to at this point throwback to the studio back to you christina thank you so much barnum and valdec for that great presentation on embedding your web app into teams next up we have a fantastic presentation from bob and robia about how you can make your team's app part of your day over to you guys well thanks christina and hi everyone my name is bob german coming to you today from boston massachusetts and i think a lot of you probably know my colleague robio williams who hails from brisbane australia we're both cloud developer advocates at microsoft and really excited to be part of this program thanks bob for doing the intro for both of us hey we have some uh live learners here with us so please introduce yourselves and tell us where you're from hi i am cassie brevue i am a cloud developer advocate at microsoft and i am based in minnesota hello everyone my name is maxine maguire i am a cloud advocate and microsoft as well i am located in the magnificent city of montreal hey everyone my name is tesla phillip and i am also a cloud developer advocate here at microsoft and right now in fort lauderdale florida hi everyone this is hamila khatri i am a microsoft student loan ambassador and i'm currently doing my phd i'm here learning about how this app development works in microsoft team okay so in this segment we're going to deep dive into some of the app capabilities that we saw earlier um and i have this pressing question bob um i saw tomomi in h's segment where they're uh talking about the team's toolkit and human generator in order to there are like two tools you can use to build application for teams and i was wondering and i'm sure the developers here also agree with me what if i already have an application do i have to go back there and rewrite the code or use these tools in order to bring them to teams a great question and usually the answer is no you can usually don't have to rewrite your existing application in fact the architecture of teams makes it easy to reuse your existing application in many ways so i'm not sure if you've seen this architecture diagram before but this is the team's architecture teams itself is really a brilliant facade on top of all of the different services in microsoft 365. and so you can just add your services to that this whole thing was designed for the cloud so as long as you you have a web page on say the internet anywhere or a rest service that implements a bot anywhere on the internet and we can reach that you can actually reuse that functionality inside of teams now teams just needs to know where is the web page where is the web service and that kind of thing and that's where that manifest comes in that you've seen a couple of the other presenters already talking about manifest tells teams how to stitch your application into the ui that's great um so uh waldek and barnham took us through teams capabilities and in a few minutes i'll be taking you through messaging extensions uh but uh folks we have to jump into bob's brain because he knows a lot about bots uh do you love bots bob i do i really love bots i think what really intrigues me about them is that they support natural language so in a way they're the closest user interface to human to the actual human experience the thing is of course bots are really a bot is really just a user interface so it is worth remembering that even though bots are really cool you shouldn't have a bot just because they're cool make sure that you're solving the user's needs in the easiest way for them so if it's easier for the user to click a tab and just see some information at a glance rather than ask your bot questions to gather the information the users are going to want the tab right so keep in mind the advantages of bots an intuitive user experience being able to face an ambiguous situation and just ask the bot for something working where users already are is such as microsoft teams and it's interesting that bots also have a self-generating history so that chat that they leave behind can actually be useful if you use it correctly and i think we'll show we'll both be showing a couple examples of that as well as kind of small screen support so another thing that you might or might not be aware of is that teams apps can have different application scopes so i'm sure you've seen this in the demos already an app can run in a team's channel or in a group conversation in which case the audience for your app is a group of people and you want to be mindful of that when designing your app then apps can also have a personal scope in which your app is accessed by individual users and that's a great place to provide a summary or to notify users about something kind of you know specific to them this distinction become is especially important in the area of bots which is why i bring it up here because well maybe it's better if i just show you an example imagine that i am a consultant and i am walking out to my car after a long day of consulting work and i go into microsoft teams and i'm going to build my hours using this consulting bot so all i have to do is ask for what i want so i tell it that i worked three hours on the project and it comes back with a confirmation card and everything's there so i don't really have to do very much i just ask what i want and i used the phone's speech to text there which is built into most phones today and the bot is responding just to make sure that it got everything right and there we are i'm done right so um i have a question so what if the user leaves out some key information do they have to actually follow a command to invoke a bot well yeah that's uh that's a really good point because um you know that's in a way the difference between a command line and a bot because a command line you have to learn it and if you don't get the command right you get an error message and then you kind of have to fix your errors that's no fun right so watch what happens if i leave out some information so i worked on a project i didn't give it any information about what project and now it's going to ask me what project do i want to build turns out there's two contoso projects so it's going to disambiguate which one and i can answer colloquially the first one or i can say um when did i deliver them last tuesday right i i don't have to remember go look up what date it is we have a computer here it can figure out the dates right and now it's finally got all the information so this works pretty well in a one-on-one situation however it doesn't work so well in a group conversation so here i am in a team and the first thing you might notice is that i have to at mention the bot to get its attention and the reason for that is because otherwise the bot would see everything that we said to each other in the team and it would be really confusing for everyone so i said consulting bot add alice to contoso so i'm trying to add somebody to my project and the bot comes up with this handy little card so it's gotten as much information as it can out of what i said for instance it knows alice but it doesn't know which alice and it knows contoso but it doesn't know which contoso project and then all these other details are just easier for me to fill out here on the screen in the group conversation if i had a back and forth discussion of all this with the bot it would be really awkward it would take a really it would fill up pages of discussion and lose kind of the track of what the group was discussing so instead i'm just going to drop this confirmation card in place so that everybody on the team knows that alice is joining our project and i don't have to remember to send out an email or do some other form of out-of-band notification oh that's that's really cool so we saw bot um adapting itself differently in a one-on-one chat and in a group chat um sounds like a lot of people we know in real life yes exactly all right so what other ways can we improve our application in teams well the other big thing that i like to talk about is to use azure active directory in the microsoft graph now let me be clear you don't have to use them but if you have your own off system you can certainly use that and there's a pop-up mechanism in teams for tabs where you can put your own login page in the pop-up and pass back to your tab running in an iframe some information that it needs for security and the bot framework has an oauth dialog so if you have an oauth compliant service you can actually get the bot to log the user in the problem is this isn't such a great user experience it gets your app going quickly but users now have to log in a second time to your app and it's actually worse for the team owner who might be the person deciding what apps to use the team owner has to make sure everybody in the team has a login to your app and then they have to every time somebody at uh joins or leaves the team they need to update whatever permissions inside of your app so imagine that somebody leaves the company maybe under not the best circumstances do they really remember does the team owner really remember to go in and remove them from all the information that's in your app that could become a real compliance problem so single sign-on and authorization based on the team's membership is a huge benefit to usability and then i think the best is if you also now use that azure ad integration to call the microsoft graph and bring in information from what the user is doing every day in microsoft 365. so let me show an example this is a tab that's being used by a group of people who are doing a lot of field service visits i'm logged in as katie and you can see that when i went into this tab i didn't have to do another login i was single signed in and it knew who i was and it's showing my field service visits for the day so i can also look around and see what my teammates are doing and if i click on one of the items it's actually going to show me all the information i need to deliver this field service visit and what's interesting is some of this information is in the app and some of it is in microsoft 365. so all the documents contracts we have with this customer photos from on-site those are in microsoft 365 the calendars are coming from 365 all through the graph api whereas all the other information is actually the app users don't want to think about where is this information they want to think about how do i get my job done and now katie has one place to go for everything about this field service visit now she notices that her appointments are kind of close together she's not sure if she can get to that second one on time so she's going to ask for some help and the app actually will send a message into the team's channel when she types that now here i am now i can click on this deep link and it'll bring me back into the at correct team the correct channel the correct tab and even the correct field service visit so that i can check out this uh work that that katie's asked for some help with that's super cool how does that deep linking work can i take a sneak peek at your code would you mind no actually i'd love to show off the code so the code is really pretty simple here we are in the main part of the app and i'm using the team's javascript sdk to get at the team's context and out of there and some of this isn't on the screen but out of there i'm getting the group id which is the same as the team id is also called a microsoft 365 group the channel id the entity id which uniquely identifies this tab and the sub entity id which apps can use for anything they want to so that's where i'm passing in the appointment information and the only other thing i need is the team's app id which is the app id that goes in the teams manifest so now here's the code when somebody clicks the um the button to send that message that constructs that deep link url and so it's kind of we'll post a link to the documentation on this um with the show notes in the learn together website so you don't have to try to memorize this but you can see all that information is in the deep link and now in order to send it into teams it's really easy it's just a graph call and so here you can see what that looks like to send a message into the channel and that's it it's pretty straightforward super cool so thanks it was a great question and now i have a question for ravia i mean deep links are one way to save time for users and i know you've been doing a lot of work with messaging extensions um can messaging extensions save time for users too oh heyps um so let me just go into uh our messaging extensions demo as well later on to show you how uh how easy that is uh let's see a uh before scenario we've got um here um karen and adil are two recruiters and they are having a conversation of getting information about a candidate um and what's happening here is just a plain conversation no messaging extension nothing fancy um edu has to go to a hr system and bring out information copy it from some system and then type in format etc so you mean somebody had to copy and paste all that information from the application that sounds like an awful lot of work kind of a waste of time it is and there are two things that could be improved here now karen did not have to go to another person to get information from a hr system if hr system lives within teams so you could bring that application and integrate into teams get the information um and present it in a nice way and then don't know about you bob but for me um as soon as i see notification of millions of messages in a channel i look at the first one that's presented well formatted well etc so uh that there are two things that could be improved now i'll show you the other scenario where messaging extensions can help you find information uh and also present to you for getting that extra interaction or attention from your teammates so let's go to uh this demo again we've got the hr system um we have the same scenario of bringing information from the hr system so here we have the talent bot to do that we go to candidates and you search for the particular candidate and here i'm showcasing a search-based messaging extension there are two types i think these were already touch based by tomomi and aicha but yeah here it is i have my candidate information it has brought back a nice looking card there are buttons that you can click schedule an interview with this candidate or see uh the feedback uh so it's pretty clever and you can see here another baby forum uh you know you could fill out and probably even have integration with uh outlook so you could schedule that meeting right away with the candidate now how useful is that oh that's really awesome so i can see that you can search for business data and actually bring it into the conversation with this but i have also heard about action messaging extensions how are those different yeah so if you want to perform action again from the whole compose area uh so anything that lives in the compost area where you type in message is a messaging extension so this one is a search based one in an action you definitely are not obviously searching for information but you're providing some information maybe it's an action in our case here in the hr system maybe you want to add a new candidate information or a new position that's opened up so how would you do that so let's go back again and see uh a action-based messaging extension we have uh we are invoking the messaging extension about at mentioning or you could go and search for the app here we have a nice button that would go ahead and perform the action for you which opens up a dialog box as you can see here a nice form that you can go in and fill uh all information it needn't be a form uh a form that you're feeling it could also be just an information you're viewing about a person so that's that's the action happening here and right after i have made sure that everything is fine i can confirm this and then it goes back to the hr system again so it's it's pretty useful because i have not gone into another application here i have done everything i've not opened up the hr system i'm not logged in i'm here in my teams in my conversation with my teammates um and i have done all that so this is how an action based uh messaging extension would work and hey i can also put that nice card again and call out maybe a recruiter and you know get more attention to what i've just done so how does team know about your messaging extension how do you make it pop in the ui right so um everything lives in the manifest file the file that bob was talking about earlier so what i will do is i'll bring up the manifest file for this particular application and walk you through where uh the messaging extension is so i already have uh this file open here as you can see um this is a json file again and you've got this compose extension area which is where you're going to go ahead and put all the information out of your web service or where your nesting extensions are hosted we did two things here we did search for a candidate and we also created a new position um you can see those uh here so i searched for the candidate this information would uh let the team know that this is what the compose or the message extension is for that uh as you can see here the type is uh query that means it's a search based msd extension uh we've got the open position one that we that was an action-based uh messaging extension again the type is action and you've also got parameters that you can pass so everything lives in here and this is what um teams application uses to go ahead and then call uh your application or a web service that's hosted online so why is this about what's what's that doing there technically a good question so this is great because you know your talk we're talking about messaging extensions and you see a bot id there so messy extension uses the bot framework in order to uh uh authenticate or find your or connect or communicate with your web server so it's like a security thing that works out uh just fine and for that you need to either register a bot uh with channel registration or you could if you already have a bot then you could go ahead and use that as well so this is why we have a bot id here thanks that's great so i can see that messaging extensions are useful in in so many ways but what if your app wants to interact with just one user in the group context maybe in response to somebody clicking on a card or taking some other kind of action uh yeah that's that's good so i guess what you're trying to find out is whether i always have to go to the compost area or not or can i just do an action right you know get my own form uh yeah yeah so for that we have the task module so um task modules are basically um i would say they are these dialog boxes that would pop up and give you some information or it would be a form again like you saw earlier and another good thing about task modules is that you don't necessarily have to uh build one if you already have one and in our case we were talking about a hr system and i cannot think of any application uh like that not have a form of its own right so if you want to bring your forms in you could use task modules there are like little iframes that you can open up from your messaging extension so maybe to make it a bit more clear i'll go to another demos to show you how that works um so again coming back to our hr system here you can see i've got a candidate feedback uh form that is hosted online in the our hr um i've got some information on uh the you know the feedback that i got for a particular candidate and what i'm going to do is i'm going to bring this form into our team's application inside a card so you saw this already where we're bringing information of a candidate we can open the candidate feedback which uh pops up a dialog box and this is exactly the same file or the same form you saw earlier brought back into teams so this benefits you because you don't have to rewrite things just because you have your application in teams now um now uh this is pretty useful um again just you could either build your own uh test modules or you could bring whatever you want to bring if as long as that url is hosted online well that's really awesome so it's really just an i another iframe kind of like a tab only a little bit more interactive and one thing i noticed is like the cards once you send them they they're static but um you could update them but um it's not quite the same you're you're pulling in real-time data about that feedback right so that was really cool that's right so yeah there should be some code going in there and getting the parameters and filling out that form i guess another scenario that that i'm wondering about is what if the application just wants to send some information into a team or maybe even broadcast information out to multiple teams uh yes so um connectors are like one of my favorites so custom connectors will do that job for you just all you have to keep in mind is that connectors are not interactive like a bot they do whatever they've been told so in our case if you want to broadcast a news or a notification out to multiple teams then you could use custom connectors and let me just show you how you can configure this again in the in the same context of this hr system we can have a connector maybe uh when a person or a candidate is offered a job let's just broadcast it out to all the recruiters or the hr managers so to do that um they need to have a custom connector and what i'm gonna do is i'm gonna show you how that's done so we've got a very busy recruiters channel here so much going on um and they want to be updated about whatever is happening in the hr system when a candidate is offered a job or um let's call it in our context here the stage change for a candidate so they're going to go ahead and click on the connectors and you can see here all the other built-in connectors that are already available um and my favorite one is the incoming web hook if you've got a url and you want to send data from a service to your team you could use that one but okay i'm not i'm i'm going to another uh topic but uh let's just search for the talent one here which is a custom connector so we have the hr talent connector i'm gonna go ahead and configure for this particular channel and this team which will then send me a notification whenever uh this action is happening and i don't care where it happens because i need to just be informed right so i'm gonna go ahead and save this um in my channel so as you can see here that now i've already set it up for my team uh to get all the information and updates now let's go back to the recruitment uh planning uh channel which is where all the good things happen uh because uh we are here in the hiring board and we are going to give someone a good news uh by giving them a job so we've got linda here her interview went fantastic and she's going to be offered a job so i'm going to change the stage for linda to offer and the moment i do that you can see that the recruiter's channel is already lighting up because the notification has been sent out by your connector and again in the general channel as well at the same time so imagine the kind of time you're saving for anyone who's going to sit in the back of the teams and start typing this notification or send an email that's not going to happen when you have a custom connector so it's pretty useful and you can see here the connector not only gives a notification but it also provides all the information that the teammates need in order to understand what kind of change happened and this the candidate information etc so i find it pretty useful and i'm always excited about talking uh talking about connectors well that's really awesome uh and i notice the connector scent is that another adaptive card yes it is so maybe you could just clarify a little bit about adaptive cards i mean we've been using them a lot here but what is an adaptive card anyway yeah so look i i like to call adaptive cards as these actionable good-looking cards because they're so so good looking um and they're no stranger to you like if you have been using uh an adaptive car you have been using your outlook uh to approve some emails then you you have been using an adaptive card um if you're a windows user then definitely your timeline uh whatever cards you see there is an adaptive card surprise um and uh your windows notification that you'd like to ignore is an adaptive card as well so any uh yeah um and any uh notification sent out by bots and teams most of the time they're adaptive cards if you see buttons and stuff there um so yeah it's it's really powerful and they're very interactive content of from your application embedded into another application and the good thing is well i don't know if you've noticed but you see the same adaptive card example not the timeline one but the others they're all the same card but they act or look differently uh in different apps so wherever it's hosted if it's an outlook it shows up like an outlook card um if it's a notification it it looks like a notification it doesn't look like a a outlook approval card right so it blends well into any experience and there is a tiny tiny uh catch there because you know you really don't have control uh for the ui aspect of an adaptive card which is great because that's what we want you want things to blend in um and it's also open source so uh you can go ahead and see how this is wired up and also reusable you can create reusable templates and the templating service uh which basically would uh differentiate it from your data your template from your data in that case you could keep reusing the template anywhere you want wow these adaptive cards look so useful and i love when i learn something new getting my hands dirty and actually learning and how to use it so what can viewers do to get started building these and what language is it written in anyways uh take a guess f sharp c sharp no you just have to know json so which which is really cool like um even consultants and can go go in and create their adaptive cards to it and you know what since you asked that question i'm going to go ahead and show you how you can build one and all you need uh is a browser and an internet connection that works which most of the time doesn't work for me um so we have uh here adaptivecards.io this is the site you need to memorize but don't worry if you haven't we have links to everything so adaptivecards.io is where you go and you can see here it's a um a site that you can this is your go to site if you want to build one so you've got samples here um there are heaps of samples that you can take a sneak peek at and see how it's being built uh you can see here there are json and um yeah it is and you've got the data here you've got the adaptive card here you can see how it looks here um and another aspect is if you don't want to you know divide your data from your template you could also uncheck this templating option but i suggest templating is so much easier um so you can view that as well and another good thing is you have a designer so this is where you would come in and go ahead go crazy about your designs so you can drag and drop the elements here and see how it looks you can see how it looks inside a microsoft teams light mode you can see how it would look in a windows notification so it's pretty handy uh here i would say you know every every all the work you do for adaptive cards get done here so did you know that there's also a visual studio code extension oh i did not yeah it's not quite as cool as the website but um it's really handy if you're already in visual studio code sounds amazing so looks like the sausage is made now how do we get it out so how do you get your application out to your users well let me just do a little demo and show what some of those options are so here you've already seen app studio quite a bit and in all the other demos i'm sure um and really now you know that this is just a json editor that makes it a little easier because it knows the format of everything by the way a really great tool uh when you're using app studio or editing the manifest is the manifest schema which again we'll post in the um in the notes because that describes what every single field does and how teams uses it in a lot more detail anyway when you've got your manifest the way you want you've seen people install it and that would install it for just the developer to use i'm going to actually show downloading it and the other option of course is publishing which would publish it into our team store and that's a whole process we'll provide a link in the learn together site on how to do that i'm just going to download it and this is something i might do if i was either moving it to another tenant or maybe i'm going to um install this for use within an enterprise so what i downloaded was a zip file and here's the zip file inside is that same manifest file that you saw before so again you don't need any special tools all you need is the ability to edit a json file and the ability to make a zip archive so now let me upload that into our app catalog so here under apps in the team sidebar you'll see kind of all the apps for my tenant so my tenant is called ms labs so built for ms labs that's my tenant app catalog and below that are all the apps that are available in the store um so from other vendors and from microsoft so i'm going to go ahead and upload this and you'll see i have a couple of choices i could upload this for me or my team which is sort of like the install button in app studio and i have to have permission to do that by the way that's turned off by default so you want to kind of maybe bake cookies for your admin and make sure that they know that they're really loved and that they want to turn on your ability to upload apps and maybe even upload the app to the tenant app catalog which i'm only able to do because i'm a tenant admin so i'm going to go find that zip file and upload it and there it is so now notice that a lot of the information that was stitched into that into that manifest file is now here for the user to view as they're deciding whether or not to install the app i'll go ahead and add this to a team and i think i'll add it to the emergency response team and that that's all i need to do so this is how users can find your app and install it either into a team or for their own use in this case i need to configure one of the tabs and i'm done and the app is ready to go the bot is ready and everything like that so users need to look in the store uh right so is is there any other way you can push these up to users absolutely so um an admin can set up something called a teams app policy so what you're looking at here is the screen in teams administration and notice that there's a get started app that i've proactively installed and pinned for every user that this policy it applies to which might be the whole company so now users are going to come in and they're going to see my app pins to the very top of their navigation bar and it's that easy users don't have to install it it's just there and by the way this is the um this particular app is the learning pathways app which is a really it's a free one for microsoft and again there's pointers in the notes on how to set that up as sort of some nice built-in end user training for users the other useful tool is a teams template so here i've got a screenshot the admin is creating a new team a new team template for staffing projects and by the way you can do all this with the graph api so your app could actually set this up as part of the install process so now when the user goes to ins to create a new team one of the choices is a staffing team and that team has the app pre-installed so that after it's created it's already got everything that was in that teams template including extra channels all the various features of teams turned on and off and apps installed automatically as part of creating that team now that we have shown you how to build and deploy your application what are you going to build today um and please visit aka dot ms slash learn together to find the links to all the resources that we discussed today and and also for your learning path go to aka dot ms slash dev apps for teens now over to you christina and welcome back to learn together look who we just found i was just wandering around you know because don't tell anyone but i come here because they have sodas and every once in a while i run out of dr pepper at home and you have to show up you were just you were having so much fun watching learn together at home yes join us right i went on there and i was like talking at the party and i was like this is so cool there's people at the office i put my mask on obviously we're we're apart you know but i have my mask on and they're like hey seth grab a mic and go on i'm like i don't know how to do this kind of stuff we're so i'm so happy to see you i'm so glad to be here and and we've had a great learn together event we're going to give you guys a little bit of a breather we're going to go to cecil and then we're going to be back to wrap things up and talk with some of our watch parties see you in a second why don't we take a second and try out this breathing exercise called snake breathing so what i'm gonna do is i'm gonna make sure that i have my good posture right my back straight my chest is out and i'm going to inhale very deeply my nose and then i want to exhale throughout my mouth and i'm going to hold a very low hissing sound and like slowly release all that air that's inside of my chest right so let's try it out right in five four three two one inhale okay i think that's enough i think you get the point but definitely try this a few times on yourself try it with your family members maybe make it a competition and see who could hold their breath the longest anyway take care and enjoy and welcome back to learn together i'm christina warren i'm seth warren yes and we uh we've had a great event what we're going to do right now i've learned so much about building apps for microsoft teams what about you seth you know i the thing that i'm most excited about is that that's where i do all of my work imagine be able to be more productive by doing the extra things that we've learned about today i agree i agree and also like imagine being able to like build apps for it to like in my opinion i mean i i want to have a taylor swift music player that's the app i'm going to build well i think we're going to have to share the development of that because i am a t-swift fan as well i wish i appreciate no we've had um watch parties all over the world joining in with us and we're gonna go now to a watch party hosted by our own emily rose emily how are you you know i'm living the dream this has been a lot of fun to experience is a you know a completely new format to something that we're all pretty familiar with so yeah i know it's fantastic and i love to see the people in your washboard we have so many oh my gosh we see cats and we've seen so many of our presenters who've um been able to present this content to us and we've learned so much from hello everybody it's so good to see you all uh so what what was your kind of biggest takeaway would you say from the event like what was maybe something you learned or something you're excited to to dive more deeply into now that the event is over yeah you know i would say for me the biggest thing that has me excited is just hearing the feedback from customers around you know the excitement of being teams users that maybe didn't necessarily know that this was something that they could do had several people in my stream that were super excited about like meetings extensibility and things like that so um i think that's it i'm most excited to see what people come up with now that that you know folks that have been using teams are uh aware of of what's what's uh what's possible yeah no i think that's great i'm so glad people like you were gonna be able to get that sort of feedback um so that uh you know we can build that more into the team's product um where can what's the best way for people to give you that sort of feedback uh me directly or our team or your team yeah or in general you know just what's the best way you know to for for you know the users out there the developers out there maybe there would be developers out there students startups whatever what's the best way for them to you know get their feedback um well i would i would say engaging directly with i mean a lot of us are on twitter if twitter is the medium that you use like um you know pretty much everyone here that you see above me all these pretty faces are highly engaged on twitter we have obviously our first party doc sites um and uh you know social media of uh various channels uh i'm starting a tick tock channel too if you want to uh nice you'll learn about uh about tech through that but you're gonna have a tick tock channel now it will there but there will be will be like maybe teams talk like definitely yeah i think so the thing that i'm personally really interested in in seeing is that is just how how you know the changes recently in the world have kind of affected how people are collaborating obviously being a part of the team's team uh that's something that i'm interested in but but yeah just seeing how all these things are merging and meshing together is really exciting for me so i love it i love it all right so uh stay tuned to emily's you know tech talk stay tuned to all the different ways we can collaborate thank you so much for all the presenters because you did an amazing job i learned so much and um what i'm going to do now is we're going to bring in todd anglin again and tom and i we're going to kind of close things out todd hello again hello hello hello to seth seth is we are so on the fly here we're going to be honest that doesn't even can't even hear anything oh no me and todd we can read each other's minds yeah he can but here's the thing seth is just here to look pretty but but he's also just good at ambience i thought this was a wendy's um obviously not the right place ma'am good morning microsoft office this is a microsoft okay yeah no it's been a fun day i think we covered a lot of ground and i know for a lot of people who watch today you know as i said up front we don't expect you to have learned or mastered things so that's why we updated microsoft learn with content that maps to each segment you saw today so really soon right after this stream wraps up the teams learn challenge is opening up so you can win some prizes while you go through microsoft learn and actually get hands-on with what you saw today's stream so that link again ak ms slash teams learn challenge it'll open up head out there jump into learn and uh and try it out it means the holidays you're wrapping up your your main projects of the year hopefully great time to go build that taylor swift uh yes um i think that'd be a great one i agree so so aka dot ms slash teams um learn challenge dev apps for teams too yeah devops for teams is where you can get great resources to learn more about getting started with microsoft teams and then the the teams um uh challenge um it teams learns challenge uh we've got prizes seth you'll like this uh um xbox um uh all ac uh xbox um what is it best yeah there we go game pass ultimate we've got game pass ultimate uh subscriptions that we're giving out so no seth will will like that um so uh anything else you kind of want to want to say when we're kind of closing things out here for todd we had a great great day of learning and todd i think you're on mute i think it muted me automatically it did not break 2020. you know when we go back to real life i'm going to walk up to people and just be like right start moving your mouth i wanted this to feel more authentic for you so no i would say the comments we saw on twitter the the watch parties those were all super fun it was fun seeing people use together mode for their own watch parties the underwater scene i've not seen that one before that's pretty cool check that out uh but i will remind everyone that we want to help you out and make you successful building apps for teams so if you came out of today's live stream or you're watching this on demand and you have an idea for an app but you're not quite sure how to make it let us help you out head on over to akms slash teams app consult c-o-n-s-u-l-t uh share with us a little bit about what you're thinking about and the m365 developer advocacy team my team will try to help you all out and getting on the right path and help you refine your idea so you can be successful building those elevator music apps those taylor swift apps or those productivity apps that make everyone's life a little easier inside of teams so check that out i love it aka dot ms slash teams app consult also aka dot ms slash dev apps for teams and aka dot ms slash teams uh learn challenge so yeah and if you forget those links that's a lot of links i know we've got them all on the uh the resources page afterwards so don't worry about it it's all there you can find it we'll make it easy for you yeah we'll make it easy for you if you you couldn't follow uh me trying to read off of a weird uh computer yeah seth followed but uh no we've really enjoyed having you all here we've all enjoyed learning together we even got a new learner at the very end which is awesome thank you for being here seth that's right thank you all of you out there for for watching and learning with us and we will see you next time thanks everyone you [Music]

Channel: Microsoft Developer

Views: 5,630

Rating: 4.8117647 out of 5

Keywords: Microsoft, Developer

Id: xxkCJKpU3vA

Length: 133min 45sec (8025 seconds)

Published: Wed Dec 16 2020