How I Taught a Bot to Tell Lame Jokes

HOW I TAUGHT * TO TELL LAME JOKES?HOW I TAUGHT * TO TELL LAME JOKES?

* FACEBOOK MESSENGER* FACEBOOK MESSENGER

This talk will be about bots.
(If you didn’t nd out yet)

services which can be interacted with by chat
powered by speci c rules set
sometimes utilizing AI
working on the Messenger Platform

Poncho - ask bot about the weather

KrEdytka - take a loan via Messenger

Pismo Święte - no need to describe this one

endless possibilities
to create useless stuff
they just didn’t take control over the world yet

WHY EVEN BOTHER?WHY EVEN BOTHER?

Satya Nadella, Microsoft CEO
Bots are the new Apps

Peter Rojas, Betaworks
People are now spending more time in
messaging apps than in social media and
that is a huge turning point

Matt Schmidt, Chatbots Magazine
It’s potentially a huge business
opportunity for anyone willing to jump
head rst and build something people
want

Some random at DevDuck, BrainHub
Bots are fun, because I tell so

STOP! DEMO TIMESTOP! DEMO TIME

LET’S BUILD A BOTLET’S BUILD A BOT

Create Facebook App
https://developers.facebook.com/

Select a fan page and generate access token

THE WALL?THE WALL?
THE CODETHE CODE

// Create Express app
const app = require('express')();
// set up webhook routing
app.get('/webhook', (req, res) => {
if (req.query['hub.verify_token'] === 'super_token') {
res.send(req.query['hub.challenge']);
}
res.send('Error, wrong token');
});
// run the app
app.listen(app.get('port'));

Subscribe the access token
$ curl -X POST
"https://graph.facebook.com/v2.6/me/subscribed_apps?
access_token=<PAGE_ACCESS_TOKEN>"
# response
{"success": true}

Create POST endpoint for /webhook
router.post('/webhook', async(req, res) => {
const messagingEvents = req.body.entry[0].messaging;
for (let i = 0; i < messagingEvents.length; i++) {
const event = req.body.entry[0].messaging[i];
const senderId = event.id;
const greeting = getRandomMessage(predefined.greetings);
if (event.message && event.message.text) {
await sendTextMessage(senderId, joke.question);
await sendTextMessage(senderId, joke.answer);
}
}
res.sendStatus(200);
});

Create sendTextMessage function
const sendTextMessage = (id, text) => {
request({
method: 'POST',
url: constants.FACEBOOK_GRAPH_URL, // Facebook Graph URL
qs: { access_token: config.accessToken }, // Facebook Access
json: {
recipient: { id },
message: { text },
},
},
(err, res) => {
// [...]
});
};

Assign prede ned joke
const joke = {
question: 'Jaki jest magik gdy straci magię?',
answer: 'Rozczarowany ',
}

Create array of objects
const jokes = [
{
question: 'Jaki jest magik gdy straci magię?',
answer: 'Rozczarowany',
},
{
question: 'Jakie jest imię greckiego boga czystosci?',
answer: 'Domestos',
},
{
question: 'Dlaczego klatka piersiowa ma grosze?',
answer: 'Bo żebra',
},
// [...]
];

Create getRandomMessage function
getRandomMessage = array =>
array[Math.floor(Math.random() * array.length)];
const joke = getRandomMessage(jokes);
// [...]

BUT THIS BOT IS SILLYBUT THIS BOT IS SILLY

it is not interactive
it does not conversate
it feels like a bot
it does not understand intents

LET’S IMPROVE IT A LITTLELET’S IMPROVE IT A LITTLE

HOW TO MAKE THE BOT MORE INTERACTIVE?HOW TO MAKE THE BOT MORE INTERACTIVE?

LET’S ADD A POSTBACKLET’S ADD A POSTBACK

Create message with generic template
const message = {
attachment: {
type: 'template',
payload: {
template_type: 'generic',
elements: [{
title: 'Podoba Ci się?',
buttons: [
{ type: 'postback', title: `Dobre`, payload: 'good' },
{ type: 'postback', title: `Słabe`, payload: 'bad' }],
}],
},
},
};

Create askAboutFeedback function
const askAboutFeedback = (id, text) => {
request({
method: 'POST',
url: constants.FACEBOOK_GRAPH_URL, // Facebook Graph URL
qs: { access_token: config.accessToken }, // Facebook Access
json: {
recipient: { id },
message,
},
},
(err, res) => {
// [...]
});
};

Use askAboutFeedback function
await askAboutFeedback(senderId);
}

Handle the postback
// [...]
} else if (event.postback && event.postback.payload) {
switch (event.postback.payload) {
case 'good':
await askAboutNewJoke(senderId);
break;
case 'bad':
await sendTextMessage(senderId, 'Buu');
break;
// [...]
}
}

it feels like a bot
it does not understand messages and intents

LET’S MAKE IT MORE… HUMAN?LET’S MAKE IT MORE… HUMAN?

Create sendTypingIndicator function
const sendTypingIndicator = async id => {
await request({
...requestParams,
json: {
recipient: {
id,
},
sender_action: 'typing_on', // instead of message object
},
});
};

Add some delay to sendTextMessage function
const delay = require('delay');
const sendTextMessage = (id, text) => {
await delay(text.length * 100);
request({
// [...]
},
(err, res) => {
// [...]
});
};

Add random positive and negative emoji
const emotion = require('emoji-emotion');
const happyEmojiList =
emotion.filter(emoji => emoji.polarity > 1);
getHappyEmoji = () =>
happyEmojiList[Math.floor(
Math.random() * happyEmojiList.length
)].emoji;
// the same goes for sad emoji

Use it whenever you need it
await sendTextMessage(senderId, `Okej ${getHappyEmoji()}`);
await sendTextMessage(senderId, `Buu ${getSadEmoji()}`);

OKAY, WE’RE GETTING THERE…OKAY, WE’RE GETTING THERE…

it feels like a bot… this much
it does not understand messages and intents

ONE THING MISSINGONE THING MISSING

LET’S MAKE IT TALKATIVELET’S MAKE IT TALKATIVE

Create getIntent function
const { Wit } = require('node-wit');
const wit = new Wit({
accessToken: config.witAccessToken,
});
const getIntent = async message => {
const mostPropbableIntent = await wit.message(message)
.then(data => {
if (data.entities.intent) {
const mostProbableIntent = data.entities.intent.reduce(
(prev, current) =>
(prev.confidence > current.confidence)
? prev : current
);

Handle the intents
const intent = await getIntent(event.message.text);
switch (intent) {
case 'greet':
await sendAGreeting(senderId);
break;
case 'get_joke':
await sendAJoke(senderId);
break;
default:
sender.sendTextMessage(senderId, `Niestety nie rozumiem ${g
break;
}
}

add more intents, for example “Tell me something
about you”
add “Message read” indicator
add more sophisticated AI
create bot ordering french fries and doing a massage
when he knows you’re upset

SOME TAKEAWAYS FOR YOU GUYSSOME TAKEAWAYS FOR YOU GUYS

do stupid, redundant things
you never know where will it get you
you might even give talk about it

http://kkoscielniak.github.io/kawalarz-slides
http://github.com/kkoscielniak/kawalarz

How I Taught a Bot to Tell Lame Jokes

Recommended

Recommended

More Related Content

Similar to How I Taught a Bot to Tell Lame Jokes

Similar to How I Taught a Bot to Tell Lame Jokes (11)

More from Brainhub

More from Brainhub (20)

Recently uploaded

Recently uploaded (20)

How I Taught a Bot to Tell Lame Jokes