User Flow

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

1. Login

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

2. Main Page

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

3.Cart Page

หน้าตะกร้าใส่หนังสือของผู้ซื้อ เก็บรายการของหนังสือที่ผู้ใช้เพิ่มเข้าตะกร้าเพื่อเตรียมพร้อมที่จะซื้อและจะแสดงอยู่ที่หน้านี้ โดยจะมีการแสดงราคารวมของสินค้าทั้งหมดในตะกร้า และผู้ซื้อสามารถเพิ่มหรือลบหนังสือออกจากตะกร้าได้

4.Payment Page

ในหน้านี้ผู้ชื้อต้องทำการกรอกรายละเอียดต่าง ๆ ได้แก่ ชื่อ-นามสกุล ที่อยู่ เบอร์โทรศัพท์ และตัวเลือกการจัดส่ง เพื่อทำการสั่งซื้อสินค้า คำสั่งซื้อจะสำเร็จเมื่อกรอกรายละเอียดและชำระเงินเรียบร้อย

UI Flow

Acceptance test

• ลิงค์สำหรับ Acceptance test ของ feature ชำระเงิน

#Technical

Frontend

Backend

API DESIGN

• Payment api

POST /cart/payment
Request body:
{
    "_id":object(id),
    "amount":5000.00,
    "account_id":"accountid",
    "carts":{"bookname1", "bookname2", "bookname3"},
    "bill":"bill description"
}
Response Status 200:
{
  "success": true
}

• getPayment api

GET /cart/get/:id
Response Status 200:
{
    "_id":object(id),
    "amount":5000.00,
    "account_id":"accountid",
    "carts":{"bookname1", "bookname2", "bookname3"},
    "bill":"bill description"
}

Database

Back to Task 2