>> Thanks, Kristina. Hi everyone,
my name is Dan Wahlin,
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.
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.
Here's what our customer orders app looks like.
I've already logged in to the browser
using Azure Active Directory,
and this particular app uses MSAL,
the Microsoft Authentication Library.
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.
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.
Let me do Jamie Jones at 1234 Cedar Avenue in Phoenix, Arizona.
Let me assign Jamie to Burke here.
So I'll officially insert Jamie.
Now what should happen is an e-mail will go out from the app
itself and Burke should get that and he should be good to go.
Now, it looks like I got a chat actually.
So let's see. 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.
Didn't you get the e-mail?
She should have gotten an e-mail that has a link to it.
Let me check. Let's see what he says.
No, but I did get one saying I won the lottery,
all I need to do is send my Social Security number.
Yeah. Definitely do that, not.
Let me just say, check the app,
because he should have the link there
and be able to get to it from there.
Checking, can't log in,
I just changed my password and everything in my life is broken.
Well, that's a problem.
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.
>> Hey, Dan, what's on man?
Thank you for this completely impromptu,
and in no way scripted Teams call, it's good to see you.
>> It's good to see you too.
Yeah. We didn't plan this in any way, shape or form,
but how's sales going at the company for you so far?
>> 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 in 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.
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.
First off, you were trying to get to the app.
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 you're on
the wiki for general in the learn together sales.
It looks like you've already been there, that's great.
Were you going to add to your own wiki,
I guess, is that not what the plan is there?
>> Yeah, man, I was about start writing that novel.
>> Awesome.
>> I'm going to get it done right here in our Team wiki.
>> That'll totally help with sales somehow.
Well, anyway, see that Tailwind Traders CRM tab right up there.
>> Okay. Just click on that?
>> Yeah. Just 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. This is actually using single sign-on,
which if you're not familiar with that,
basically your Teams credentials,
because you're already logged into Teams obviously,
are flowing down into the app,
so you're auto-logged in.
Then, what the developers did is they created a Teams app,
and that's what this tab is here,
so that we could actually embed the actual web app.
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 less password to remember,
but how do I find the customer that you just put in here?
>> Yeah. That's something you can do.
If you scroll down real quick,
if you page through,
maybe go to the third page,
you could get to Jamie,
there is Jamie right there.
>> There they are.
>> You can also filter,
they're trying to work on that,
but let me show you a little easier way actually,
that's a new feature we have that we can use in the app in Teams.
>> Okay.
>> You want to click on "Chat" there real quick.
>> Ready.
>> All right, and 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 is safe.
It was created by our Dev Team,
so go ahead and click on it.
It looks like Jamie actually shows there.
>> Hey, it automatically inserted
the customer here and notified me, that's pretty nice.
>> Yeah. So this is using something called a bot and
using Azure Bots combined with adaptive cards.
What you see there is a card.
Let me show you a little bit about the bot.
I don't know, you could type hello or how do you,
type whatever you want there.
>> Hello. How about,
what is the meaning of life?
>> Yeah. Give that a shot. I don't know if
it's trained for that one, Burke, but.
>> Well, if it's a bot that's any good,
then it's going to know the answer here.
It does, look at that. Perfect.
>> I think we're done here,
our the work is done. Is there any more you need?
>> Demo is over, chip it.
>> Okay. Well, that's cool, but obviously,
you probably want to use it for productive type thing.
So go ahead and type help.
>> Okay. Help.
>> Or help me or wherever you want.
>> Hey, are you lost? I'm at Tailwind Traders button.
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,
there's all the customers
including Jamie, the one that you 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 them five times it's N-I-T not N-A-T.
>> That's probably my bad, I think
you did mention that in the meeting.
Go ahead and click on "Natasha" there.
>> Just click on her name here?
>> Yeah.
>> But it needs to be changed in the app.
>> Yeah. Go ahead. Just trust me.
>> It took me right to her page in the app.
Look at that.
>> Go ahead and edit Natasha
here and we'll talk about some other things this bot can do,
which are cool. Yeah, update that.
>> I'll just update.
>> Now you might have heard a little chime
there. Go back to the chat.
>> I did, like you 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 seeing 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 type, like the meaning of life
that was actually calling into cognitive services,
which is an Azure service,
and using something called Luis and QnA.
The developers in the company, I guess,
they just really customize the Luis and
the QnA 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. In fact,
do you have Teams installed on your mobile app?
>> I do. In fact, 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.
Here's my phone coincidentally mirrored to
my screen and sized perfectly for a screen recording,
just happens to be.
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.
>> Then scroll on down back to that general channel,
and click on "More."
>> More.
>> There you go. Tailwind Traders 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.
But I didn't even install
anything from the app store. It's just there?
>> It is. Its part of
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.
It could be Teams in the browser, Teams on desktop,
Teams in mobile, you can get to it pretty much anywhere.
>> 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 can take advantage of
as a developer and enhance the productivity of your users.
These are things that really can only
do if you bring your app into Teams.
To wrap things up, Burke,
let's do a real quick recap
of what we've gone through in this demonstration.
>> Okay.
>> 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 what if we switch back to your sales role,
Burke, that was a big deal, right?
>> Yes. As a salesperson,
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.
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 QnA Maker,
which is what allows us to get to
the data in the application from the bot.
Better yet, now we know the meaning to life.
>> Very important.
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 a one-stop-shop,
you could say, to get to everything that the users need.
>> Yeah. Absolutely. Now, I got to be
honest and all this seems magical.
How do we know this isn't all just smoke and mirrors?
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.
>> Nice.
>> With that, let me go ahead and turn things over to Kristina.