build tabs, bots, and connectors with microsoft teams · interaction through chat bots b....

31
Larry Jin Build Tabs, Bots, and Connectors with Microsoft Teams

Upload: others

Post on 27-Aug-2020

7 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

Lig

ht B

lue

R0 G

188 B

242

Gre

en

R16 G

124 B

16

Red

R232 G

17 B

35

Mag

en

taR

180 G

0 B

158

Pu

rple

R92 G

45 B

145

Blu

eR

0 G

120 B

215

Teal

R0 G

130 B

114

Yello

wR

255 G

185 B

0

Ora

ng

eR

216 G

59 B

1

Lig

ht Y

ello

wR

255 G

241 B

0Lig

ht O

ran

ge

R255 G

140 B

0Lig

ht M

ag

en

taR

227 G

0 B

140

Lig

ht P

urp

leR

180 G

160 B

255

Lig

ht T

eal

R0 G

178 B

148

Lig

ht G

reen

R186 G

216 B

10

Dark

Red

R168 G

0 B

0D

ark

Mag

en

ta

R92 G

0 B

92

Dark

Pu

rple

R50 G

20 B

90

Mid

Blu

eR

0 G

24 B

143

Dark

Teal

R0 G

75 B

80

Dark

Gre

en

R0 G

75 B

28

Dark

Blu

eR

0 G

32 B

80

Mid

Gra

yR

115 G

115 B

115

Dark

Gra

yR

80 G

80 B

80

Ric

h B

lack

R0 G

0 B

0

Wh

iteR

255 G

255 B

255

Gra

yR

210 G

210 B

210

Lig

ht G

ray

R230 G

230 B

230

Larry Jin

Build Tabs, Bots, and Connectors with Microsoft Teams

Page 2: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

Microsoft Teams

Communicatethrough chat, meetings & calls

Collaboratewith deeply integrated Office 365 apps

Customize & extendwith 3rd party apps, processes, and devices

Work with confidenceenterprise level security, compliance,

and manageability

Page 3: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

STANDALONE WEB,

DEVICE, AND SERVICE

APPS

EXTENSIONS

EMBEDDED CANVASES

Microsoft Graph

Page 4: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

Optimize teamwork by integrating

existing workflows and processes

Introduce new experiences directly

for the Teams hub and take

advantage of its rich canvas

Departmental tools

Employee resources

Support & info

Processes & workflow

Page 5: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

Get Started

Connect your content

• Reuse your existing

web app in a Tab

• Aggregate with

personal apps

• Create the app

manifest using

Teams App Studio

1

Enhance conversations

Add AI and context

• Enable

conversations via

Azure Bot Service

• Plug in Graph APIs

• Add Adaptive

Cards

2

Integrate communications

Optimize for real-time

• Programmable

voice and video

• Leverage dynamic

collaboration

3

Distribute and automate

Make it available

• Publish to your

company catalog

• Or, submit to the

Office Store

• Automate team

lifecycles

4

Page 6: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

Host your app’s experience directly within Teams

As simple as embedding existing web app content

Integrate and get context via JavaScript SDK

Example: list of applicants to a job position

Page 7: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

Pin the tab in a 1:1 or group chat

Easily reuse the same tab content as in channels

Example: list of positions your recruiter is assigned

New

Page 8: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

Enable personal productivity using

your app in the Teams hub

Surface aggregated content and

personal task completion

Offer a complete experience through

bot and tabs

New: available on Teams mobile clients

Page 9: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

Tools to help you build your app

• Define your app’s manifest through simple forms

• Card visualizer and code snippet generator

• Web UI control library

New: find documentation topics via chat

New: Teams App Studio saves your app manifest in the cloud

New: in-app registration with Azure Bot Service

Page 10: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

Expand the reach of your existing

SharePoint solution

Reuse all your existing code

Deploy as an LOB app in Teams

New: easily bring existing pages into

Teams by pinning as tabs

Sneak peek

Page 11: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

Lig

ht B

lue

R0 G

188 B

242

Gre

en

R16 G

124 B

16

Red

R232 G

17 B

35

Mag

en

taR

180 G

0 B

158

Pu

rple

R92 G

45 B

145

Blu

eR

0 G

120 B

215

Teal

R0 G

130 B

114

Yello

wR

255 G

185 B

0

Ora

ng

eR

216 G

59 B

1

Lig

ht Y

ello

wR

255 G

241 B

0Lig

ht O

ran

ge

R255 G

140 B

0Lig

ht M

ag

en

taR

227 G

0 B

140

Lig

ht P

urp

leR

180 G

160 B

255

Lig

ht T

eal

R0 G

178 B

148

Lig

ht G

reen

R186 G

216 B

10

Dark

Red

R168 G

0 B

0D

ark

Mag

en

ta

R92 G

0 B

92

Dark

Pu

rple

R50 G

20 B

90

Mid

Blu

eR

0 G

24 B

143

Dark

Teal

R0 G

75 B

80

Dark

Gre

en

R0 G

75 B

28

Dark

Blu

eR

0 G

32 B

80

Mid

Gra

yR

115 G

115 B

115

Dark

Gra

yR

80 G

80 B

80

Ric

h B

lack

R0 G

0 B

0

Wh

iteR

255 G

255 B

255

Gra

yR

210 G

210 B

210

Lig

ht G

ray

R230 G

230 B

230

0-60: Build your first app for Teams

Demo: Get Started

Page 12: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

Enhance conversations

Add AI and context

• Enable

conversations via

Azure Bot Service

• Plug in Graph APIs

• Add Adaptive

Cards

2

Integrate communications

Optimize for real-time

• Programmable

voice and video

• Leverage dynamic

collaboration

3

Distribute and automate

Make it available

• Publish to your

company catalog

• Or, submit to the

Office Store

• Automate team

lifecycles

4

Get Started

Connect your content

• Reuse your existing

web app in a Tab

• Aggregate with

personal apps

• Create the app

manifest using

Teams App Studio

1

Page 13: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

Integrate with Azure Bot Services

A. Natural language interaction through chat bots

B. Structured commands through messaging extensions

New: send or receive files

New: interact with users in private chats

New: multiple structured commands

New: Bot Builder 4.0 SDK support

Page 14: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

Create rich interactive cards

Send from a bot or messaging extension

Users can take quick actions like comment, select options, set a date

Supported across Microsoft canvases: Teams, Outlook, Windows

New

Page 15: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

Sneak peek

Open a modal dialog from a card action or link from a tab

Great for

• Filling out longer forms

• Viewing detailed information

• Showing rich media

Embed custom web content or show an Adaptive card

Page 16: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

Integrate intelligent and insights directly from the Graph in your Teams app

Sign users in through inline login experience

New: simplify credential management via new Azure Bot Services OAuthCard

Page 17: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

Lig

ht B

lue

R0 G

188 B

242

Gre

en

R16 G

124 B

16

Red

R232 G

17 B

35

Mag

en

taR

180 G

0 B

158

Pu

rple

R92 G

45 B

145

Blu

eR

0 G

120 B

215

Teal

R0 G

130 B

114

Yello

wR

255 G

185 B

0

Ora

ng

eR

216 G

59 B

1

Lig

ht Y

ello

wR

255 G

241 B

0Lig

ht O

ran

ge

R255 G

140 B

0Lig

ht M

ag

en

taR

227 G

0 B

140

Lig

ht P

urp

leR

180 G

160 B

255

Lig

ht T

eal

R0 G

178 B

148

Lig

ht G

reen

R186 G

216 B

10

Dark

Red

R168 G

0 B

0D

ark

Mag

en

ta

R92 G

0 B

92

Dark

Pu

rple

R50 G

20 B

90

Mid

Blu

eR

0 G

24 B

143

Dark

Teal

R0 G

75 B

80

Dark

Gre

en

