This document discusses building a chat bot named Beer Bot using the Microsoft Bot Framework. It covers the bot's architecture including integrating with the Beer API and Bot Framework services. It demonstrates the bot recommending beers, taking orders, and using forms, cards, state management, and LUIS. The document emphasizes the importance of conversation design and provides resources for building bots.

1. Bot-Tender:
A Chat Bot Walks into a Bar
1
Eran Stiller
@eranstiller
Chief Technology Officer
erans@codevalue.net
http://stiller.blog

2. 2

3. 3

4. 4

5. 5

6. 6

7. 7

8. 8

9. Agenda
9
Microsoft Bot Framework
Messages
Dialogs
Forms
State
Microsoft Cognitive Services
Image Search
Language Understanding (LUIS)
Speech

10. About Me
Eran Stiller (@eranstiller)
CTO & Founder at CodeValue
Software architect, consultant and instructor
Microsoft Azure MVP
Many years of hands-on experience
Expert in large-scale, server-side, highly-concurrent
systems
Founder of Azure Israel Meetup
10

11. Cloud Computing
Advanced Mobile
Technologies
UI/UX & Graphic
Design
Cross Platform
Development
Advanced Web
Technologies
ALM & DevOps Software Architecture
IOT & Embedded
Software
Training & Mentoring
Development
Management &
Methodology
CodeValue

12. Debug like a wizard Quit debugging, spend more time writing brilliant software
Magic Glance / Figure out complex expressionsLINQ Debugging / Know the flow of your LINQ queries
Reveal / Focus on data that actually matterSearch/ Find that needle in a haystack of data
With our Visual Studio extension for C#, follow the road to a bug-free world
oz-code.com | @oz_code

13. Introduction to Chat Bots
16
Natural Language User Interface (NLUI)
Not to be confused with NUI
Another form of UX/UI
Conversation design is key
Building a conversation tree/graph
The hardest part

14. Introducing Beer Bot
17
Your friendly bartender bot
Or Bot-Tender
Beer-Bot can:
Recommend a beer
Order you a beer with a chaser and side dish
Remember your last drink

15. Architecture
18
Beer Bot Beer API Beer DB*
User

16. Beer Bot – Simplified Conversation View
19
Root
Recommend
Beer
By Type By Country
By
Category
Order Beer Help
Beer Chaser Side Dish
Entrance

17. Demo
20
Beer API

18. 21
Microsoft Bot Framework

19. Microsoft Bot Framework
Bot web service
Your bot code
Entity
Extraction
Speech
Vision/Face
Natural
Language
Translation
+ Microsoft Cognitive Services
Search
Emotion
Knowledge
API
…
Message input <> output
State Management
Bot Connector Service
Conversation Canvas/Channels
……
…
Other services, APIs,
Databases, Azure Machine
Learning, Azure Search,
etc…
Bot Builder SDK
Web Chat
Direct Line…
Email
Facebook
GroupMe
Kik
Skype
Slack
Telegram
Twilio (SMS)
Bot Builder SDK
Your bot code goes here
22

20. Bot Framework Emulator
23

21. Demo
24
Message Controller

22. Dialogs
Dialogs are for bots like screens are for apps
Dialogs are serialized into a stack
25
Root
Recommend
Beer Order Beer

23. Dialog State
Code continuations allow modeling a state machine
26
if (...)
{
context.Call(OrderDialog.CreateDialog(), BeerOrderedAsync);
return;
}

24. Demo
27
Basic Bot Dialog

25. Conversation Flow
The active dialog takes control of conversation flow
Using the SDK you can:
Context.Wait()
Context.Done()
Context.Fail()
Context.Foreward()
Context.Call()
28

