บทที่ 3 - research-system.siam.edu

30
18 บทที3 การวิเคราะห์และออกแบบระบบ 3.1 รายละเอียดของภาคนิพนธ์ ระบบจัดการร้านค้าและการขายออนไลน์ เป็นแอปพลิเคชั่นตัวกลางเพื่อรวบรวมร้านค้า ออนไลน์ทั ้งที่มีหน้าร้านและไม่มีหน้าร้าน เป็นตัวช่วยให้ผู้ซื ้อสามารถเข ้ามาซื ้อสินค ้าได้ หลากหลาย และยังเป็นการเพิ ่มช่องทางการขายให้กับผู้ขายอีกด้วย ระบบจัดการร้านค้าและการขาย ออนไลน์ สามารถที่จะสร้างร้านได้โดยมีให้เลือก 2 ประเภท คือ ร้านออนไลน์ที่มีหน้าร้าน ร้านค้า ออนไลน์ที่มีหน้าร้านจะให้กําหนดพิกัดของร้านค้า เพื่อผู้ซื ้อจะสามารถเดินทางไปยังร้านค้าได้ สะดวกและรวดเร็วขึ ้น และร้านออนไลน์อย่างเดียว สามารถจัดการข้อมูลร้านค้า ข้อมูลส่วนตัว และ ข้อมูลโปรโมชั ่นได้ง่าย ไม่ซํ าซ้อน สามารถที่จะกดไลท์ และแสดงความคิดเห็นต่อสินค้าที่ต้องการ มีช่องสนทนาระหว่างผู้ซื ้อและผู ้ขาย มีระบบการสั่งซื ้อที่ง่ายและรวดเร็ว มีการแสดงเส้นทางและ นําทางไปยังร้านค้าที่ต้องการ

Upload: others

Post on 12-Apr-2022

10 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: บทที่ 3 - research-system.siam.edu

18

บทท 3

การวเคราะหและออกแบบระบบ

3.1 รายละเอยดของภาคนพนธ

ระบบจดการรานคาและการขายออนไลน เปนแอปพลเคชนตวกลางเพอรวบรวมรานคา

ออนไลนท งทมหนารานและไมมหนาราน เปนตวชวยใหผ ซอสามารถเขามาซอสนคาได

หลากหลาย และยงเปนการเพมชองทางการขายใหกบผขายอกดวย ระบบจดการรานคาและการขาย

ออนไลน สามารถทจะสรางรานไดโดยมใหเลอก 2 ประเภท คอ รานออนไลนทมหนาราน รานคา

ออนไลนทมหนารานจะใหกาหนดพกดของรานคา เพอผซอจะสามารถเดนทางไปยงรานคาได

สะดวกและรวดเรวขน และรานออนไลนอยางเดยว สามารถจดการขอมลรานคา ขอมลสวนตว และ

ขอมลโปรโมชนไดงาย ไมซ าซอน สามารถทจะกดไลท และแสดงความคดเหนตอสนคาทตองการ

มชองสนทนาระหวางผซอและผขาย มระบบการสงซอทงายและรวดเรว มการแสดงเสนทางและ

นาทางไปยงรานคาทตองการ

Page 2: บทที่ 3 - research-system.siam.edu

19

3.2 แสดงฟงกชนการทางานของระบบดวย Use Case Diagram

รปท 3.1 Use Case Diagram ของระบบจดการรานคาและการขายออนไลนบนแพลทฟอรมแอน

ดรอยด

Page 3: บทที่ 3 - research-system.siam.edu

20

3.3 อธบายรายละเอยดของยสเคส (Use Case Description)

ตารางท 3.1 รายละเอยดของ Use Case : Register

Use Case Name Register

Use Case ID UC1

Brief Descriptions สมครสมาชกเพอใชในการเขาสแอปพลเคชน

Primary Actors Buyer , Seller

Secondary Actors -

Pre conditions -

Main Flow :

1. ยสเคสจะเกดขนเมอผใชเลอกเมณสมครสมาชก

2. ผใชปอนขอมล อเมล , รหสผาน , ชอผใช และคลกปมสมครสมาชก

