TIAD Camp Serverless 27 Avril 2017

1. #gcfchatbots @glaforge#gcfchatbots @glaforge
Chatbots
with API.AI &
Google Cloud
Functions
Guillaume Laforge
Google Cloud
Developer Advocate

2. #gcfchatbots @glaforge@glaforge
Serverless
Google Cloud Functions

3. #gcfchatbots @glaforge@glaforge
Chatbots
API.AI conversational UX
Google Home / Google
Assistant / Actions on Google

4. #gcfchatbots @glaforge#gcfchatbots @glaforge
Chatbots of the past...

5. #gcfchatbots @glaforge#gcfchatbots @glaforge
Bots of today & tomorrow

6. #gcfchatbots @glaforge
Game changer: ML-powered voice recognition

7. #gcfchatbots @glaforge
Game changer: ML-driven Natural Language Processing

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. #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. #gcfchatbots @glaforge#gcfchatbots @glaforge
From idea to development
Design, Develop, Deploy

11. #gcfchatbots @glaforge
Your bot workflow
What to build How to build it How to deliver it
Design Develop Deploy

12. #gcfchatbots @glaforge@glaforge
Design
What to build

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. #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. #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. #gcfchatbots @glaforge#gcfchatbots @glaforge
DEMO
API.AI

17. #gcfchatbots @glaforge@glaforge
Develop
How to build it

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. #gcfchatbots @glaforge
Serverless!

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. #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. #gcfchatbots @glaforge
Architecture in development

23. #gcfchatbots @glaforge
Architecture in development
ngrok

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. #gcfchatbots @glaforge#gcfchatbots @glaforge
DEMO
Cloud Functions
(emulator + ngrok)

26. #gcfchatbots @glaforge@glaforge
Deploy
How to deliver it

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. #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. #gcfchatbots @glaforge
Discovery
Discovery patterns
● Guaranteed invocation
○ “Talk to Devoxx France”
● Discovery Patterns
○ “What’s happening at Devoxx France?”
Google Home app

30. #gcfchatbots @glaforge#gcfchatbots @glaforge
API.AI integrations
Assistant surface area, and many others

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. #gcfchatbots @glaforge#gcfchatbots @glaforge
API.AI
features

33. #gcfchatbots @glaforge#gcfchatbots @glaforge
Further resources
Conversational
design guidelines

34. #gcfchatbots @glaforge
Resources — Checklist g.co/dev/ActionsChecklist

35. #gcfchatbots @glaforge
Resources — Conversation design guides
g.co/dev/ActionsDesign

36. #gcfchatbots @glaforge#gcfchatbots @glaforge
Thanks for your attention!
And now, Questions & Answers…
…with real humans inside!!!