Flow 6 : ค้นหาโพสต์ของที่ต้องการซื้อ ขายจากการกรอง - SilverSky9/DevToolNo1 GitHub Wiki

Flow 6 : ค้นหาโพสต์ของที่ต้องการซื้อ ขายจากการกรอง

User flow

ในมุมมองแบ่งตาม Page

User Flow Full Image

ในการค้นหาโพสต์ที่ต้องการซื้อ / ขายจากการกรองประเภทสินค้าผู้ใช้สามารทำได้ในหน้าหลักการใช้งานคือหน้า Home Page โดยเมื่อมีการกรองสินค้าสำเร็จจะปรากฏโพสต์ที่ถูกกรองจากประเภทสินค้าตามที่ผู้ใช้ได้กดเลือกไว้

UI flow

การกรองด้วยประเภทสินค้า

UI flow Full Image

  • ในการค้นหาโพสต์ที่ต้องการซื้อ / ขายจากการกรองประเภทสินค้าสามารถกดเลือกประเภทสินค้าที่ต้องการได้จากปุ่มการกรองโดยแต่ละปุ่มจะเป็นชื่อประเภทสินค้าที่ได้มีการกำหนดไว้ เช่น เครื่องครัว อาหาร การเรียน เป็นต้น
  • ตัวอย่าง เช่น หากต้องการค้นหาสินค้าประเภทเครื่องครัว เราแค่กดปุ่มแท็ค เครื่องครัว หลังจากกดแล้วโพสต์ที่ปรากฏขึ้นจะเป็นโพสต์ที่เกี่ยวกับเครื่องครัวทั้งหมด

การกรองด้วยประเภทโพสต์

UI flow Full Image

  • การกรองประเภทโพสต์เป็นการแบ่งมุมมองโพสต์ออกเป็น 3 มุมมองโดยผู้ใช้สามารถกดเลือกประเภทโพสต์ได้ คือ การซื้อ
    การขาย ทั้งหมด โดยการกรองประเภทของโพสต์ลักษณะนี้ทำให้ง่ายต่อการมองเห็นของผู้ใช้
  • ตัวอย่าง เช่น เมื่อผู้ใช้ต้องการมองเห็นโพสต์การซื้อเท่านั้นผู้ใช้สามารถกดปุ่มการกรอง การซื้อ หลังจากการกดปุ่มกรองด้วยประเภทการซื้อแล้ว โพสต์ที่ปรากฏขึ้นมาจะเป็นโพสต์ของการต้องการซื้อเท่านั้น

Acceptance Tests

ตัวอย่าง Acceptance Tests Flow 6 : ค้นหาโพสต์ของที่ต้องการซื้อ ขายจากการกรอง

สามารถดูรายละเอียดเต็ม ๆ ได้ที่ Google Sheet : Flow 6 : ค้นหาโพสต์ของที่ต้องการซื้อ ขายจากการกรอง

Case No. Case Name Case Description Input Expected Result Test Result
1 กรองโพสต์ด้วยประเภทสินค้าสำเร็จ กรองโพสต์ด้วยประเภทสินค้าสำเร็จ เครื่องครัว แสดงโพสต์ที่เกี่ยวกับประเภทของสินค้าที่ค้นหาที่หน้า Home Page โชว์โพสต์ที่เกี่ยวกับประเภทสินค้าที่ค้นหาที่หน้า Home Page
2 กรองโพสต์ด้วยประเภทสินค้าไม่สำเร็จ กรองโพสต์ด้วยประเภทสินค้าไม่สำเร็จ เครื่องครัว ไม่แสดงโพสต์ที่เกี่ยวกับประเภทของสินค้าที่ค้นหา และแสดงข้อความที่หน้า Home Page ว่า "ไม่มีโพสต์ที่ตรงกับประเภทสินค้าที่ค้นหา" ไม่โชว์โพสต์ที่เกี่ยวกับประเภทสินค้าที่ค้นหาที่หน้า Home Page
3 กรองโพสต์ด้วยประเภทของโพสต์สำเร็จ กรองโพสต์ด้วยประเภทของโพสต์สำเร็จ การซื้อ แสดงโพสต์ที่เกี่ยวกับประเภทของโพส์ที่เลือกเท่านั้นที่หน้า Home Page โชว์โพสต์ที่เกี่ยวกับประเภทของโพสต์ที่หน้า Home Page
4 กรองโพสต์ด้วยประเภทของโพสต์ไม่สำเร็จ กรองโพสต์ด้วยประเภทของโพสต์ไม่สำเร็จ การซื้อ ไม่แสดงโพสต์ที่เกี่ยวกับประเภทของโพสต์ที่เลือก และแสดงข้อความที่หน้า Home Page ว่า "ไม่มีโพสต์ที่ตรงกับประเภทของโพสต์ที่เลือก" ไม่โชว์โพสต์ที่เกี่ยวกับประเภทของโพสต์ที่เลือกที่หน้า Home Page

API

Filter posts by product category and type of post

End point: /getbyfilter/shirt/lend
Method: Get
Response :

{
  "status": 200,
  "data": [{
    "product_name": "Green Shirt",
    "product_option": "lend",
    "product_type": "cloth",
    "product_tag": "shirt",
    "location": "RNP"
  }, 
  {
    "product_name": "Blue Shirt",
    "product_option": "lend",
    "product_type": "cloth",
    "product_tag": "shirt",
    "location": "College"
  }]
}
⚠️ **GitHub.com Fallback** ⚠️