บทที่ 4

ผลการพัฒนาระบบ

จากการดำเนินการวิเคราะห์และออกแบบระบบได้นำมาพัฒนาเป็นระบบที่สมบูรณ์ โดยมี
องค์ประกอบ ของระบบบริการขายออนไลน์อุปกรณ์รถยนต์ ดังต่อไปนี้

4.1 หน้าสมาชิก
4.1.1 มอดูลหลัก
4.1.2 มอดูลหน้าล็อคอิน
4.1.3 มอดูลหน้าสมัครสมาชิก
4.1.4 มอดูลจัดการสินค้า
4.1.5 มอดูลรายระเอียดสินค้า
4.1.6 มอดูลจัดการตะกร้าสินค้าและชำระเงิน
4.1.7 มอดูลใบเสร็จรับเงิน
4.1.8 มอดูลเช็กสถานะคำสั่งซื้อ

4.2 หน้าผู้ดูแลระบบ
4.2.1 มอดูลหน้าล็อคอิน
4.2.2 มอดูลหลัก
4.2.3 มอดูลจัดการข้อมูลสถานะคำสั่งซื้อ
4.2.4 มอดูลจัดการข้อมูลพนักงาน
4.2.5 มอดูลจัดการข้อมูลยอดรวมการสั่งซื้อ
4.2.6 มอดูลจัดการข้อมูลสินค้า
4.1 หน้าสมาชิก
4.1.1 มอดูลหลัก เป็นจอภาพสำหรับหน้าร้านของผู้ใช้งาน โดยจะแสดงข้อมูลต่างๆเกี่ยวกับ
ร้าน ดังภาพที่ 4.1.1

ภาพที่ 4.1.1 จอภาพหน้าหลัก

4.1.2 มอดูล ล็อ คอิ น เป็นจอภาพสำหรั บ แสดงกรอก Username และ Password ของ
สมาชิกดังภาพที่ 4.1.2

ภาพที่ 4.2 จอภาพสำหรับล็อคอินสมาชิก

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

ภาพที่ 4.1.3 จอภาพสำหรับสมัครสมาชิก

4.4 มอดูลจัดการสินค้า เป็นจอภาพสำหรับแสดง รายการสินค้า โดยแสดงข้อมูล

ชื่อสินค้า ราคา และมีปุ่มคลิกดูรายละเอียด ดังภาพที่ 4.1.4

ภาพที่ 4.1.4 จอภาพสำหรับแสดงสินค้า

 4.1.5 มอดูลรายระเอียดสินค้า เป็นจอภาพสำหรับแสดงรายละเอียดของสินค้า พร้อมด้วย
ปุ่มกดเพิ่มลงตะกร้า ดังภาพที่ 4.1.5

ภาพที่ 4.1.5 จอภาพสำหรับแสดงรายละเอียดสินค้า

4.1.6 มอดูลจัดการตะกร้าสินค้าและชำระเงิน เป็นจอภาพสำหรับข้อมูลสินค้าที่อยู่ในตะกร้า

และราคารวมของสินค้า และกรอกข้อมูลการสั่งซื้อสินค้าและชำระเงิน และ ยืนยันการสั่งซื้อ ดังภาพ
ที่ 4.1.6 และ ภาพที่ 4.1.7

ภาพที่ 4.1.6 จอภาพสำหรับแสดงสินค้าในตะกร้า

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

4.7 มอดูลใบเสร็จรับเงินเป็นจ อภาพสำหรับแสดงรายละเอียดใบเสร็จการรับเงิน พร้อมทั้งให้

กดปริ้น และปุ่มกลับไปยังหน้าหลัก ดังภาพที่ 4.1.8

ภาพที่ 4.1.8 จอภาพสำหรับใบเสร็จรับเงิน

 4.8 มอดูลเช็กสถานะคำสั่งซื้อ เป็นจอภาพสำหรับแสดง ข้อมูลเกี่ยวกับสถานะการสั่งซื้อที่
เคยสั่งซื้อไปแล้ว ดังภาพที่ 4.9

ภาพที่ 4.1.9 จอภาพสำหรับแสดงสถานะรายการสั่งซื้อ

4.2 หน้าผู้ดูแลระบบ
4.2.1 มอดูลหน้าล็อคอิน เป็นจอภาพสำหรับแสดงกรอก Username และ Password ของ
ผู้ดูแลระบบ ดังภาพที่ 4.2.1

ภาพที่ 4.2.1 จอภาพสำหรับผู้ดูแลระบบ

 4.2.2 มอดูลหลัก เป็นจอภาพสำหรับหน้าผู้ดูแลระบบ โดยจะแสดงข้อมูลต่างๆเกี่ยวกับร้าน
เช่น สถานะคำสั่งซื้อ ข้อมูลสินค้า ดังภาพที่ 4.2.2

ภาพที่ 4.2.2 จอภาพสำหรับแสดงข้อมูลต่างๆ

4.2.3 มอดูลจัดการข้อมูลสถานะคำสั่งซื้อ เป็นจอภาพสำหรับแสดงข้อมูลต่างๆเกี่ยวกับการ

สั่งซื้อ และมีปุ่มปรับสถานะ และปุ่มยกเลิก ดังภาพที่4.2.3

ภาพที่ 4.2.3 จอภาพสำหรับแสดงข้อมูลเกี่ยวกับรายการสั่งซื้อ

 4.2.4 มอดูลจัดการข้อมูลพนักงาน เป็นจอภาพสำหรับเพิ่มผู้ดูแล โดยจะกรอกข้อมูลผู้ดูแล
คนใหม่ ดังภาพที่4.2.4

ภาพที่ 4.2.4 จอภาพสำหรับแสดงเพิ่มผู้ดูแล

4.2.5 มอดูลจัดการข้อมูลยอดรวมการสั่งซื้อ เป็นจอภาพสำหรับแสดงข้อมูลต่างๆเกี่ยวกับ

การขายและสามารถค้นหาด้วยวันที่สั่งซื้อได้ ดังภาพที่4.2.5

ภาพที่ 4.2.5 จอภาพสำหรับแสดงรายการขาย

 4.2.6 มอดูลจัดการข้อมูลสินค้า เป็นจอภาพสำหรับแสดงสินค้าที่มีอยู่ในร้าน และมีปุ่มกด
เพิ่มสินค้าโดยการกรอกข้อมูลสินค้าที่ต้องการลงไปพร้อมแนบรูปสินค้า ดังภาพที่ 4.2.6 และ
ภาพที่ 4.2.7

ภาพที่ 4.2.6 จอภาพสำหรับแสดงรายสินค้า

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