M O D E R N W O R K P L A C E
INTÉGREZ VOS
APPLICATIONS MÉTIERS
ET CHATBOTS DANS
MICROSOFT TEAMS
Guillaume Meyer
Email : gmeyer@eryem.com
Twitter : @guillaumemeyer
Web : www.eryem.com
Aka « Mr Chatbot »
AGENDA
WHAT IS TEAMS ?
TEAMS APP PLATFORM
DEMO : PACKAGE YOUR APP
CHATBOT COMPONENTS & SERVICES
DEMO : CREATE YOUR OWN CHATBOT
HOW TO FAIL YOUR CHATBOT PROJECT
Only 16 hours after its
launch…
Everybody
has a plan
until they get
punched in
the face…
Mike Tyson
AGENDA
WHAT IS TEAMS ?
TEAMS APP PLATFORM
DEMO : PACKAGE YOUR APP
CHATBOT COMPONENTS & SERVICES
DEMO : CREATE YOUR OWN CHATBOT
HOW TO FAIL YOUR CHATBOT PROJECT
> UNDERSTANDING THE PLATFORM
Extensible platform
Build apps with a rich set of capabilities to enable these higher-performing teams
https://msdn.microsoft.com/en-us/microsoft-teams/
Teams Administrative Settings
▪ Turn on/off Microsoft Teams for your organization
▪ General tenant-level settings (org chart)
▪ Teams & Channel (create, delete, etc.)
▪ Calls & Meetings (you can choose if users can use
video and screen sharing during calls and meetings)
▪ Messaging (turn on or turn off media content such as
animated images, memes, and stickers)
▪ Allow Tabs extensions
▪ Enable Bots
▪ Enable Connectors
▪ + Groups Administration settings
▪ + SharePoint Online Administration settings
Microsoft Teams Getting Started Guide for IT Admins :
https://support.office.com/en-us/article/Microsoft-Teams-Getting-Started-Guide-for-IT-
Admins-e7b992dc-de27-4303-8973-7a1ca8ad7cfb
Behind a Microsoft Team
▪ When a new team is created, a new Office 365
Group is also created, including the
associated group SharePoint site, mailbox, and
OneNote notebook.
▪ If a team is activated on an existing group,
then the existing site, mailbox, and notebook
are used in place.
▪ For each new team, a single channel named
General is also created, along with the
associated SharePoint folder and OneNote
notebook section.
▪ Can insert additional tabs connected to other
services as Planner, Power BI, Team Services,
etc.
1Team=1Office365Group
SharePoint site
Mailbox
OneNote
notebook
core services
+ additional services
AGENDA
WHAT IS TEAMS ?
TEAMS APP PLATFORM
DEMO : PACKAGE YOUR APP
CHATBOT COMPONENTS & SERVICES
DEMO : CREATE YOUR OWN CHATBOT
HOW TO FAIL YOUR CHATBOT PROJECT
> EXTENSIBILITY OPTIONS
Reach your users in their chats, channels, notifications, and personal workspace
Available now
Bots
Help users get
tasks done in
conversations
Connectors
Post rich updates
to channels
Tabs
Surface rich
content within
Teams
Office
Store
Drive engagement
by submitting
your app to the
Office Store
Actionable
Messages
Add rich
interaction to your
connector cards
Activity
Feed
Engage users
via feed
notifications
Compose
Extensions
Allow users to query
and share rich cards
in conversations
Available in Developer Preview
Rich surface area for your app
As simple as hosting your existing
web app
Team productivity: within channels
Personal productivity: app flyout
Your services, experience, & users
Push rich interactive cards
into channels
Users can take quick actions like
comment, select options, set a date
Uses incoming webhook API
Fully supported in both Teams
and Outlook
Notify users personally via the
activity feed
Same API as sending bot messages
Deep link straight into tabs
Bots make it easy for users to interact with
your app in Team conversations or 1:1
Built using Microsoft Bot Framework
Complete tasks via basic commands, menu
or natural language
Rich Microsoft Teams features, e.g.
✓ Input menus
✓ Dynamic message updates
✓ Integrate with tabs
Personalize Teams Compose box with
your App & Services content
Users can query and insert your app
content into conversations
Example: Bug details from VSTS
Example: Sales opportunities from CRM
You can reuse services you built for
Bots or Tabs
Microsoft Teams Apps
• With a single package, deliver one or more capabilities to end users, in
contexts that make sense in your experience
Single App definition – manifest.json
Single package (.ZIP) used for Sideloading or Office Store
submission
Channel Tabs
• Team account list
• Target / metrics
dashboard
Connectors
• Simple push
notification from
other tools
Notifications
• Flag important
action items
Channel Bots
• Channel
notifications of wins
/ losses
• In-group
opportunity queries
Compose Extensions
• Quick way to send links
to opportunities
Personal Tabs
• Filtered account list
• Personal dashboard
Personal Bots
• Personal queries
AGENDA
WHAT IS TEAMS ?
TEAMS APP PLATFORM
DEMO : PACKAGE YOUR APP
CHATBOT COMPONENTS & SERVICES
DEMO : CREATE YOUR OWN CHATBOT
HOW TO FAIL YOUR CHATBOT PROJECT
> FROM SAMPLE TO REAL WORLD
https://msdn.microsoft.com/en-us/microsoft-teams/samples
https://github.com/OfficeDev/generator-teams
Microsoft Teams
App
manifest.json
Icon-20x20.png
Icon-96x96.png
Microsoft Azure
Web App
Express web server (node.js)
/index.html
/tou.html
/privacy.html
/igniteTab.html
/igniteConfig.html
/igniteRemove.html
/aboutIgniteBot.html
/igniteAlertsConnector.html
/api/messages
/api/connector/connect
/api/connector/ping
>> Toolchain : VS Code / Node / NPM / Yeoman / Gulp / Ngrok
AGENDA
WHAT IS TEAMS ?
TEAMS APP PLATFORM
DEMO : PACKAGE YOUR APP
CHATBOT COMPONENTS & SERVICES
DEMO : CREATE YOUR OWN CHATBOT
HOW TO FAIL YOUR CHATBOT PROJECT
> THE BASICS
Bot Connector
Bot Connector
Bot Connector
Bot Framework
Bot Connector
Bot Framework
Bot Connector
Azure Bot Service
Notice : Azure Bot Service is Preview Service
• Intelligent, serverless bot service
• Start quickly with built-in templates
• Reach your users on multiple channels
• No server management or patching needed
• Scale out automatically
• Pay only for what you use
Bot Connector
Azure Bot Service
Bot Connector
Cognitive Services
Emotion
Speaker
Recognition
Speech
Custom
Recognition
Computer
Vision
Face
Video
Linguistic Analysis
Language
Understanding
Bing Spell Check
Entity Linking
Knowledge
Exploration
Academic
Knowledge
Bing
Image Search
Bing
Video Search
Bing
Web Search
WebLM
Text Analytics Recommendations
Bing
Autosuggest
Bing
News Search
Translator
Content
Moderator
QnA Maker
Bot Connector
Cognitive Services
Emotion
Speaker
Recognition
Speech
Custom
Recognition
Computer
Vision
Face
Video
Linguistic Analysis
Language
Understanding
Bing Spell Check
Entity Linking
Knowledge
Exploration
Academic
Knowledge
Bing
Image Search
Bing
Video Search
Bing
Web Search
WebLM
Text Analytics Recommendations
Bing
Autosuggest
Bing
News Search
Translator
Content
Moderator
QnA Maker
AGENDA
WHAT IS TEAMS ?
TEAMS APP PLATFORM
DEMO : PACKAGE YOUR APP
CHATBOT COMPONENTS & SERVICES
DEMO : CREATE YOUR OWN CHATBOT
HOW TO FAIL YOUR CHATBOT PROJECT
> REFERENCE SOLUTION
https://docs.microsoft.com/en-us/bot-framework/nodejs/bot-builder-nodejs-samples
https://github.com/Microsoft/BotBuilder-Samples/tree/master/Node/demo-ContosoFlowers
https://github.com/OfficeDev/generator-teams
AGENDA
WHAT IS TEAMS ?
TEAMS APP PLATFORM
DEMO : PACKAGE YOUR APP
CHATBOT COMPONENTS & SERVICES
DEMO : CREATE YOUR OWN CHATBOT
HOW TO FAIL YOUR CHATBOT PROJECT > TIPS FROM THE TRENCHES…
You’re not human ! Admit it !
From one bot to another…
Performance monitoring & diagnosis…
Azure App Insights
Analytics : Ibex Dashboard
Custom Analytics Dashboard for Microsoft Bot Framework http://aka.ms/ibex
>> Complexity :
1. Standard Bot Analytics
2. Power BI
3. Ibex Dashboard
Guillaume Meyer
Email : gmeyer@eryem.com
Twitter : @guillaumemeyer

