Skip to content

Commit

Permalink
Updates to tutorial-create-echobot.md
Browse files Browse the repository at this point in the history
  • Loading branch information
WashingtonKayaker committed Jan 16, 2020
1 parent cb1972c commit f2517b2
Show file tree
Hide file tree
Showing 5 changed files with 17 additions and 14 deletions.
Binary file modified docs/media/tutorial-echobot/echo-new.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/media/tutorial-echobot/recognizer-none.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified docs/media/tutorial-echobot/test-emulator.gif
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified docs/media/tutorial-echobot/tutorial-echo-setup.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
31 changes: 17 additions & 14 deletions docs/tutorial-create-echobot.md
Original file line number Diff line number Diff line change
@@ -1,33 +1,36 @@
# Create an echo bot using Bot Framework Composer
In this quickstart we will walk you through how to create an echo bot using the Bot Framework Composer **Echo Bot** template, and then test your bot in the Emulator.
# Create an echo bot using the Bot Framework Composer
In this quickstart you will learn how to create an echo bot using the Bot Framework Composer **Echo Bot** template, and test it in the Emulator.

## Prerequisites
All of the prerequisites for creating an echo bot are included in [Set up Bot Framework Composer with Yarn](./setup-yarn.md).
All of the prerequisites for creating an echo bot are included in [Set up the Bot Framework Composer with Yarn](./setup-yarn.md).

## Creating an echo bot
1. Follow the instructions in [Set up Bot Framework Composer with Yarn](./setup-yarn.md) to get Composer running.
1. Follow the instructions in [Set up the Bot Framework Composer with Yarn](./setup-yarn.md) to get Composer running.
After opening Composer in a browser click the **Echo Bot** button at the top of the Examples list on the homepage.

![homepage new button](./media/tutorial-echobot/echo-new.png)
![homepage new button](./media/tutorial-echobot/echo-new.png)

2. Fill in the **Name** as you want or keep the default name `EchoBot-0` and copy `This is a simple echo bot. It echoes back the user's response.` to the **Description** box. Choose where you want to save the bot or keep the default location and click **Next**.
2. The **Define conversation objective** form:
1. Enter the name for your bot in the **Name**, or keep the default name `EchoBot-0`.
2. Enter "_This is a simple Echo bot. It echoes the user input back to them._" in the **Description** field.
3. Select the location to save your bot.
4. Save your changes and create your echo bot by selecting **Next**.

![echo bot details](./media/tutorial-echobot/tutorial-echo-setup.png)
![echo bot details](./media/tutorial-echobot/tutorial-echo-setup.png)

3. You will now see your bot's main dialog. In the properties panel on the right click the dropdown under **Recognizer Type** and select `None`. Since this is a simple echo bot you don't need to use any [recognizers](./concept-events-and-triggers-draft.md#regular-expression-recognizer#regular-expression-recognizer) or [LUIS models](https://aka.ms/what-is-luis).
3. You will now see your bot's main dialog. In the _properties panel_ on the right side of the Composer screen you will notice that the **Recognizer Type** is set to **None** by default. Since this is a simple echo bot you don't need to use any [recognizers](./concept-events-and-triggers-draft.md#regular-expression-recognizer#regular-expression-recognizer) or [LUIS models](https://aka.ms/what-is-luis), so leave it set to none.

![set recognizer type](./media/tutorial-echobot/select-none-recognizer.gif)
![set recognizer type](./media/tutorial-echobot/recognizer-none.png)

4. You're now ready to start and test your bot. Click **Start Bot** in the top right. You will then see the **Test in Emulator** button show up. Click **Test in Emulator** and Bot Framework Emulator should start.
4. You can now test your bot in the Bot Framework Emulator by selecting **Start Bot** in the top right side of the Composer screen then **Test in Emulator**.

![start bot](./media/tutorial-echobot/start-bot.gif)
![start bot](./media/tutorial-echobot/start-bot.gif)

5. Type anything in the Emulator to have the bot echo back your response.
5. Anything you type in the Emulator should be echoed back to you.

![test in emulator](./media/tutorial-echobot/test-emulator.gif)
![test in emulator](./media/tutorial-echobot/test-emulator.gif)

You've successfully created an echo bot!

## Next Steps
Create a [weather bot](tutorial/bot-tutorial-introduction.md) using Composer.

0 comments on commit f2517b2

Please sign in to comment.