3. ระบบจะทาการตรวจสอบรปแบบ อเมลและรหสผาน วาตรงตามรปแบบทกาหนด

ไวหรอไม ถาไมตรงจะแจงใหผใชทราบวา “รปแบบ E-mail ไมถกตอง” หรอ “อยาง

นอย 8-16 ตวอกษร”

4. ระบบจะทาการตรวจ อเมลหรอชอผใช วามในฐานขอมลหรอยง ถามจะแจงใหผใช

ทราบวา “E-mail นถกใชแลว” หรอ “Username นถกใชแลว”

5. ระบบทาการบนทกขอมลผใชลงฐานขอมล

Post Conditions -

Alternative Flows -

Page 4: บทที่ 3 - research-system.siam.edu

21

ตารางท 3.2 รายละเอยดของ Use Case : Login

Use Case Name Login

Use Case ID UC2

Brief Descriptions ลงชอเขาสแอปพลเคชน

Primary Actors Buyer , Seller

Secondary Actors -

Pre conditions -

Main Flow :

1. ยสเคสจะเกดขนเมอผใชเลอกเมณเขาสระบบ

2. ผใชปอนขอมล อเมล , รหสผาน และคลกปม เขาสระบบ

3. ระบบจะทาการตรวจสอบขอมลทผใชปอนวาตรงกบขอมลในฐานขอมลหรอไม

3.1 ขอมลทปอนตรงกบขอมลในฐานขอมล

- ระบบแสดงหนารายการสนคา

3.2 ขอมลทปอนไมตรงกบขอมลในฐานขอมล

- ระบบแสดง Dialogbox วา “ อเมลหรอรหสผานไมถกตอง กรณากรอกใหม

อกครง ”

Post Conditions เมอลงชอเขาสแอปพลเคชนไดแลวจะสามารถใชงานฟงกชนตางๆ

ไดตามปกต

Alternative Flows -

Page 5: บทที่ 3 - research-system.siam.edu

22

ตารางท 3.3 รายละเอยดของ Use Case : Manager Profile

Use Case Name Manager Profile

Use Case ID UC3

Brief Descriptions จดการขอมลสวนตว

Primary Actors Buyer , Seller

Secondary Actors -

Pre conditions จะตองลงชอเขาสแอปพลเคชนกอน

Main Flow :

1. ยสเคสจะเกดขนเมอผใชเลอกทจะจดการขอมลสวนตว

2. ผใชเลอกทจะเพมขอมลสวนตว

2.1 ระบบแสดงฟอรมการเพมขอมลสนคา โดยม Field ตางๆ ดงน

- ชอจรง

- นามสกล

- โทรศพท

- Facebook

- Instagram

- Twitter

2.2 ผใชทาการปอนขอมล แลวกดปมเครองหมายถก

2.3 ระบบทาการบนทกขอมลสนคาลงฐานขอมลและทาการแสดงรายละเอยด

3. ผใชเลอกทจะแกไขขอมลสวนตว

3.1 ระบบจะแสดงฟอรมการแกไขขอมลสวนตว โดยมการแสดงรายละเอยดของ

ขอมลสวนตว

3.2 ผใชปอนขอมลทจะแกไข และกดปมเครองหมายถก

3.3 ระบบจะทาการปรบปรงขอมลทผใชแกไขลงฐานขอมล

Post Conditions -

Alternative Flows -

Page 6: บทที่ 3 - research-system.siam.edu

23

ตารางท 3.4 รายละเอยดของ Use Case : Manager Store

Use Case Name Manager Store

Use Case ID UC4

Brief Descriptions จดการขอมลรานคา

Primary Actors Seller

Secondary Actors -

Pre conditions จะตองลงชอเขาสแอปพลเคชนกอน

Main Flow :

1. ยสเคสจะเกดขนเมอผใชเลอกเลอกทจะจดการขอมลรานคา

2. ผใชเลอกทจะเพมขอมลรานคา

2.1 ระบบแสดงฟอรมการเพมขอมลสนคา โดยม Field ตางๆ ดงน

