Flow 4 : ผู้ขายเข้ามาดูโพสต์ของตัวเองว่ามีใครสนใจซื้อบ้าง - SilverSky9/DevToolNo1 GitHub Wiki

Flow 4 : ผู้ขายเข้ามาดูโพสต์ของตัวเองว่ามีใครสนใจซื้อบ้าง

User flow

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

user-flow Full image

UI flow

Part 1

ui-flow Full image
เมื่อผู้ใช้งานที่เป็นเจ้าของโพส ต้องการเข้ามาดูรายชื่อคนที่สนใจในสินค้าของเราจะมีขั้นตอนการทำงานดังนี้

  • คลิก ปุ่ม option บนขวาเลือก View
  • จะมีหน้าต่าง modal ขึ้นมาเพื่อให้ผู้ใช้ยืนยันตัวตนว่าเป็นเจ้าของโพสจริง
  • เจ้าของโพสกรอก PIN 4 หลัก ที่ได้จากเมื่อมีการสร้างโพสเสร็จสิ้น แล้วกด Confirm
  • เมื่อ PIN 4 หลักถูกต้องจะสามารถเข้ามารายชื่อผู้ที่ต้องการซื้อสินค้าของโพสนี้ได้
  • เลือกรายชื่อที่ต้องการติดต่อกลับโดยกดปุ่ม Select
  • จะแสดง modal ที่ขึ้นรายละเอียดของคนที่ต้องการซื้อสินค้า

Part 2

ui-flow Full image

ผู้ใช้งานสามารถเลือก Cancel เพื่อทำการยกเลิกการขายกับผู้สนใจคนนี้
ผู้ใช้งานสามารถเลือก Complete เพื่อทำการจบการขายกับผู้สนใจคนนี้
ผู้ใช้งานสามารถเลือก Back เพื่อย้อนกลับการไปหน้า View post details

Acceptance Tests

ตัวอย่าง Acceptance Tests Flow 4 : ผู้ขายเข้ามาดูโพสต์ของตัวเองว่ามีใครสนใจซื้อบ้าง

ดูรายละเอียดเต็ม ๆ ได้ที่ Google Sheet : Flow 4 : ผู้ขายเข้ามาดูโพสต์ของตัวเองว่ามีใครสนใจซื้อบ้าง

Case No. Case Name Case Description Input Expected Result Test Result
1 เจ้าของโพสต์เข้ามาดูรายชื่อคนที่สนใจในสินค้าของตน เจ้าของโพสต์เข้ามาดูรายชื่อคนที่สนใจในสินค้าของตน PIN CODE เจ้าของโพสต์เข้ามาดูว่ามีใครสนใจสินค้าของตนบ้างที่หน้า View Post หลังจากกรอก PIN CODE จะพาผู้ใช้มาที่หน้า View Post
2 เจ้าของโพสต์เลือกรายชื่อคนที่สนใจในสินค้าของตน เจ้าของโพสต์เลือกรายชื่อคนที่สนใจในสินค้าของตน PIN CODE, Select เจ้าของโพสต์เลือกรายชื่อที่ต้องการติดต่อกลับได้ หลังจาก Select แล้วจะนำเจ้าของโพสต์ไปที่หน้า Detail Contact
3 จบการซื้อขาย เจ้าของโพสต์จบการขายกับผู้ซื้อคนนี้ PIN CODE, Select, Complete หลังจากกดปุ่ม Complete จะเด้ง Modal pop up ให้เจ้าของโพสต์กดปุ่ม Yes เพื่อเป็นการจบการขายกับผู้ซื้อคนนี้ หลังจากเจ้าของโพสต์จบการซื้อขายแล้วจะกลับมาที่หน้า View Post
4 ปฏิเสธการซื้อขาย เจ้าของโพสต์ปฎิเสธการซื้อขายกับผู้ซื้อคนนี้ PIN CODE, Cancel หลังจากกดปุ่ม Cancel จะเด้ง Modal pop up ให้เจ้าของโพสต์กดปุ่ม Yes เพื่อเป็นการปฏิเสธการขายกับผู้ซื้อคนนี้ หลังจากเจ้าของโพสต์ปฏิเสธการซื้อขายแล้วจะกลับมาที่หน้า View Post
5 กลับหน้า View Post เจ้าของโพสต์ต้องการกลับไปที่หน้า View Post PIN CODE, Back หลังจากกดปุ่ม Back ให้นำผู้ใช้กลับมาที่หน้า View Post นำผู้ใช้กลับมาที่หน้า View Post
6 ไม่มี PIN CODE เจ้าของโพสต์จำ PIN CODE ไม่ได้ หรือไม่ได้บันทึกรูปไว้ ไม่มี PIN CODE เจ้าของโพสต์ไม่สามารถเข้าไปดูว่ามีใครสนใจสินค้าของตนบ้าง และไม่สามารถทำการซื้อขายกันได้ เนื่องจากไม่มี PIN CODE ไม่สามารถดูว่าใครสนใจสินค้าบ้าง และไม่สามารถทำการซื้อขายกันได้
7 มี PIN CODE เจ้าของโพสต์จำ PIN CODE ได้ มี PIN CODE เจ้าของโพสต์สามารถเข้าไปดูว่ามีใครสนใจสินค้าของตนบ้าง และสามารถทำการซื้อขายกันได้ สามารถดูว่าใครสนใจสินค้าบ้าง และสามารถทำการซื้อขายกันได้
  • Select, Cancel, Complete, Back เป็น Button
  • PIN CODE type int

API

Get all customer

End point: /getallcustomer/:post_id/:pin_code
Method: Get
Response :

{
  "status": 200,
  "data": [
        {
          "ObjectId" : "0124501233454"
          "Name": "ชาวบ้าน 1",
        }
        {
          "ObjectId" : "0134657345456"
          "Name": "ชาวบ้าน 2",
        }
        {
          "ObjectId" : "045673456564"
          "Name": "ชาวบ้าน 3",
        }
  ]
} 

Get customer info

End point: /getcustomerinfo/:post_id/:user_id
Method: Get
Request:

cookie: {
   post : {[
      {
       post_id:  1, 
       pin_code: 123456
      },
      {
       post_id: 2,
       pin_code: 275476
      }
   ]}
 }

Response :

{
  "status": 200,
  "data": [
        {
          "ObjectId" : "0124501233454"
          "Name": "ชาวบ้าน 1",
          "Contact": "02-2345678",
          "location": "RNP",
          "description": "อยู่ใต้ฟ้าบนดิน และในใจเธอ"
      }
  ]
} 
⚠️ **GitHub.com Fallback** ⚠️