台中軟體園區 S1 智匯講座， 2017 年 4 月 22 日，上午 10 點至下午 2 點，時數約 3 個小時。

1. 聊天機器⼈人
⼀一個沒有⼩小編的世界
奇步應⽤用 共同創辦⼈人 陳佳新
jarsing@chibuapp.com
2017-04-22

2. 2
陳佳新

3. 【精實創業＋駭客松】精神
3

4. 4

5. 5
老⼈人
⼩小孩
教學
料理理
接案

6. 6
2016年年4⽉月 2017年年1⽉月 2017年年4⽉月
基⾦金金理理財
訂便便當
數據統計
線上客服
最近我常跟客⼾戶提議做
聊天機器⼈人

7. 課程⼤大綱
1.概論（60分鐘）：非要做成聊天機器⼈人不可嗎？
2.個案（30分鐘）：TaxiGo、VoiceTube、EZTABLE
3.實作（30分鐘）：LINE聊天機器⼈人之Echo應聲蟲
7

8. 聊天機器⼈人
⼀一個沒有⼩小編的世界
8

9. 聊天 機器⼈人
⼀一個沒有 ⼩小編 的世界
9

10. 10
聊天

11. 典型的雙⼈人聊天場景（LINE）
聊天
11
⼀一⽅方發問
⼀一⽅方回答

12. 聊天
12

13. 典型的群組聊天場景（LINE）
聊天
13
多⽅方發問
多⽅方回答

14. 2016 LINE ANNUAL SEMINAR
⽤用⼾戶在LINE上最常從事的⾏行行為：
親友傳訊通話（94％）、⼯工作討論聯聯繫
（71％）、獲得商品訊息或優惠通知（34％）、
閱讀新聞（32％）與觀看影片（28％）
來來源：https://www.bnext.com.tw/article/41433/line-user-in-taiwan-is-more-than-90-percent
14
聊天

15. ⼩小編
15
⼩小編

16. ⼩小編 = 官⽅方帳號背後的管理理者
16
⼩小編

17. ⼩小編 = 官⽅方帳號背後的管理理者
• 回覆時間：數秒~數⼩小時
• 回覆頻率：98%
• 正確率：80~100%
• 回覆時間：秒回
• 回覆頻率：100%
• 正確率：0~100%
17
⼩小編
真⼈人⼩小編 機器⼈人⼩小編

18. 機器⼈人
機器⼈人
18

19. 機器⼈人 = 俗稱⼈人⼯工智慧程式
機器⼈人
19

20. 20
⼩小⽜牛隊老闆 Mark Cuban 預測：世界⾸首位「兆
級」富翁，會是 AI 企業家！
來來源：https://www.inside.com.tw/2017/03/14/mark-cuban-the-worlds-first-trillionaire-will-be-an-ai-entrepreneur
機器⼈人

21. 機器⼈人 = 俗稱⼈人⼯工智慧程式
機器⼈人
21
http://bit.ly/first-ai-book
• 第⼀一級：⾏行行銷⾓角度
• 第⼆二級：⾏行行動變化多端
• 第三級：⾃自動做出判斷
• 第四級：深度學習

22. 來來源：https://www.ted.com/talks/kevin_kelly_how_ai_can_bring_on_a_second_industrial_revolution?language=zh-tw
22
雨⽔水流入⼭山⾕谷的實際路路徑是不可預測的，但它
的⼤大⽅方向是必然的。
機器⼈人

23. 有多少平台⽀支援聊天機器⼈人？
23
機器⼈人

24. 24
聲控喇喇叭也算聊天機器⼈人
來來源：https://onix-systems.com/blog/adding-to-the-amazon-echo-family-echo-dot-and-amazon-tap
https://madeby.google.com/home/
http://technews.tw/2017/03/03/line-ai/
機器⼈人

25. 聊天
25

26. 聊天 = 問答對話
26

27. 聊天機器⼈人
27

28. 聊天機器⼈人 =
模仿真⼈人⼩小編的⼈人⼯工智慧程式
28

29. 非要做成
聊天機器⼈人
不可嗎？
29
來來源：https://www.flickr.com
問第⼀一次

30. 真⼈人⼩小編是誰？
30

