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
95
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
87
Web Speech API
nicam
0
91
Introduction to AngularJS
nicam
1
160
Other Decks in Technology
See All in Technology
凡エンジニアがこの先生きのこるためには。〜TypeScript完全に理解したい〜
alchemy1115
2
320
しくみを学んで使いこなそう GitHub Copilot app
torumakabe
2
290
ruby.wasmとPicoRuby.wasmに対応した仮想DOMライブラリを作ってる話 #kaigieffect_kaigi
sue445
PRO
0
160
Making sense of Google’s agentic dev tools
glaforge
1
290
伝票作成AIエージェントを支える、LLMOpsとインフラの選択肢 / AICon2026_takeda
rakus_dev
0
180
SRE本の知られざる名シーン / The Hidden Gems of Google SRE Book
nari_ex
2
430
インフラと開発の垣根を超えていき!〜元AWSインフラエンジニアがAWS開発で奮闘している話〜
hatahata021
3
300
AI時代の開発生産性は、個人技からチーム設計へ
moongift
PRO
4
2.4k
Alphaモジュール使っていいのかい!?いけないのかい!?どっちなんだいっ!?
watany
1
290
データエンジニアリングとドメイン駆動設計
masuda220
PRO
6
890
Genie Ontologyは銀の弾丸かを考える / Is Genie Ontology a Silver Bullet?
nttcom
0
420
Claude Code公式skillで 自分の仕事を少しずつ手放そう!(Claude Code開発ノウハウ大公開スペシャル by クラスメソッド)
kaym
1
520
Featured
See All Featured
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
340
Designing for Timeless Needs
cassininazir
1
380
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.4k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.2k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
2k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.6k
Navigating Weather and Climate Data
rabernat
0
380
Building Flexible Design Systems
yeseniaperezcruz
330
40k
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
Prompt Engineering for Job Search
mfonobong
0
380
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
500
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
1
410
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