บทที่3

วิธีการออกแบบระบบและดำเนินการศึกษา
ในการพัฒนาระบบการขายสินค้าออนไลน์กรณีศึกษาร้านบ.เจริญพานิช ผู้จัดทำจำเป็นต้องศึกษาหลัก
ทฤษฎี เทคโนโลยีต่าง ๆ ที่นำมาพัฒนาระบบงาน และมีการศึกษางานวิจัย ที่เกี่ยวข้องกับระบบงาน โดยแบ่ง
การศึกษาเป็น 4 ส่วนดังนี้
3.1 ประชากรและกลุ่มตัวอย่าง
3.2 การพัฒนาระบบงาน
3.3 การประเมินคุณภาพ ระบบการขายสินค้าออนไลน์กรณีศึกษาร้านบ.เจริญพานิช
3.4 การประเมินความพึงพอใจ ระบบการขายสินค้าออนไลน์กรณีศึกษาร้านบ.เจริญพานิช
3.1 ประชากรและกลุ่มตัวอย่าง
ประชากรที่ใช้ในการประเมินผลระบบงาน คือ
- ลูกค้าที่ซื้อของทางร้านบ.เจริญพานิช
กลุ่มตัวอย่างที่ใช้ในการประเมินผลระบบงาน คือ
- ลูกค้าที่ซื้อของผ่านเว็บไซต์ออนไลน์และผ่านทางCHATBOT จำนวน 20 คน
3.2 การพัฒนาระบบงาน
3.2.1 การศึกษาระบบงาน
1) ประวัติความเป็นมาของระบบงาน
หลังจากสถานการณ์โรคระบาด โควิด -19 ทำให้พฤติกรรมผู้บริโภคเปลี่ยนไปไม่น้อย โดยเฉพาะคน ใน
เมืองใหญ่ ทั้งนี้เนื่องมาจากนโยบายภาครัฐจนไปถึงบริษัทหลายแห่งที่ได้มีการประกาศให้ทำงานที่บ้าน หรือ work
from home เพื่อสนับ สนุน การเว้น ระยะห่างเพื่ อป้ องกัน การแพร่ร ะบาดของเชื้ อ โควิด -19 หรือที่เรีย กว่ า
Physical Distancing วิถีชีวิต ก็ค่อย ๆ เปลี่ยนไป จากที่เคยเร่งรีบก็ค่อยค่อยเป็นช้าลง ในขณะเดียวกัน ในโลก
ธุรกิจการค้าออนไลน์เติบโตก็ขึ้นอย่างต่อเนื่อง ทั้งนี้เนื่องมาจากเทคโนโลยีที่ก้าวหน้าทำให้การเข้าถึงอินเตอร์เน็ต
ของผู้บริโภคสะดวกง่ายแค่เพียงปลายนิ้วสัมผัส ธุ รกิจพาณิชย์อิเล็คทรอนิกส์ (E-Commerce) เป็นช่องทางการ
ขายหลักในการเข้าถึงผู้บริโภค เพื่อสนองนโยบายการเว้นระยะห่างของภาครัฐ จึงทำให้เกิดการแข่งขัน การ
ให้บริการเพื่อตอบสนองความต้องการของผู้บริโภคให้ได้มากที่สุด มีระบบชำระเงินหลากหลายช่องทางรวมถึงมี
ระบบจัดการสิ น ค้าและขนส่งถึงปลายทางพร้อมเก็บเงินซึ่งช่ว ยอำนวยความสะดวกให้ผ ู้บริโ ภคได้รับความ
สะดวกสบายและมั่นใจในระบบการสั่งซื้อสินค้าผ่านทางแอพพลิเคชั่นออนไลน์มากขึ้น แต่เดิมทางร้านบ. เจริญ
พานิชเป็นร้านขายสินค้าส่งที่ขายสินค้าทั่วไปแบบการขายสินค้าหน้าร้านไม่แบ่งแยกหมว ดหมู่ ไม่มีการจัดการ
รายรับรายจ่ายที่ชัดเจน และปัญหาในการเก็บข้อมูลไม่ครบถ้วนไม่มีความละเอียดพอ เมื่อสืบค้นข้อมูลในภายหลัง
จึงไม่สามารถเก็บข้อมูลที่มีความละเอียดและแม่นยำได้ การขายสินค้าแบบเดิมนั้นเป็นที่ยอมรับของคนในหมู่บา้ น
แต่ทางร้านค้าสามารถขายสิน ค้าได้เ พี ย งช่อ งทางเดียวและเกิดปัญหาซับซ้ อนในการเก็บ ข้ อมูล การซื้ อ ขาย
จากที่กล่าวมาข้างต้นได้เห็นถึงปัญหาและความสำคัญของทางร้านบ. เจริญพานิชจึงมีได้แนวคิดในการ
แก้ไขปัญหาที่เกิดขึ้นโดยได้พัฒนาระบบการขายสินค้าออนไลน์ขึ้นมาซึ่งเป็นระบบที่ใช้เทคโนโลยีเกี่ยวกับธุรกิจ
พาณิชย์อิเล็กทรอนิกส์ E-Commerce เป็นเว็บไซต์ร้านค้าออนไลน์ที่สามารถเก็บข้อมูลการซื้อสินค้าออนไลน์
ข้อมูลการขายสินค้าได้อย่างละเอียดถูกต้องแม่นยำ ทำให้ร้านบ. เจริญพานิชมีรายได้เพิ่มมาอีกหนึ่งช่องทางด้วย
2) ความต้องการ
2.1) ต้องการระบบการขายสินค้าออนไลน์กรณีศึกษาร้านบ.เจริญพานิช ที่มีความสามารถในการ
ทำงานที่ถูกต้อง รวดเร็ว และเก็บข้อมูลที่แม่นยำ
2.2) ต้องการระบบการขายสินค้าออนไลน์กรณีศึกษาร้านบ.เจริญพานิช ที่มีความสามารถในการ
จัดการสิทธิ์การเข้าใช้งาน ระบบการสมัครสมาชิก
2.3) ต้องการระบบการขายสินค้าออนไลน์กรณีศึกษาร้านบ.เจริญพานิช ที่มีความสามารถในการ เพิ่ม ลบ
แก้ไข ค้นหา และบันทึกข้อมูลสินค้าได้
2.4) ต้องการระบบการขายสินค้าออนไลน์กรณีศึกษาร้านบ.เจริญพานิช ที่มีความสามารถในการ เพิ่ม ลบ
แก้ไข ค้นหา และบันทึกข้อมูลสมาชิกได้
2.5) ต้องการระบบการขายสินค้าออนไลน์กรณีศึกษาร้านบ.เจริญพานิช ที่มีความสามารถในการ เพิ่ม ลบ
แก้ไข ค้นหา บันทึก และรายงานข้อมูลการสั่งซื้อสินค้าเป็น วัน/เดือน/ปี ได้
2.6) ต้องการระบบการขายสินค้าออนไลน์กรณีศึกษาร้านบ.เจริญพานิช ทีม่ ีความสามารถในการแจ้ง
การชำระเงิน ตรวจสอบการชำระเงินของสมาชิก และพิมพ์ใบเสร็จรับเงินได้
2.7) ต้องการระบบการขายสินค้าออนไลน์กรณีศึกษาร้านบ.เจริญพานิช ที่มีความสามารถในการ เพิ่ม ลบ
แก้ไข ค้นหา และบันทึกข้อมูลสต็อกสินค้าได้
2.8) ต้องการระบบการขายสินค้าออนไลน์กรณีศึกษาร้านบ.เจริญพานิช ที่มีความสามารถในการ เพิ่ม ลบ
แก้ไข ค้นหา บันทึก และรายงานข้อมูลการจัดส่งสินค้าสินค้าเป็น วัน/เดือน/ปี ได้
2.9) ต้องการระบบการขายสินค้าออนไลน์กรณีศึกษาร้านบ.เจริญพานิช ที่มีความสามารถในการ เพิ่ม ลบ
แก้ไข ค้นหา บันทึก และรายงานข้อมูลยอดขายสินค้าเป็น วัน/เดือน/ปี ได้
2.10) ต้องการระบบการขายสินค้าออนไลน์กรณีศึกษาร้านบ.เจริญพานิช ที่มีความสามารถในจัดอับดับ
สินค้าขายดีได้
2.10) ต้องการระบบการขายสินค้าออนไลน์กรณีศึกษาร้านบ.เจริญพานิช ที่มีความสามารถในการ
ตรวจสอบความถูกต้องของข้อมูล และเรียกดูรายงานต่างๆ ได้
2.11) ต้องการระบบการขายสินค้าออนไลน์กรณีศึกษาร้านบ.เจริญพานิช ที่มีความสามารถในการตอบ
คำถามCHATBOTอันตโนมัติได้
 3) Work Flow

