intro to api.ai / wit.ai / luis.ai

行動開發學院 MobileDev.TW

人工智慧語意分析工具API.ai / Wit.ai / Luis.ai

[email protected] IT Training Center

1


問題

• 如何讓機器人聽得懂人話？–特定指令–日常生活會說的句子

明天下午三點到北車集合

4月22日15:00在台北火車站碰面

明天下午三點整在北平西路3號會合

哈摟！我看明天我們就在台北車站碰面好了，下午三點，要記得哦

ㄟ，還記得明天的約會嗎？是下午三點，在火車站，別遲到！

提醒你一下，三點在北車碰頭，不見不散！

2


天氣機器人開發 1.0

• 目標–輸入：時間、地點–回傳：天氣概況、溫度

• 介面–網頁

• 工具/技術– API.ai– AJAX

3


API.ai

4


Create New Agent

5


Create New Agent

6


語意分析常見名詞

• Intent 意圖–使用者對談的目的

• Entity 關鍵資訊–達成目的的必要輸入資訊

• Utterance 例句–使用者常用的句型

7


Create Intent

8


標示必要資訊，並引導使用者輸入

9


追問出日期

10


追問出城市

11


設定確認取得查詢資訊的回應

AgentTrainedComplete

12


測試看看

13


整合至網頁

14

https://gist.github.com/Gugic/cfc008599fa9a82eeba4127648009132


修改網頁

• Client access token

15


開始有回應

16


修改顯示的回應內容• 只顯示想要給使用者看的內容

17


顯示出對話記錄

18


顯示出對話記錄

19


結合Open Weather Map

http://openweathermap.org/

20


Get API Key

https://openweathermap.org/appid

21


API - By city name

22


取得天氣資訊• 確定交談動作完成時，開始取得資料

23


取得天氣資訊• 依城市名稱進行天氣資訊查詢

24


jQuery.ajax()

25

http://api.jquery.com/jquery.ajax/


jQuery.getJSON()

26

http://api.jquery.com/jquery.getjson/


簡易版天氣機器人完成

27


延伸實作• 如何查詢特定日期天氣？• 如何在網頁上顯示天氣概況圖？• 能不能回傳中文天氣概況描述？

28


回顧一下，我們串了什麼？

輸入查詢

HTML5網頁

雲端處理機制

語意分析判斷輸入

使用者介面網際網路資源

開放資料

天氣 API

29


輸入與輸出

How is the weather today in Taipei?

時間：Today地點：Taipei

取得當天氣溫天氣描述

30


練習：電影機器人開發 1.0• 目標–輸入：電影名稱–回傳：簡介、海報

• 介面–網頁

• 工具/技術– API.ai– AJAX

• 資料– theMovieDB.org

31


產品預期畫面

32


延伸實作：Backend整合

• 用API.ai取代傳統餐廳預約表單輸入–將餐廳預約需要的資訊整理至API.ai–將API.ai產生的變數傳送至餐廳預約系統–檢查是否有成功預約

• 用API.ai取代Google表單輸入–將問卷中的問題移至API.ai–將API.ai產生的變數傳送至Google表單系統–檢查是否有成功輸入

33


Wit.ai

34


新增 APP

35


增加例句並設定entity

36


測試 (Settings)

37

onlinecurl.com


Start your curl• Check response body

38


Luis.ai

39


New App

40


餐廳預約

41


Create an intent

42


Intent : 進行餐廳預約

43


使用情形

• 中文斷詞判斷優於API.ai• 但以注音輸入中文時，按下Enter會被網頁判斷

成輸入完成

44

intro to api.ai / wit.ai / luis.ai

Technology