hour of code - amazon alexa

行動開發學院 MobileDev.TW

[email protected]

一小時學程式Amazon Alexa 冷笑話報報機器人

1

行動開發學院 MobileDev.TW 2


Alexa Everywhere!

3


echo dot & amazon tap

4


Alexa Devices

$179.99 US$49.99 US$129.99

插電使用插電使用電量充飽約9hr

聲控聲控按鈕 / 聲控

單聲道立體聲立體聲 & 杜比

5


echo look• US$199.99

6


amazon echo look• 依據合身度、顏色、樣式與當前趨勢進行判斷

7


amazon echo show• US$229.99

https://www.youtube.com/watch?v=WQqxCeHhmeU

8


你的腦叫你一直買

9


amazon echo family

10


Gartner 預測• 2018年，會有超過20億人會以對話的形式來與虛

擬個人助理、智慧型手機以及連網裝置進行互動• 2020年，40%的使用者會以對話的形式為主來使

用支援人工智慧應用程式• 2020年，25%的家庭會有兩個甚至更多的智慧語

音助理喇叭

Source:http://iveybusinessreview.ca/11


IoT - Smart Home

12


網頁模擬測試

https://echosim.io

13


網頁/APP 模擬

https://reverb.ai/

14


25,000第三方技能

Alexa News

15

付費技能In Skill Purchase

Amazon Pay

2,400萬2017智慧喇叭銷售

80國家可訂購Echo

3語言(英、德、日)

Source:StrategyAnalytics,AmazonAlexaBlog

英式英文

美式英文

加拿大式英文

印度式英文

澳洲式英文


Alexa Skill Store

https://www.amazon.com/alexa-skills/b/ref=topnav_storetab_a2s?ie=UTF8&node=13727921011

16


最熱門的技能種類 (2017/12)1. Games, Trivia & Accessories (5,184)2. News (3,474)3. Education & Reference(2,908)4. Music & Audio(2,303)5. Lifestyle(1,840)

17


2017/11/9 Alexa日文版上線

https://www.amazon.co.jp/alexa-skills/b/ref=topnav_storetab_a2s?ie=UTF8&node=5262653051

18


播放電影預告片

Showmesomelatestmovies.PlaythetrailerfornumberX.

19

https://www.youtube.com/watch?v=aKg85qEFMHs


播放電影預告片

20


播放音樂• Just say, “Alexa!” and then…–“Play [song name] by [artist]”.–“Pause” pauses the currently playing track.–“Play [Discover Weekly] playlist”.–“Volume up/down” turns volume up or down.–“Stop” stops the currently playing track.

21


設計方向• Fast–讓人們更快達成目的–語音控制音樂播放

• Easy–讓人們更簡單地達成目的–語音控制電燈開關、語音設定倒數計時

• Fun–增添生活趣味–具有挑戰性的遊戲

22

Source:VoiceDesignGuide– AmazonAlexa


互動腳本準則• 真實

ü以人們真正會說的話來設計，而不是那種文章上的口吻ü不要假設使用者知道要怎麼做或是知道會發生什麼事

• 明確ü避免使用有多重含義的詞句、片語ü引導使用者提供必要的資訊

• 簡單ü清楚地把選項呈現出來ü一般而言，一次不要丟出超過三個選項ü一次向使用者要一個資訊

23


Alexa, tell me a cold joke.• 任務–讓Alexa隨機說出一個冷笑話

• 建構步驟：–設定可接受的指令–設定可使用的冷笑話–進行測試

24


Alexa Skill Kit• 前端：設定互動模式– https://developer.amazon.com/alexa– Name, Invocation Name– Utterances, Slot type, Intent Schema

• 後端：程式邏輯開發與儲存– https://aws.amazon.com/tw/lambda/– Node.js

Source:Codecademy25


ASK 設定• Intent Schema–使用者的意圖，以及對應可執行的動作

• Custom Slot Type–特定資料型態與內容

• Sample Utterance–例句，將使用者的輸入對應至意圖

26


Alexa Skills Kit

上傳與測試

建立與存放程式碼

設計 Voice UI

27


註冊並登入Amazon開發平台

https://developer.amazon.com/28


選擇 amazon alexa

29


Alexa Skills Kit

30


Start a Skill

31


設定技能屬性

設定技能型態

設定技能上架的名稱

設定使用者講什麼來使用這個技能

32


Launch Skill Builder

33

• 使用新的工具來輸入意圖與例句


Add Intent

34


輸入意圖名稱並建立

35


輸入使用者可能會講的句子

36


Save & Build Model

37


進入 Configuration

38


註冊並登入AWS

39


右上角區域選US East(N. Virginia)

40


進入Lambda服務

41


點擊進入建立Lambda函數

42


Blueprints(從樣板開始)->factskill

43


取一個函數名稱、設定函數權限(第一次)

44


允許建立

45


選擇剛才建立的基本權限

46


拉至最下方建立函數

47


設定驅動者為ASK• 點擊左方Alexa Skills Kit，拉至最下方按下Add

48


下載範例• http://0rz.tw/J9OKG

安裝開發環境• 安裝Node.js (到官網下載)• 檢查是否安裝成功–到終端機：node –v

• 檢查npm是否安裝–到終端機：npm

• 更新npm–到終端機：sudo npm install npm -g

49


下載 Visual Studio Code

50

https://code.visualstudio.com/Download


用VS Code開啟解壓縮完的資料夾• 編輯src資料夾裡的index.js• 將en-US中的內容換成冷笑話

51


修改對應新定義的意圖

52


拿掉多餘的句子

53


開啟終端機安裝Alexa SDK• 檢視 -> 整合式終端機 (Ctrl + ~)• 移動至src資料夾 (cd src)• 安裝SDK– npm install alexa-sdk

• 壓縮 src資料夾中的檔案– zip -r -X coldJokeV1.zip .

54


點擊函數開始進行編輯

55


選擇上傳 zip 檔• 上傳剛才壓縮好的檔案，按下右上方Save

56


複製右上角的ARN碼

57


回到Amazon開發站，輸入ARN

58


按下最下方的Save -> Next

59


Service Simulator• 輸入句子進行測試

60


應用程式邏輯

tellmeajoketellmeacoldjokegivemeajokegivemeacoldjokeshootmeacoldjpkeSurprisemewithacoldjoke

Joke1Joke2Joke3Joke4Joke5Joke6Joke7Joke8Joke9Joke10

61

Intent:GetNewJoke


Recap• 前端Developer站–設定Intent與例句 (記得Save & Build Model)

• 本地端開發– VS Code、Alexa SDK、壓縮成zip

• 後端 AWS Lambda–地區、Basic Role、Trigger、程式包上傳

62


Summary• 自然語言交談介面裝置將大舉進入你的生活• 語言和文化密不可分，跨領域合作優化服務• 多元化的後端服務與資料，將產生殺手級應用

63


敬請指教

Ryan ChungProgram R&D Manager

III IT Training [email protected]

64

hour of code - amazon alexa

Technology