This slide was used for code lab in GDG Devfest 2016, Hyderabad

1. BOTS
FUTURE OF APPS

2. GAURAV
SHARMA
MAKING BOT MAKER AT PRAMATI TECHNLOGIES

3. EVOLVING APPLICATION PLATFORMS
Early 90
Desktop Apps
• Windows, Mac, DOS
• Client side app
• eg. Excell, lotus
• Native UI
• Client side
development
Early 2000
Web
• Browser
• Web apps
• eg. Yahoo, amazon
• Web Pages
• Server side
development
Pre 2010
Smart Phone
• Mobile OS(Android,
iOS)
• Mobile apps
• eg. Twitter,
forsquare
• Native Mobile UI
• Client side
development
Post 2010
Messaging
• WhatsApp, slack
• Bots
• eg. Weather, TC
• Message
• Server Side
development

4. MESSENGERS ARE NEW COOL
4 Largest Social Networks
• Twitter
• Facebook
• Linkedin
• Instagram
4 Largest Messaging Apps
• Whatsapp
• Facebook Messanger
• Wechat
• viber

5. APP FATIGUE
• Apps get lost in ocean of apps.
• 65% of user don’t download new apps.
• User Acquisition cost is high.
• Development cost are high.
• Average users use <10 different app per week.

6. BOTS ARE NEW APPS
MESSAGING APPS ARE OPENING THEIR API’S.
Telegram
• June 2015
• 100 M Users
Kik
• March 2016
• 200 M Users
Facebook
Messenger
• April 2016
• 900 M Users
Skype
• May 2016
• 600 M Users

7. • Bot act as another user.
• Bot can be invited to a group and post message with
the help of keywords.
• Bot can have name, profile photos, can upload file
etc.
CHATBOT ECOSYSTEM
Bot can be categorized into two categories.
Rules based
bots
AI based
bots

8. BASIC ARCHITECTURE DIFFERENCE
Androi
d
iOS

9. HOW TO CREATE BOT
• Register bot with bot-connector.
• Write your bot services.
• Deploy bot on channels.

10. REGISTERING YOUR BOT WITH THE MICROSOFT BOT
FRAMEWORK
• https://dev.botframework.com
• Register a bot
• Create Microsoft App id and password (save password
displayed only once).
• Bot configuration

11. CREATE BOT SERVICES
• Set up a github repository for CI.
• Switch to directory, clone repo
• npm init
• npm install --save botbuilder
• npm install --save restify
• Place given app.js in directory.
• Replace APP_ID and PASSWORD with app id and password for
your bot.

12. 1. HELLO WORLD TO BOT
Connectors
connects your bot to either the BOT
Framework or the Console.
• ConsoleConnector
• ChatConnector
UniversalBot
Brain of bot, responsible for managing
all of the conversations your bot has with
a use.
Dialogs
implement the actual conversation logic
for your bot
node app.js (start server)

13. 2. ASKING USER INPUT
PROMPTS

14. 3. TESTING YOUR BOT ON CHANNELS
• Skype and webchat are auto configured. Skype will have limit of
100 users without publication.
• Configure Bot id and password in app.js
• Use ngrok to make your localhost as hosting server.
• ngrok http -host-header=rewrite PORT
• Configure api end point in bot configurations.
(https://c75cf878.ngrok.io/api/messages).
• test server is running (https://c75cf878.ngrok.io/home) or
form Bot portal.
• Add bot to skype. Say hi and start your communication.

15. ATTACHMENTS TO MESSAGE
• 4 type of Cards can be sent as an attachment to a message.

16. 4. GLOBAL COMMANDS AND ACTIONS
• bot.beginDialogAction('actions', '/actions', { matches:
/^actions/i });
• buttons([builder.CardAction.dialogAction(session, "weather",
"Seattle, WA", "Current Weather")])

17. 4. GLOBAL COMMANDS AND ACTIONS

18. 5. DEPLOYING BOT ON AZURE
• https://portal.azure.com/
• Login or Signup
• New
• Web+Mobile
• Web apps
• App name + free trial +
create

19. 5. DEPLOYING BOT ON AZURE
• Click on newly created App
services
• App Devlopment
• Development Options
• Github
• Choose Project
• Applications Settings
• Enable Web sockets

20. THANKS
Resource:
Source code available : http://bit.ly/2doPsaW