---
# System prepended metadata

title: Web Page present

---

---
slideOptions:
  theme: white
  transition: fade
---

## 建立帳號
----

#### 填寫個人資料 --> insert to database

  `sign_up.html  js  css`
  `submit.php`

  欄位：

	e-mail (登入用帳號)
	username (檢視名稱&登入用帳號)
	password (need encrypt)

----

  - 帳號 (e-mail, username) 是否重複?
  - 逾時未操作自動 refresh，清除帳號密碼 (*feature request)
  - 密碼強度是否足夠安全 (**feature request)
  - 寄送驗證信驗證 e-mail (**feature request)

----

#### 建立user資料夾 (個人主頁)

  - firebase storage?
  - 線上檔案儲存、可異地存取

---

## 登入帳號
----

#### 填寫帳號密碼

  `sign_in.html  js  css`

  欄位：

    e-mail / username
	password

  - 逾時未操作自動 refresh，清除帳號密碼 (*feature request)

----

#### 檢查帳號密碼 --> where from database

  `sign_in.php`
  
    if(正確) -> 登入
    (錯誤) -> 帳號不存在 or 密碼錯誤

  - 防止 SQL injectionn

----

#### 忘記帳號、密碼 (**feature request)
---

##### 忘記帳號

  - 填寫 e-mail，寄送驗證信確認後... (**feature request)

##### 忘記密碼

---

## 個人主頁
---

#### 檢視文章

  `homepage.html  js  style.css`
  預覽文章 -> 點選後跳轉
  - website.url/testUser/homepage.html
	  `--> website.url/testUser/dartDev.html`
  - ex: cSharpOOP.html, dartDev.html, sqlTutorial.html...
  - 逾時未操作自動登出 (*feature request)

---

#### 搜尋內容

  - search from firebase

---

#### 自訂個人主頁

   ```
   計畫中 #_#
   ```