---
# System prepended metadata

title: ASUS-ultrasound_frontend

---

# ASUS-ultrasound_frontend

## Establish a timeline 

| Title | Content | Timeline | Day |
| -------- | -------- | -------- | --------|
|**Development environment settings**||2023/02/06|2|
|software package select||2023/02/06|0.5|
|software package version||2023/02/06|0.5|
|frontend user Interface select||2023/02/07|1|
|**Code design**||||
|Router||2023/02/08|1|
|landing Page|Sign in <br> Sign up <br> Forgot Password|2023/02/09|2|
|Page Layout|side bar <br> layout|2023/02/13|2|
|Home Page|Dashboard|2023/02/15|2|
|Search Page|List|2023/02/17|2|
|Exam Page|layout|2023/02/21|3|
|Enbedded Viewer|Basic Function <br> Dicom mark|2023/02/24|5|
|Share Page|shared member <br> share URL|2023/03/03|3|
|Config Page|authority management <br> multi-language|2023/03/08|1|
|Payment Page||2023/03/09|2|
|**Responsive Web Design**||2023/03/13|2|
|**Language switch**||2023/03/15|2|
|**System connection**|Frontend Communicate with the Backend|2023/03/17|5|
|**Code review**|quality improvement|2023/03/24|4|
|**E2E Testing**||2023/03/30|5|


1. Development environment settings
    1. software package select
    2. software package version
    3. frontend user Interface select
2. Code design
    1. Router
    2. landing Page:(Sign in、Sign up、Forgot Password)
    3. Page Layout:(side bar/layout)
    4. Home Page:(Dashboard)
    5. Search Page:(List)
    6. Exam Page:(layout)
    7. Enbedded Viewer:(Basic Function、Dicom mark)
    8. Share Page:(shared member、share URL)
    9. Config Page:(authority management、multi-language)
    10. Payment Page
3. Responsive Web Design
4. Language switch
5. Frontend Communicate with the Backend
6. Code review:(quality improvement)
8. E2E Testing

## 開發時辰
1. 開發環境建置
    1. 套件選擇
    2. 套件版本選擇
    3. UI庫選擇
2. 程式開發
    1. 路由建置
    2. 燈入頁面:(登入、註冊、忘記密碼)
    3. 頁面排版布局:(Side Bar/layout)
    4. 首頁頁面:(數據分析、等待上傳資訊)
    5. 檔案列表:(列表)
    6. 清單內容:(layout、封存、刪除、病患資料、報告編輯及輸出、圖像輸出、添加審閱、Review紀錄雲端分享機制)
    7. Dicom 檢視標記:(Basic Function、Dicom mark)
    8. 分享功能頁面:(分享成員、分享網址、評論)
    9. 設定頁面(權限設定、語言設定)
    10. 付款頁面
3. 響應式網頁設定
4. 語言切換功能
5. 前後端對接
6. 非功能性需求 Code Review (品質提升)
8. 人工/端點(使用者) 到端點 (系統)測試