ภาพที่ 3.1 Workflow ระบบการขายสินค้าออนไลน์กรณีศึกษาร้านบ.เจริญพานิช

 3.2.2 การวิเคราะห์และออกแบบ
1) Functional Decomposition Diagram

ภาพที่ 3.2 Functional Decomposition Diagram ระบบการขายสินค้าออนไลน์กรณีศึกษาร้านบ.เจริญพานิช

2) Context Diagram

ภาพที่ 3.3 Context Diagram ระบบการขายสินค้าออนไลน์กรณีศึกษาร้านบ.เจริญพานิช

 3) Data Flow Diagram Level 1

ภาพที่ 3.4 Data Flow Diagram Level 1 ระบบการขายสินค้าออนไลน์กรณีศึกษาร้านบ.เจริญพานิช

4) Data Flow Diagram Level 2 : Process 1 จัดการสิทธิ์การเข้าใช้งาน

ภาพที่ 3.5 Data Flow Diagram Level 2 : Process 1 จัดการสิทธิ์การเข้าใช้งาน

5) Data Flow Diagram Level 2 : Process 2 จัดการข้อมูลสินค้า

ภาพที่ 3.6 Data Flow Diagram Level 2 : Process 2 จัดการข้อมูลสินค้า

6) Data Flow Diagram Level 2 : Process 3 จัดการข้อมูลสมาชิก

ภาพที่ 3.7 Data Flow Diagram Level 2 : Process 3 จัดการข้อมูลสมาชิก

7) Data Flow Diagram Level 2 : Process 4 จัดการข้อมูลการสั่งซื้อสินค้า

ภาพที่ 3.8 Data Flow Diagram Level 2 : Process 4 จัดการข้อมูลการสั่งซื้อสินค้า

8) Data Flow Diagram Level 2 : Process 5 จัดการข้อมูลการแจ้งข้อมูลการชำระเงิน

ภาพที่ 3.9 Data Flow Diagram Level 2 : Process 5 จัดการข้อมูลการแจ้งข้อมูลการชำระเงิน

9) Data Flow Diagram Level 2 : Process 6 จัดการข้อมูลสต็อกสินค้า

ภาพที่ 3.10 Data Flow Diagram Level 2 : Process 6 จัดการข้อมูลสต็อกสินค้า

10) Data Flow Diagram Level 2 : Process 7 จัดการข้อมูลการจัดส่งสินค้า

ภาพที่ 3.11 Data Flow Diagram Level 2 : Process 7 จัดการข้อมูลการจัดส่งสินค้า

11) Data Flow Diagram Level 2 : Process 8 จัดการข้อมูลCHATBOT

