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.
Find the slides here: http://tiny.cc/botman-spark
Follow me on Twitter and/or tweet at me. @tessamero
By Tessa Mero
Let’s ...
SUMMARY
• Who Am I?
• What Are Chat Bots?
• What are the Benefits?
• Integrations vs Bots
• Getting Started with a Collabo...
What You Will Need
• Cisco Spark API Account:
https://developer.ciscospark.com/
• Cisco Spark Web Account:
• https://web.c...
Objective
Who Am I?
* Developer Evangelist
* Teacher
* Open Source Contributor
* Community Leader
* Mother
What are Chat Bots?
Clippy!
What are the Benefits?
Integrations vs Bots
An integration acts as YOU
and can see and do
the things you can do.
A bot appears as another
member of the room, but
can only see messages
that mention it.
Getting Started with a
Collaboration API
In this case, we will use Cisco Spark
API:
https://developer.ciscospark.com/
Then Log In!
Create an Account on the API web...
https://web.ciscospark.com/
Create an Account on the Spark website
Creating a Chat Bot
Click on “My Apps” and Add New (+)
Select ”Create a Bot”
Add a Bot Image
http://bit.ly/sparkicon
Copy API Access Token
Add Your Bot into a Chat Room
Add Your Bot into a Chat Room
Open a Chat!
Deploy bot on
CodeAnywhere
Click on Editor
Create a New Connection
A closer look at the Github URL:
https://github.com/mpociot
/botman-spark-demo.git
What is Botman?
Available Botman Drivers
Click “Next” at the Bottom Corner
Name Connection and Select PHP 7
Click on “Create”
Wait a Moment 
Right click on “Botman Spark Bot”
Go to SSH Terminal
Install Composer
Rename .env.example to .env
Rename .env.example to .env
Input Bot Access Token in Quotes
Create Webhook events
Go to developer.cisco.com - Webhooks
Create a Webhook
Turn on Test Mode
Push “Play” to Open Your App & Copy URL
Add the name, targetUrl, resource, and event
Click ”Run”
200 Success!
Test your Cisco Spark Bot
Test Bots Response – type pizza
Thank You
@tessamero
Slides: http://tiny.cc/botman-spark
Let's Build a Chatbot
Let's Build a Chatbot
Let's Build a Chatbot
Let's Build a Chatbot
Let's Build a Chatbot
Let's Build a Chatbot
Let's Build a Chatbot
Let's Build a Chatbot
Let's Build a Chatbot
Let's Build a Chatbot
Let's Build a Chatbot
Let's Build a Chatbot
Let's Build a Chatbot
Upcoming SlideShare
Loading in …5
×

Let's Build a Chatbot

514 views

Published on

Using Botman and Cisco Spark

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Let's Build a Chatbot

  1. 1. Find the slides here: http://tiny.cc/botman-spark Follow me on Twitter and/or tweet at me. @tessamero By Tessa Mero Let’s Build a Chatbot
  2. 2. SUMMARY • Who Am I? • What Are Chat Bots? • What are the Benefits? • Integrations vs Bots • Getting Started with a Collaboration API • Create a Chat Bot using Botman and Cisco Spark • Using CodeAnywhere • Create Webhook Events • Test Your Bot!
  3. 3. What You Will Need • Cisco Spark API Account: https://developer.ciscospark.com/ • Cisco Spark Web Account: • https://web.ciscospark.com/ • Create CodeAnywhere Account: https://codeanywhere.com
  4. 4. Objective
  5. 5. Who Am I? * Developer Evangelist * Teacher * Open Source Contributor * Community Leader * Mother
  6. 6. What are Chat Bots?
  7. 7. Clippy!
  8. 8. What are the Benefits?
  9. 9. Integrations vs Bots
  10. 10. An integration acts as YOU and can see and do the things you can do.
  11. 11. A bot appears as another member of the room, but can only see messages that mention it.
  12. 12. Getting Started with a Collaboration API
  13. 13. In this case, we will use Cisco Spark API: https://developer.ciscospark.com/ Then Log In! Create an Account on the API website
  14. 14. https://web.ciscospark.com/ Create an Account on the Spark website
  15. 15. Creating a Chat Bot
  16. 16. Click on “My Apps” and Add New (+)
  17. 17. Select ”Create a Bot”
  18. 18. Add a Bot Image http://bit.ly/sparkicon
  19. 19. Copy API Access Token
  20. 20. Add Your Bot into a Chat Room
  21. 21. Add Your Bot into a Chat Room
  22. 22. Open a Chat!
  23. 23. Deploy bot on CodeAnywhere
  24. 24. Click on Editor
  25. 25. Create a New Connection
  26. 26. A closer look at the Github URL: https://github.com/mpociot /botman-spark-demo.git
  27. 27. What is Botman?
  28. 28. Available Botman Drivers
  29. 29. Click “Next” at the Bottom Corner
  30. 30. Name Connection and Select PHP 7
  31. 31. Click on “Create”
  32. 32. Wait a Moment 
  33. 33. Right click on “Botman Spark Bot”
  34. 34. Go to SSH Terminal
  35. 35. Install Composer
  36. 36. Rename .env.example to .env
  37. 37. Rename .env.example to .env
  38. 38. Input Bot Access Token in Quotes
  39. 39. Create Webhook events
  40. 40. Go to developer.cisco.com - Webhooks
  41. 41. Create a Webhook
  42. 42. Turn on Test Mode
  43. 43. Push “Play” to Open Your App & Copy URL
  44. 44. Add the name, targetUrl, resource, and event
  45. 45. Click ”Run” 200 Success!
  46. 46. Test your Cisco Spark Bot
  47. 47. Test Bots Response – type pizza
  48. 48. Thank You @tessamero Slides: http://tiny.cc/botman-spark

×