31. 通常是⼩小老闆⾃自⼰己
不然就是公關公司員⼯工
31

32. 真⼈人⼩小編以後能幹嘛？
32

33. 不必⼀一直掛網
可以去做更更重要的⼯工作
整體業績和效率提升好幾倍
33

34. 聊天機器⼈人
設計實務與實例例
34

35. 35

36. 36
今天有多少⼈人
是第⼀一次參參加
中軟S1講座？
我數了了⼀一下，
⼤大概6個⼈人
第⼀一段問答對話
5個⼈人，3位
男⽣生、2位女⽣生

37. 37

38. 38
講座有趣嗎？
我也好想去喔。
超讚的呀，
獲益良多！
第⼆二段問答對話
今天天氣不錯！

39. 聊天機器⼈人的類型
39
⼀一個⼝口令
⼀一個動作
有時答對
有時答錯
混合型
90% 10%

40. 聊天機器⼈人的類型
40
⼀一個⼝口令
⼀一個動作

41. 聊天機器⼈人的類型
41
有時答對
有時答錯

42. 聊天機器⼈人的類型
42
混合型
⼀一個⼝口令，⼀一個動作
= +
有時答對，有時答錯

43. 【⼀一個⼝口令，⼀一個動作】
聊天機器⼈人實務
43
使⽤用有限狀狀態機（Finite State Machine）
來來源：https://en.wikipedia.org/wiki/Finite-state_machine
開始 狀狀態1 狀狀態2 成功
失敗

44. 【⼀一個⼝口令，⼀一個動作】
聊天機器⼈人實例例
44
例例如：ATM提款
來來源：https://en.wikipedia.org/wiki/Finite-state_machine
開始
我要
提款
輸入
密碼
失敗
退卡
成功
吐鈔

45. 【有時答對，有時答錯】
聊天機器⼈人實務
45
使⽤用語意分析去理理解語⾔言（Language Understanding）
來來源：https://en.wikipedia.org/wiki/Finite-state_machine
意圖
Intent
實體
Entity
定義模型 提供例例句句 持續訓練模型

46. 【有時答對，有時答錯】
聊天機器⼈人實例例
46
例例如：問天氣
來來源：https://en.wikipedia.org/wiki/Finite-state_machine
查天氣 台中, 幾度
定義模型 提供例例句句 持續訓練模型
台中今天幾度？

47. 【混合型】
聊天機器⼈人實務
47
使⽤用有限狀狀態機＋語意分析
來來源：https://en.wikipedia.org/wiki/Finite-state_machine
開始 狀狀態1 狀狀態2 成功
失敗狀狀態3
語意
分析

48. 【混合型】
聊天機器⼈人實例例
48
例例如：訂便便當
來來源：https://en.wikipedia.org/wiki/Finite-state_machine
開始 我要訂午餐 泰式便便當 成功
失敗
打拋豬會辣
嗎？
語意
分析

49. 聊天機器⼈人的類型
49
⼀一個⼝口令
⼀一個動作
有時答對
有時答錯
混合型
90% 10%

50. 新聞賞析
50

51. 上網Google
「聊天機器⼈人」
51

52. ⽂文章標籤
• 數位時代
https://www.bnext.com.tw/search/tag/聊天機器⼈人
• TechNews 科技新報
https://technews.tw/tag/聊天機器⼈人/
• iThome
www.ithome.com.tw/tags/聊天機器⼈人
52

53. 劍指 SNAPCHAT？AR、聊天機器⼈人成
FACEBOOK F8 開發⼤大會重點！
53
來來源：https://www.inside.com.tw/2017/04/19/2017-facebook-f8-ar-chat-bot
2017/04/19

54. 【臺版CHATBOT實例例】第⼀一款房仲CHATBOT幕
後開發秘訣⼤大公開
54
來來源：http://www.ithome.com.tw/news/113436
2017/04/19

55. 聊天機器⼈人到底在紅什什麼？⼀一次看懂聊天機器
⼈人市場版圖
55
來來源：https://www.bnext.com.tw/article/43235/the-rise-of-%E2%80%8Achatbots-six-categories-in-chatbot-landscape
2017/03/06

56. 聊天機器⼈人錯誤回應達 70%，FACKBOOK 決定
削減 AI 預算
56
來來源：https://www.inside.com.tw/2017/03/05/fackbook-bot
2017/03/05

