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
90
Introduction to AngularJS
nicam
1
160
Other Decks in Technology
See All in Technology
秘密度ラベル初心者が第1歩でつまづかないための「設計・運用」ポイント
seafay
PRO
1
490
AI時代に求められる技術力 フロンティア・クリエイティビティ / Technical Excellence in the AI Era: Frontier Creativity
kaonavi
0
110
Flow 不死:AI 時代 DevOps 的不變本質
cheng_wei_chen
2
520
iOS アプリの「これって不具合ですか?」を AI に調べてもらう
miichan
0
140
気軽に使える"情報のハブ"としてのNotion活用 〜フロー情報の集積点 と、 Claude Code × Notion AI〜
syucream
1
200
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
11k
【セミナー資料】Claude Code をセキュアに使うための考え方と設定の勘どころ / Claude Code Webinar 20260616
masahirokawahara
2
480
MUSUBI 田中裕一『AIと共に行う「しごとのリデザイン」- スモールバックオフィス編』AI Ops Lab #4
musubi
0
320
AIチャットの改善から見えた、良いAI体験とは / What Constitutes a Good AI Experience: Insights from Improving AI Chat
kubode
0
120
AI-DLCを “そのまま導入しなかった”話 ~組織に合わせてアジャストした 私たちの実践共有~
hiroramos4
PRO
1
430
AIペネトレーションテスト・ セキュリティ検証「AgenticSec」紹介資料
laysakura
2
7.6k
Multi-Agent並列開発を 安全に回すための技術 / Technology for Safely Multi-Agent Parallel Development
tooppoo
0
200
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
630
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
260
How to train your dragon (web standard)
notwaldorf
97
6.7k
Crafting Experiences
bethany
1
190
Building Adaptive Systems
keathley
44
3.1k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
230
23k
It's Worth the Effort
3n
188
29k
[SF Ruby Conf 2025] Rails X
palkan
2
1.1k
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
1
2.7k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
170
The Spectacular Lies of Maps
axbom
PRO
1
820
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