ภาพที่ 3.12 Data Flow Diagram Level 2 : Process 8 จัดการข้อมูลCHATBOT

12) Data Flow Diagram Level 2 : Process 9 จัดการรายงานข้อมูล

ภาพที่ 3.13 Data Flow Diagram Level 2 : Process 9 จัดการายงานข้อมูล

 14) Process Description
ตาราง Process Description ระบบการขายสินค้าออนไลน์กรณีศึกษาร้านบ.เจริญพานิช
ตารางที่ 3.1 Process Description : ระบบจัดการข้อมูลสิทธิ์ผู้ใช้งาน
Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 1.0
Process name ระบบจัดการข้อมูลสิทธิ์ผู้ใช้งาน
Input data flows User/Password
Output data flows ข้อมูลข้อมูลสิทธิ์ผู้ใช้งาน
Data stored used ข้อมูลข้อมูลสิทธิ์ผู้ใช้งาน
Description เป็น Process จัดการข้อมูลสิทธิ์ผู้ใช้งาน

ตารางที่ 3.2 Process Description : ระบบจัดการข้อมูลสิทธิ์ผู้ใช้งาน(เพิ่ม ลบ แก้ไข ค้นหา)

Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 1.1
Process name ระบบจัดการข้อมูลสิทธิ์ผู้ใช้งาน
Input data flows User/Password
Output data flows ข้อมูลสิทธิ์ผู้ใช้งาน
Data stored used ข้อมูลสิทธิ์ผู้ใช้งาน
Description เป็น Process จัดการข้อมูลสิทธิ์ผู้ใช้งาน (เพิ่ม ลบ แก้ไข ค้นหา)

ตารางที่ 3.3 Process Description : จัดการข้อมูลสินค้า

Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 2.0
Process name จัดการข้อมูลสินค้า
Input data flows ข้อมูลสินค้า
Output data flows ข้อมูลสินค้า
Data stored used ข้อมูลสินค้า
Description เป็น Process ใช้จัดการข้อมูลสินค้าในระบบ
ตารางที่ 3.4 Process Description : เพิ่มข้อมูลสินค้าและรายละเอียดสินค้า
Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 2.1
Process name เพิ่มข้อมูลสินค้าและรายละเอียดสินค้า
Input data flows ข้อมูลสินค้า
Output data flows ข้อมูลสินค้า
Data stored used ข้อมูลสินค้า
Description เป็น Process ใช้เพิ่มรายละเอียดข้อมูลสินค้าในระบบ

ตารางที่ 3.5 Process Description : ลบข้อมูลข้อมูลสินค้า

Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 2.2
Process name ลบข้อมูลสินค้า
Input data flows ข้อมูลสินค้า
Output data flows ข้อมูลสินค้า
Data stored used ข้อมูลสินค้า
Description เป็น Process ใช้ลบข้อมูลสินค้าในระบบ

ตารางที่ 3.6 Process Description : แก้ไขข้อมูลข้อมูลสินค้า

Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 2.3
Process name แก้ไขข้อมูลข้อมูลสินค้า
Input data flows ข้อมูลสินค้า
Output data flows ข้อมูลสินค้า
Data stored used ข้อมูลสินค้า
Description เป็น Process ใช้แก้ไข้ข้อมูลสินค้าในระบบ
ตารางที่ 3.7 Process Description : ค้นหาข้อมูลสินค้า
Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 2.4
Process name ค้นหาข้อมูลสินค้า
Input data flows ข้อมูลสินค้า
Output data flows ข้อมูลสินค้า
Data stored used ข้อมูลสินค้า
Description เป็น Process ใช้ค้นหาสินค้าในระบบ

ตารางที่ 3.8 Process Description : จัดการข้อมูลลูกค้า

Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 3.0
Process name สมัครสมาชิก
Input data flows ข้อมูลสิทธิการเข้าใช้งาน,ข้อมูลสมาชิก
Output data flows ข้อมูลสิทธิการเข้าใช้งาน,ข้อมูลสมาชิก
Data stored used ข้อมูลสิทธิการเข้าใช้งาน,ข้อมูลสมาชิก
Description เป็น Process ใช้สมัครสมาชิกในระบบ

ตารางที่ 3.9 Process Description : เพิ่มข้อมูลสมาชิก

Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 3.1
Process name เพิ่มสมัครสมาชิก
Input data flows รายละเอียดข้อมูลสมาชิก
Output data flows ข้อมูลสมาชิก
Data stored used ข้อมูลสมาชิก
Description เป็น Process ใช้เพิ่มรายละเอียดข้อมูลสมาชิกในระบบ
ตารางที่ 3.10 Process Description : ลบข้อมูลสมาชิก
Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 3.2
Process name ลบสมัครสมาชิก
Input data flows ข้อมูลสมาชิก
Output data flows ข้อมูลสมาชิก
Data stored used ข้อมูลสมาชิก
Description เป็น Process ใช้ลบสมาชิกในระบบ

ตารางที่ 3.11 Process Description : แก้ไขข้อมูลสมาชิก

Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 3.3
Process name แก้ไขข้อมูลสมาชิก
Input data flows ข้อมูลสมาชิก
Output data flows ข้อมูลสมาชิก
Data stored used ข้อมูลสมาชิก
Description เป็น Process ใช้แก้ไข้สมาชิกในระบบ

ตารางที่ 3.12 Process Description : ค้นหาข้อมูลสมาชิก

Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 3.4
Process name ค้นหาข้อมูลสมาชิก
Input data flows ข้อมูลสมาชิก
Output data flows ข้อมูลสมาชิก
Data stored used ข้อมูลสมาชิก
Description เป็น Process ใช้ค้นหาสมาชิกในระบบ
ตารางที่ 3.13 Process Description : จัดการข้อมูลการสั่งซื้อสินค้า
Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 4.0
Process name จัดการข้อมูลการสั่งซื้อสินค้า
Input data flows ข้อมูลการสั่งซื้อสินค้า
Output data flows ข้อมูลการสั่งซื้อสินค้า
Data stored used ข้อมูลการสั่งซื้อสินค้า
Description เป็น Process ใช้จัดการข้อมูลการสั่งซื้อสินค้าในระบบ

