User Flow

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

1. Login Page

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

2. Main Page

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

3. Book Info Page

แสดงรายละเอียดของหนังสือหนึ่งเล่มที่เลือก ได้แก่ รูปภาพ ชื่อ คำอธิบาย ราคา และจำนวนของหนังสือ

4. Cart Page

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

5. Payment Page

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

6. Bill Page

เป็นหน้าที่จะแสดงรายละเอียดสินค้าที่ออเดอร์ที่ลูกค้าชำระเงิน

UI Flow

Acceptance test

• ลิงค์สำหรับ Acceptance test ของ feature นำหนังสือลงตะกร้า

Technical

Frontend

Backend

API DESIGN

• Add To Cart

POST /cart/addbook/:id
Request body:

{
    "_id":"object(id)",
    "book_name":"book name",
    "book_price":100,
    "book_count":1
}
Response Status 200:

{
  "success": true
}

Database

Back to Task 2