95

บทที่ 4 ผลการพัฒนาโครงงาน

ผลการพัฒนาระบบบริหารจัดการซื้อ - ขายสินค้าผ่านระบบเครือข่ายอินเทอร์เน็ต กรณีศึกษา*:*ร้านปา ป้า แฟชั่น อ าเภอศรีบุญเรือง จังหวัดหนองบัวล าภู

ระบบสารสนเทศเพ่ือการซื้อขายสินค้าผ่านระบบเครือข่ายอินเทอร์เน็ต ร้านปา ป้า แฟชั่น คลิกเข้าเว็บไซต์ http://www.bc.msu.ac.th/~std52010913008/52010913008/index.php จะปรากฏ Index ของเว็บไซต์ การใช้งาน เว็บไซต์ซื้อ – ขายเสื้อผ้าแฟชั่นออนไลน์ โดยหน้าหลักจะเป็นส่วนที่ผู้ใช้สามารถเข้าใช้งาน ดูรายละเอียดต่างๆเกี่ยวกับร้าน เช่น สมัครสมาชิก สั่งซื้อสินค้า สินค้า จองพ้ืนที่โฆษณา เป็นต้น เพ่ือให้ผู้เยี่ยมชมเว็บไซต์นี้ได้รับรู้เกี่ยวกับข้อมูลข่าวสารต่างๆ ของงาน ร้านปา ป้า แฟชั่น ส าหรับหน้าหลักของเว็บไซต์นี้แบ่งเป็นเมนูด้านซ้ายที่สามารถ link ไปหน้าส่วนต่างๆ ของเว็บไซต์ โดยมีแถบเมนูให้เลือกคลิกท่ัวไป แยกการใช้งานออกเป็น 2 ส่วน ดงันี้ ส่วนภายในเว็บไซต์ได้ ดังนี้ - ส าหรับลูกค้าสมาชิก - ระบบสมัครสมาชิก

- มีการ login เข้าสู่ระบบและออกจากระบบได้ - สมาชิกสามารถบันทึก แก้ไข ยกเลิกข้อมูลการสมัครสมาชิกได้

- ระบบการขายสินค้า - สามารถตรวจสอบข้อมูลสินค้าได้ - สามารถค้นหาสินค้า และดูรายละเอียดสินค้าได้ - สามารถบันทึก แก้ไข ยกเลิกข้อมูลในตะกร้าสินค้าของตนเองได้

- ระบบจองพ้ืนที่โฆษณา - สามารถบันทึก แก้ไข ยกเลิกข้อมูลการจองพ้ืนที่โฆษณาของตนเองได้ - สามารถดูรายละเอียดเกี่ยวกับการจองพ้ืนที่โฆษณาได้

- ระบบแจ้งการจ่ายช าระเงิน - สามารถตรวจสอบข้อมูลการจ่ายช าระเงินของตนเองได้ - สามารถบันทึกข้อมูลการจ่ายช าระเงินได้ - สามารถเพ่ิม ลบ แก้ไข ข้อมูลการแจ้งจ่ายช าระเงินของตนเองได้

- ส าหรับผู้ดูแลระบบ / พนักงาน - ระบบการส่งสินค้า

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

96

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

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

- ระบบตรวจสอบการจ่ายช าระเงิน - สามารถตรวจสอบการจ่ายช าระเงินค่าสินค้าได้ - สามารถค้นหาข้อมูลการจ่ายช าระเงินค่าสินค้าได้ - สามารถบันทึก แก้ไข ยกเลิกข้อมูลการจ่ายช าระเงินได้

- ระบบการสั่งซ้ือสินค้า - สามารถตรวจสอบสินค้าคงคลังได้ - สามารถบันทึก แก้ไข ยกเลิกการสั่งซื้อสินค้าได้ - สามรถเพ่ิม แก้ไข ยกเลิกสินค้าในคลังสินค้าได้ - สามารถออกใบสั่งซื้อได้

- ระบบการรับสินค้า - สามรถบันทึกการรับสินค้าได้ - สามารถค้าหาและตรวจสอบการรับสินค้าได้

- ระบบจ่ายช าระเงิน - สามารถบันทึกข้อมูลการแจ้งจ่ายช าระเงินได้ - สามารถตรวจสอบข้อมูลการจ่ายช าระเงินได้ - สามารถบันทึกข้อมูลการจ่ายช าระเงินได้