R0 G

75 B

28

Dark

Blu

eR

0 G

32 B

80

Mid

Gra

yR

115 G

115 B

115

Dark

Gra

yR

80 G

80 B

80

Ric

h B

lack

R0 G

0 B

0

Wh

iteR

255 G

255 B

255

Gra

yR

210 G

210 B

210

Lig

ht G

ray

R230 G

230 B

230

Azure Bot Services, Adaptive Cards, and Microsoft Graph

Demo: Enhance conversations

Page 18: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

Get Started

Connect your content

• Create the app

manifest using

Teams App Studio

• Reuse your existing

web app in a Tab

• Aggregate with

personal apps

1

Enhance conversations

Add AI and context

• Enable

conversations via

Azure Bot Service

• Plug in Graph APIs

• Add Adaptive

Cards

2

Integrate communications

Optimize for real-time

• Programmable

voice and video

• Leverage dynamic

collaboration

3

Distribute and automate

Make it available

• Publish to your

company catalog

• Or, submit to the

Office Store

• Automate team

lifecycles

4

Page 19: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

your -

Users, Groups, Organizations

Outlook

SharePoint

OneDrive

Teams

Planner

Excel

OneNote

Activities

Device Relay

Commands

Notifications

Azure AD

Intune

Identity Manager

Advanced Threat Analytics

Advanced Threat Protection

Mail, Calendar,

Contacts and Tasks

Sites and Lists

Drives and Files

Channels, Messages

Tasks and Plans

Spreadsheets

Notes, and more…

Identity Management

Access Control

Synchronization

Domains

Administrative Units

Applications and Devices

Advanced Threat Analytics

Advanced Threat Protection

Alerts

Policies

and more…

Office 365 Windows 10 Enterprise Mobility + Security

https://graph.microsoft.com

Page 20: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

Programmable

Voice & VideoIntelligent

MessagingSharing &

Meetings

Analytics &

Insights

Control calling and

integrate cognitive

services

Automate and reason

over conversations that

drive your business

Moderate and structure

collaboration activities

Utilize conversation

data to build

compliant insights

Communications

Sneak peek

https://graph.microsoft.com

Page 21: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

Communications Infrastructure

Call Control Media

NetworkCognitive Services

Control calling and meeting flows

Flexible access to media and

intelligence

Leverage Teams communications

infrastructure for global reach

Sneak peek

Page 22: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

NetworkCall Control Media

Direct Media

Remote MediaBasic calling

Group calling and

Teams Meetings

Teams

Interactive Voice Response (IVR)

Sneak peek

Skype for Business

Skype

PSTN

Recording

Page 23: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

Group calling and Teams Meetings

Basic calling

Call Control

Interactive Voice Response (IVR)

Receive

Answer

Play Audio Prompt

Capture Audio

Recognize DTMF Tones

Audio Routes

Place

Transfer

Hang up

View Participants

Join

Add Participants

Mute / Unmute

Create Meetings

Sneak peek

https://graph.microsoft.com/app/calls

Page 24: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

Get Started

Connect your content

• Create the app

manifest using

Teams App Studio

• Reuse your existing

web app in a Tab

• Aggregate with

personal apps

1

Enhance conversations

Add AI and context

• Enable

conversations via

Azure Bot Service

• Plug in Graph APIs

• Add Adaptive

Cards

2

Integrate communications

Optimize for real-time

• Programmable

voice and video

• Leverage dynamic

collaboration

3

Distribute and automate

Make it available

• Publish to your

company catalog

• Or, submit to the

Office Store

• Automate team

lifecycles

4

Page 25: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

Capabilities

My Apps

Team Apps

Global

Apps

LOB

Apps

Catalog

App Catalog Policies

New New

User App

Policies

Page 26: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

Create a

team

Add

members

and owners

Configure

team settings

Add channels

Post a

welcome

message

Delete team

as needed

Resource Actions

Team Add, read, update, delete

Enumerate

Members &

Owners

