# Azure

### Azure 第一堂課筆記

待更...

### Azure 第二堂課筆記

待更...

### Azure 第三堂課筆記

前端遊戲都是走canvas出來

---



全域和區域會有一行code會有影響






怎麼改的css

改背景色而已

---

##臉部驗證

把幾百張明星照片用迴圈和自己的照片做比對，最後觀看信心指數超過0.8/0.9，就代表你有明星臉


## canvas 搭配azure人臉辨識
1. 首先讓每個人臉都有框
2. 再讓每個框上都顯示出信心指數
- 先找到位置（距離左邊和上方的距離）
- 讓它置中，所以要+上寬度/2，設定center就要這樣做
3. 再根據信心指數，讓不同的框，顯示不同顏色



 //把所有臉框畫上去
            for(let x=0;x<data.length;x++){
                let thisFaceRect=data[x].faceRectangle;
                thisCanvasCTX.lineWidth=5;
                //抓到smile指數
                let smile=data[x].faceAttributes.smile;
                console.log(smile);
                //根據信心指數調整框的顏色
                if(smile>0.8){
                    thisCanvasCTX.strokeStyle="yellow"
                }else{
                    thisCanvasCTX.strokeStyle="red"
                }
                //設定文字大小
                thisCanvasCTX.font="30px Arial";
                //設置文字顏色
                thisCanvasCTX.fillStyle="yellow";
                //把文字置中
                thisCanvasCTX.textAlign = "center";
                //thisFaceRect.left最左邊
                //因為有設textAlign = "center"，
                //所以要thisFaceRect.left+thisFaceRect.width/2
                //fillText是設定文字的位置
                thisCanvasCTX.fillText(smile,thisFaceRect.left+thisFaceRect.width/2, thisFaceRect.top);
                thisCanvasCTX.strokeRect(thisFaceRect.left, thisFaceRect.top,thisFaceRect.width,thisFaceRect.height);

            }

這跟azure有啥關係?

人臉識別就是azure阿

然後他講HTML的canvas喔?

對






剛剛publsh建完之後要做啥

就到這裡
貼key 和網址
uriBase 貼網址

修正辨識率的方式就是，去圖庫更改圖片或是上傳更多圖片後，再度訓練,之後再去JS更換publish網址


   .done(function(data) {
        //顯示JSON內容
        $("#responseTextArea").val(JSON.stringify(data, null, 2));
        //先清空
        $("#picDescription").empty();
        for(let x=0; x<data.predictions.length;x++){
            let name;
            //if (data.predictions[x].probability >= 0.6 && data.predictions[x].tagName == "chinese food") {
            //看你要比較的tag名稱是什麼
            if(data.predictions[x].tagName == "Japanese food"){
              //  $("#picDescription").text("應該是中華料理! (信心:" + data.predictions[x].probability +")")
               // break;
               //你要顯示的名稱
               name="Japanese food";
            } else {
               // $("#picDescription").text("應該是日本料理! ");
               //你要顯示的被比較tag名稱
               name="chinese food";
            }
            //一次在圖片下方顯示兩種tag得信心指數
            $("#picDescription").append( "有" +Math.round(data.predictions[x].probability *100)+"%的機率是"+name+ "<br>");
        }
       // $("#picDescription").text();
    })

---

0527 一樣是custom vision
canvas 找出點後，分別+上寬高/2就是中心點

先下載圖片



下一步是按綠色的train

先框然後tag

直接點圖片
再點鳥就能框

最後他們會變成tagged
在案右邊箭頭
持續到完成全部照片
每一個tag都要有15張照片，沒符合張數的標籤建議刪除
長尾山雀

最好弄多個tag 再利用threshold value 讓他去探測


---

Azure ML

組長建立一個工作區和一個六核心cpu主機


計算執行個體/新增 來建立主機




左上角ㄉ
空白的,然後新增

齒輪/設定選你的主機

儲存後再按另外一個縮小或是關閉
在拉你的到右邊工作區，接著就點兩下，選輸出

砍下30%資料來做測試

一樣是對score model點兩下去觀看結果

Scored Labels 是AI幫你計算之後的結果
這邊是跟charges做比較

---

web那個啥怎近來

左邊打字搜尋

web service input

在拉過去右邊


之後提交

接著在部屬

這裡觀看進度

---

安裝python

可以在vscode 找到實際安裝位置，再去設定環境變數，這樣就能在任何地方使用終端機查看版本，不然就只能在安裝的資料結下確認版本

C:\Users\User\AppData\Local\Programs\Python\Python311



隨便建一個資料夾，然後新增一個app.py

安裝flask
在你python安裝資料夾路徑下輸入以下指令來安裝
python -m pip install flask

接著再確認版本

有些人則是要進入到Scripts才能確認flask版本
cd Scripts




分別新增到系統變數的PATH

- C:\Users\User\AppData\Local\Programs\Python\Python311

- C:\Users\User\AppData\Local\Programs\Python\Python311\Scripts


之後可以再測試一次 --version

透過app.py能找到安裝路徑

同時新增資料夾和檔案

再次submit也能停留在同一個頁面

重開VS CODE 就能連上去了(重開server的意思?)




https://docs.google.com/document/d/18VsvkBfMXKFJxfhWp5EQSEtUNXEq_9k73gXkqAdFI0s/edit