![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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/1.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/2.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/3.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/4.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/5.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/6.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/7.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/8.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/9.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/10.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/11.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/12.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/13.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/14.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/15.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/16.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/17.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/18.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/19.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/20.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/21.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/22.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/23.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/24.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/25.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/26.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/27.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/28.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/29.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/30.jpg)
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](https://reader036.vdocument.in/reader036/viewer/2022071104/5fdd8b4e5bc5343e532f7f92/html5/thumbnails/31.jpg)
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