26. Chain API
A Fluent API for building dialogs
Available using the Chain class
29
public static readonly IDialog<Beer> Dialog = Chain
.From(() => new PromptDialog.PromptChoice<RecommendationOptions>(
new[] { RecommendationOptions.Category, RecommendationOptions.Origin, RecommendationOptions.Name },
"How would you like me to recommend your beer?",
"Not sure I got it. Could you try again?",
3, descriptions: new [] { "By Beer Category" , "By Beer Origin", "By Beer Name" }))
.Switch(
Chain.Case<...>(option => option == RecommendationOptions.Category, (context, option) => CategoryRecommendation),
Chain.Case<...> (option => option == RecommendationOptions.Origin, (context, option) => CountryRecommendation),
Chain.Case<...> (option => option == RecommendationOptions.Name, (context, option) => NameRecommendation)
)
.Unwrap();

27. Demo
30
Beer Recommendation Dialog

28. Forms
31

29. Form Flow
32
public class BeerOrder
{
[Prompt("What beer would you like?")]
public string BeerName { get; set; }
[Prompt("Which chaser would you like next to your beer? {||}")]
public Chaser Chaser { get; set; }
[Prompt("How about something to eat? {||}")]
public SideDish Side { get; set; }
}
public static IDialog<BeerOrder> CreateDialog(string beerName = null)
{
return new FormDialog<BeerOrder>(
new BeerOrder { BeerName = beerName }, ...);
}

30. Demo
33
Beer Order Dialog

31. Rich Cards
34

32. Microsoft Cognitive Services
35

33. Demo
36
Hero Card

34. “Typing” Indicator
Your users expect you to reply quickly
37

35. “Typing” Indicator
38

36. “Typing” Indicator
39

37. Demo
40
“Typing” Notification

38. Bot State
Use the session object
User Data
Conversation Data
Private Conversation Data
Dialog Data
Persisted and managed by the Bot Framework State Service
IBotStorage
41

39. Demo
42
User Preferences

40. Natural Language
43

41. LUIS
44

42. LUIS & Bot Framework
45
[LuisIntent("Bye")]
public async Task OnByeAsync(...)
{
await context.PostAsync("Bye bye. See you soon!");
context.Done((object) null);
}
[LuisIntent("RecommendBeer")]
public Task OnRecommendBeerAsync(...)
{
var beerName = GetEntity(luisResult, BeerNameEntityName);
var brewery = GetEntity(luisResult, BreweryEntityName);
var category = GetEntity(luisResult, CategoryEntityName);
var country = GetEntity(luisResult, CountryEntityName);
context.Call(RecommendationDialog.CreateDialog(beerName, brewery, category, country), BeerRecommendedAsync);
return Task.FromResult((object) null);
}

43. Demo
46
LUIS Integration

44. Deployment
The Bot is just a REST API
Can be hosted anywhere
Azure App Service is an easy choice
47

45. Channels
48

46. Monitoring
49

47. Demo
50
Deployment, Channels &
Monitoring

48. Speech
51
https://windows.gadgethacks.com/how-to/ultimate-guide-using-cortana-voice-commands-windows-10-0163095/

49. SSML
Speech Synthesis Markup Language
52
The rental car you reserved <break strength="medium" /> a mid-size sedan
<break strength="medium" /> will be ready for you to pick up at <break
time="500ms" /> <say-as interpret-as="hms12"> 4:00pm </say-as> today.
For English, press 1.
<voice xml:lang="fr-FR" gender="female"> Pour le français, appuyez sur 2 </voice>
<prosody volume="x-loud"> This is extra loud volume. </prosody>
<audio src=“http://somewhere.com/mymusic.mp3"> Here's today's weather forecast. </audio>
https://msdn.microsoft.com/en-us/library/jj127898.aspx

50. Demo
53
Cortana Skill

51. Takeaways
54
Chat bots are another form of UI (NLUI)
Microsoft Bot Framework makes it easier to write your bot
Standard connection to various channels
Bot Builder SDK
Integration with Cognitive Services
The trickiest part is still designing the conversation

52. Takeaways
55

53. Resources
Sample Code
https://github.com/estiller/beer-bot
Product & Documentation
https://dev.botframework.com/
https://docs.microsoft.com/en-us/bot-framework/
More Samples
https://github.com/Microsoft/BotFramework-Samples
https://github.com/Microsoft/BotBuilder-Samples
56

54. Thank You!
57
Eran Stiller
@eranstiller
Chief Technology Officer
erans@codevalue.net
http://stiller.blog