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.
Chatbots are the Future –
Let’s Build One!
Tessa Mero, Developer Evangelist, Cisco DevNet
Developer Week 2018
• 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
– Cisco Spark 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 Apps” and Add New (+)
© 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
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Copy API Access Token
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
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
Settings -> Reveal Config Variables -> Config Variab...
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Healthcheck -> Load Bot (Open App)
Create Webhook events
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Webhook Documentation – developer.ciscospark.com
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Create Cisco Spark Webhook
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
200 Success!
• Click “Run”
• See a “200/success” dis...
Test Your Cisco Spark Bot
© 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
Test Bots Response – type storage
Thank you
Upcoming SlideShare
Loading in …5
×

DeveloperWeek2018 - Let's Build a Chatbot

306 views

Published on

chatbot workshop at developer week 2018

Published in: Technology
  • Be the first to comment

DeveloperWeek2018 - Let's Build a Chatbot

  1. 1. Chatbots are the Future – Let’s Build One! Tessa Mero, Developer Evangelist, Cisco DevNet Developer Week 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.ciscospark.com/ • Create Heroku Account: https://heroku.com • Github Account: https://github.com/ • JSON Viewer (optional): http://tiny.cc/json-viewer • 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 – Cisco Spark 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://web.ciscospark.com and Login • Login to https://developer.ciscospark.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 Apps” and Add New (+)
  25. 25. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Select ”Create a Bot”
  26. 26. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
  27. 27. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Copy API Access Token
  28. 28. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Copy API Access Token
  29. 29. Deploy a Bot on Heroku
  30. 30. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public First - Fork the Github Repo https://github.com/CiscoDevNet/botkit-template
  31. 31. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
  32. 32. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Create New App
  33. 33. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Deployment method: Select GitHub
  34. 34. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Authorize GitHub
  35. 35. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Search for botkit-template repo in your GitHub – Connect!
  36. 36. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Select “redis” branch – Deploy Branch
  37. 37. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Successfully Deployed – Click View
  38. 38. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Application error
  39. 39. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public View Error Logs
  40. 40. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public View Errors (missing Spark token)
  41. 41. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Settings -> Reveal Config Variables -> Config Variables
  42. 42. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Healthcheck -> Load Bot (Open App)
  43. 43. Create Webhook events
  44. 44. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Webhook Documentation – developer.ciscospark.com
  45. 45. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Create Cisco Spark Webhook
  46. 46. © 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 46Presentation ID
  47. 47. Test Your Cisco Spark Bot
  48. 48. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Test Bots Response – type storage
  49. 49. Thank you

×