57. 進軍對話商務市場，微軟企業級CHATBOT引擎能快
速界接多種對話通道，打造通⽤用型CHATBOT更更容易易
57
來來源：http://www.ithome.com.tw/news/113437
2017/04/20

58. 會認⼈人臉、陪聊天的AI原⼦子⼩小⾦金金剛機器⼈人，將
隨組裝雜誌在⽇日本推出
58
來來源：http://www.ithome.com.tw/news/112309
2017/02/23

59. 來來源：https://www.microsoft.com/taiwan/events/2017AI-APP-Contest/
https://botawards.line.me/en/
聊天機器⼈人程式競賽
59

60. 立即嘗試看看
60
來來源：https://azure.microsoft.com/zh-tw/services/cognitive-services/
……

61. 點⼦子實現流程
61

62. 非要做成
聊天機器⼈人
不可嗎？
62
來來源：https://www.flickr.com
問第⼆二次

63. 點⼦子實現流程
63
創意發想 開發設計 ⾏行行銷推廣

64. 64
不是所有問題
都適合⽤用程式解決
來來源：https://www.flickr.com

65. 點⼦子實現流程：考慮跨平台
65
創意發想 開發設計 ⾏行行銷推廣
App
網站
聊天機器⼈人
iOS、Android個別開發
有瀏覽器就可以
有LINE就可以

66. 點⼦子實現流程：考慮訊息推播
66
創意發想 開發設計 ⾏行行銷推廣
App
網站
聊天機器⼈人
傳送電⼦子郵件
LINE推播（付費）
整合Firebase（免費）

67. 點⼦子實現流程：考慮⼿手機原⽣生功能
67
創意發想 開發設計 ⾏行行銷推廣
App
網站
聊天機器⼈人
差（例例如存取感應器或照相機）
依附於LINE
佳

68. 點⼦子實現流程：考慮安裝便便利利性
68
創意發想 開發設計 ⾏行行銷推廣
App
網站
聊天機器⼈人
超連結
掃描QR Code，加為好友
⼀一定要下載，然後安裝到⼿手機上

69. 點⼦子實現流程
檢查表
• 優勢
• 推播整合Firebase
（免費）
• 完整實現⼿手機原
⽣生功能
• 劣勢
• iOS、Android個
別開發
• ⼀一定要下載，然
後安裝到⼿手機上
69
App 網站
• 優勢
• 有瀏覽器就可以執
⾏行行
• 知道超連結，就可
以執⾏行行
• 劣勢
• 不能推播，但是可
以傳送電⼦子郵件
• 無法使⽤用⼿手機原⽣生
功能（例例如照相機）
聊天機器⼈人
• 優勢
• 有LINE就可以執
⾏行行
• 掃描QR Code，
加為好友就可以
執⾏行行
• 劣勢
• LINE推播要付費
• 所有功能皆綁定
LINE

70. • 有⼈人發問，有⼈人回答
• 視窗往上捲，對話都有記錄
（如果不想看到舊記錄？翻找不容易易？）
• 普及率⾼高，依附容易易（也容易易受制於平台）
補充1：通訊APP的原⽣生特性
70

71. 補充2：LINE的普及率
根據尼爾森媒體（Nielsen）調查：
“12-65歲的台灣⺠民眾，有將近91％、將近1,700
萬⼈人都在⽤用LINE。”
來來源：https://www.bnext.com.tw/article/41433/line-user-in-taiwan-is-more-than-90-percent
71

72. 補充3：APP也可採⽤用對話式介⾯面
72
碎碎念念記帳

73. 補充3：APP也可採⽤用對話式介⾯面
73
iOS Open Source Conversational UI
來來源：https://github.com/jessesquires/JSQMessagesViewController

74. 補充3：APP也可採⽤用對話式介⾯面
74
Android Open Source Conversational UI
來來源：https://github.com/stfalcon-studio/ChatKit

75. LINE聊天機器⼈人開發⼼心得
PEEP幫我挑⼀一個
75

