Awwvision: Cloud Vision API from a Kubernetes Cluster
Classify Images of Clouds in the Cloud with AutoML Vision
Implementing an AI Chatbot with Dialogflow
2. AGENDA
• Requirements
• Awwvision: Cloud Vision API from
a Kubernetes Cluster
• Classify Images of Clouds in the
Cloud with AutoML Vision
• Implementing an AI Chatbot with
Dialogflow
• Q&A
6. 6Presented By: Duran Hsieh
AWWVISION: CLOUD VISION API FROM A KUBERNETES
CLUSTER
• Create a Kubernetes Engine cluster
• 在us-central1-a建立群集:
gcloud config set compute/zone us-central1-a
• 啟動指令:
gcloud container clusters create awwvision
--num-nodes 2
--scopes cloud-platform
7. 7Presented By: Duran Hsieh
AWWVISION: CLOUD VISION API FROM A KUBERNETES
CLUSTER
• 等待並檢視建立進度
• 透過憑證啟動容器群集:
gcloud container clusters get-credentials awwvision
• 透過 kubectl command-line 工具確認運作正常:
kubectl cluster-info
8. 8Presented By: Duran Hsieh
AWWVISION: CLOUD VISION API FROM A KUBERNETES
CLUSTER
• 取得範例
git clone https://github.com/GoogleCloudPlatform/cloud-
vision
• 佈署範例:
cd cloud-vision/python/awwvision (變更目錄)
make all
• 檢查 k8s 資源:
kubectl get pods
• 列出正在運作的佈署:
kubectl get deployments -o wide
9. 9Presented By: Duran Hsieh
AWWVISION: CLOUD VISION API FROM A KUBERNETES
CLUSTER
• 取得範例
git clone https://github.com/GoogleCloudPlatform/cloud-
vision
• 佈署範例:
cd cloud-vision/python/awwvision (變更目錄)
make all
• 檢查 k8s 資源:
kubectl get pods
• 列出正在運作的佈署:
kubectl get deployments -o wide
10. 10Presented By: Duran Hsieh
AWWVISION: CLOUD VISION API FROM A KUBERNETES
CLUSTER
• 取得外部 IP
kubectl get svc awwvision-webapp
• 檢查進度:
cd cloud-vision/python/awwvision (變更目錄)
make all
• 透過外部 IP 連接到網站,檢視網站
12. 12Presented By: Duran Hsieh
CLASSIFY IMAGES OF CLOUDS IN THE CLOUD WITH
AUTOML VISION
• Set up AutoML Vision
• APIs & Services > Library > Cloud AutoML API
13. 13Presented By: Duran Hsieh
CLASSIFY IMAGES OF CLOUDS IN THE CLOUD WITH
AUTOML VISION
• 設定環境變數
• export PROJECT_ID=$DEVSHELL_PROJECT_ID
• export
QWIKLABS_USERNAME=<QWIKLABS_USERNAME>
14. 14Presented By: Duran Hsieh
CLASSIFY IMAGES OF CLOUDS IN THE CLOUD WITH
AUTOML VISION
• 給予權限
15. 15Presented By: Duran Hsieh
CLASSIFY IMAGES OF CLOUDS IN THE CLOUD WITH
AUTOML VISION
• 建立 Storage Bucket
gsutil mb -p $PROJECT_ID
-c regional
-l us-central1
gs://$PROJECT_ID-vcm/
• 設定環境變數
• export BUCKET=YOUR_BUCKET_NAME
• 複製圖片到你的 Storage
gsutil -m cp -r gs://automl-codelab-clouds/*
gs://${BUCKET}
16. 16Presented By: Duran Hsieh
CLASSIFY IMAGES OF CLOUDS IN THE CLOUD WITH
AUTOML VISION
• 建立 Storage Bucket
gsutil mb -p $PROJECT_ID
-c regional
-l us-central1
gs://$PROJECT_ID-vcm/
• 設定環境變數
• export BUCKET=YOUR_BUCKET_NAME
• 複製圖片到你的 Storage
gsutil -m cp -r gs://automl-codelab-clouds/*
gs://${BUCKET}
17. 17Presented By: Duran Hsieh
CLASSIFY IMAGES OF CLOUDS IN THE CLOUD WITH
AUTOML VISION
18. 18Presented By: Duran Hsieh
CLASSIFY IMAGES OF CLOUDS IN THE CLOUD WITH
AUTOML VISION
• 建立 dataset
• 複製檔案到 Cloud Shell instance
gsutil cp gs://automl-codelab-metadata/data.csv .
• 字串處哩,取代
sed -i -e "s/placeholder/${BUCKET}/g" ./data.csv
• 複製到 storage
gsutil cp ./data.csv gs://${BUCKET}
19. 19Presented By: Duran Hsieh
CLASSIFY IMAGES OF CLOUDS IN THE CLOUD WITH
AUTOML VISION
• AutoML UI 介面加入 dataset
20. 20Presented By: Duran Hsieh
CLASSIFY IMAGES OF CLOUDS IN THE CLOUD WITH
AUTOML VISION
• AutoML UI 介面加入 dataset
21. 21Presented By: Duran Hsieh
CLASSIFY IMAGES OF CLOUDS IN THE CLOUD WITH
AUTOML VISION
• AutoML UI 介面
22. 22Presented By: Duran Hsieh
CLASSIFY IMAGES OF CLOUDS IN THE CLOUD WITH
AUTOML VISION
• AutoML UI 介面
23. 23Presented By: Duran Hsieh
CLASSIFY IMAGES OF CLOUDS IN THE CLOUD WITH
AUTOML VISION
• AutoML UI 介面
30. 30Presented By: Duran Hsieh
IMPLEMENTING AN AI CHATBOT WITH DIALOGFLOW
• 建立 Dialogflow:
• Navigation menu > APIs & Services > Dashboard
• Enable APIs and Services > 尋找並建立 Dialogflow
31. 31Presented By: Duran Hsieh
IMPLEMENTING AN AI CHATBOT WITH DIALOGFLOW
• Dialogflow.com 透過剛剛的Google 帳號註冊
32. 32Presented By: Duran Hsieh
IMPLEMENTING AN AI CHATBOT WITH DIALOGFLOW
• 建立 Agent:
• Agent name: Helpdesk
• Default Time zone: America/Denver
• Google Project: Your project Id
33. 33Presented By: Duran Hsieh
IMPLEMENTING AN AI CHATBOT WITH DIALOGFLOW
• 建立 Intent:
• Default Welcome Intent
34. 34Presented By: Duran Hsieh
IMPLEMENTING AN AI CHATBOT WITH DIALOGFLOW
• 建立 Training Phreases:
35. 35Presented By: Duran Hsieh
IMPLEMENTING AN AI CHATBOT WITH DIALOGFLOW
• 建立 response,並進行儲存:
39. 39Presented By: Duran Hsieh
IMPLEMENTING AN AI CHATBOT WITH DIALOGFLOW
• Fulfillment:
40. 40Presented By: Duran Hsieh
IMPLEMENTING AN AI CHATBOT WITH DIALOGFLOW
• Fulfillment:
• 完成後按下 deploy 按鈕
41. 41Presented By: Duran Hsieh
IMPLEMENTING AN AI CHATBOT WITH DIALOGFLOW
• New Intent:
42. 42Presented By: Duran Hsieh
IMPLEMENTING AN AI CHATBOT WITH DIALOGFLOW
• Try:
• Hi
• I would like to submit a ticket
• My name is John
• My phone screen is broken
43. 43Presented By: Duran Hsieh
IMPLEMENTING AN AI CHATBOT WITH DIALOGFLOW
• Storage - SQL