- ชอรานคา

- ลกษณะรานคา จะมใหเลอก 2 แบบ

- ลกษณะการขายออนไลนอยางเดยว

- ลกษณะการขายออนไลนมหนาราน จะมฟอรมการเพมขอมลเพมเตม

- ทอย

- หมายเลขโทรศพท

- ปกหมดแผนท

2.2 ผใชทาการปอนขอมล แลวกดปมเครองหมายถก

2.3 ระบบทาการบนทกขอมลสนคาลงฐานขอมลและทาการแสดงรายละเอยด

3. ผใชเลอกทจะแกไขขอมลรานคา

3.1 ระบบจะแสดงฟอรมการแกไขขอมลสวนตว โดยมการแสดงรายละเอยดของ

ขอมลสวนตว

3.2 ผใชปอนขอมลทจะแกไข และกดปมเครองหมายถก

3.3 ระบบจะทาการปรบปรงขอมลทผใชแกไขลงฐานขอมล

Post Conditions -

Alternative Flows -

Page 7: บทที่ 3 - research-system.siam.edu

24

ตารางท 3.5 รายละเอยดของ Use Case : Manager Product

Use Case Name Manager Product

Use Case ID UC5

Brief Descriptions จดการขอมลสนคา

Primary Actors Seller

Secondary Actors -

Pre conditions จะตองลงชอเขาสแอปพลเคชนกอน

Main Flow :

1. ยสเคสจะเกดขนเมอผใชเลอกทจะจดการขอมลสนคา

2. ผใชเลอกทจะเพมขอมลสนคา

2.1 ระบบแสดงฟอรมการเพมขอมลสนคา โดยม Field ตางๆ ดงน

- รปสนคา

- ชอสนคา

- รายละเอยดสนคา

- ประเภทสนคา

- ราคา

- วธการจดสง

- สภาพสนคา

2.2 ผใชทาการปอนขอมล แลวกดปมเครองหมายถก

2.3 ระบบทาการบนทกขอมลสนคาลงฐานขอมล

3 ผใชเลอกทจะแกไขขอมลสนคา

3.1 ผใชเลอกสนคาทตองการแกไข และกดแกไข

3.2 ระบบจะแสดงฟอรมการแกไขขอมลสนคา โดยมการแสดงรายละเอยดของ

สนคาทผใชเลอก

3.3 ผใชปอนขอมลทจะแกไข และกดปมเครองหมายถก

3.4 ระบบจะทาการอพเดตขอมลทผใชแกไขลงฐานขอมล

Post Conditions -

Alternative Flows -

Page 8: บทที่ 3 - research-system.siam.edu

25

ตารางท 3.6 รายละเอยดของ Use Case : Manager Promotion

Use Case Name Manager Promotion

Use Case ID UC6

Brief Descriptions จดการขอมลโปรโมชน

Primary Actors Seller

Secondary Actors -

Pre conditions จะตองลงชอเขาสแอปพลเคชนกอน

Main Flow :

1. ยสเคสจะเกดขนเมอผใชตองการจดการขอมลโปรโมชน

2. ผใชเลอกสนคาทตองการจดการขอมลโปรโมชน

3. ผใชเลอกทจะเพมโปรโมชน

3.1 ระบบจะแสดงฟอรมการเพมโปรโมชน

- สถานะโปรโมชน

- เวลาสนสดโปรโมชน

- ประเภทโปรชน

- ซอ x (จานวน) แถม x (จานวน)

- ลดราคา (เปอรเซนต)

- ลดราคา (บาท)

3.2 ผใชกรอกขอมลทตองการเพมและกดปมเครองหมายถก

3.3 ระบบจะทาการบนทกขอมลลงฐานขอมล

4. ผใชเลอกทจะแกไขโปรโมชน

4.1 ระบบจะทาการแสดงโปรโมชนทผใชเลอก

4.2 ผใชกรอกขอมลทตองการแกไขและกดปมเครองหมายถก

4.3 ระบบจะทาการปรบปรงขอมลลงฐานขอมล

Post Conditions -

Alternative Flows -