Add, remove

Enumerate

Get user details

Team Settings Read, write

Channels Add, read, update, delete

Enumerate

Channel Messages Post, Read

Available Resources and Actions

New: coming to /v1.0 in Q2 CY18

Page 27: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

New:

Page 28: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

New:

Page 29: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

Lig

ht B

lue

R0 G

188 B

242

Gre

en

R16 G

124 B

16

Red

R232 G

17 B

35

Mag

en

taR

180 G

0 B

158

Pu

rple

R92 G

45 B

145

Blu

eR

0 G

120 B

215

Teal

R0 G

130 B

114

Yello

wR

255 G

185 B

0

Ora

ng

eR

216 G

59 B

1

Lig

ht Y

ello

wR

255 G

241 B

0Lig

ht O

ran

ge

R255 G

140 B

0Lig

ht M

ag

en

taR

227 G

0 B

140

Lig

ht P

urp

leR

180 G

160 B

255

Lig

ht T

eal

R0 G

178 B

148

Lig

ht G

reen

R186 G

216 B

10

Dark

Red

R168 G

0 B

0D

ark

Mag

en

ta

R92 G

0 B

92

Dark

Pu

rple

R50 G

20 B

90

Mid

Blu

eR

0 G

24 B

143

Dark

Teal

R0 G

75 B

80

Dark

Gre

en

R0 G

75 B

28

Dark

Blu

eR

0 G

32 B

80

Mid

Gra

yR

115 G

115 B

115

Dark

Gra

yR

80 G

80 B

80

Ric

h B

lack

R0 G

0 B

0

Wh

iteR

255 G

255 B

255

Gra

yR

210 G

210 B

210

Lig

ht G

ray

R230 G

230 B

230

Demo:Distribute and Automate Teams and Apps

Page 30: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

Get Started

Connect your content

• Reuse your existing

web app in a Tab

• Aggregate with

personal apps

• Create the app

manifest using

Teams App Studio

1

Enhance conversations

Add AI and context

• Enable

conversations via

Azure Bot Service

• Plug in Graph APIs

• Add Adaptive

Cards

2

Integrate communications

Optimize for real-time

• Programmable

voice and video

• Leverage dynamic

collaboration

3

Distribute and automate

Make it available

• Publish to your

company catalog

• Or, submit to the

Office Store

• Automate team

lifecycles

4

Page 31: Build Tabs, Bots, and Connectors with Microsoft Teams · interaction through chat bots B. Structured commands through messaging extensions New: send or receive files New: interact

Lig

ht B

lue

R0 G

188 B

242

Gre

en

R16 G

124 B

16

Red

R232 G

17 B

35

Mag

en

taR

180 G

0 B

158

Pu

rple

R92 G

45 B

145

Blu

eR

0 G

120 B

215

Teal

R0 G

130 B

114

Yello

wR

255 G

185 B

0

Ora

ng

eR

216 G

59 B

1

Lig

ht Y

ello

wR

255 G

241 B

0Lig

ht O

ran

ge

R255 G

140 B

0Lig

ht M

ag

en

taR

227 G

0 B

140

Lig

ht P

urp

leR

180 G

160 B

255

Lig

ht T

eal

R0 G

178 B

148

Lig

ht G

reen

R186 G

216 B

10

Dark

Red

R168 G

0 B

0D

ark

Mag

en

ta

R92 G

0 B

92

Dark

Pu

rple

R50 G

20 B

90

Mid

Blu

eR

0 G

24 B

143

Dark

Teal

R0 G

75 B

80

Dark

Gre

en

R0 G

75 B

28

Dark

Blu

eR

0 G

32 B

80

Mid

Gra

yR

115 G

115 B

115

Dark

Gra

yR

80 G

80 B

80

Ric

h B

lack

R0 G

0 B

0

Wh

iteR

255 G

255 B

255

Gra

yR

210 G

210 B

210

Lig

ht G

ray

R230 G

230 B

230

Thank you