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
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
STANDALONE WEB,
DEVICE, AND SERVICE
APPS
EXTENSIONS
EMBEDDED CANVASES
Microsoft Graph
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
Capabilities
My Apps
Team Apps
Global
Apps
LOB
Apps
Catalog
App Catalog Policies
New New
User App
Policies
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
New:
New:
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
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
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