Page 9: บทที่ 3 - research-system.siam.edu

26

ตารางท 3.7 รายละเอยดของ Use Case : Manager Comment

Use Case Name Manager Comment

Use Case ID UC7

Brief Descriptions จดการขอมลแสดงความคดเหน

Primary Actors Buyer , Seller

Secondary Actors -

Pre conditions จะตองลงชอเขาสแอปพลเคชนกอน

Main Flow :

1. ยสเคสจะเกดขนเมอผใชเลอกจดการขอมลแสดงความคดเหน

2. ผใชเลอกทจะเพมขอมลแสดงความคดเหน

2.1 ระบบแสดงฟอรมแสดงความคดเหนโดยม Field ดงน

- ขอความทตองการแสดงความคดเหน

2.2 ผใชปอนขอมล และกดแสดงความคดเหน

2.3 ระบบจะทาการบนทกขอมลลงฐานาขอมลและแสดงความคดเหนทงหมด

รวมถงความคดเหนทผใชพงปอนไป

3. ผใชเลอกทจะแกไขขอมลแสดงความคดเหน

3.1 ผใชเลอกขอความทตองการแกไขและกดแกไข

3.2 ระบบแสดงฟอรมแสดงความคดเหนโดยขอความแสดงความคดเหน

3.3 ผใชปอนขอมลทตองการแกไข และกดปมอพเดต

3.4 ระบบจะทาการปรบปรงขอมลลงฐานขอมล

4. ผใชเลอกทจะลบขอมลแสดงความคดเหน

3.3 ผใชเลอกขอความทตองการลบและกดลบ

3.4 ระบบจะทาการลบขอมลในฐานขอมล

Post Conditions -

Alternative Flows -

Page 10: บทที่ 3 - research-system.siam.edu

27

ตารางท 3.8 รายละเอยดของ Use Case : Search

Use Case Name Search

Use Case ID UC8

Brief Descriptions คาหาสนคา , รานคา หรอโปรโมชน

Primary Actors Buyer

Secondary Actors -

Pre conditions -

Main Flow :

1. ยสเคสจะเกดขนเมอผใชตองการคนหาสนคา , รานคา หรอโปรโมชน

2. ผใชกรอกคาทตองการคนหา และกดคนหา

3. ระบบจะแสดงขอความทมคาทผใชกรอก

Post Conditions -

Alternative Flows -

Page 11: บทที่ 3 - research-system.siam.edu

28

ตารางท 3.9 รายละเอยดของ Use Case : View Profile

Use Case Name View Profile

Use Case ID UC9

Brief Descriptions ดรายละเอยดโปรไฟลของผขาย

Primary Actors Buyer

Secondary Actors -

Pre conditions จะตองลงชอเขาสแอปพลเคชนกอน

Main Flow :

1. ยสเคสจะเกดขนเมอผใชเลอกดโปรไฟล

2. ระบบแสดงรายละเอยดโปรไฟลของผขาย โดยมขอมล ดงน

- รปภาพ

- ชอ

- รานคา

- โทรศพท

- Facebook

- Instagram

- Twitter

- Line

Post Conditions -

Alternative Flows -

Page 12: บทที่ 3 - research-system.siam.edu

29

ตารางท 3.10 รายละเอยดของ Use Case : View Product

Use Case Name View Product

Use Case ID UC10

Brief Descriptions ดรายละเอยดสนคา

Primary Actors Buyer

Secondary Actors -

Pre conditions -

Main Flow :

1. ยสเคสจะเกดขนเมอผใชคลกรายละเอยดสนคาทผใชตองการ

2. ระบบแสดงรายละเอยดสนคาทผใชเลอก โดยมขอมล ดงน

- ชอสนคา

- ราคา

- โปรโมชน

- รายละเอยดสนคา

- หมวดหม

- วธการจดสง

- ทาการจดสงภายใน

- สภาพสนคา

- โปรไฟลผขาย

Post Conditions -

Alternative Flows -

Page 13: บทที่ 3 - research-system.siam.edu

30

ตารางท 3.11 รายละเอยดของ Use Case : View Store