76. 點⼦子實現流程
實例例：PEEP幫我挑⼀一個
• 優勢
• 推播整合Firebase
（免費）
• 完整實現⼿手機原
⽣生功能
• 劣勢
• iOS、Android個
別開發
• ⼀一定要下載，然
後安裝到⼿手機上
76
App 網站
• 優勢
• 有瀏覽器就可以執
⾏行行
• 知道超連結，就可
以執⾏行行
• 劣勢
• 不能推播，但是可
以傳送電⼦子郵件
• 無法使⽤用⼿手機原⽣生
功能（例例如照相機）
聊天機器⼈人
• 優勢
• 有LINE就可以執
⾏行行
• 掃描QR Code，
加為好友就可以
執⾏行行
• 劣勢
• LINE推播要付費
• 所有功能皆綁定
LINE

77. PEEP點⼦子實現流程
77
創意發想 開發設計 ⾏行行銷推廣
解決點餐困擾 依附LINE，免上架

78. PEEP幫我挑⼀一個
78
來來源：https://chibuapp.com/peep
LINE
Platform
Chatbot
Backend
Database
3rd Party APIs
→
加為
LINE
好友
@superpeep (LINE聊天機器⼈人)

79. PEEP幫我挑⼀一個
79
來來源：https://chibuapp.com/peep
LINE
Platform
Chatbot
Backend
Database
3rd Party APIs
→
加為
LINE
好友
@superpeep (LINE聊天機器⼈人)

80. PEEP幫我挑⼀一個
80
來來源：https://chibuapp.com/peep
→
加為
LINE
好友
開始
收到
圖片
OCR 有字 回覆
我要
重選
收到
⽂文字
這個
好喔
收到
其他
記錄
偏好
Desc
操作
說明
推薦
熱⾨門
無字

81. PEEP幫我挑⼀一個
81
來來源：https://chibuapp.com/peep
→
加為
LINE
好友
@superpeep (LINE聊天機器⼈人)

82. LINE聊天機器⼈人
特性與對策
82

83. 83

84. 84

85. 購買專屬ID
85

86. 加值服務費⽤用
86

87. ⼩小編 = 官⽅方帳號背後的管理理者
• 回覆時間：數秒~數⼩小時
• 回覆頻率：98%
• 正確率：80~100%
• 回覆時間：秒回
• 回覆頻率：100%
• 正確率：0~100%
87
真⼈人⼩小編 機器⼈人⼩小編

88. 88
別讓
聊天機器⼈人
被冷落落

89. 對策：讓聊天機器⼈人貼近真⼈人⼩小編
89
有
⽤用
好
笑

90. 但是真的很難
90

91. PEEP幫我挑⼀一個的梗
91
來來源：https://chibuapp.com/peep
→
加為
LINE
好友
@superpeep (LINE聊天機器⼈人)

92. PEEP幫我挑⼀一個的梗
92
來來源：https://chibuapp.com/peep
→
加為
LINE
好友
@superpeep (LINE聊天機器⼈人)
字
詞
相
似
度
⾼高
＊最近好像很常挑這個唷
＊嗯，再試⼀一次這個唄
＊我記得這個是你的最愛喔
字
詞
相
似
度
低
＊這個好像還沒嘗試過喔
＊試試看新東⻄西也不賴呀
＊似乎滿適合你的唷

93. LINE聊天機器⼈人
個案研究
93

94. TaxiGo
94

95. VoiceTube
95

96. EZTABLE
96

97. 非要做成
聊天機器⼈人
不可嗎？
97
來來源：https://www.flickr.com
問第三次

98. 98
來來源：http://profitfirstbook.com/

99. 聊天機器⼈人如何獲利利？
99

100. 2B再2C，收平台使⽤用費！
100
對開發商⽽而⾔言

101. 機器⼈人秒回、訂單百分百不漏接，
使⽤用者端客⼾戶超滿意！
101
對⼩小老闆⽽而⾔言

102. 跟⽤用LINE⼀一模⼀一樣，操作習慣都
沒有改變！
102
對使⽤用者⽽而⾔言

103. 實作：Echo應聲蟲
LINE@ ID + SDK + Web Hosting
103

104. 申請LINE@帳號
(1) 登入LINE Business Center
104
來來源：https://business.line.me/auth

105. 申請LINE@帳號
(1) 登入LINE Business Center
105
來來源：https://business.line.me/auth