ตารางที่ 3.14 Process Description : เพิ่มข้อมูลการสั่งซื้อสินค้า

Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 4.1
Process name เพิ่มข้อมูลการสั่งซื้อสินค้า
Input data flows ข้อมูลการสั่งซื้อสินค้า
Output data flows ข้อมูลการสั่งซื้อสินค้า
Data stored used ข้อมูลการสั่งซื้อสินค้า
Description เป็น Process ใช้เพิ่มข้อมูลการสั่งซื้อสินค้าในระบบ

ตารางที่ 3.15 Process Description : แก้ไขข้อมูลการสั่งซื้อสินค้า

Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 4.2
Process name แก้ไขข้อมูลการสั่งซื้อสินค้า
Input data flows ข้อมูลการสั่งซื้อสินค้า
Output data flows ข้อมูลการสั่งซื้อสินค้า
Data stored used ข้อมูลการสั่งซื้อสินค้า
Description เป็น Process ใช้แก้ไขข้อมูลการสั่งซื้อสินค้าในระบบ
ตารางที่ 3.16 Process Description : ค้นหาข้อมูลการสั่งซื้อสินค้า
Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 4.3
Process name ค้นหาข้อมูลการสั่งซื้อสินค้า
Input data flows ข้อมูลการสั่งซื้อสินค้า
Output data flows ข้อมูลการสั่งซื้อสินค้า
Data stored used ข้อมูลการสั่งซื้อสินค้า
Description เป็น Process ใช้ค้นหาข้อมูลการสั่งซื้อสินค้าในระบบ

ตารางที่ 3.17 Process Description : ตรวจสอบข้อมูลการสั่งซื้อสินค้า

Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 4.4
Process name ตรวจสอบข้อมูลการสั่งซื้อสินค้า
Input data flows ข้อมูลการสั่งซื้อสินค้า
Output data flows ข้อมูลการสั่งซื้อสินค้า
Data stored used ข้อมูลการสั่งซื้อสินค้า
Description เป็น Process ใช้ตรวจสอบข้อมูลการสั่งซื้อสินค้าในระบบ

ตารางที่ 3.18 Process Description : ข้อมูลการแจ้งชำระเงิน

Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 5.0
Process name ข้อมูลการแจ้งชำระเงิน
Input data flows ข้อมูลการแจ้งชำระเงิน
Output data flows ข้อมูลการแจ้งชำระเงิน
Data stored used ข้อมูลการแจ้งชำระเงิน
Description เป็น Process ใช้จัดการข้อมูลการการแจ้งชำระเงินในระบบ
ตารางที่ 3.19 Process Description : แจ้งข้อมูลการชำระเงิน
Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 5.1
Process name แจ้งข้อมูลการชำระเงิน
Input data flows ข้อมูลการแจ้งชำระเงิน
Output data flows ข้อมูลการแจ้งชำระเงิน
Data stored used ข้อมูลการแจ้งชำระเงิน
Description เป็น Process ใช้แจ้งข้อมูลชำระเงินในระบบ

ตารางที่ 3.20 Process Description : ตรวจสอบข้อมูลการชำระเงิน

Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 5.2
Process name ตรวจสอบข้อมูลการชำระเงิน
Input data flows ข้อมูลการแจ้งชำระเงิน
Output data flows ข้อมูลการแจ้งชำระเงิน
Data stored used ข้อมูลการแจ้งชำระเงิน
Description เป็น Process ใช้ตรวจสอบข้อมูลชำระเงินในระบบ

ตารางที่ 3.21 Process Description : แจ้งสถานะการชำระเงิน

Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 5.3
Process name แจ้งสถานะการชำระเงิน
Input data flows ข้อมูลการแจ้งชำระเงิน
Output data flows ข้อมูลการแจ้งชำระเงิน
Data stored used ข้อมูลการแจ้งชำระเงิน
Description เป็น Process ใช้แจ้งสถานะชำระเงินในระบบ
ตารางที่ 3.22 Process Description : ค้นหาข้อมูลการชำระเงิน
Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 5.4
Process name ค้นหาข้อมูลการชำระเงิน
Input data flows ข้อมูลการแจ้งชำระเงิน
Output data flows ข้อมูลการแจ้งชำระเงิน
Data stored used ข้อมูลการแจ้งชำระเงิน
Description เป็น Process ใช้ค้นหาข้อมูลชำระเงินในระบบ

ตารางที่ 3.23 Process Description : จัดการข้อมูลสต๊อกสินค้า

Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 6.0
Process name จัดการข้อมูลสต๊อกสินค้า
Input data flows ข้อมูลสต๊อกสินค้า
Output data flows ข้อมูลสต๊อกสินค้า
Data stored used ข้อมูลสต๊อกสินค้า
Description เป็น Process ใช้จัดการข้อมูลสต๊อกสินค้าในระบบ

ตารางที่ 3.24 Process Description : เพิ่มข้อมูลสต๊อกสินค้า

Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 6.1
Process name เพิ่มข้อมูลสต๊อกสินค้า
Input data flows ข้อมูลสต๊อกสินค้า
Output data flows ข้อมูลสต๊อกสินค้า
Data stored used ข้อมูลสต๊อกสินค้า
Description เป็น Process ใช้เพิ่มข้อมูลสต๊อกสินค้าในระบบ
ตารางที่ 3.25 Process Description : แก้ไขข้อมูลสต๊อกสินค้า
Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 6.2
Process name แก้ไขข้อมูลสต๊อกสินค้า
Input data flows ข้อมูลสต๊อกสินค้า
Output data flows ข้อมูลสต๊อกสินค้า
Data stored used ข้อมูลสต๊อกสินค้า
Description เป็น Process ใช้แก้ไขข้อมูลสต๊อกสินค้าในระบบ