Use Case Name View Store

Use Case ID UC11

Brief Descriptions ดรายละเอยดรานคา

Primary Actors Buyer

Secondary Actors -

Pre conditions -

Main Flow :

1. ยสเคสจะเกดขนเมอผใชเลอกดรายละเอยดรานคา

2. ผใชเลอกรานคาทตองการดรายละเอยด

3. ระบบจะทาการแสดงรายละเอยดรานคาและสนคาทงหมดในรานคาทเลอก

Post Conditions -

Alternative Flows -

Page 14: บทที่ 3 - research-system.siam.edu

31

ตารางท 3.12 รายละเอยดของ Use Case : View Order

Use Case Name View Order

Use Case ID UC12

Brief Descriptions ดรายละเอยดการสงซอหรอรายการขาย

Primary Actors Buyer , Seller

Secondary Actors -

Pre conditions จะตองลงชอเขาสแอปพลเคชนกอน

Main Flow :

1. ยสเคสจะเกดขนเมอผใชเลอกดรายละเอยดการสงซอหรอรายการขาย

2. ผใชเลอกรายการการสงซอหรอการขายทตองการจะด

3. ระบบแสดงรายละเอยดรายละเอยดการสงซอหรอรายการขายโดยมขอมล ดงน

- ชอสนคา

- ราคารวมทงหมด

- จานวนสนคา

- ทอยการจดสง

- รายละเอยดโปรโมชน ( ถาม )

Post Conditions -

Alternative Flows -

Page 15: บทที่ 3 - research-system.siam.edu

32

ตารางท 3.13 รายละเอยดของ Use Case : Send Message

Use Case Name Send Message

Use Case ID UC13

Brief Descriptions สงขอความพดคยกบผซอหรอผขาย

Primary Actors Buyer , Seller

Secondary Actors -

Pre conditions จะตองลงชอเขาสแอปพลเคชนกอน

Main Flow :

1. ยสเคสจะเกดขนเมอผใชตองการสงขอความคยกบผซอหรอผขาย

2. ผใชเลอกผซอหรอผขายทตองการจะพดคย

3. ผใชกรอกขอความทตองพดคยผซอหรอผขาย

4. ระบบจะทาการสงขอความไปยงผซอหรอผขายทผใชเลอก

Post Conditions -

Alternative Flows -

ตารางท 3.14 รายละเอยดของ Use Case : Follow Store

Use Case Name Follow Store

Use Case ID UC14

Brief Descriptions กดตดตามรานคา

Primary Actors Buyer

Secondary Actors -

Pre conditions จะตองลงชอเขาสแอปพลเคชนกอน

Main Flow :

1. ยสเคสจะเกดขนเมอผใชตองการกดตดตามรานคา

2. ผใชเลอกรานคาทตองการตดตาม

3. ผใชกดปมตดตาม

4. ระบบจะทาการบนทกรหสรานคาทผใชเลอกและรหสผใชลงฐานขอมล

Post Conditions -

Alternative Flows -

Page 16: บทที่ 3 - research-system.siam.edu

33

ตารางท 3.15 รายละเอยดของ Use Case : Like Product

Use Case Name Like Product

Use Case ID UC15

Brief Descriptions กดถกใจหรอยกเลกถกใจสนคา

Primary Actors Buyer , Seller

Secondary Actors -

Pre conditions จะตองลงชอเขาสแอปพลเคชนกอน

Main Flow :

1. ยสเคสจะเกดขนเมอผใชตองการกดถกใจหรอยกเลกถกใจสนคา

2. ผใชเลอกสนคาทตองการและกดถกใจ

3. ระบบจะทาการตรวจสอบวาสนคาทผใชเลอกมการกดถกใจโดยผใชหรอไม

3.1 ถามการกดถกใจทสนคานน

- ระบบจะทาการยกเลกการถกใจสนคานน

3.2 ถาไมมการกดการถกใจทสนคานน

- ระบบจะทาการเพมการถกใจไปยงสนคานน

Post Conditions -

Alternative Flows -

