User Flow

ประกอบด้วยหน้าต่าง ๆ ดังนี้

1. Login

ผู้ใช้ทำการเข้าสู่ระบบเพื่อจะรับสิทธิ์ในการเข้าใช้งานส่วนต่าง ๆ ของหน้าเว็บไซต์ได้

2. Main Page

หน้าหลักของเว็บไซต์ซึ่งประกอบไปด้วยโลโก้ แถบของเมนู ส่วนของรายการโปรโมชั่นต่าง ๆ และแสดงส่วนของรายการหนังสือแนะนำ

3. User Page

หน้าข้อมูลส่วนตัวของผู้ใช้งานระบบ ประกอบด้วย ชื่อ-นามสกุล username password email เบอร์โทรศัพท์ ที่อยู่

4. User's Data Edit Page

ผู้ใช้สามารถแก้ไขข้อมูลส่วนตัว เช่น ชื่อ เบอร์โทรศัพท์ ที่อยู่ของผู้ใช้ได้

5. Confirm Page

หน้าตรวจสอบข้อมูลที่แก้ไขก่อนทำการยืนยัน

UI Flow

Acceptance test

• ลิงค์สำหรับ Acceptance test ของ feature แก้ไขข้อมูลส่วนตัว

Technical

Frontend

Backend

API DESIGN

• EditUser api

PUT /user/edit/:id
Request body:
{
    "_id":object(id),
    "username":"username",
    "password":"password",
    "firstname":"name",
    "lastname":"lastname",
    "email":"[email protected]",
    "phonenumber":1234567890,
    "addresses":{"city", "state", "country", 11000},
    "token":"token"
    "type":"type"
}
Response Status 200:
{
  "success": true
}

• GetUser api

GET /user/:id
Response Status 200:
{
    "_id":object(id),
    "username":"username",
    "password":"password",
    "firstname":"name",
    "lastname":"lastname",
    "email":"[email protected]",
    "phonenumber":1234567890,
    "addresses":{"city", "state", "country", 11000},
    "token":"token"
    "type":"type"
}

Database

Back to Task 2