# codecademy - 需求分析

# User Story

> （ 某個頁面下 ）身為一個 (使用者/工程師) 我可以做 (某個) 動作 ，以達到 (某個) 目的。

簡單來說明:

* 網頁頁面的功能
* 使用此網頁的身分
* 做甚麼動作
* 想要達成的目的

範例如下:

在"登入頁面"身為一個 "使用者" 我可以做 "登入帳號" 的動作，以達到 操作帳戶內容 的目的

# codecademy 網站需求分析

## 未登入狀態的首頁

* 最上方有註冊區域以及Navbar

* 中間區域有課程相關測驗可以參與

* 介紹網站的學習系統

* 介紹網站的學習系統

* footer區域以及提醒你可以從這開始的banner會導向另一個sign up 頁面
sign up 頁面

### Navbar區域


* 使用者 點擊Logo 會導回這個頁面 回到首頁的目的:
1. 可以做登入/註冊帳戶
2. 閱讀網站介紹
3. footer的各種聯繫資訊

* 使用者 點擊catalog 會導向所有課程分類的頁面 達到 "選擇課程的" 目的

* 使用者 點擊Resources 會導向四個頁面 達到 "尋找所需要的資源" 的目的

1. cheatsheet總目錄(可以看一些語法的摘要)
2. Projects
3. Articles
4. blog

* 使用者 點擊Community 會導向四個頁面 達到 "尋找社群資源" 的目的

1. Forums codecademy 論壇
2. Discord 連結
3. chapter 地區性形式的學習團體
4. Events 近期活動

* 使用者 點擊Pro Pricing 會導向兩個頁面 達到 "瞭解價格" 的目的

1. For individuals
2. For students

* 使用者 點擊For Business 會導向一個頁面 達到 "了解企業課程" 的目的

* 使用者 點擊放大鏡 會延伸出下方搜尋列 達到 "搜尋項目" 的目的

* 使用者 點擊Log in/ Sign up 會 達到 "登入或是註冊帳戶" 的目的

1. Log in - 跳轉到landing page
2. Sign up - 跳轉到sign up page

### Footer區域

* 使用者 點擊到Footer區域 會 達到 "資訊的連結" 的目的包含:

1. company 職缺、聯絡資訊、商店、社群平台連結
2. Resources 部落格、文章、語法摘要
3. Community Forums codecademy 論壇、chapters 地區性形式的學習團體、Events 近期活動
4. ENTERPRISE PLANS For Business 針對企業用戶的資訊取得
5. INDIVIDUAL PLANS Pro Membership/ For Students
6. Support Help Center 可以在這邊找到各種問題的答案或是尋求工作人員協助
7. MOBILE APP下載連結
8. COURSE CATALOG 放入部分課程連結
9. Language 放入部分程式語言課程連結

## landing page / Sign up page

功能差不多放在一起解釋

* landing page

* sign up page

### Navbar區域

基本上跟首頁的功能一樣
[Navbar區域](#Navbar區域)

### Form區域

* 具備基本驗證功能
* 使用者 輸入信箱以及密碼 會 達到 "登入或是註冊帳戶" 的目的


* 可以使用社群帳戶註冊或是登入
* 使用者 點擊社群icon 會 達到 "登入或是註冊帳戶" 的目的


### Footer區域


* 使用者 點擊Job / 條款 會 達到 "跳轉求職頁面 / 觀看條款" 的目的
* 使用者 點擊社群icon 會 達到 "觀看社群平台" 的目的

## Catalog

此處是課程集結的地方主要分類以

1. 程式語言
1. 相關項目
1. 最受歡迎的課程
2. 最新的課程
3. 可以產生靈感的資源
4. 學生適合的資源

* 使用者 點擊到這個頁面 會 達到 "尋找上課程內容" 的目的