How to build a chatbot for $0

Presentation about building chatbots for Mobile Monday on February 6th.

Original keynote presentation contains gifs and animations, full keynote file is available here: https://dl.dropboxusercontent.com/u/63393755/Slobodan/presentations/how-to-build-a-chatbot-for-0-dollars-mobile-monday-2017-02-06.pdf

Transcript

1. HOW TO BUILD A SERVERLESS CHATBOT FOR $0
2. I’M SLOBODAN STOJANOVIC CTO OF CLOUD HORIZON JS BELGRADE MEETUP ORGANIZER GITHUB.COM/STOJANOVIC TWITTER.COM/SLOBODAN_
3. CLOUD HORIZON WE HELP BUSINESSES BUILD INNOVATIVE WEB AND MOBILE SOLUTIONS
4. CHATTERBOT / CHAT BOT a type of conversational agent, a computer program designed to simulate an intelligent conversation with one or more human users via auditory or textual methods.
5. A BIT OF A HISTORY
6. • Turing Test (1950) • Eliza (1966) • Parry (1972) • A.L.I.C.E. (1995) • Jabberwacky (2005) • Slack Bot (2014) • Telegram and FB Bots (2015) • Many others (2016)
7. WHEN PARRY MET ELIZA
9. CHATBOT PLATFORMS
12. HOW CHATBOTS WORK
14. MOST OF THEM ARE USING WEBHOOKS
15. Hello { sender: { id: 12345 }, recipient: { id: 54321 }, timestamp: 1483413621558, message: { app_id: 999999, text: 'Hello' } } { recipient: { id: '12345' }, message: { text: 'Hi there' } } Hi there
16. MOST OF THEM? WHAT ABOUT THE DIFFERENT ONES?
17. • Slack Bot users • Amazon Alexa • iMessage and Siri
18. WHAT DO YOU NEED TO KNOW TO BUILD A CHATBOT
19. ARTIFICIAL INTELLIGENCE
20. NATURAL LANGUAGE PROCESSING
21. <PROGRAMMING/>
22. WHAT DO YOU NEED TO KNOW TO SETUP A CHATBOT
23. • Server • SSL • Setup API / Webhooks • Register app / bot • Setup tokens, webhook url, etc. • Write the logic • …
25. IS THERE A BETTER WAY?
26. YES, OF COURSE!
27. • Visual chatbot builders (Chatfuel) • Bot frameworks (Microsoft Bot Framework) • Amazon Lex •Many other options
29. BUILDING CHATBOTS IS NOT FUN, MOST OF THE TIME AT LEAST, NOT AS MUCH AS IT SHOULD BE
30. WE DECIDED TO FIX THAT AT LEAST, FOR US
31. MEET CLAUDIA BOT BUILDER
32. Claudia Bot Builder is an extension library for Claudia.js that helps you create bots for 10 platforms.
33. The key idea behind the project is to remove all the boilerplate code and common infrastructure tasks, so you can focus on writing the really important part of the bot – your business workflows.
35. OK, LET ME SHOW YOU
36. var botBuilder = require('claudia-bot-builder') module.exports = botBuilder(function(message) { return 'Hi there! You sent “' + message.text + '“' })
37. const botBuilder = require('claudia-bot-builder') module.exports = botBuilder(message => `Hi there! You sent “${message.text}”`)
38. • AMAZON WEB SERVICES ACCOUNT • Node.js (version 4.3.2 is preferred) • Install Claudia and Claudia Bot Builder from NPM PREREQUISITES
39. claudia create --region eu-central-1 --api-module bot
40. SIMPLY RUN ONE COMMAND TO DEPLOY THE BOT
41. TO SETUP DIFFERENT PLATFORMS ADD ANOTHER FLAG
42. claudia create \ --region eu-central-1 \ --api-module bot \ --configure-fb-bot
43. ALL SUPPORTED PLATFORMS
44. • configure-fb-bot • configure-slack-slash-command •configure-slack-slash-app •configure-viber-bot •configure-telegram-bot •configure-skype-bot •configure-alexa-skill •configure-twilio-sms-bot •configure-kik-bot •configure-groupme-bot
45. LET’S SEE IT
48. HOW IT WORKS
49. zzz… { sender: { id: 12345 }, recipient: { id: 54321 }, timestamp: 1483413621558, message: { app_id: 999999, text: 'Hello' } } { recipient: { id: '12345' }, message: { text: 'Hi there' } } { sender: 12345, platform: ’facebook’, text: ‘Hello’, postback: false, originalRequest: {…} } Hello Hi there
50. PRICE
52. $0
53. AWS LAMBDA PRICING •$0.20 per 1 million requests •$0.00001667 for every GB-second used •First million requests each month are free •First 400,000 GB-seconds are free
54. AWS LAMBDA IS STATELESS. HOW DO WE SAVE THE STATE?
55. USE DYNAMO DB
56. IS THERE AN EASIER WAY TO BUILD COMPLEX MESSAGES?
57. YES!
58. const botBuilder = require('claudia-bot-builder'); const fbTemplate = botBuilder.fbTemplate; module.exports = botBuilder(message => { if (message.type === 'facebook') { const newMessage = new fbTemplate.Text('What\'s your favorite House in Game Of Thrones'); return newMessage .addQuickReply('Stark', 'STARK') .addQuickReply('Lannister', 'LANNISTER') .addQuickReply('Targaryen', 'TARGARYEN') .addQuickReply('None of the above', 'OTHER') .get(); } });
60. CAN WE ADD NLP FOR $0 TOO?
61. YES OF COURSE, THERE’S A FEW OPTIONS:
62. • API.ai • Wit.ai • IBM Watson* • Luis.ai
63. EXAMPLES?
64. CLAUDIA.JS EXAMPLE PROJECTS:
 GITHUB.COM/CLAUDIAJS/EXAMPLE-PROJECTS
65. SAMPLE BOTS:
66. SPACE EXPLORER FB BOT:
 M.ME/SPACE.EXPLORER.BOT
 GITHUB.COM/STOJANOVIC/SPACE-EXPLORER-BOT
68. LAPTOP FRIENDLY VIBER BOT:
 VIBER.COM/LAPTOPFRIENDLY
 GITHUB.COM/STOJANOVIC/LAPTOP-FRIENDLY-BOT
70. HOLYJS CONFERENCE BOT:
 TELEGRAM.ME/HOLYJS_BOT
 GITHUB.COM/STOJANOVIC/HOLYJS-BOT
72. VACATION TRACKER FOR SLACK:
 VACATIONTRACKERBOT.COM
73. VACATIONTRACKERBOT.COM
74. MORE INFO
75. CLAUDIAJS.COM 
 GITHUB.COM/CLAUDIAJS/CLAUDIA-BOT-BUILDER
76. WHAT’S NEXT?
78. QUESTIONS?
 @SLOBODAN_ SLIDES: bit.ly/2kjaegq