- ระบบตัดจ าหน่ายสินค้า - สามารถบันทึกข้อมูลการตัดจ าหน่ายสินค้าได้ - สามารถตัดจ าหน่ายสินค้าคงเหลือได้

- ระบบสามารถออกรายงาน - รายงานการขายสินค้า - รายงานข้อมูลสินค้า - รายงานข้อมูลสมาชิก - รายงานการสั่งซื้อสินค้า

97

- รายงานการรับสินค้า - รายงานการจ่ายช าระเงิน - รายงานการแจ้งการจ่ายช าระเงิน - รายงานการส่งสินค้า - รายงานสินค้าคงเหลือ - รายงานการตัดจ าหน่ายสินค้า

การออกแบบหน้าจอของเว็บไซต์

4.1 ส่วนการใช้งานของสมาชิก 4.1.1 หน้าหลัก

- หน้าจอการใช้งานหลักของระบบ จะแสดงรายการที่เกี่ยวกับ ร้านปา ป้า แฟชั่น มีรายการ เมนูหลักประกอบด้วย หน้าหลัก วิธีการสั่งซื้อ วิธีการจัดส่งสินค้า ติดต่อเรา เป็นต้น เมนูสมาชิกประกอบด้วย สมัครสมาชิก link เข้าสู่ระบบสมาชิก เมนูหมวดหมู่สินค้าประกอบด้วย สินค้าหมวดหมู่ต่างๆ และเมนูพ้ืนที่โฆษณาทางด้านขวามือ

ภาพที่ 4-1 หน้าหลักของระบบ

98

4.1.2 วิธีการสั่งซ้ือ - ข้อมูลวิธีการสั่งซื้อ เช่น เลือกสินค้าท่ีต้องการ หยิบตะกร้าสินค้า การจดัการรายการสินค้าท่ี

สั่งซื้อในตะกร้าสินค้า อ่ืนๆ เป็นต้น

ภาพที่ 4-2 หน้าวิธีการสั่งซื้อ

99

4.1.3 วิธีการจัดส่งสินค้า

- ค่าบริการจัดส่งสินค้า

ภาพที่ 4-3 วิธีการจัดส่งสินค้า

4.1.4 วิธีการจ่ายช าระเงิน

- แสดงข้อมูล ชื่อบัญชี เลขท่ีบัญชีธนาคาร และวิธีการช าระผ่าน Paysbuy

ภาพที่ 4-4 วิธีการจ่ายช าระเงิน

100

4.1.5 ติดต่อทางร้าน

- ข้อมูลการติดต่อกับทางร้าน มีที่อยู่ของทางร้าน เบอร์โทรศัพท์ติดต่อกับทางร้าน

ภาพที่ 4-5 ติดต่อเรา

4.1.6 หน้าจอพื้นที่โฆษณา

- เมนกูารจองพ้ืนที่โฆษณา สามารถจองได้ทั้งลูกค้าท่ัวไปและลูกค้าที่เป็นลูกค้าสมาชิก ในกรณีที่ต้องการจองพ้ืนที่โฆษณาจาก คลิกที่พ้ืนที่โฆษณาท่ีต้องการ จากนั้นกรอกข้อมูลการจองพ้ืนที่โฆษณาและท าการบันทึกการจองโฆษณา

ภาพที่ 4-6 การจองพ้ืนที่โฆษณา

101

4.1.7 หน้าจอแจ้งจ่ายช าระค่าจองพ้ืนที่โฆษณา

- เมื่อลูกค้าไปจ่ายช าระค่าโฆษณาผ่านธนาคารแล้ว ลูกค้าต้องมาแจ้งจ่ายช าระโดยการ คลิกที่พ้ืนที่โฆษณาท่ีลูกค้าได้จองไว้แล้ว และจะให้ลูกค้ายืนยันการจองด้วยการใส่เบอร์โทรศัพท์ของลูกค้าที่ได้ยืนยันกับทางร้านไว้ก่อนหน้านี้แล้ว และจะให้กรอกรายละเอียดให้ครบจึงจะสามารถ บันทึกการแจ้งจ่ายช าระได้ หลังจากนั้นรอการตรวจสอบจากทางร้าน และทางร้านจะเปิดการใช้งานโฆษณาให้กับลูกค้า

ภาพที่ 4-7 การแจ้งจ่ายช าระการจองพ้ืนที่โฆษณา

102

4.1.8 หน้าจอการสมัครสมาชิก - เมนูสมัครสมาชิก ในกรณีที่ต้องการสั่งซื้อสินค้าจากทางร้าน ต้องท าการสมัครสมาชิก จะต้อง