106. 申請LINE@帳號
(1) 登入LINE Business Center
106
來來源：https://business.line.me/zh-hant/

107. 申請LINE@帳號
(2) 切換⾄至帳號清單
107
來來源：https://business.line.me/zh-hant/

108. 申請LINE@帳號
(3) 建立商⽤用帳號
108
來來源：https://business.line.me/zh-hant/

109. 申請LINE@帳號
(4) 選擇服務
109
來來源：https://business.line.me/zh-hant/

110. 申請LINE@帳號
(4) 選擇服務
110
來來源：https://business.line.me/zh-hant/

111. 申請LINE@帳號
(5) 設定圖片和名稱
111
來來源：https://business.line.me/zh-hant/

112. 申請LINE@帳號
(5) 設定圖片和名稱
112
來來源：https://business.line.me/zh-hant/

113. 申請LINE@帳號
(6) 設定業種
113
來來源：https://business.line.me/zh-hant/

114. 申請LINE@帳號
(7) 確認資料→申請
114
來來源：https://business.line.me/zh-hant/

115. 申請LINE@帳號
(8) 前往LINE@ Manager
115
來來源：https://business.line.me/zh-hant/

116. LINE@ Manager
(1) 登入
116
來來源：https://admin-official.line.me/

117. LINE@ Manager
(1) 登入
117
來來源：https://business.line.me/auth

118. LINE@ Manager
(2) 帳號⼀一覽
118
來來源：https://admin-official.line.me/

119. LINE@ Manager
(3) 帳號設定→Bot設定→開始使⽤用API
119
來來源：https://admin-official.line.me/

120. LINE@ Manager
(4) 再次確認
120
來來源：https://admin-official.line.me/

121. LINE@ Manager
(5) 啟⽤用成功
121
來來源：https://admin-official.line.me/

122. LINE@ Manager
(6) Bot設定
122
來來源：https://admin-official.line.me/

123. LINE@ Manager
(7) LINE developers設定
123
來來源：https://admin-official.line.me/

124. LINE@ Manager
(7) LINE developers設定
124
來來源：https://admin-official.line.me/

125. LINE@ Manager
(7) LINE developers設定
125
來來源：https://admin-official.line.me/
HTTPS ONLY!!!

126. LINE Messaging API如何運作？
126
來來源：https://developers.line.me/messaging-api/overview

127. LINE@真⼈人⼩小編
LINE
Platform
LINE
Backend
LINE
Database
LINE or
3rd Party APIs
127

128. LINE@機器⼈人⼩小編
LINE
Platform
Your
Backend
Your
Database
Your or
3rd Party APIs
128

129. LINE@設定已經完成
129
來來源：https://developers.line.me/messaging-api/overview

130. LINE BOT SDK
• Java
• PHP
• Go
• Perl
• Ruby
• Python
130
來來源：https://developers.line.me/messaging-api/getting-started

131. 以PHP SDK為例例
• https://github.com/line/line-bot-sdk-php
• https://github.com/line/line-bot-sdk-php/tree/
master/line-bot-sdk-tiny
131

132. ECHO BOT
132
來來源：https://github.com/line/line-bot-sdk-php/blob/master/line-bot-sdk-tiny/echo_bot.php

133. 最後三個步驟
1. 將SDK上傳⾄至Web Server
2. 到LINE developers設定Webhook URL
3. ⽤用⾃自⼰己⼿手機裡的LINE掃描⾃自⼰己的聊天機器⼈人
QR Code加為好友

134. 開發者⽂文件
134
來來源：https://devdocs.line.me/en/?php#reply-message

135. 部署到Web Server主機
135
來來源：https://developers.line.me/messaging-api/overview

136. 記住這些LINE網址
• LINE Business Center
• https://business.line.me/
• LINE@ Manager
• https://admin-
official.line.me/
• LINE developers
• https://developers.line.me
• API Reference
• https://devdocs.line.me/
en/
136

137. ⼯工商服務時間
137
• 將於AppCoda推出《聊天機器⼈人》線上課程
• https://www.facebook.com/chibuapp
• We are hiring — we work remotely
• http://bit.ly/chibuapp-apply

139. 139
感謝聆聽
歡迎與我聯聯絡