Download - Visual recognition
![Page 1: Visual recognition](https://reader036.vdocuments.net/reader036/viewer/2022070516/5871b0591a28abda6a8b675b/html5/thumbnails/1.jpg)
文字
IBM Bluemix Visual Recognition in blue mix Tutorial
![Page 2: Visual recognition](https://reader036.vdocuments.net/reader036/viewer/2022070516/5871b0591a28abda6a8b675b/html5/thumbnails/2.jpg)
Catalog什麼是 Visual Recognition?
How to use?
Extending
![Page 3: Visual recognition](https://reader036.vdocuments.net/reader036/viewer/2022070516/5871b0591a28abda6a8b675b/html5/thumbnails/3.jpg)
Visual RecognitionVisual Recognition 是一個影像辨識的服務,然而這項服務可以免費的被使用在 Bluemix 上 ( 當你擁有Bluemix 帳戶 )
亦或是今天你的物件 ( 圖片 ) 十分的特殊,可能覺得資料不足,可以自己 training ,而 training 的方式十分容易,只需要 true 、 false 兩種型態的圖片各 50張以上進行上傳即可讓 Visual Recognition 自動幫你處理完成。
![Page 4: Visual recognition](https://reader036.vdocuments.net/reader036/viewer/2022070516/5871b0591a28abda6a8b675b/html5/thumbnails/4.jpg)
How to use?Bluemix 建立
![Page 5: Visual recognition](https://reader036.vdocuments.net/reader036/viewer/2022070516/5871b0591a28abda6a8b675b/html5/thumbnails/5.jpg)
建立 Bluemix 帳戶首先前往 https://console.ng.bluemix.net/ 註冊 Bluemix 帳戶。帳戶啟用後可免費試用 30 天,所以無須擔心被索取費用!
![Page 6: Visual recognition](https://reader036.vdocuments.net/reader036/viewer/2022070516/5871b0591a28abda6a8b675b/html5/thumbnails/6.jpg)
Bluemix Application 建立Step 1. 選取建立應用程式
![Page 7: Visual recognition](https://reader036.vdocuments.net/reader036/viewer/2022070516/5871b0591a28abda6a8b675b/html5/thumbnails/7.jpg)
Bluemix Application 建立 cont.
Step 2. 選取 WEB 應用程式 (WEB 僅為配合本次Tutorial)
![Page 8: Visual recognition](https://reader036.vdocuments.net/reader036/viewer/2022070516/5871b0591a28abda6a8b675b/html5/thumbnails/8.jpg)
Bluemix Application 建立 cont.
Step 3. 本次 Tutorial 使用 Node.js ,故請選擇Node.js
![Page 9: Visual recognition](https://reader036.vdocuments.net/reader036/viewer/2022070516/5871b0591a28abda6a8b675b/html5/thumbnails/9.jpg)
Bluemix Application 建立 cont.
Step 4. 應用名稱隨便你取。完成後,便可以來建立 Visual Recognition!
![Page 10: Visual recognition](https://reader036.vdocuments.net/reader036/viewer/2022070516/5871b0591a28abda6a8b675b/html5/thumbnails/10.jpg)
Visual Recognition 建立Step 1. 選取新增服務或 API
![Page 11: Visual recognition](https://reader036.vdocuments.net/reader036/viewer/2022070516/5871b0591a28abda6a8b675b/html5/thumbnails/11.jpg)
Visual Recognition 建立 cont.Step 2. 選取右下角的 Visual Recognition
![Page 12: Visual recognition](https://reader036.vdocuments.net/reader036/viewer/2022070516/5871b0591a28abda6a8b675b/html5/thumbnails/12.jpg)
Visual Recognition 建立 cont.Step 3. 按下建立就可以建立起 Visual Recognition 了!
![Page 13: Visual recognition](https://reader036.vdocuments.net/reader036/viewer/2022070516/5871b0591a28abda6a8b675b/html5/thumbnails/13.jpg)
Visual Recognition 使用 cont.Step 1. 打開應用程式中的 Visual Recognition 下面有他的認證內容,記錄下來稍後會用上!
![Page 14: Visual recognition](https://reader036.vdocuments.net/reader036/viewer/2022070516/5871b0591a28abda6a8b675b/html5/thumbnails/14.jpg)
Visual Recognition 使用 cont.Step 2. 建立自己的程式碼,這裡提供基本的範例程式。Train_images 是用來訓練你要辨識的圖片種類,需要 positive & negative 各 10 張以上, positive 越多樣越好, negaitive 的越像positive 的越好。Train_images 中預設的 training 的名稱是 cpu ,請先搜集相關以及不相關的圖片,並將它們壓縮成 .zip ,取名為 cpu.zip & noncpu.zip 。
![Page 15: Visual recognition](https://reader036.vdocuments.net/reader036/viewer/2022070516/5871b0591a28abda6a8b675b/html5/thumbnails/15.jpg)
Visual Recognition 使用 cont.Image_classify 是用來判斷圖片的準確度的測試,程式中是將待辨識的圖片取名為 test.jpg ,使用者可以依照需求做更動。classifier.json 可以依照往後需求做增減。github 資源 : https://github.com/TerryBluemix/VisualRecognitionTest
![Page 16: Visual recognition](https://reader036.vdocuments.net/reader036/viewer/2022070516/5871b0591a28abda6a8b675b/html5/thumbnails/16.jpg)
Visual Recognition 測試 Step 1. 開始 Training 資料以及測試
Training 後會出現一個JSON 格式的回傳,記錄classifier_id & name 即可依照右邊的格式建立成一個 JSON
![Page 17: Visual recognition](https://reader036.vdocuments.net/reader036/viewer/2022070516/5871b0591a28abda6a8b675b/html5/thumbnails/17.jpg)
Visual Recognition 測試 cont.Step 2. 建立好剛剛 Training 出來的 JSON 將它取名為 classifier.json ,並將它存放在與Image_classify.js 同一個資料夾,並且執行Image_classify.js 。
![Page 18: Visual recognition](https://reader036.vdocuments.net/reader036/viewer/2022070516/5871b0591a28abda6a8b675b/html5/thumbnails/18.jpg)
Visual Recognition 測試結果如果測試結果相符會出現以下回傳 JSON , score 表示相似程度的評分越接近 1 表示越相似,反之亦然。如果將 Image_classify.js 中 classifier_ids: 此行註解掉,那麼便會列出前十種最接近的關鍵字。
![Page 19: Visual recognition](https://reader036.vdocuments.net/reader036/viewer/2022070516/5871b0591a28abda6a8b675b/html5/thumbnails/19.jpg)
Extending!!!!前面在介紹如何測試這個服務,並未使用到 REST API在這裡在提供一個 mobile app 的範例,此範例是以cordova 將其包裝為一個 apk ,範例如下附上 GitHub: https://github.com/TerryBluemix/VisualRecognitionMobile