## Agenda - Azure DevOps basic feature and introduction:平台基本功能說明 - Process guide and custom process:預設專案流程介紹 - Boards, Kanban, Backlog and Sprints:不同看板工具的使用時機說明 - Work item categories and work items:工單種類的使用及工單使用講解 - Queries:工單查找方式 ## Map [TOC] ## 1/ 初次使用,個人免費試用申請 ### 建立新組織 - 到 [Azure DevOps](https://dev.azure.com/) 頁面,選擇 **[免費開始試用]** ![](https://i.imgur.com/6Dc0BRJ.png) <!-- - **請使用課堂上會使用到有 Azure Subscription 的帳號申請** --> - 選擇 **[Taiwan]** ![](https://i.imgur.com/uyRKTJf.png) - 填寫你的組織名稱、地區(建議可以選擇 Central US) ![](https://i.imgur.com/CddAOwm.png) - 點選 **[Continuous]** 後會開始進行服務的建立 ![](https://i.imgur.com/48vvVPv.png) - 完成後,會跳轉至以下畫面,建立第一個專案,選擇 **[Private]** ![](https://i.imgur.com/S5WUy2n.png) ### 第一個專案 - 建立完成後會看到一個開好的專案 ![](https://i.imgur.com/NetSWhH.png) - 點選左上角的 **[Azure DevOps]** icon 可回到組織首頁 ![](https://i.imgur.com/pftxJsy.png =300x) <!-- ### 填寫表格 - 需要填寫表格才可以申請免費試用,請根據下圖完成[此份表格](https://forms.office.com/pages/responsepage.aspx?id=v4j5cvGGr0GRqy180BHbR63mUWPlq7NEsFZhkyH8jChUMlM3QzdDMFZOMkVBWU5BWFM3SDI2QlRBSC4u)填寫 ![](https://i.imgur.com/Eiy3ei6.png) --> ## 2/ How DevOps Admin manage Azure DevOps Service ### 介紹組織/專案概念 組織是一種機制,用來連接相關專案的群組。範例包括營業單位、區域劃分或其他企業結構。 您可以為整家公司、一個組織為您選擇一個組織,或為特定業務單位選擇不同的組織 - 將多個組織連結至相同 AAD ![](https://hackmd.io/_uploads/SkI_07Tvh.png) - 各組織下分別有專案及個專案團隊 ![](https://hackmd.io/_uploads/Hkj_C76P2.png) - **Organization Setting** - User:添加人員至組織中,可選擇要添加的 project 及 access level - Billing + Azure DevOps Pricing:[Azure DevOps 的定價](https://azure.microsoft.com/zh-tw/pricing/details/devops/azure-devops-services/) - Auditing:輸出 log 資料 - Global Notification:設定全域的通知訊息 - Azure Active Directory:連結到現有的 AAD - Permission:設定 Organize Level 的權限 - Process:Process 設定,調整 Process 之欄位及流程於此處做調整 - **Create Project** - Work Item Process - [Agile](https://docs.microsoft.com/en-us/azure/devops/boards/work-items/guidance/agile-process?view=azure-devops)([User Story Field](https://docs.microsoft.com/en-us/azure/devops/boards/work-items/guidance/agile-process-workflow?view=azure-devops)) - [Scrum](https://docs.microsoft.com/en-us/azure/devops/boards/work-items/guidance/scrum-process?view=azure-devops)([PBI Field](https://docs.microsoft.com/en-us/azure/devops/boards/work-items/guidance/scrum-process-workflow?view=azure-devops )) ## 3/ 需求及專案管理 ### 建立以 Agile 為範本的新專案 - 建立新專案:**[首頁](https://dev.azure.com)** > **[+ New Project]** ![](https://i.imgur.com/8UouHlu.png) - 填寫 Project Name,Visibility 選擇 **[Private]**,點開 **[Advanced]**,Work item process 選擇 **[Agile]** ![](https://hackmd.io/_uploads/H1mwuU3Dh.png =400x) ### 邀請使用者加入 Project - 點選右上角的 **[invite]** ![](https://i.imgur.com/cX2RKwY.png) - 新增人員完整 email ![](https://i.imgur.com/NdBl1TI.png =400x) - 被加入的人員將會收到 Azure DevOps 的邀請信,首次需透過信中的驗證連結加入 - 畫面下方會顯示成功添加使用者訊息 ![](https://i.imgur.com/RO7Lojj.png =400x) - 或在 Members 的欄位中會看到新添加的人員 ![](https://i.imgur.com/IDT0zlW.png =400x) ### Feature 管理 - 在左方的 Boards 底下,點選 **[Work items]** 後選取 **[+ New Work Item]**,然後選擇 **[Feature]** ![](https://hackmd.io/_uploads/rJnPzw3vh.png =400x) - 填寫 Feature 資訊,參考簡報中的專案,將標題填入 `公車動態`,可自行填寫底下欄位,完成後點選 **[Save]** ![](https://i.imgur.com/26iax0h.png) - 點選 **[Back to Work Items]** ![](https://i.imgur.com/9G7YqJp.png) - 再新增一個 Feature ![](https://hackmd.io/_uploads/rJnPzw3vh.png =400x) - 填寫 `班次時刻表` ![](https://i.imgur.com/V4poO4X.png) - 點選左邊欄位 Boards 下的 **[Boards]**,將右上角的 **[Backlog items]** 切換到 **[Features]** ![](https://i.imgur.com/dHkmlrJ.png) - 可以看到剛剛新增的兩則功能 ![](https://i.imgur.com/PKenV51.png) ### User Story 管理 - 在 `公車動態` 的 Feature 中選取 **[...]**,選擇 **[+ Add User Story]** ![](https://hackmd.io/_uploads/By_Uxw3vn.png) - 填寫 `即時動態查詢` ![](https://i.imgur.com/WrsEwhi.png =300x) - 依照上步驟再填入`出門提醒` - 在 `班次時刻表` 的 Featue 中依據先前步驟分別新增 PBI `時刻表查詢`和 `搭車提醒` - 填寫完成 ![](https://i.imgur.com/HyMLiCq.png =500x) ### Sprint 及 task 規劃 - 選擇左邊欄位中的 **[Backlogs]** ![](https://i.imgur.com/XzmVhqI.png) - 透過 **[+ New Work Item]** 再新增一個`DevOps Workshop` 的 User Story ![](https://hackmd.io/_uploads/BkqNQDhDh.png) - 點選右上角的拉霸圖示,選擇 Side Pane 下的 **[Planning]** ![](https://i.imgur.com/MkTDe5K.png) - 拖曳 `即時動態查詢` 這個 PBI 到右邊的 **[Sprint 1]** ![](https://i.imgur.com/tVUeJhj.png) - 點選 **[Sprint 1]** 跳轉到 Sprint 的頁面 ![](https://i.imgur.com/q31v7jn.png =400x) - 點選頁面上方 **[Taskboard]** ![](https://i.imgur.com/bJPB1VN.png) - 可以看到變成敏捷看板的視角,並且是在 Sprint 1 這個週期中 ![](https://i.imgur.com/wHUyOIG.png) - 在 `DevOps Workshop` User Story 的欄位點選 **[+]** 來新增以下 : - `練習 Azure Board 基本操作` - `建立 work item template` - `設計 Board 可視化` - `客製化 process` - `Test Plan 練習` ![](https://hackmd.io/_uploads/H12ISP3w3.png) - 在 `即時動態查詢` PBI 的欄位點選 **[+]** 來新增以下 task : - `整合公車動態即時資訊API` - `查詢欄位` - `動態資訊呈現頁面` - 在 `即時動態查詢` PBI 的欄位點選 **[+]** 來新增 `查詢公車即時動態時顯示未授權錯誤訊息` 的 bug work item : ![](https://hackmd.io/_uploads/SJ9zUvnD2.png) - 完成填寫 ![](https://hackmd.io/_uploads/HkfqIwhD3.png) - 將 `練習 Azure Board 基本操作` 拖曳到 **[Active]** 的欄位 ![](https://hackmd.io/_uploads/Sk8n8D3vh.png) ### 工單搜索功能 - 點選左方欄位 Boards 下的 **[Queries]**,然後點選 **[+ New query]** ![](https://i.imgur.com/dvXFo96.png) - 在 Work Item Type 的地方,Value 選擇 **[Task]** ![](https://hackmd.io/_uploads/H1Txvw3wn.png) - 在 State 的地方,Value 選擇 **[Active]** ![](https://hackmd.io/_uploads/By2GvD3w2.png) - 點選 ![](https://hackmd.io/_uploads/ryKcPD2w2.png =100x) - 執行後的結果會顯示目前在 project 中哪些 task 狀態為 Active ![](https://hackmd.io/_uploads/HkttwwhPn.png) - 點選 **[Save query]** ![](https://i.imgur.com/MuXQwj2.png) - 完成欄位填寫,將 **[Floder]** 選擇到 **[Shared Queries]**,點選 **[OK]** 即可儲存 ![](https://hackmd.io/_uploads/SJyiuD2D2.png =400x) - (補充) 查找 work item 類型為 bug 或 work item 類型為 task 且為 Active 的工單,並列出與其相關的 work item ![](https://hackmd.io/_uploads/H1a-_vnPh.png) ## 4/ Task template 管理 - 選擇 **Design Template:Project Setting > Team Configuration > Bug >Templates**,新增屬於 API 相關的 Bug 工單 template ![](https://hackmd.io/_uploads/SkNFtw2Dn.png) - **透過 template 建立新的 Bug** ![](https://hackmd.io/_uploads/Hyfgcv2Dn.png) - 選擇完 template 後,會自動帶入預填的欄位值 ![](https://hackmd.io/_uploads/By8z9DhPn.png) ## 5/ Boards 調整 ### 調整 Kanban boards 的視覺化 - 點選 Boards > ![](https://hackmd.io/_uploads/Bk4xswhw2.png =30x) ![](https://hackmd.io/_uploads/ryHmiDnv2.png) - 新增狀態欄位 : `Settings > Board | Columns` - 新增 Area Path 的欄位可顯示在 board 上 ![](https://hackmd.io/_uploads/Sku3sv3wn.png) - 新增 Style rule,work item 的 priority <= 2 時,則 work item 的顏色異動為黃色 ![](https://hackmd.io/_uploads/BJELhPnwh.png) - 新增 Swimlane ![](https://i.imgur.com/tTIydSt.png) - 完成後點選 ![](https://hackmd.io/_uploads/ry50nwnv2.png =100x) - 重新整理即可看到結果 ![](https://hackmd.io/_uploads/BynEpv3vh.png) <!-- ## Reference - [Agile Planning and Portfolio Management with Azure Boards](https://azuredevopslabs.com/labs/azuredevops/agile/) - [Use templates to add and update work items](https://docs.microsoft.com/en-us/azure/devops/boards/backlogs/work-item-template?view=azure-devops&tabs=browser) -->