ตารางที่ 3.26 Process Description : แก้ไขข้อมูลสต๊อกสินค้า

Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 6.3
Process name แก้ไขข้อมูลสต๊อกสินค้า
Input data flows ข้อมูลสต๊อกสินค้า
Output data flows ข้อมูลสต๊อกสินค้า
Data stored used ข้อมูลสต๊อกสินค้า
Description เป็น Process ใช้แก้ไขข้อมูลสต๊อกสินค้าในระบบ

ตารางที่ 3.27 Process Description : ค้นหาข้อมูลสต๊อกสินค้าจากชื่อสินค้า

Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 6.4
Process name ค้นหาข้อมูลสต๊อกสินค้าจากชื่อสินค้า
Input data flows ข้อมูลสต๊อกสินค้า
Output data flows ข้อมูลสต๊อกสินค้า
Data stored used ข้อมูลสต๊อกสินค้า
Description เป็น Process ใช้ค้นหาข้อมูลสต๊อกสินค้าจากชื่อสินค้าในระบบ
ตารางที่ 3.28 Process Description : จัดการข้อมูลการจัดส่งสินค้า
Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 7.0
Process name จัดการข้อมูลการจัดส่งสินค้า
Input data flows ข้อมูลการจัดส่งสินค้า
Output data flows ข้อมูลการจัดส่งสินค้า
Data stored used ข้อมูลการจัดส่งสินค้า
Description เป็น Process ใช้จัดการข้อมูลการจัดส่งสินค้าในระบบ

ตารางที่ 3.29 Process Description : เพิ่มข้อมูลการจัดส่งสินค้า

Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 7.1
Process name เพิ่มข้อมูลการจัดส่งสินค้า
Input data flows ข้อมูลการจัดส่งสินค้า
Output data flows ข้อมูลการจัดส่งสินค้า
Data stored used ข้อมูลการจัดส่งสินค้า
Description เป็น Process ใช้เพิ่มข้อมูลการจัดส่งสินค้าในระบบ

ตารางที่ 3.30 Process Description : ลบข้อมูลการจัดส่งสินค้า

Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 7.2
Process name ลบข้อมูลการจัดส่งสินค้า
Input data flows ข้อมูลการจัดส่งสินค้า
Output data flows ข้อมูลการจัดส่งสินค้า
Data stored used ข้อมูลการจัดส่งสินค้า
Description เป็น Process ใช้ลบข้อมูลการจัดส่งสินค้าในระบบ
ตารางที่ 3.31 Process Description แก้ไขข้อมูลการจัดส่งสินค้า
Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 7.3
Process name แก้ไขข้อมูลการจัดส่งสินค้า
Input data flows ข้อมูลการจัดส่งสินค้า
Output data flows ข้อมูลการจัดส่งสินค้า
Data stored used ข้อมูลการจัดส่งสินค้า
Description เป็น Process ใช้แก้ไขข้อมูลการจัดส่งสินค้าในระบบ

ตารางที่ 3.32 Process Description ค้นหาข้อมูลการจัดส่งสินค้า

Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 7.4
Process name ค้นหาข้อมูลการจัดส่งสินค้า
Input data flows ข้อมูลการจัดส่งสินค้า
Output data flows ข้อมูลการจัดส่งสินค้า
Data stored used ข้อมูลการจัดส่งสินค้า
Description เป็น Process ใช้ค้นหาข้อมูลการจัดส่งสินค้าในระบบ

ตารางที่ 3.33 Process Description : จัดการข้อมูลCHATBOT

Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 8.0
Process name จัดการข้อมูลCHATBOT
Input data flows ข้อมูลสินค้า
Output data flows ข้อมูลสินค้า
Data stored used ข้อมูลสินค้า
Description เป็น Process ใช้จัดการข้อมูลCHATBOT
ตารางที่ 3.34 Process Description ระบบจัดการรายงาน
Process Description
System ระบบการขายสินค้าออนไลน์กรณีศึกษา ร้าน บ.เจริญพานิช
DFD number 9.0
Process name ระบบจัดการรายงาน
Input data flows ข้อมูลรายงาน
Output data flows ข้อมูลรายงาน
Data stored used ข้อมูลรายงาน
Description เป็น Process รายงานข้อมูลทั้งหมดในระบบ
15) E-R Diagram รูปแบบของ Chen

ภาพที่ 3.14 E-R Diagram รูปแบบของ Chen

16) Data Dictionary
ตารางที่ 3.35 แสดงขอบเขตข้อมูลสิทธิ์ผู้ใช้งาน
ชื่อตารางภาษาไทย สิทธิ์ผู้ใช้งาน
ชื่อตารางภาษาอังกฤษ admin
ชื่อฟิลด์ คำอธิบาย ชนิดข้อมูล ขอบเขต ข้อมูล การกำหนดคีย์
admin_id รหัสแอดมิน int 5 PK
admin_per คำนำหน้า varchar 6
admin_name ชื่อแอดมิน varchar 50
admin_lname นามสกุล varchar 50
admin_gemder เพศ varchar 6
admin_username username varchar 50
admin_password password varchar 20
status_admin สถานะ varchar 1

ตารางที่ 3.36 แสดงขอบเขตข้อมูลลูกค้า

