Intelligent Bot on Cloud With Microsoft Bot Framework & Azure

Today, we have heard about Artificial Intelligent (AI) all around the world, from banking industry, logistic industry, technology industry to customer services. But, do we really know what’s AI?

What’s Bot or Artificial Intelligent(AI)?

“…”the study and design of intelligent agents” where an intelligent agent is a system that perceives its environment and takes actions which maximizes its chances of success.”
ScienceDaily

Bot allows the interaction between users and the intelligent solutions that can be hosted on servers as what they do with another real human-being. That means, bot can serve your inquiries anytime!

What’s the Benefits of using Bot or AI?

  • Increases the customer satisfaction since it can easily answer the Frequently Asked Questions (FAQ) almost instantly and brings ease to your employees.
  • Improve cost efficiency as now you can focus more on running your day-to-day business and less on spending time & money to support customers.
  • Always available! Hosting on cloud means more reliable & faster!

Intelligent Bot on Cloud With Microsoft Bot Framework & Azure

Introduction to Microsoft Bot Framework

  • Microsoft Bot Framework allows developers & businesses to create smart & intelligent bot that interacts with users.
  • Connect bot to multiple platforms, from website, mobile app to desktop & even Skype!
  • Bot Builder SDK available for developers to build a smarter bot.

Intelligent Bot on Cloud With Microsoft Bot Framework & Azure

 

Create a Bot on Azure

For this tutorial, we are going to learn how to create a Bot on Azure and deploying it to your website.

  1. First, we need an Azure account. Learn how to create one here if you don’t have one yet.
  2. Secondly, login with your Azure account.
    Intelligent Bot on Cloud With Microsoft Bot Framework & Azure
  3. Thirdly, click + New then search for Bot Service (Now known as Web App Bot) at the search bar.
    Intelligent Bot on Cloud With Microsoft Bot Framework & Azure
  4. Then, let’s create a Bot Service (Now known as Web App Bot), so click Create.
    Intelligent Bot on Cloud With Microsoft Bot Framework & Azure
  5. Next, enter your preferred Bot name, select subscription, resource group, hosting plan and a App Service plan. For this tutorial, I use free tier & now click Create to deploy.
    Intelligent Bot on Cloud With Microsoft Bot Framework & Azure
  6. Once the deployment is succeeded. You may click Go to resource button in notification or All resources at the side panel to view the Bot. Here I clicked All Resources.
    Intelligent Bot on Cloud With Microsoft Bot Framework & Azure
  7. Following then, click the bot name that we just created.
    Intelligent Bot on Cloud With Microsoft Bot Framework & Azure
  8. We need to select C# as our preferred programming language. There are few templates available, but for this tutorial, select Basic template. Then click Next.
    Intelligent Bot on Cloud With Microsoft Bot Framework & Azure
  9. Next, click Create Microsoft App ID and password for your bot, so that it will be able to authenticate with the Bot Framework.
    Intelligent Bot on Cloud With Microsoft Bot Framework & Azure
  10. At the newly opened page, click Generate an app password to continue.
    Intelligent Bot on Cloud With Microsoft Bot Framework & Azure
  11. Copy and securely store the generated password that is on the screen, and then click Ok and followed by Finish and go back to Bot Framework.
    Intelligent Bot on Cloud With Microsoft Bot Framework & Azure
  12. Back in the Azure Portal, assure the app ID field is auto-filled for you, and paste the password that was just being generated into the password field. Click Create.
    Intelligent Bot on Cloud With Microsoft Bot Framework & Azure
  13. Once the bot is being created, let’s test the bot!
    Intelligent Bot on Cloud With Microsoft Bot Framework & Azure

Integration of Bot to Your Website

  1. Let’s integrate this bot to our website, click Get bot embed codes.
    Intelligent Bot on Cloud With Microsoft Bot Framework & Azure
  2. Secondly, select the second icon which means “Web Chat”. Then, hit Click here to open the Web Chat configuration page >.
    Intelligent Bot on Cloud With Microsoft Bot Framework & Azure
  3. At the opened page, click to show the first generated Secret Key. Then copy the Embed code, also replace “YOUR_SECRET_HERE” with the generated key!
    Intelligent Bot on Cloud With Microsoft Bot Framework & Azure
  4. Last but not least, at your website HTML editor, paste the code & publish.
    Intelligent Bot on Cloud With Microsoft Bot Framework & Azure
  5. Now, go ahead and test the bot on your website!
    Intelligent Bot on Cloud With Microsoft Bot Framework & Azure

 

In this tutorial, you have learnt how to create a bot using Microsoft Bot Framework and integrate it into your website.

Intelligent Bot on Cloud With Microsoft Bot Framework & Azure

Get your offline copy here!

You can try out the bot that I created! Have fun!

 

Don’t forget to follow me @
GitHub: https://github.com/hmheng
Twitter: @hmheng
More slides @ SlideShare: https://www.slideshare.net/HiangMengHengMarvin
Blog: http://hmheng.pinsland.com

You may also like...

4 Responses

  1. November 11, 2017

    […] I learnt to create a bot using Microsoft Bot Framework, I am thinking how I can integrate the chatbox bot into Xamarin Mobile App. When I searched online, […]

  2. December 23, 2017

    […] been thinking about a lot of possibilities that can involve more natural human interaction, such as creating a chat bot on web, on mobile app using BotFramework, LUIS mobile app using LUIS, a PictureTeller app using Vision […]

  3. February 5, 2018

    […] months ago, I had explored about chatbot and to create chatbot using Azure Bot framework (It is now listed as Web App Bot & Function Bot in Azure Portal). If you haven’t read it […]

  4. July 3, 2018

    […] By completing this lab, you have created your own Question & Answer Bot. We hope you would enjoy! Check out how to insert this bot to your website by following “Intelligent Bot on Cloud With Microsoft Bot Framework & Azure“. […]

This site uses Akismet to reduce spam. Learn how your comment data is processed.

%d bloggers like this: