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.
#gcfchatbots @glaforge#gcfchatbots @glaforge
Chatbots
with API.AI &
Google Cloud
Functions
Guillaume Laforge
Google Cloud
...
#gcfchatbots @glaforge@glaforge
Serverless
Google Cloud Functions
#gcfchatbots @glaforge@glaforge
Chatbots
API.AI conversational UX
Google Home / Google
Assistant / Actions on Google
#gcfchatbots @glaforge#gcfchatbots @glaforge
Chatbots of the past...
#gcfchatbots @glaforge#gcfchatbots @glaforge
Bots of today & tomorrow
#gcfchatbots @glaforge
Game changer: ML-powered voice recognition
#gcfchatbots @glaforge
Game changer: ML-driven Natural Language Processing
#gcfchatbots @glaforge#gcfchatbots @glaforge
Modern chatbot concepts
I want to
eat some
bananas
How many
bananas?
INTENT →...
#gcfchatbots @glaforge#gcfchatbots @glaforge
The concept Ok Google, let me talk to Devoxx France!
Hi, I’ll be your guide t...
#gcfchatbots @glaforge#gcfchatbots @glaforge
From idea to development
Design, Develop, Deploy
#gcfchatbots @glaforge
Your bot workflow
What to build How to build it How to deliver it
Design Develop Deploy
#gcfchatbots @glaforge@glaforge
Design
What to build
#gcfchatbots @glaforge
Create your persona
1. List out your core brand attributes
What words define the experience you’re ...
#gcfchatbots @glaforge
Example style guide
INSTEAD OF... IS MORE LIKELY TO SAY...
I found
Up for that?
Does that sound goo...
#gcfchatbots @glaforge
Sample dialogs & checklist
1. Canonical “Happy path”
2. First time experience
3. Tapered experience...
#gcfchatbots @glaforge#gcfchatbots @glaforge
DEMO
API.AI
#gcfchatbots @glaforge@glaforge
Develop
How to build it
#gcfchatbots @glaforge
Life of a conversation
“Ok Google, talk to Devoxx France”
Invoke “Devoxx France” action
“Hi! Welcom...
#gcfchatbots @glaforge
Serverless!
#gcfchatbots @glaforge
Cloud Functions
A “serverless platform for building
event-based microservices”.
Function-as-a-servi...
#gcfchatbots @glaforge
Cloud Functions
Completely serverless & fully managed service
⇒ don’t worry about the ops!
Automati...
#gcfchatbots @glaforge
Architecture in development
#gcfchatbots @glaforge
Architecture in development
ngrok
#gcfchatbots @glaforge
Fast feedback loop: Ngrok + Functions emulator
Google Cloud Functions emulator Ngrok secure interne...
#gcfchatbots @glaforge#gcfchatbots @glaforge
DEMO
Cloud Functions
(emulator + ngrok)
#gcfchatbots @glaforge@glaforge
Deploy
How to deliver it
#gcfchatbots @glaforge
Deploying Cloud Functions
In production
gcloud beta functions deploy agent 
--trigger-http 
--stage...
#gcfchatbots @glaforge
Review and approval
Web-based portal
● Triggering Information
● Merchandising and information
Appro...
#gcfchatbots @glaforge
Discovery
Discovery patterns
● Guaranteed invocation
○ “Talk to Devoxx France”
● Discovery Patterns...
#gcfchatbots @glaforge#gcfchatbots @glaforge
API.AI integrations
Assistant surface area, and many others
#gcfchatbots @glaforge
Integrations
Actions on Google
● Google Home, Pixel…
and more to come
External integrations
● Slack...
#gcfchatbots @glaforge#gcfchatbots @glaforge
API.AI
features
#gcfchatbots @glaforge#gcfchatbots @glaforge
Further resources
Conversational
design guidelines
#gcfchatbots @glaforge
Resources — Checklist g.co/dev/ActionsChecklist
#gcfchatbots @glaforge
Resources — Conversation design guides
g.co/dev/ActionsDesign
#gcfchatbots @glaforge#gcfchatbots @glaforge
Thanks for your attention!
And now, Questions & Answers…
…with real humans in...
Upcoming SlideShare
Loading in …5
×

Build chatbots with api.ai and Google cloud functions

5,885 views

Published on

TIAD Camp Serverless 27 Avril 2017

Published in: Technology
  • Hello! Get Your Professional Job-Winning Resume Here - Check our website! https://vk.cc/818RFv
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Build chatbots with api.ai and Google cloud functions

  1. 1. #gcfchatbots @glaforge#gcfchatbots @glaforge Chatbots with API.AI & Google Cloud Functions Guillaume Laforge Google Cloud Developer Advocate
  2. 2. #gcfchatbots @glaforge@glaforge Serverless Google Cloud Functions
  3. 3. #gcfchatbots @glaforge@glaforge Chatbots API.AI conversational UX Google Home / Google Assistant / Actions on Google
  4. 4. #gcfchatbots @glaforge#gcfchatbots @glaforge Chatbots of the past...
  5. 5. #gcfchatbots @glaforge#gcfchatbots @glaforge Bots of today & tomorrow
  6. 6. #gcfchatbots @glaforge Game changer: ML-powered voice recognition
  7. 7. #gcfchatbots @glaforge Game changer: ML-driven Natural Language Processing
  8. 8. #gcfchatbots @glaforge#gcfchatbots @glaforge Modern chatbot concepts I want to eat some bananas How many bananas? INTENT → “eat-something” ENTITY → “banana” A natural conversation, that learns from past exchanges CONTEXT → remember the details of the conversation
  9. 9. #gcfchatbots @glaforge#gcfchatbots @glaforge The concept Ok Google, let me talk to Devoxx France! Hi, I’ll be your guide to Devoxx France, I can help you explore topics or pick a session to attend. What would you like to know? When is the next Machine Learning talk? Sure! Here’s Devoxx France. Enter Earcon The next session about Machine Learning is “A bot to schedule the agenda of your conference” in room 220 on Thursday at 1:55pm. Is there another topic you’re interested in? Exit Earcon . . .
  10. 10. #gcfchatbots @glaforge#gcfchatbots @glaforge From idea to development Design, Develop, Deploy
  11. 11. #gcfchatbots @glaforge Your bot workflow What to build How to build it How to deliver it Design Develop Deploy
  12. 12. #gcfchatbots @glaforge@glaforge Design What to build
  13. 13. #gcfchatbots @glaforge Create your persona 1. List out your core brand attributes What words define the experience you’re shooting for? 2. Correlate to attributes that will define your functional design principles How will those manifest in the design? 3. Define some attributes that you’d want to infuse into the voice, style of writing, and personality of the dialog What personality traits match your strategy? 4. Style guide & “bio sketch” Practical application and maintain consistency for longevity of your experience knowledgeable helpful encouraging data rich recommending proactive geeky eager motivating
  14. 14. #gcfchatbots @glaforge Example style guide INSTEAD OF... IS MORE LIKELY TO SAY... I found Up for that? Does that sound good? Maybe later While you’re at it... what’s going on I did not receive a response if you feel you have reached this message in error please select from one of the following X options to help us serve you better for questions related to... you have entered that was an invalid… we require that you... please try again for faster answers we’re sorry, we are unable to… I did not understand MIGHT SAY THINGS LIKE... so you can keep up to date on, I’ll look it up right now Sure, that’s coming up Right around the corner from… That session’s full, but… You might like lets need can’t because more about help right now one sec stay allows require unable to due to additional regarding assist currently please hold remain WOULD NEVER SAY...
  15. 15. #gcfchatbots @glaforge Sample dialogs & checklist 1. Canonical “Happy path” 2. First time experience 3. Tapered experience (Return user) 4. Repair 5. Personality questions g.co/dev/ActionsChecklist
  16. 16. #gcfchatbots @glaforge#gcfchatbots @glaforge DEMO API.AI
  17. 17. #gcfchatbots @glaforge@glaforge Develop How to build it
  18. 18. #gcfchatbots @glaforge Life of a conversation “Ok Google, talk to Devoxx France” Invoke “Devoxx France” action “Hi! Welcome to Devoxx France...” Speech to Text “The next Machine Learning Session is…” “I want to hear more about Machine Learning” Text to Speech “Sure, here’s Devoxx France” Speech to Text, NLP, Knowledge Graph, ML Ranking, User Profile Text to Speech
  19. 19. #gcfchatbots @glaforge Serverless!
  20. 20. #gcfchatbots @glaforge Cloud Functions A “serverless platform for building event-based microservices”. Function-as-a-service approach Great fit for event-oriented architectures, supporting 3 kind of triggers: ● Cloud Storage updates ● Cloud Pub/Sub messages ● Direct HTTP calls
  21. 21. #gcfchatbots @glaforge Cloud Functions Completely serverless & fully managed service ⇒ don’t worry about the ops! Automatic scaling and super-fast ⇒ grows with the success of your project ⇒ cost-effective Open and familiar ⇒ JavaScript / Node.js
  22. 22. #gcfchatbots @glaforge Architecture in development
  23. 23. #gcfchatbots @glaforge Architecture in development ngrok
  24. 24. #gcfchatbots @glaforge Fast feedback loop: Ngrok + Functions emulator Google Cloud Functions emulator Ngrok secure internet tunnels to localhost LIVE RELOADING DEBUG IN CHROME
  25. 25. #gcfchatbots @glaforge#gcfchatbots @glaforge DEMO Cloud Functions (emulator + ngrok)
  26. 26. #gcfchatbots @glaforge@glaforge Deploy How to deliver it
  27. 27. #gcfchatbots @glaforge Deploying Cloud Functions In production gcloud beta functions deploy agent --trigger-http --stage-bucket gs://devoxxfr17/ Locally functions deploy agent --trigger-http
  28. 28. #gcfchatbots @glaforge Review and approval Web-based portal ● Triggering Information ● Merchandising and information Approvals ● Automatic and manual policy checks ● Turn around in about 1 week
  29. 29. #gcfchatbots @glaforge Discovery Discovery patterns ● Guaranteed invocation ○ “Talk to Devoxx France” ● Discovery Patterns ○ “What’s happening at Devoxx France?” Google Home app
  30. 30. #gcfchatbots @glaforge#gcfchatbots @glaforge API.AI integrations Assistant surface area, and many others
  31. 31. #gcfchatbots @glaforge Integrations Actions on Google ● Google Home, Pixel… and more to come External integrations ● Slack, Facebook Messenger, ● Twitter, Twilio, Skype, Tropo, ● Telegram, Kik, LINE, Cisco Spark, ● Alexa, Cortana
  32. 32. #gcfchatbots @glaforge#gcfchatbots @glaforge API.AI features
  33. 33. #gcfchatbots @glaforge#gcfchatbots @glaforge Further resources Conversational design guidelines
  34. 34. #gcfchatbots @glaforge Resources — Checklist g.co/dev/ActionsChecklist
  35. 35. #gcfchatbots @glaforge Resources — Conversation design guides g.co/dev/ActionsDesign
  36. 36. #gcfchatbots @glaforge#gcfchatbots @glaforge Thanks for your attention! And now, Questions & Answers… …with real humans inside!!!

×