## 總審-網頁說明
- 為什麼選reactjs
reactjs將每一個頁面的原件都模組化，使得前端專案開發能更有效的管理頁面，reactjs也是在前端框架使用率最高的，在stackoverflow上reactjs的發問率更是逐年升高(如附圖)。然而reactjs除了能寫網頁，也能寫手機APP。

- 說明網頁的功能以及使用什麼套件
本網站透過reactjs框架建置，網頁的主要內容分成四部分：
1. 上傳檔案，剪取照片
2. 白內障檢測結果顯示
3. 關於白內障介紹
4. 關於團隊
- 以下分別介紹頁面
- 首頁
- 以專題組別第九組的元素，將兩個數字9合成為眼睛圖示，對應到白內障的主題，希望使用者的眼睛能夠及早預防疾病，且長久健康。
- 此頁面為開始測試前之首頁，右上角i符號提供使用說明

- 主頁
主頁中有兩個選擇 ; 一是說明，此選項裡詳細介紹該如何操作此app，若沒有問題，則可選取開始檢測。
- 上傳檔案
使用者選擇上傳檔案，可以透過相機直接拍攝或選取檔案。
- 擷取照片
擷取照片的功能使用react-cropper建置。使用者可以任意放大縮小照片，至準確的位置。
- 確認照片
確認擷取後，系統彈出視窗，並顯示使用者擷取後的照片，使用者經確認後，即可選擇辨識是否患有白內障。
- 結果
使用者可以選擇是否要上傳照片到sever，提供團隊作為後續研究使用；如果沒有意願的話，可以直接選擇返回。
- 關於白內障
- 此頁面提供使用者白內障相關知識，讓一般用戶能更快、更直接的認識此疾病

## 總審-簡報

1. 為什麼做此主題
2. 我們用什麼做(CNN)(為什麼用CNN)
3. 訓練過程???????
4. 實驗成果
5. 未來展望
6. 網頁實際demo