Image for post
Image for post
Photo by Tim Gouw on Unsplash

Evaluating Microsoft Composer for Bot Framework

An Integrated Development Tool To Build Chatbots & Conversational Experiences

Introduction

Image for post
Image for post
Traditional Chatbot Architecture

Merging Design & Development

Example of Digression in a Chatbot

What Is Bot Framework

Getting Started

$ cd Composer // switch to Composer folder
$ yarn install // install dependencies
$ yarn build // build extensions and libs
$ yarn startall // start client and server at the same time
Image for post
Image for post
Composer Is Running
Image for post
Image for post
Bot Framework Composer UI

Build An Echo Chatbot

Image for post
Image for post
Creating an Echo Bot
Image for post
Image for post
Responding With Cards

Adding LUIS

# BookFlight
- book flight from {city:fromCity} to {city:toCity}
- [can you] get me a flight from {city:fromCity} to {city:toCity}
- get me a flight to {city:toCity}
- I need to fly from {city:fromCity}

$city:Seattle=
- Seattle
- Tacoma
- SeaTac
- SEA

$city:Portland=
- Portland
- PDX

Testing

Image for post
Image for post
Landing Page: Bot Framework Emulator

Positive Elements

Other Considerations

Conclusion

Written by

NLP/NLU, Chatbots, Voice, Conversational UI/UX, CX Designer, Developer, Ubiquitous User Interfaces. www.cobusgreyling.me