參考:
Category | User Story | Acceptance Criteria |
---|---|---|
註冊/登入/登出 | ||
除了註冊和登入頁,使用者一定要登入才能使用網站 | 在網址輸入各個分頁網址,在登入之前都會被導回登入首頁 | |
跳出需要登入的錯誤提示 | ||
錯誤提示文案:帳號不存在 | 頁面顯示帳號不存在的提示 | |
頁面重新整理後顯示錯誤提示(後端驗證) | 輸入錯誤的帳號、密碼,經由API發出request跟後端資料庫比對,回傳error的提示 | |
註冊時,使用者可以設定 account、name、email 和 password | 在註冊的頁面上正確的顯示輸入欄位,還有placeholder的範例顯示 | |
account:如 ellenlee,必須是獨一無二的 | 設定一個按鈕,在使用者輸入account後可以跟資料庫比對是否重複 | |
或是離開輸入框的時候,如果有重複就顯示錯誤訊息 | ||
name:平常顯示的暱稱,如 Ellen Lee,上限 50 字 | 在input欄位後方提示上限字數,如果超過會跳出一個提示 | |
設計稿上看到的 @ellenlee 的前綴 @ 為 前端自動生成 |
在使用者的name前面產生@,而且不影響資料庫 | |
登入時,使用帳號 (account) 和密碼 (password) 登入網站 | 在註冊的頁面上正確的顯示輸入欄位,還有placeholder的範例顯示 | |
使用者能編輯自己的 account、name、email 和 password | 正確的顯示使用者個別的資料,頁面上的顯示輸入欄位,還有placeholder的範例顯示 | |
註冊/編輯時,account 和 email 不能與其他人重複,若有重複會跳出錯誤提示 | 設定一個按鈕,在使用者輸入account後可以跟資料庫比對是否重複, | |
或是離開輸入框的時候,如果有重複就顯示錯誤訊息 | ||
錯誤提示文案:「account 已重複註冊!」或「email 已重複註冊!」 | 重複就顯示錯誤訊息 | |
頁面重新整理後顯示錯誤提示(後端驗證) | 輸入錯誤的帳號、密碼,經由API發出request跟後端資料庫比對,回傳error的提示 | |
使用者能編輯自己的暱稱、自我介紹、個人頭像與封面 | 正確的顯示使用者個別的資料,編輯之後能可改變資料庫的內容 | |
自我介紹數字上限 160 字、暱稱上限 50 字 | 在input欄位後方提示上限字數,如果超過會跳出一個提示 | |
種子資料設計 | ||
種子帳號(含 DoD 指定測試帳號) | ||
Admin *1 | 資料庫中有一個root管理者,而且能正確登入,而且不能登入前台 | |
一般使用者 *5 | 資料庫中有5個一般管理者,而且能正確登入,而且不能登入後台 | |
每個使用者有 10 篇 post | 在當前的使用者的頁面上,顯示10篇自己的推文 | |
每篇 post 有隨機 3 個留言者,每個人有 1 則留言 | 進入該推文頁面中,隨機不重複的3個一般使用者各一則留言 | |
貼文留言 | ||
使用者能在首頁瀏覽所有的推文,新的推文在前 | 正確在首頁呈現該使用者的貼文,依照時間新舊排列 | |
點擊貼文方塊時,能查看貼文與回覆串 | 進入該篇貼文的顯示頁面,同時顯示貼文跟回復串在同一個頁面 | |
使用者能回覆別人以及自己的推文 | 跳出一個modal,在不跳轉頁面的情況下,顯示當次的回覆內容,以及輸入框 | |
回覆文字不能為空白 | 空白會跳錯 | |
直接防止表單送出(前端驗證) | 產生錯誤的時候不能送出表單? (不確定) | |
點擊貼文中使用者頭像時,能瀏覽該使用者的個人資料及推文 | 跳轉至目標使用者的首頁,且正確的顯示資料以及貼文 | |
使用者能新增推文 | 跳出一個modal,在不跳轉頁面的情況下,顯示輸入框 | |
推文字數限制在 140 以內,而且不能空白 | 空白會跳錯,超過字數會跳錯 | |
直接防止表單送出(前端驗證) | 產生錯誤的時候不能送出表單? (不確定) | |
使用者互動 | ||
使用者可以追蹤/取消追蹤其他使用者 (不能追蹤自己) | 改變資料庫的追蹤資料庫,切換追蹤/取消追蹤,如果是自己則沒有按鈕出現 | |
使用者能對別人的推文按 Like/Unlike | 改變資料庫的liked資料庫,切換Like/Unlike | |
使用者能編輯自己的名稱、介紹、大頭照和個人頁橫幅背景 | 正確的顯示使用者自己的資料,當是其他使用者的時候無法編輯 | |
數據摘要 | ||
任何登入使用者都可以瀏覽特定使用者的資料 | ||
( tweets. reviews. following. follower. like ) | 正確的顯示使用者的資料,而且不是帳號使用者,無法編輯 | |
使用者能在首頁的側邊欄,看見跟隨者 (followers) 數量排列前 10 的使用者推薦名單 | 根據followers的數量排列推薦名單 | |
後台 | ||
管理者可從專門的後台登入頁面進入網站後台 | 管理者帳號不能登入前台,否則跳錯 | |
管理者可以瀏覽全站的 Tweet 清單 | 顯示全站推文清單,上面正確顯示發文者資料以及發文時間 | |
可以直接在清單上快覽 Tweet 的前 50 個字 | 50字之後用 ”...” 來顯示 | |
可以在清單上直接刪除任何人的推文 | 在清單後面顯示刪除按鈕,而且刪除之後改變資料庫內容 | |
管理者可以瀏覽站內所有的使用者清單 | 以card的形式 | |
使用者社群活躍數據 | ||
( 推文數量. 關注人數. 跟隨者人數. 推文獲得 like 的累積總量 ) | 顯示個別使用者的大頭貼、背景圖、name、account、總發文數、總喜歡數、追蹤人數、被追蹤人數 | |
清單預設按推文數排序 | 不同使用者依照總推文的數目排列 |