Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Chatbots
Search
Pascal Helfenstein
January 11, 2017
Technology
97
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Chatbots
Pascal Helfenstein
January 11, 2017
More Decks by Pascal Helfenstein
See All by Pascal Helfenstein
Service Worker
nicam
0
75
IoT + Voice = Awesome
nicam
0
89
Web Speech API
nicam
0
91
Introduction to AngularJS
nicam
1
160
Other Decks in Technology
See All in Technology
サイバー捜査員研修(後半)
nomizone
1
870
DatadogのBits Chatが開発組織にもたらしたもの / What Bits Chat Has Brought Us
sms_tech
1
260
Bits Agent Builder の⼊⾨と活⽤事例
nulabinc
PRO
0
140
モダンフロントエンド 開発研修
recruitengineers
PRO
4
620
【CEDEC2026】Creative Approaches to Localizing the Dialects and Unique Speech of Umamusume: Pretty Derby Characters in English
cygames
PRO
3
8.5k
2026-08-05 IBM Z開発最前線!IBM Bob Premium Package for Zって何がすごいの?
yutanonaka
0
110
[ChatGPT Work LT]事務作業が苦手な人のための バックオフィスの「半」自動化
chimaki_iot
0
280
Digitization部 紹介資料
sansan33
PRO
2
7.7k
AIコーディングの次。コードレビューと理解負荷を解消して組織の開発生産性を高める
moongift
PRO
2
2.5k
Eight Engineering Unit 紹介資料
sansan33
PRO
3
8.2k
Agent 時代の Kaggle 展望 / kaggle-in-the-agentic-era
upura
1
710
【CEDEC2026】『Relink』を拡張せよ - 『GRANBLUE FANTASY: Relink - Endless Ragnarok』の開発速度と品質を守るCI運用
cygames
PRO
0
160
Featured
See All Featured
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.8k
The World Runs on Bad Software
bkeepers
PRO
72
12k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
232
55k
Fashionably flexible responsive web design (full day workshop)
malarkey
408
67k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
New Earth Scene 8
popppiees
3
2.5k
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
660
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
30 Presentation Tips
portentint
PRO
1
370
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
490
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
4.3k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
23k
Transcript
Chatbots
$WHOAMI I am Pascal Helfenstein nicam
is This could be your new home!
What is a chatbot? • mimics conversation on a chat
platform • use some sort of NLP to understand you • range from rule based (dumb) to AI-based (smarter)
#hype train All aboard
Why all the hype?
Why all the hype? • Massive user base • People
are now spending more time in messaging apps than in social media • might be the next “app-event”
None
Examples drMorse right Gif
Pro’s n Con’s • Limited usecases • No shortcuts for
power users • can get tedious • fast • easy to use • universal interface • crossplatform • no CSS
Workflow Message Device Platform Your Server HTTP- Request HTTP- Response
Message
DIY with BotKit
BotKit • Library to build Bots for different Platforms •
Abstracts all communication • very similar interface for all Platforms • many functions…
Slack • Different Bot-Types • RTM (Real Time Messaging) •
Incoming Webhooks • Slash Commands • Integrations per Team • Different Message Types
BotKit Slack example var Botkit = require('botkit'); var controller =
Botkit.slackbot({debug: true}); var bot = controller.spawn({ token: 'SOME-TOKEN' }).startRTM(); controller.hears(['hello', 'hi'], [‘direct_message’,'direct_mention','mention'], (bot, message) => { bot.reply(message, 'Hello There!'); } });
Facebook • Only Webhooks • Globally available (review) • Limited
User Data • Payment • Multiple Message Types • Text • Images • Sound • Video • Files
BotKit FB example var Botkit = require('botkit'); var controller =
Botkit.facebookbot({ debug: true, access_token: 'PAGE_TOKEN', verify_token: 'VERIFY_TOKEN', app_secret: 'APP_SECRET', validate_requests: true, }); var bot = controller.spawn({}); controller.setupWebserver(process.env.port || 3000, (err, webserver) => { controller.createWebhookEndpoints(webserver, bot, () => { console.log('WEBSERVER started!'); var tunnel = localtunnel(3000, (err, tunnel) => { console.log("Use URL" + tunnel.url + '/facebook/receive'); }); }); }); controller.hears(['^hello', '^hi'], ['message_received','facebook_postback'], (bot, message) => { bot.reply(message, 'Hello There!'); });
Localtunnel $ npm install -g localtunnel $ lt -p 8000
your url is: https://uxbkerpskn.localtunnel.me
Questions?
Thank you! Cheers