Intégrez vos applications métiers dans Microsoft Teams

  • 1.
    M O DE R N W O R K P L A C E INTÉGREZ VOS APPLICATIONS MÉTIERS ET CHATBOTS DANS MICROSOFT TEAMS
  • 2.
    Guillaume Meyer Email :gmeyer@eryem.com Twitter : @guillaumemeyer Web : www.eryem.com Aka « Mr Chatbot »
  • 3.
    AGENDA WHAT IS TEAMS? TEAMS APP PLATFORM DEMO : PACKAGE YOUR APP CHATBOT COMPONENTS & SERVICES DEMO : CREATE YOUR OWN CHATBOT HOW TO FAIL YOUR CHATBOT PROJECT
  • 6.
    Only 16 hoursafter its launch…
  • 8.
    Everybody has a plan untilthey get punched in the face… Mike Tyson
  • 9.
    AGENDA WHAT IS TEAMS? TEAMS APP PLATFORM DEMO : PACKAGE YOUR APP CHATBOT COMPONENTS & SERVICES DEMO : CREATE YOUR OWN CHATBOT HOW TO FAIL YOUR CHATBOT PROJECT > UNDERSTANDING THE PLATFORM
  • 10.
    Extensible platform Build appswith a rich set of capabilities to enable these higher-performing teams https://msdn.microsoft.com/en-us/microsoft-teams/
  • 11.
    Teams Administrative Settings ▪Turn on/off Microsoft Teams for your organization ▪ General tenant-level settings (org chart) ▪ Teams & Channel (create, delete, etc.) ▪ Calls & Meetings (you can choose if users can use video and screen sharing during calls and meetings) ▪ Messaging (turn on or turn off media content such as animated images, memes, and stickers) ▪ Allow Tabs extensions ▪ Enable Bots ▪ Enable Connectors ▪ + Groups Administration settings ▪ + SharePoint Online Administration settings Microsoft Teams Getting Started Guide for IT Admins : https://support.office.com/en-us/article/Microsoft-Teams-Getting-Started-Guide-for-IT- Admins-e7b992dc-de27-4303-8973-7a1ca8ad7cfb
  • 12.
    Behind a MicrosoftTeam ▪ When a new team is created, a new Office 365 Group is also created, including the associated group SharePoint site, mailbox, and OneNote notebook. ▪ If a team is activated on an existing group, then the existing site, mailbox, and notebook are used in place. ▪ For each new team, a single channel named General is also created, along with the associated SharePoint folder and OneNote notebook section. ▪ Can insert additional tabs connected to other services as Planner, Power BI, Team Services, etc. 1Team=1Office365Group SharePoint site Mailbox OneNote notebook core services + additional services
  • 13.
    AGENDA WHAT IS TEAMS? TEAMS APP PLATFORM DEMO : PACKAGE YOUR APP CHATBOT COMPONENTS & SERVICES DEMO : CREATE YOUR OWN CHATBOT HOW TO FAIL YOUR CHATBOT PROJECT > EXTENSIBILITY OPTIONS
  • 14.
    Reach your usersin their chats, channels, notifications, and personal workspace Available now Bots Help users get tasks done in conversations Connectors Post rich updates to channels Tabs Surface rich content within Teams Office Store Drive engagement by submitting your app to the Office Store Actionable Messages Add rich interaction to your connector cards Activity Feed Engage users via feed notifications Compose Extensions Allow users to query and share rich cards in conversations Available in Developer Preview
  • 15.
    Rich surface areafor your app As simple as hosting your existing web app Team productivity: within channels Personal productivity: app flyout Your services, experience, & users
  • 16.
    Push rich interactivecards into channels Users can take quick actions like comment, select options, set a date Uses incoming webhook API Fully supported in both Teams and Outlook
  • 17.
    Notify users personallyvia the activity feed Same API as sending bot messages Deep link straight into tabs
  • 18.
    Bots make iteasy for users to interact with your app in Team conversations or 1:1 Built using Microsoft Bot Framework Complete tasks via basic commands, menu or natural language Rich Microsoft Teams features, e.g. ✓ Input menus ✓ Dynamic message updates ✓ Integrate with tabs
  • 19.
    Personalize Teams Composebox with your App & Services content Users can query and insert your app content into conversations Example: Bug details from VSTS Example: Sales opportunities from CRM You can reuse services you built for Bots or Tabs
  • 20.
    Microsoft Teams Apps •With a single package, deliver one or more capabilities to end users, in contexts that make sense in your experience Single App definition – manifest.json Single package (.ZIP) used for Sideloading or Office Store submission
  • 21.
    Channel Tabs • Teamaccount list • Target / metrics dashboard Connectors • Simple push notification from other tools Notifications • Flag important action items Channel Bots • Channel notifications of wins / losses • In-group opportunity queries Compose Extensions • Quick way to send links to opportunities Personal Tabs • Filtered account list • Personal dashboard Personal Bots • Personal queries
  • 22.
    AGENDA WHAT IS TEAMS? TEAMS APP PLATFORM DEMO : PACKAGE YOUR APP CHATBOT COMPONENTS & SERVICES DEMO : CREATE YOUR OWN CHATBOT HOW TO FAIL YOUR CHATBOT PROJECT > FROM SAMPLE TO REAL WORLD
  • 23.
  • 24.
  • 25.
    Microsoft Teams App manifest.json Icon-20x20.png Icon-96x96.png Microsoft Azure WebApp Express web server (node.js) /index.html /tou.html /privacy.html /igniteTab.html /igniteConfig.html /igniteRemove.html /aboutIgniteBot.html /igniteAlertsConnector.html /api/messages /api/connector/connect /api/connector/ping >> Toolchain : VS Code / Node / NPM / Yeoman / Gulp / Ngrok
  • 26.
    AGENDA WHAT IS TEAMS? TEAMS APP PLATFORM DEMO : PACKAGE YOUR APP CHATBOT COMPONENTS & SERVICES DEMO : CREATE YOUR OWN CHATBOT HOW TO FAIL YOUR CHATBOT PROJECT > THE BASICS
  • 28.
  • 30.
  • 31.
  • 32.
    Bot Connector Azure BotService Notice : Azure Bot Service is Preview Service • Intelligent, serverless bot service • Start quickly with built-in templates • Reach your users on multiple channels • No server management or patching needed • Scale out automatically • Pay only for what you use
  • 33.
  • 35.
    Bot Connector Cognitive Services Emotion Speaker Recognition Speech Custom Recognition Computer Vision Face Video LinguisticAnalysis Language Understanding Bing Spell Check Entity Linking Knowledge Exploration Academic Knowledge Bing Image Search Bing Video Search Bing Web Search WebLM Text Analytics Recommendations Bing Autosuggest Bing News Search Translator Content Moderator QnA Maker
  • 36.
    Bot Connector Cognitive Services Emotion Speaker Recognition Speech Custom Recognition Computer Vision Face Video LinguisticAnalysis Language Understanding Bing Spell Check Entity Linking Knowledge Exploration Academic Knowledge Bing Image Search Bing Video Search Bing Web Search WebLM Text Analytics Recommendations Bing Autosuggest Bing News Search Translator Content Moderator QnA Maker
  • 37.
    AGENDA WHAT IS TEAMS? TEAMS APP PLATFORM DEMO : PACKAGE YOUR APP CHATBOT COMPONENTS & SERVICES DEMO : CREATE YOUR OWN CHATBOT HOW TO FAIL YOUR CHATBOT PROJECT > REFERENCE SOLUTION
  • 38.
  • 39.
  • 40.
    AGENDA WHAT IS TEAMS? TEAMS APP PLATFORM DEMO : PACKAGE YOUR APP CHATBOT COMPONENTS & SERVICES DEMO : CREATE YOUR OWN CHATBOT HOW TO FAIL YOUR CHATBOT PROJECT > TIPS FROM THE TRENCHES…
  • 41.
    You’re not human! Admit it !
  • 44.
    From one botto another…
  • 47.
    Performance monitoring &diagnosis… Azure App Insights
  • 48.
    Analytics : IbexDashboard Custom Analytics Dashboard for Microsoft Bot Framework http://aka.ms/ibex >> Complexity : 1. Standard Bot Analytics 2. Power BI 3. Ibex Dashboard
  • 49.
    Guillaume Meyer Email :gmeyer@eryem.com Twitter : @guillaumemeyer