Faites de Microsoft Teams votre Digital Workplace en intégrant vos applications et services métiers : - Intégrez les applications métiers au cœur de l’environnement collaboratif de Microsoft Teams - Créez votre Digital Hub dans Office 365 et consolidez toute les flux d’information de votre SI - Rendez accessibles vos services en mobilité avec les Chatbots

1. 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

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 hours after its
launch…

8. Everybody
has a plan
until they 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 apps with 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 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

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 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

15. 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

16. 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

17. Notify users personally via the
activity feed
Same API as sending bot messages
Deep link straight into tabs

18. 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

19. 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

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
• 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

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. https://msdn.microsoft.com/en-us/microsoft-teams/samples

24. https://github.com/OfficeDev/generator-teams

25. 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

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. Bot Connector
Bot Connector

30. Bot Connector
Bot Framework

31. Bot Connector
Bot Framework

32. 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

33. Bot Connector
Azure Bot Service

35. 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

36. 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

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. https://docs.microsoft.com/en-us/bot-framework/nodejs/bot-builder-nodejs-samples
https://github.com/Microsoft/BotBuilder-Samples/tree/master/Node/demo-ContosoFlowers

39. https://github.com/OfficeDev/generator-teams

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 bot to another…

47. Performance monitoring & diagnosis…
Azure App Insights

48. 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

49. Guillaume Meyer
Email : gmeyer@eryem.com
Twitter : @guillaumemeyer