Page 17: บทที่ 3 - research-system.siam.edu

34

ตารางท 3.16 รายละเอยดของ Use Case : Buy Product

Use Case Name Buy Product

Use Case ID UC16

Brief Descriptions การสงซอสนคา

Primary Actors Buyer

Secondary Actors -

Pre conditions จะตองลงชอเขาสแอปพลเคชนกอน

Main Flow :

1. ยสเคสจะเกดขนเมอผใชตองการสงซอสนคา

2. ผใชเลอกสนคาตองการสงซอและกดสงซอ

3. ระบบจะแสดงฟอรมสาหรบการสงซอสนคาโดยม Field ดงน

- จานวนสนคา

- ขอมลการจดสง

4. ผใชกรอกขอมลทตองการและกดยนยนซอสนคา

5. ระบบจะแสดงรายละเอยดการสงซอและคานวณเงนทตองจายทนท

6. ผใชกดยนยนการสงซอสนคา

7. ระบบจะทาการบนทกขอมลลงฐานขอมล

Post Conditions -

Alternative Flows -

Page 18: บทที่ 3 - research-system.siam.edu

35

ตารางท 3.17 รายละเอยดของ Use Case : Map Tracking

Use Case Name Map Tracking

Use Case ID UC17

Brief Descriptions แผนทจะแสดง Marker ตาแหนงของรานคาและเสนนาทางไปยง

รานคาทตองการ

Primary Actors Buyer

Secondary Actors -

Pre conditions -

Main Flow :

1. ยสเคสจะเกดขนเมอผใชเลอกดแผนท

2. ระบบจะแสดง Marker ของรานคา

3. ผใชสามารถเลอกระบบนาทางไปยงรานคาทตองการได

Post Conditions -

Alternative Flows -

Page 19: บทที่ 3 - research-system.siam.edu

36

3.4 Sequence Diagram

รปท 3.2 Sequence Diagram : Register

Page 20: บทที่ 3 - research-system.siam.edu

37

รปท 3.3 Sequence Diagram : Login

รปท 3.4 Sequence Diagram : Manager Profile

Page 21: บทที่ 3 - research-system.siam.edu

38

รปท 3.5 Sequence Diagram : Manager Store

รปท 3.6 Sequence Diagram : Manager Product

Page 22: บทที่ 3 - research-system.siam.edu

39

รปท 3.7 Sequence Diagram : Manager Promotion

รปท 3.8 Sequence Diagram : Manager Comment

Page 23: บทที่ 3 - research-system.siam.edu

40

รปท 3.9 Sequence Diagram : Search

Page 24: บทที่ 3 - research-system.siam.edu

41

รปท 3.10 Sequence Diagram : View Profile

รปท 3.11 Sequence Diagram : View Product

Page 25: บทที่ 3 - research-system.siam.edu

42

รปท 3.12 Sequence Diagram : View Store

รปท 3.13 Sequence Diagram : View Order

Page 26: บทที่ 3 - research-system.siam.edu

43

รปท 3.14 Sequence Diagram : Send Message

รปท 3.15 Sequence Diagram : Follow Store

Page 27: บทที่ 3 - research-system.siam.edu

44

รปท 3.16 Sequence Diagram : Like Product

Page 28: บทที่ 3 - research-system.siam.edu

45

รปท 3.17 Sequence Diagram : Buy Product

รปท 3.18 Sequence Diagram : Map Tracking

Page 29: บทที่ 3 - research-system.siam.edu

46

3.5 แผนภาพแสดงองคประกอบของคลาส (Class Diagram)

รปท 3.19 Class Diagram ของระบบจดการรานคาและการขายออนไลน

บนแพลทฟอรมแอนดรอยด

Page 30: บทที่ 3 - research-system.siam.edu

47

3.6 โครงสรางขอมลและความสมพนธระหวางเอนทต (Entity Relationship Diagram)

รปท 3.20 โครงสรางขอมลและความสมพนธระหวางเอนทต (Entity Relationship Diagram) ของ

ระบบจดการรานคาและการขายออนไลนบนแพลทฟอรมแอนดรอยด