ชื่อตารางภาษาไทย ลูกค้า
ชื่อตารางภาษาอังกฤษ member
ชื่อฟิลด์ คำอธิบาย ชนิดข้อมูล ขอบเขต ข้อมูล การกำหนดคีย์
member_id รหัสสมาชิก int 5 PK
member_per คำนำหน้า varchar 6
member_name ชื่อสมาชิก varchar 50
member_lname นามสกุล varchar 50
member_gender เพศ varchar 6
address ที่อยู่ text
member_tel เบอร์โทร varchar 10
taxpayer_number หมายเลขที่เสียภาษี varchar 13
member_email อีเมล์ varchar 50
member_username username varchar 50
member_password password varchar 20
ตารางที่ 3.37 แสดงขอบเขตข้อมูลการสั่งซื้อสินค้า
ชื่อตารางภาษาไทย การสั่งซื้อสินค้า
ชื่อตารางภาษาอังกฤษ orders
ชื่อฟิลด์ คำอธิบาย ชนิดข้อมูล ขอบเขต ข้อมูล การกำหนดคีย์
order_id รหัสสั่งซื้อ int 5 PK
member_id รหัสสมาชิก int 5 FK
pay_id รหัสการชำระเงิน int 5 FK
send _id รหัสจัดส่งสินค้า int 5 FK

ตารางที่ 3.38 แสดงขอบเขตข้อมูลรายการสินค้า

ชื่อตารางภาษาไทย รายการสินค้า
ชื่อตารางภาษาอังกฤษ product
ชื่อฟิลด์ คำอธิบาย ชนิดข้อมูล ขอบเขตข้อมูล การกำหนดคีย์
pro_id รหัสรายการสินค้า int 5 PK
type_id รหัสประเภทสินค้า int 5 FK
pro_name ชื่อสินค้า varchar 50
pro_img ภาพสินค้า text
pro_price ราคาสินค้า double
pro_detail รายละเอียดสินค้า text 1

ตารางที่ 3.39 แสดงขอบเขตข้อมูลประเภทสินค้า

ชื่อตารางภาษาไทย ประเภทสินค้า
ชื่อตารางภาษาอังกฤษ type product
ชื่อฟิลด์ คำอธิบาย ชนิดข้อมูล ขอบเขตข้อมูล การกำหนดคีย์
type_id รหัสประเภทสินค้า int 5 PK
type_name ชื่อประเภทสินค้า varchar 50
ตารางที่ 3.40 แสดงขอบเขตข้อมูลการชำระเงิน
ชื่อตารางภาษาไทย การชำระเงิน
ชื่อตารางภาษาอังกฤษ pay
ชื่อฟิลด์ คำอธิบาย ชนิดข้อมูล ขอบเขตข้อมูล การกำหนดคีย์
pay_id รหัสการชำระเงิน int 5 PK
order_payment สลิปการโอน text

ตารางที่ 3.41 แสดงขอบเขตข้อมูลสต็อกสินค้า

ชื่อตารางภาษาไทย สต็อกสินค้า
ชื่อตารางภาษาอังกฤษ stock
ชื่อฟิลด์ คำอธิบาย ชนิดข้อมูล ขอบเขตข้อมูล การกำหนดคีย์
product_id รหัสสินค้า int 5 PK
pro_amount จำนวนสินค้า int 5

ตารางที่ 3.42 แสดงขอบเขตข้อมูลการจัดส่งสินค้า

ชื่อตารางภาษาไทย การจัดส่งสินค้า
ชื่อตารางภาษาอังกฤษ send
ชื่อฟิลด์ คำอธิบาย ชนิดข้อมูล ขอบเขตข้อมูล การกำหนดคีย์
send _id รหัสจัดส่งสินค้า int 5 PK
order_date วันที่สั่ง datetime
order_sum ราคารวม double
order_send วันที่ส่ง date
order_status สถานะการส่ง char 1
location ที่ส่ง text
track เลขพสัสดุ char 15
17) การออกแบบสถาปัตยกรรมระบบ

ลูกค้า Response
บันทึกข้อมูลลูกค้า
เข้าสู้ระบบ คอมพิวเตอร์
สั่งสินค้า
บันทึกการสั่งซื้อ Request
แจ้งการชำระเงิน
ตรวจสถานะการจังส่ง
Response Response

Web server

Request Request

คอมพิวเตอร์ Database
เข้าสู่ระบบ ข้อมูลสสิทธิ์การเข้าใช้
จัดการข้อมูลสิทธิ์การเข้าใช้ ข้อมูลสินค้า
จัดการข้อมูลสินค้า ข้อมูลสมาชิก
จัดการข้อมูลลูกค้า
จัดการข้อมูลการสั่งซื้อสินค้า
ข้อมูลการสั่งซื้อ
จัดการข้อมูลการชำระเงิน ข้อมูลการชำระเงิน
จัดการข้อมูลการจัดส่งสินค้า ข้อมูลการจัดส่งสินค้า
จัดการข้อมูลCHATBOT ข้อมูลCHATBOT
Admin จัดการข้อมูลรายงาน จัดการข้อมูลรายงาน

ภาพที่ 3.15 การออกแบบสถาปัตยกรรมระบบ

18) การออกแบบ Input / Output
การออกแบบหน้าจอรับข้อมูลการเข้าสู่ระบบ โดย กรอก Username/Password

ภาพที่ 3.16 การออกแบบหน้าจอรับข้อมูลการเข้าสู่ระบบ โดย กรอก Username/Password

การออกแบบหน้าจอรับข้อมูลการเพิ่มข้อมูลผู้ดูแลระบบ

ภาพที่ 3.17 การออกแบบหน้าจอรับข้อมูลการเพิ่มข้อมูลผู้ดูแลระบบ

การออกแบบหน้าจอรับข้อมูลการเพิ่มข้อมูลประเภทสินค้า

ภาพที่ 3.18 การออกแบบหน้าจอรับข้อมูลการเพิ่มข้อมูลประเภทสินค้า

การออกแบบหน้าจอรับข้อมูลการเพิ่มข้อมูลสินค้า

ภาพที่ 3.19 การออกแบบหน้าจอรับข้อมูลการเพิ่มข้อมูลสินค้า

การออกแบบหน้าจอรับข้อมูลการเพิ่มข้อมูลสมาชิก

ภาพที่ 3.20 การออกแบบหน้าจอรับข้อมูลการเพิ่มข้อมูลสมาชิก

การออกแบบหน้าจอรับข้อมูลการเพิ่มข้อมูลการสั่งซื้อสินค้า

ภาพที่ 3.21 การออกแบบหน้าจอรับข้อมูลการเพิ่มข้อมูลการสั่งซื้อสินค้า

การออกแบบหน้าจอรับข้อมูลการแจ้งข้อมูลการชำระเงิน

ภาพที่ 3.22 การออกแบบหน้าจอรับข้อมูลการแจ้งข้อมูลการชำระเงิน

การออกแบบหน้าจอรับข้อมูลการเพิ่มข้อมูลการจัดส่งสินค้า

ภาพที่ 3.23 การออกแบบหน้าจอรับข้อมูลการเพิ่มข้อมูลการจัดส่งสินค้า

การออกแบบหน้าจอรับข้อมูลการแก้ไขข้อมูลผู้ดูแลระบบ

ภาพที่ 3.24 การออกแบบหน้าจอรับข้อมูลการแก้ไขข้อมูลผู้ดูแลระบบ

การออกแบบหน้าจอรับข้อมูลการแก้ไขข้อมูลประเภทสินค้า

ภาพที่ 3.25 การออกแบบหน้าจอรับข้อมูลการแก้ไขข้อมูลประเภทสินค้า

การออกแบบหน้าจอรับข้อมูลการแก้ไขข้อมูลสินค้า

ภาพที่ 3.26 การออกแบบหน้าจอรับข้อมูลการแก้ไขข้อมูลสินค้า

การออกแบบหน้าจอรับข้อมูลการแก้ไขข้อมูลสมาชิก

ภาพที่ 3.27 การออกแบบหน้าจอรับข้อมูลสมาชิก

การออกแบบหน้าจอรับข้อมูลการจัดการข้อมูลผู้ดูแลระบบ

ภาพที่ 3.28 การออกแบบหน้าจอรับข้อมูลการจัดการข้อมูลผู้ดูแลระบบ

การออกแบบหน้าจอรับข้อมูลการจัดการข้อมูลประเภทสินค้า

ภาพที่ 3.29 การออกแบบหน้าจอรับข้อมูลการจัดการข้อมูลประเภทสินค้า

การออกแบบหน้าจอรับข้อมูลการจัดการข้อมูลสินค้า

ภาพที่ 3.30 การออกแบบหน้าจอรับข้อมูลการจัดการข้อมูลสินค้า

การออกแบบหน้าจอรับข้อมูลการจัดการข้อมูลสมาชิก

ภาพที่ 3.31 การออกแบบหน้าจอรับข้อมูลการตรวจสอบข้อมูลสมาชิก

การออกแบบหน้าจอรับข้อมูลการจัดการการตรวจสอบข้อมูลการแจ้งการชำระเงิน

ภาพที่ 3.32 การออกแบบหน้าจอรับข้อมูลการการตรวจสอบข้อมูลการแจ้งการชำระเงิน

การออกแบบหน้าจอรับข้อมูลการจัดการการตรวจสอบข้อมูลการจัดส่งสินค้า

ภาพที่ 3.33 การออกแบบหน้าจอรับข้อมูลการจัดการการตรวจสอบข้อมูลการจัดส่งสินค้า

การออกแบบหน้าจอรายงานข้อมูลสินค้า

ภาพที่ 3.34 การออกแบบหน้าจอรายงานข้อมูลสินค้า

การออกแบบหน้าจอรายงานข้อมูลสมาชิก

ภาพที่ 3.35 การออกแบบหน้าจอรายงานข้อมูลสมาชิก

การออกแบบหน้าจอรายงานข้อมูลการสั่งซื้อสินค้า

ภาพที่ 3.36 การออกแบบหน้าจอรายงานข้อมูลการสั่งซื้อสินค้า

การออกแบบหน้าจอรายงานข้อมูลการชำระเงิน

ภาพที่ 3.37 การออกแบบหน้าจอรายงานข้อมูลการชำระเงิน

การออกแบบหน้าจอรายงานข้อมูลสต๊อกสินค้า

ภาพที่ 3.38 การออกแบบหน้าจอรายงานข้อมูลสต๊อกสินค้า

การออกแบบหน้าจอรายงานข้อมูลการจัดส่งสินค้า

ภาพที่ 3.39 การออกแบบหน้าจอรายงานข้อมูลการจัดส่งสินค้า

การออกแบบหน้าจอรายงานข้อมูลยอดขายสินค้า

ภาพที่ 3.40 การออกแบบหน้าจอรายงานข้อมูลยอดขายสินค้า

การออกแบบหน้าจอรายงานข้อมูลสินค้าขายดี

ภาพที่ 3.41 การออกแบบหน้าจอรายงานข้อมูลสินค้าขายดี

การออกแบบหน้าจอสินค้าที่ถูกยกเลิก

ภาพที่ 3.42 การออกแบบหน้าจอรายงานข้อมูลสินค้าที่ถูกยกเลิก

การออกแบบหน้าจอCHATBOT

ภาพที่ 3.43 การออกแบบหน้าจอCHATBOT

 3.2.3 การพัฒนา
การพัฒนาระบบในครั้งนี้ เครื่องมือและอปุกรณ์ที่ใช้ในการพัฒนาระบบนั้นเป็นสิ่งสำคัญมากเพราะช่วทำ
ให้การพัฒนานั้นทำได้อย่างรวดเร็วและทันเวลา ซึ่งจะมีเครื่องมือและอุปกรณ์ใช้สำหรับการพัฒนาอยู่2ประเภท คือ
3.2.3.1 ฮาร์ดแวร์ที่ใช้ในการพัฒนา
- หน่วยประมวลผลกลาง Inter® Core™ i7-7500U
- หน่วยความจำสำรอง 8 กิ๊กกะไบต์
- หน่วยความจำหลัก 1 เทระไบต์
3.2.3.2 ซอฟต์แวร์ที่ใช้ในการพัฒนา
- Adobe Dreamweaver CS6 ใช้เขียนโปรแกรมภาษา PHP,HTML
- AppServ Open Project - 2.5.10 ใช้ติดต่อกับฐานข้อมูล MySQL,phpMyAdmin
- photoshop cs6 ใช้แต่งรูปภาพ
- Dialogflow ใช้ทำแชทบอท
3.2.4 การทดสอบ
1) วิธีการทดสอบการทำงานของระบบ
- ทดสอบการแสดงผลของหน้าเมนูหลัก และปุ่มเมนู
- ทดสอบการเข้าสู่ระบบ
- ทดสอบการจัดการข้อมูล (เพิ่ม, ลบ, แก้ไข, ค้นหา)
- ทดสอบการบันทึกข้อมูล
- ทดสอบสิทธิ์ของผู้ใช้งาน
- ทดสอบการแสดงผลของข้อมูล และรายงานข้อมูล
- ทดสอบการออกจากระบบ
2) ตัวอย่างข้อมูลที่ใช้ในการทดสอบระบบ
- ข้อมูลสิทธิ์การเข้าใช้งาน
- ข้อมูลประเภทสินค้า
- ข้อมูลสินค้า
- ข้อมูลสมาชิก
- ข้อมูลการสั่งซื้อสินค้า
- ข้อมูลการชำระเงิน
- ข้อมูลสต๊อกสินค้า
- ข้อมูลการจัดส่งสินค้า
- ข้อมูลสินค้าขายดี
- ข้อมูลยอดขายสินค้า
 3) ทดสอบ
ระบบสามารถบันทึกข้อมูลได้และแสดงข้อมูลในระบบรายงานได้อย่างถูกต้องตามความต้องการ
3.2.5 คู่มือการใช้โปรแกรม
ในการติดตั้งโปรแกรมเพื่อใช้งานระบบการขายสินค้าออนไลน์กรณีศึกษาร้านบ.เจริญพานิช มี
ขั้นตอนดังนี้
1. ดาวโหลดและติดตั้งโปรแกรม Adobe Dreamweaver CS6 ได้ตามที่ภาคผนวก ก
2. นำโฟลเดอร์โปรเจค ไปวางใน C:\AppServ\www ได้ตามที่ภาคผนวก ข
3. เปิดโปรเจค โดยพิมพ์ URL http://localhost/ B-Jarenpanich ได้ตามที่ภาคผนวก ข
4. Login Dialogflow เพื่อจัดการข้อมูล CHATBOT
3.3 การประเมินคุณภาพ “ระบบการขายสินค้าออนไลน์กรณีศึกษาร้านบ.เจริญพานิช”
เครื่องมือที่ใช้ในการประเมินคุณภาพ ระบบการขายสินค้าออนไลน์กรณีศึกษาร้านบ.เจริญพานิช เป็น
เครื่องมือที่ใช้ในการขายสินค้าออนไลน์ วิเคราะห์โดยใช้สถิติร้อยละค่าเฉลี่ย ในการประเมินผลค่าคะแนนเฉลี่ยมี
เกณฑ์ดังนี้
ค่าเฉลี่ยมีเกณฑ์ดังนี้
คะแนนค่าเฉลี่ย 1.00 - 1.50 หมายถึง น้อยที่สุด
คะแนนค่าเฉลี่ย 1.51 - 2.50 หมายถึง น้อย
คะแนนค่าเฉลี่ย 2.51 - 3.50 หมายถึง ปานกลาง
คะแนนค่าเฉลี่ย 3.51 - 4.50 หมายถึง มาก
3.4 การประเมินความพึงพอใจ “ระบบการขายสินค้าออนไลน์กรณีศึกษาร้านบ.เจริญพานิช”
เครื่องมือที่ใช้ในการประเมินความพึงพอใจ ระบบการขายสินค้าออนไลน์กรณีศึกษาร้านบ.เจริญพานิชเป็น
เครื่องมือที่ผู้ทำการศึกษา และนำไปเก็บข้อมูลการขายสินค้าออนไลน์ วิเคราะห์โดยใช้สถิติร้อยละค่าเฉลี่ย
สูตรคำนวณ
1 ค่าเฉลี่ย (Mean) สูตรการหาค่าเฉลี่ยทางสถิติการทดสอบ โดยใช้สูตรดังต่อไปนี้

เมื่อ 𝑥̅ แทน ค่าคะแนนเฉลี่ย

∑x แทน ผลรวมของคะแนนทั้งหมด
𝑛 แทน ขนาดของกลุ่มตัวอย่าง
2 ค่าเบี่ยงเบนมาตรฐาน (Standard Deviation: SD) โดยใช้สูตรดังต่อไปนี้

เมื่อ 𝑆. 𝐷. แทน ค่าความเบี่ยงเบนมาตรฐาน

∑x2 แทน ผลรวมของคะแนนแต่ละตัวยกกำลังสอง
(∑x2) แทน ผลรวมของคะแนนทั้งหมดยกกำลังสอง
𝑛 แทน จำนวนผู้ตอบแบบสอบถาม