Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
From Zero to Chatbot mini
workshop
Twitter: @tessamero
Tessa Mero, Developer Evangelist, Cisco DevNet
SF JavaScript Meetup...
• What are Chat Bots?
• What are the Benefits?
• Integrations vs Bots
• Getting Started with a Collaboration API
• Create ...
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
What You Will Need:
• Cisco Spark API Account: https...
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Objective
What are Chat Bots?
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Clippy!
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
What are the Benefits?
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Integrations vs Bots
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public 16Presentation ID
An integration acts as YOU and can...
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public 19Presentation ID
A bot appears as another member of...
Getting Started with a Collaboration API
– Webex Teams API
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Create a Free Account
• Create an account at https:/...
Creating a Chat Bot
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Click on “My Webex Teams Apps”
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Click on ”+”
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Select ”Create a Bot”
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Copy API Access Token (Not the Bot ID!)
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Add Bot to Chat on teams.webex.com
Deploy a Bot on Heroku
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
First - Fork the Github Repo
https://github.com/Cisc...
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Create New App
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Create App Unique Name
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Deployment method: Select GitHub
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Authorize GitHub
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Search for botkit-template repo in your GitHub – Con...
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Select “redis” branch – Deploy Branch
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Successfully Deployed – Click View
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Application error
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
View Error Logs
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
View Errors (missing Spark token)
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Go to Settings -> Reveal Config Vars
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Settings -> Reveal Config Variables -> Config Variab...
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Open App (Check if it is working)
Create Webhook events
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Webhook Documentation – developer.webex.com
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Turn on Test Mode -> Create Webex Webhook
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
200 Success!
• Click “Run”
• See a “200/success” dis...
Test Your Webex Teams Bot
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Test Bots Response – type storage
Thank you
Upcoming SlideShare
Loading in …5
×

Chatbots Workshop SF JS Meetup May 2018

201 views

Published on

chatbots

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Chatbots Workshop SF JS Meetup May 2018

  1. 1. From Zero to Chatbot mini workshop Twitter: @tessamero Tessa Mero, Developer Evangelist, Cisco DevNet SF JavaScript Meetup May 2018
  2. 2. • What are Chat Bots? • What are the Benefits? • Integrations vs Bots • Getting Started with a Collaboration API • Create a Chat Bot • Using Deployment Services • Creating a Webhook • Testing Your Bot! Agenda
  3. 3. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public What You Will Need: • Cisco Spark API Account: https://developer.webex.com/ • Create Heroku Account: https://heroku.com • JSON Viewer (optional): http://tiny.cc/json-viewer • Github Account: https://github.com • Heroku Alternative (local tunnels): Localtunnel.me or ngrok.com
  4. 4. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Objective
  5. 5. What are Chat Bots?
  6. 6. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Clippy!
  7. 7. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
  8. 8. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
  9. 9. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
  10. 10. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
  11. 11. What are the Benefits?
  12. 12. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
  13. 13. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
  14. 14. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
  15. 15. Integrations vs Bots
  16. 16. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public 16Presentation ID An integration acts as YOU and can see and do the things you can do.
  17. 17. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
  18. 18. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
  19. 19. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public 19Presentation ID A bot appears as another member of the room, but can only see messages that mention it.
  20. 20. Getting Started with a Collaboration API – Webex Teams API
  21. 21. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
  22. 22. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Create a Free Account • Create an account at https://teams.webex.com and Login • Login to https://developer.webex.com 22Presentation ID
  23. 23. Creating a Chat Bot
  24. 24. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Click on “My Webex Teams Apps”
  25. 25. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Click on ”+”
  26. 26. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Select ”Create a Bot”
  27. 27. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
  28. 28. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Copy API Access Token (Not the Bot ID!)
  29. 29. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Add Bot to Chat on teams.webex.com
  30. 30. Deploy a Bot on Heroku
  31. 31. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public First - Fork the Github Repo https://github.com/CiscoDevNet/botkit-template
  32. 32. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
  33. 33. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Create New App
  34. 34. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Create App Unique Name
  35. 35. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Deployment method: Select GitHub
  36. 36. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Authorize GitHub
  37. 37. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Search for botkit-template repo in your GitHub – Connect!
  38. 38. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Select “redis” branch – Deploy Branch
  39. 39. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Successfully Deployed – Click View
  40. 40. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Application error
  41. 41. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public View Error Logs
  42. 42. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public View Errors (missing Spark token)
  43. 43. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Go to Settings -> Reveal Config Vars
  44. 44. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Settings -> Reveal Config Variables -> Config Variables
  45. 45. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Open App (Check if it is working)
  46. 46. Create Webhook events
  47. 47. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Webhook Documentation – developer.webex.com
  48. 48. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Turn on Test Mode -> Create Webex Webhook
  49. 49. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public 200 Success! • Click “Run” • See a “200/success” displayed – webhook assigned to unique identifier • Fired off every time a new message is added to a room your bot is a member of 49Presentation ID
  50. 50. Test Your Webex Teams Bot
  51. 51. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Test Bots Response – type storage
  52. 52. Thank you

×