ท าการกรอกข้อมูลส่วนตัวให้ครบถ้วน เพ่ือท าการสมัครสมาชิก และกรุณาตรวจสอบความถูกต้องก่อนท าการสมัครสมาชิก

ภาพที่ 4-8 การสมัครสมาชิก

4.1.9 การเข้าสู่ระบบของสมาชิก

- เมนูเข้าสู่ระบบของสมาชิก ในกรณีที่ต้องการสั่งซื้อสินค้า หรือ แจ้งจ่ายช าระและตรวจสอบต่างๆ จะต้องท าการ Login เข้าสู่ระบบ

ภาพที่ 4-9 หน้าจอการเข้าสู่ระบบของสมาชิก

103

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

วิธีการสั่งซื้อ วิธีการจัดส่งสินค้า ติดต่อเรา แก้ไขข้อมูลส่วนตัว ตะกร้าสินค้า ดูรายละเอียดสินค้า ค้นหาสินค้า สั่งซื้อสินค้า แจ้งจ่ายช าระ ประวัติการสั่งซื้อสินค้า

ภาพที่ 4-10 หน้าหลักของลูกค้าสมาชิก

4.1.11 หน้ารายละเอียดสินค้าสินค้า - ข้อมูลรายละเอียดสินค้าในแต่ละตัวในแต่ละชิ้นจะมีชื่อของสินค้า จะมีหมวดหมู่ของสินค้า จะ

มีรายละเอียดของสินค้า ราคาสินค้า เป็นต้น

ภาพที่ 4-11 หน้ารายละเอียดสินค้าสินค้า

104

4.1.12 หน้าค้นหาสินค้า - หน้าจอการค้นหาสินค้า ลูกค้าสมาชิกสามารถค้นหาสินค้าได้ ตาม รหัสสินค้า หรือชื่อสินค้าได้

ภาพที่ 4-12 หน้าการค้นหาสินค้า

105

4.1.13 แก้ไขข้อมูลส่วนตัว

- ดู ข้อมูลส่วนตัว แก้ไขข้อมูลส่วนตัว เปลี่ยนรหัสผ่าน บันทึกข้อมูล

ภาพที่ 4-13 หน้าหลักการใช้งานส่วนของสมาชิก

4.1.14 ตะกร้าสินค้า - ในการเลือกหยิบสินค้าใส่ตะกร้าสินค้าเราสามารถคลิกตรงรูปตะกร้าสินค้าได้เลย และเมื่อ

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

ภาพที่ 4-14 ตะกร้าสินค้า

106

4.1.11 หน้ายืนยันการสั่งซื้อสินค้า - หน้ายืนยันการสั่งซื้อสินค้า เมื่อท าการคลิกสั่งซื้อสินค้าแล้วปรากฏหน้าจอข้อมูลลูกค้าที่สั่งซื้อ

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

ภาพที่ 4-14 หน้าสั่งยืนยันการสั่งซื้อสินค้า

107

4.1.15 รายงานการสั่งซ้ือสินค้า - รายงานการสั่งซื้อสินค้า แสดงข้อมูลการสั่งซื้อสินค้า รหัสการสั่งซื้อ ชื่อผู้สั่งซื้อสินค้า ราคา

สินค้า วันที่สั่งซื้อ ช่องทางการจ่ายช าระ ข้อมูลการจัดส่งสินค้า

ภาพที่ 4-15 ใบสั่งซื้อสินค้าของลูกค้า

108

4.1.16 หน้าประวัติการสั่งซื้อสินค้า - ประวัติการสั่งซื้อสินค้าที่ผ่านมาของลูกค้า และจะแสดงสถานการณ์แจ้งจ่ายช าระเงินของลูกค้า จะมีสถานะ ยังไม่จ่าย/แจ้งจ่ายแล้ว

ภาพที่ 4-16 ข้อมูลการสั่งซื้อสินค้า – จ่ายช าระ

4.1.17 หน้าการแจ้งจ่ายช าระเงินของลูกค้า

- มีการแจ้งจ่ายช าระได้สองทาง คือ ช าระผ่านธนาคารและมาแจ้งผ่านหน้าเว็บ และช าระผ่านระบบช าระเงินออนไลน์ของ Paysbuy

ภาพที่ 4 – 17 หน้าการแจ้งจ่ายช าระเงิน

109

4.2 ส่วนการใช้งานหลังร้าน 4.2.1 การเข้าสู่ระบบ - หน้าจอการ login ส าหรับ admin หรือผู้ดูแลระบบ ที่จะเข้าไปท าการเพ่ิม ลบ หรอื แก้ไข

ข้อมูล ต่างๆ เช่น ข้อมูลตัวแทนจ าน่าย ข้อมูลสินค้า ประเภทสินค้า ข้อมูลการสั่งซื้อ เป็นต้น

ภาพที่ 4-18 หน้าจอ เข้าสู่ระบบ Admin

4.2.2 หน้าหลักของส่วนหลังร้าน - มีข้อมูลรายการบัญชีร้าน ข้อมูลรายการลูกค้าสมาชิก ข้อมูลรายการพนักงาน

ภาพที่ 4-19 หน้าหลักหลังร้าน

110

4.2.3 เพิ่มประเภทสินค้า - สามารถท าการ เพ่ิม ลบ แก้ไข ประเภทสินค้าได้

ภาพที่ 4-20 รายการบัญชีร้าน

4.2.4 เพิ่มสินค้า - สามารถท าการ เพ่ิม สินค้าได้

ภาพที่ 4-21 เพ่ิมข้อมูลสินค้า

111

4.2.5 สินค้าทั้งหมด - สามารถท าการ เพิ่ม ลบ แก้ไข ข้อมูลสินค้าทั้งหมดในร้านได้

ภาพที่ 4-22 ข้อมูลสินค้าทั้งหมด

4.2.6 ข้อมูลพนักงาน - สามารถท าการ เพ่ิม ลบ แก้ไข้ ข้อมูลพนักงานของร้านได้

ภาพที่ 4 – 23 ข้อมูลพนักงาน

112

4.2.7 ข้อมูลลูกค้าสมาชิกทั้งหมด - สามารถท าการ เพ่ิม ลบ แก้ไข้ ข้อมูลพนักงานของร้านได้

ภาพที่ 4-24 ข้อมูลลูกค้าสมาชิก

4.1.8 เพิ่มข้อมูลตัวแทนจ าหน่าย - สามารถ เพ่ิมข้อมูลตัวแทนจ าหน่ายได้

ภาพที่ 4-25 เพ่ิมข้อมูลตัวแทนจ าหน่าย

113

4.2.9 ข้อมูลตัวแทนจ าหน่าย - สามารถ เพิ่ม ลบ แก้ไข ข้อมูลตัวแทนจ าหน่ายได้

ภาพที่ 4-26 ข้อมูลตัวแทนจ าหน่าย

4.2.10 ข้อมูลการสั่งซ้ือของลูกค้า - สามารถดูรายละเอียดการสั่งซื้อสินค้า สถานะแจ้งจ่ายช าระ มี 3 สถานะ คือ ยังไม่แจ้ง

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

ภาพที่ 4-27 การสั่งซื้อสินค้า

114

4.2.11 ยืนยันการส่งสินค้า - เมื่อคลิกที่สถานะ แจ้งแล้ว/ยืนยันการส่งสินค้า จะมีรายละเอียดเกี่ยวกับการสั่งซื้อของ

ลูกค้าสมาชิก และให้ท าการบันทึกการส่งสินค้า

ภาพที่ 4-28 ยืนยันการส่งสินค้า

115

4.2.12 ข้อมูลการจองพ้ืนที่โฆษณ - ตรวจสอบการจ่ายช าระค่าโฆษณาได้ และท าการเปิด – ปิด การใช้งานโฆษณาที่ถึงก าหนดได้ จะมีสองสถานะ คือ ยังไม่แจ้งจ่าย(ยังไม่เปิดใช้งาน) และเม่ือจ่ายแล้วจะมี จ านวนวันบอกว่าเหลืออีกกี่วันที่สามารถใช้งานได้(ปิดการใช้งาน)

ภาพที่ 4-29 ข้อมูลการจองพื้นที่โฆษณา

4.2.13 แก้ไขข้อมูลแพคเก็จโฆษณา - สามาระแก้ไขแพคเก็จ และบันทึกแพคเก็จได้

ภาพที่ 4-30 รับสินค้า และ ท าการกดเพ่ิมสินค้า

116

4.2.14 สั่งซ้ือสินค้าจากตัวแทนจ าหน่าย - เลือกตัวแทนจ าหน่าย และท าการเลือกสินค้าที่ต้องการสั่งซื้อ

ภาพที่ 4 - 31 สั่งซื้อสินค้า

4.2.15 ใบสั่งซ้ือสินค้าจากตัวแทนจ าหน่าย

ภาพที่ 4-32 ใบสั่งซื้อสินค้าจากตัวแทนจ าหน่าย

117

4.2.16 ข้อมูลการสั่งซ้ือสินค้าจากตัวแทนจ าหน่าย - มีสถานะ 2 สถานะ คือ ยังไม่แจ้งจ่าย และ จ่ายช าระแล้ว

ภาพที่ 4-33 ข้อมูลการสั่งซื้อจากตัวแทนจ าหน่าย

4.2.17 จ่ายช าระ

- ถ้าหากต้องการแจ้งจ่ายช าระ ให้คลิกสถานะยังไม่แจ้งจ่าย

ภาพที่ 4-34 จ่ายช าระเงิน

118

4.2.18 ข้อมูลรับสินค้า - แสดงข้อมูลการรับสินค้าจากตัวแทนจ าหน่าย สามารถค้นหาการรับสินค้าได้

ภาพที่ 4-35 ข้อมูลรับสินค้า

4.2.19 ตัดจ าหน่าย - สามารถบันทึกข้อมูลการตัดจ าหน่ายสินค้าได้

ภาพที่ 4-36 ข้อมูลตัดจ าหน่าย

119

4.2.20 ข้อมูลการตัดจ าหน่าย - แสดงข้อมูลการตัดจ าหน่าย สาเหตุที่ตัดจ าหน่าย

ภาพที่ 4-37 ข้อมูลการตัดจ าหน่าย

4.2.21 รายงาน

ภาพที่ 4-38 รายงาน

120

4.2.22 ข้อมูลรายการขายสินค้า - แสดงข้อมูลสินค้าทั้งหมดที่ขายได้ จ านวนที่สั่งซื้อสินค้า จ านวนที่ขายได้หรือที่ส่งสินค้าแล้วและจ านวนเงินรวมที่ขายสินค้าได้ทั้งหมด

ภาพที่ 4-39 ข้อมูลรายการขายสินค้า

121

4.2.23 ข้อมูลรายงานสินค้า - แสดงข้อมูลสินค้าทั้งหมด แสดงราคาขายต่อหน่วย และยอดคงเหลือของสินค้า

ภาพที่ 4-40 ข้อมูลรายงานสินค้า

122

4.2.24 ข้อมูลรายงานลูกค้า - แสดงรายละเอียดของลูกค้าสมาชิก

ภาพที่ 4-41 ข้อมูลรายงานลูกค้าสมาชิก

4.2.25 ข้อมูลรายงานการสั่งซื้อสินค้า - แสดงวันที่ เลขท่ีการสั่งซื้อ ชื่อตัวแทนจ าหน่าย และยอดเงินรวมสุทธิ

ภาพที่ 4-41 ข้อมูลรายงานการสั่งซื้อสินค้า

123

4.2.25 ข้อมูลรายงานการรับสินค้า - แสดงวันที่สั่งซื้อสินค้า วันที่รับ และจ านวนที่รับ

ภาพที่ 4-42 ข้อมูลรายงานการรับสินค้า

4.2.26 ข้อมูลรายงานการจ่ายช าระเงิน - แสดงวันที่จ่ายช าระเงิน เลขที่การจ่ายช าระเงิน และจ านวนเงินรวม

ภาพที่ 4-43 ข้อมูลรายงานการจ่ายช าระเงิน

124

4.2.27 ข้อมูลการแจ้งจ่ายช าระเงิน - แสดงวันที่แจ้งจ่ายช าระ เลขที่ใบสั่งซื้อ และที่อยู่ลูกค้าสมาชิก ราคาที่สั่งซื้อ และสถานะว่าแจ้งจ่ายช าระ

ภาพที่ 4-44 ข้อมูลรายงานการแจ้งจ่ายช าระเงิน

125

4.2.28 ข้อมูลรายงานสินค้าคงเหลือ - แสดงยอดสินค้าคงเหลือ

ภาพที่ 4-45 ข้อมูลรายงานสินค้าคงเหลือ

126

4.2.29 ข้อมูลรายงานการตัดจ าหน่าย - แสดงยอดตัดจ าหน่าย สาเหตุที่ตัดจ าหน่าย

ภาพที่ 4 – 46 ข้อมูลรายงานการตัดจ าหน่าย