24
92 บทที4 ผลการดําเนินงาน ระบบจําหนายเครื่องใชไฟฟาออนไลน รานอีสมาย ช็อป อําเภอเมือง จังหวัดมหาสารคาม ที่ผูศึกษา ไดวิเคราะหและออกแบบพัฒนาระบบเพื่อชวยใหการดําเนินการซื้อ-ขายสินคาระหวางเจาของรานและลูกคา ใหเปนไปอยางสะดวกสบายมากขึ้นโดยระบบจําหนายเครื่องใชไฟฟาออนไลนรานอีสมาย ช็อป อําเภอเมือง จังหวัดมหาสารคาม มีลักษณะการใชงาน 2 สวน คือ สวนของลูกคาที่ทําการซื้อสินคา และสวนของผูดูแล ระบบ มีรายละเอียดดังนี4.1 เริ่มตนเขาใชงานระบบจําหนายเครื่องใชไฟฟา 4.1.1 เปดโปรแกรม Internet Explorer 4.1.2 พิมพ IP Address ที่ชอง Address คือ http://bc.msu.ac.th/~std50010912273/ หนาเว็บไซตจะมีสวน ปะกอบตางๆ ประกอบดวย หนาหลัก, สินคา, ตะกรา, โปรโมชั่น, สินคาขายดี , สินคาใหม , ขาวสาร, สมัคร สมาชิก, วิธีการสั่งซื้อสินคาเกี่ยวกับเครื่องใชไฟฟาออนไลน ,วิธีการชําระเงิน,สมุดเยี่ยม, ขาวประชาสัมพันธ , ติดตอเรา,สมัครสมาชิก ,ตะกราสินคา ,การเขาสูระบบสมาชิก , การเขาสูระบบพนักงาน และการเขาสูระบบ ของผูดูแลระบบ

บทที่ 4 ผลการดําเนินงานbc.msu.ac.th/project_file/chapter4(223).pdf · 4.2ส วนการใช งานของลูกค า 4.2.1

  • Upload
    others

  • View
    8

  • Download
    0

Embed Size (px)

Citation preview

Page 1: บทที่ 4 ผลการดําเนินงานbc.msu.ac.th/project_file/chapter4(223).pdf · 4.2ส วนการใช งานของลูกค า 4.2.1

92

บทที่ 4ผลการดําเนินงาน

ระบบจําหนายเคร่ืองใชไฟฟาออนไลน รานอีสมาย ช็อป อําเภอเมือง จังหวัดมหาสารคาม ที่ผูศึกษาไดวิเคราะหและออกแบบพัฒนาระบบเพื่อชวยใหการดําเนินการซื้อ-ขายสินคาระหวางเจาของรานและลูกคาใหเปนไปอยางสะดวกสบายมากขึ้นโดยระบบจําหนายเคร่ืองใชไฟฟาออนไลนรานอีสมาย ช็อป อําเภอเมืองจังหวัดมหาสารคาม มีลักษณะการใชงาน 2 สวน คือ สวนของลูกคาที่ทําการซื้อสินคา และสวนของผูดูแลระบบ มีรายละเอียดดังน้ี4.1 เร่ิมตนเขาใชงานระบบจําหนายเคร่ืองใชไฟฟา

4.1.1 เปดโปรแกรม Internet Explorer

4.1.2 พิมพ IP Address ที่ชอง Address คือ http://bc.msu.ac.th/~std50010912273/ หนาเว็บไซตจะมีสวนปะกอบตางๆ ประกอบดวย หนาหลัก, สินคา, ตะกรา, โปรโมชั่น, สินคาขายดี, สินคาใหม, ขาวสาร, สมัครสมาชิก, วิธีการสั่งซื้อสินคาเกี่ยวกับเคร่ืองใชไฟฟาออนไลน,วิธีการชําระเงิน,สมุดเยี่ยม, ขาวประชาสัมพันธ,ติดตอเรา,สมัครสมาชิก,ตะกราสินคา,การเขาสูระบบสมาชิก, การเขาสูระบบพนักงาน และการเขาสูระบบของผูดูแลระบบ

Page 2: บทที่ 4 ผลการดําเนินงานbc.msu.ac.th/project_file/chapter4(223).pdf · 4.2ส วนการใช งานของลูกค า 4.2.1

93

ภาพท่ี 4-1 แสดงหนาหลักของเว็บไซต

4.2 สวนการใชงานของลูกคา4.2.1 หนาแรกเมื่อเขาสูเว็บไซต ลูกคาสามารถที่จะเขาดูขอมูลตางๆ ไดจากแถบเมนูบารดานบนและ

เมนูบารดานซายมือ ซึ่งประกอบดวย, หนาหลัก, สินคา, ตะกรา, โปรโมชั่น, สินคาขายดี, สินคาใหม,ขาวสาร, สมัครสมาชิก, วิธีการสั่งซื้อสินคา, เกี่ยวกับเคร่ืองใชไฟฟาออนไลน,วิธีการชําระเงิน,สมุดเยี่ยม,ขาวประชาสัมพันธ,ติดตอเรา,สมัครสมาชิก,ตะกราสินคา,การเขาสูระบบสมาชิก, การเขาสูระบบพนักงานและการเขาสูระบบของผูดูแลระบบ

Page 3: บทที่ 4 ผลการดําเนินงานbc.msu.ac.th/project_file/chapter4(223).pdf · 4.2ส วนการใช งานของลูกค า 4.2.1

94

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

ภาพท่ี 4-2 แสดงหนาสินคาในราน

Page 4: บทที่ 4 ผลการดําเนินงานbc.msu.ac.th/project_file/chapter4(223).pdf · 4.2ส วนการใช งานของลูกค า 4.2.1

95

4.2.1.2 NEW PRO และ สินคาใหม หนาแสดงใหม ภายในจะแสดงสินคาใหม สมาชิกที่ทําการเขาระบบแลวสามารถทําการสั่งซื้อสินคาโดยเลือกที่ สินคาใหม หรือเลือกที่เมนูสินคาใหมก็ได

ภาพท่ี 4-3 แสดงหนาสินคาใหม

Page 5: บทที่ 4 ผลการดําเนินงานbc.msu.ac.th/project_file/chapter4(223).pdf · 4.2ส วนการใช งานของลูกค า 4.2.1

96

4.2.1.3 HOT ภายในจะแสดงหนาสินคาขายดี สมาชิกที่ทําการเขาระบบแลวสามารถทําการสั่งซื้อสินคาโดยเลือกที่ สินคาขายดี

ภาพท่ี 4-4 แสดงหนาสินคาขายดี

Page 6: บทที่ 4 ผลการดําเนินงานbc.msu.ac.th/project_file/chapter4(223).pdf · 4.2ส วนการใช งานของลูกค า 4.2.1

97

4.2.1.4 REGISTER และ สมัครสมาชิก การที่ผูใชจะทําการสั่งซื้อสินคาไดจะตองสมัครสมาชิกกอน โดยการสมัครสมาชิกทําไดโดยกรอกรายละเอียดขอมูลสวนตัวที่ระบบตองการใหครบถวนโดย ชองที่มีเคร่ืองหมายดอกจัน * น่ันแสดงวาจําเปนตองกรอกขอมูล หากกรอกรายละเอียดไมครบก็จะมีไดอะลอคบล็อกขึ้นมาเตือนใหทําการกรอกขอมูลใหครบ เมื่อกรอกขอมูลเรียบรอยแลวใหกด “บันทึกขอมูล” ระบบจะตรวจสอบวา ชื่อผูใชและรหัสผานถูกตองหรือไม หากชื่อผูใชซ้ําตองกลับมาแกไข จึงจะสมบรูณในการสมัครสมาชิก หากตองการลางขอมูลที่กรอกไวใหกด “ยกเลิก”

ภาพท่ี 4-5 แสดงหนาสมัครสมาชิก

Page 7: บทที่ 4 ผลการดําเนินงานbc.msu.ac.th/project_file/chapter4(223).pdf · 4.2ส วนการใช งานของลูกค า 4.2.1

98

4.2.1.5 โปรโมชั่น ในสวนน้ีจะเปนการแสดงขอมูลสินคาที่เปนสินคาโปรโมชั่นโดยจะแสดงรายละเอียดทั้งหมดโดยสินคาโปรโมชั่นน้ีจะแสดงราคาสินคาที่ขายปกติ กับราคาสินคาที่ขายในราคาพิเศษแลวก็จะแสดงรายละเอียดของโปรโมชั่นของสินคาชิ้นน้ัน ซึ่งโปรโมชั่นพิเศษน้ีทําใหลูกคามีความสนใจมากขึ้นเกี่ยวกับการซื้อสินคา

ภาพท่ี 4-6 แสดงหนาโปรโมชั่นพิเศษ

Page 8: บทที่ 4 ผลการดําเนินงานbc.msu.ac.th/project_file/chapter4(223).pdf · 4.2ส วนการใช งานของลูกค า 4.2.1

99

4.2.1.6 เมนูแกไขขอมูลสวนตัว ใชสําหรับกรณีที่สมาชิกตองการเปลี่ยนแปลงขอมูล

สวนตัวใหม และเปลี่ยนแปลงที่อยูตางๆ

ภาพท่ี 4-7 แสดงหนาแกไขขอมูลสวนตัว

Page 9: บทที่ 4 ผลการดําเนินงานbc.msu.ac.th/project_file/chapter4(223).pdf · 4.2ส วนการใช งานของลูกค า 4.2.1

100

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

ภาพท่ี 4-8 แสดงหนาสั่งซื้อสินคา

Page 10: บทที่ 4 ผลการดําเนินงานbc.msu.ac.th/project_file/chapter4(223).pdf · 4.2ส วนการใช งานของลูกค า 4.2.1

101

4.2.1.7 หลังจากคลิกปุมสั่งซื้อแลวเรียบรอยแลว ก็จะมีรายละเอียดเกี่ยวกับสินคาที่สั่งซื้อขึ้นดานขวามือ ซึ่งระบบจะทําการคํานวณราคาทั้งหมดที่ตองชําระเงินโดยรวมคาจัดสงดวย เมื่อไดสินคาที่ตองการครบแลวใหคลิกปุม “ดําเนินการตอ “

ภาพท่ี 4-9 แสดงหนารายละเอียดสินคาที่ทําการสั่งซื้อ

Page 11: บทที่ 4 ผลการดําเนินงานbc.msu.ac.th/project_file/chapter4(223).pdf · 4.2ส วนการใช งานของลูกค า 4.2.1

102

4.2.1.8 เมนูแจงการชําระเงิน หลังจากที่ลูกคาทําการสั่งซื้อสินคา และทําการจายชําระเงินเรียบรอยแลว ใหลูกคาทําการแจงขอมูลการชําระเงินใหกับทางรานทราบโดยคลิกที่สถานะ “ยังไมแจง” เพื่อทําการกรอกขอมูลการแจงชําระเงิน

ภาพท่ี 4-10 แสดงหนาการแจงชําระเงิน

Page 12: บทที่ 4 ผลการดําเนินงานbc.msu.ac.th/project_file/chapter4(223).pdf · 4.2ส วนการใช งานของลูกค า 4.2.1

103

4.3 สวนของผูดูแลระบบสวนของผูดูแลระบบน้ีจะเปนสวนของการจัดการขอมูลสินคาภายในราน จัดการขอมูลการ

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

4.3.1 สวนของผูดูแลระบบ เมื่อเขามาสูหนาฟอรมเขาสูระบบ ก็ทําการกรอกชื่อผูใชและรหัสผาน ของผูดูแลระบบ

ภาพท่ี 4-11 แสดงหนาเขาสูระบบของผูดูแลระบบ

Page 13: บทที่ 4 ผลการดําเนินงานbc.msu.ac.th/project_file/chapter4(223).pdf · 4.2ส วนการใช งานของลูกค า 4.2.1

104

4.3.2 หนาหลักของผูดูแลระบบจะมีเมนูหลักอยู 3 เมนูคือระบบจัดการขอมูล ระบบออกรายงาน จัดการขอมูลทั่วไป

ภาพท่ี 4-12 แสดงหนาหลักของผูดูแลระบบ

Page 14: บทที่ 4 ผลการดําเนินงานbc.msu.ac.th/project_file/chapter4(223).pdf · 4.2ส วนการใช งานของลูกค า 4.2.1

105

4.3.3 เมนูเพิ่มขอมูลพนักงาน สามารถจัดการขอมูลไดแตละรายการเชน การเพิ่มขอมูลพนักงานเมื่อกรอกเรียบรอยใหคลิ๊กที่ “บันทึกขอมูล” นอกจากน้ียังสามารถดูรายละเอียดขอมูลพนักงานได โดยคลิกเขาที่ชื่อพนักงานคนน้ัน หากตองการแกไขขอมูลพนักงาน ตองการลบขอมูลได

ภาพท่ี 4-13 แสดงหนาเพิ่มขอมูลพนักงาน

Page 15: บทที่ 4 ผลการดําเนินงานbc.msu.ac.th/project_file/chapter4(223).pdf · 4.2ส วนการใช งานของลูกค า 4.2.1

106

4.3.4 เมนูขอมูลสินคาในราน เปนสวนที่แสดงขอมูลของสินคาที่มีอยูในราน หากตองการแกไขขอมูลสินคาใหคลิกที่ ปุมแกไข ตองการลบขอมูลสินคาคลิกที่ ปุมลบ

ภาพท่ี 4-14 แสดงหนาขอมูลสินคาในราน

Page 16: บทที่ 4 ผลการดําเนินงานbc.msu.ac.th/project_file/chapter4(223).pdf · 4.2ส วนการใช งานของลูกค า 4.2.1

107

4.3.5 เมนูตัดจําหนายสินคา เมื่อมีสินคาชํารุดภายในราน พนักงานจะทําการตัดจําหนายสินคาในราน โดยทําการเลือกสินคาหรือทําการคนหาสินคาภายในรานที่ตองการ แลวทําการกรอกจํานวนสินคาที่ตองการตัดจําหนาย พรอมบอกสาเหตุของการตัดจําหนายสินคาน้ัน

ภาพท่ี 4-15 แสดงหนาตัดจําหนายสินคา

Page 17: บทที่ 4 ผลการดําเนินงานbc.msu.ac.th/project_file/chapter4(223).pdf · 4.2ส วนการใช งานของลูกค า 4.2.1

108

4.3.7 เมนูสั่งซื้อสินคาเขาราน เมื่อมีสินคาถึงจุดสั่งซื้อผูดูแลระบบตองดําเนินการสั่งซื้อสินคาเขามาเพิ่ม โดยทําการเลือกสินคาที่ตองการ จากน้ันก็ใสจํานวนสินคาที่ตองการสั่งซื้อ และเมื่อเสร็จแลวก็คลิกที่ปุม“สั่งซื้อ”

ภาพท่ี 4-16 แสดงหนาสั่งซื้อสินคาเขาราน

Page 18: บทที่ 4 ผลการดําเนินงานbc.msu.ac.th/project_file/chapter4(223).pdf · 4.2ส วนการใช งานของลูกค า 4.2.1

109

4.3.8 แสดงหนารายการสินคาที่ทําการสั่งซื้อ ซึ่งจะแสดงอยูดานขวามือของหนาจอ เมื่อไดรายการสินคาที่ตองการครบแลว ใหทําการคลิกปุม “สั่งซื้อสินคา”

ภาพท่ี 4-17 แสดงหนาการสั่งซื้อสินคาเขาราน

Page 19: บทที่ 4 ผลการดําเนินงานbc.msu.ac.th/project_file/chapter4(223).pdf · 4.2ส วนการใช งานของลูกค า 4.2.1

110

4.3.9 หลังจากทําการคลิกปุม “สั่งซื้อสินคา” แลว จะเปนหนาขอมูลสินคาที่ทําการสั่งซื้อ แลวใหกรอกระยะเวลาการรับสินคา แลวทําการเลือกตัวแทนจําหนาย เมื่อเรียบรอยแลวใหทําการคลิกปุม “บันทึกการสั่งซื้อสินคา”

ภาพท่ี 4-18 แสดงหนาขอมูลสินคาที่ทําการสั่งซื้อ

Page 20: บทที่ 4 ผลการดําเนินงานbc.msu.ac.th/project_file/chapter4(223).pdf · 4.2ส วนการใช งานของลูกค า 4.2.1

111

4.3.10 เมนูบันทึกการจัดสงสินคา เมื่อลูกคาทําการแจงชําระเงินแลว ขอมูลการแจงชําระเงินของลูกคาคนน้ันจะแจงมายัง ผูดูแลระบบวา ลูกคาคนน้ีทําการแจงชําระเงินแลว ผูดูแลระบบก็จะทําการจัดสงสินคาใหกับพนักงานคนน้ัน

ภาพท่ี 4-19 แสดงหนาบันทึกการจัดสงสินคา

Page 21: บทที่ 4 ผลการดําเนินงานbc.msu.ac.th/project_file/chapter4(223).pdf · 4.2ส วนการใช งานของลูกค า 4.2.1

112

4.3.12 เมนูบันทึกการรับสินคา เมื่อตัวแทนจําหนายนําสินคาที่ทางรานไดทําการสั่งซื้อสินคาไวมาสงใหกับทางราน ผูดูแลระบบจะทําการคลิกที่ สถานะ “รอรับสินคา” เพื่อทําการกรอกจํานวนสินคาที่รับจากตัวแทนจําหนาย

ภาพท่ี 4-20 แสดงหนาบันทึกการรับสินคา

Page 22: บทที่ 4 ผลการดําเนินงานbc.msu.ac.th/project_file/chapter4(223).pdf · 4.2ส วนการใช งานของลูกค า 4.2.1

113

4.3.13 บันทึกการจายเงิน เมื่อรับสินคาแลว ก็ทําการจายชําระเงินใหตัวแทนจําหนาย ซึ่งผูดูแลระบบจะบันทึกขอมูลการจายชําระเงินลงฐานขอมูล

ภาพท่ี 4-21 แสดงหนาบันทึกการรับสินคา

Page 23: บทที่ 4 ผลการดําเนินงานbc.msu.ac.th/project_file/chapter4(223).pdf · 4.2ส วนการใช งานของลูกค า 4.2.1

114

4.3.15 ขอมูลรายงานตางๆ สามารถเลือกดูหนารายงานสินคาขายดี, รายงานการตัดจําหนาย, รายงานขอมูลสินคาคงเหลือ, รายงานการแจงชําระเงิน, รายงานการสั่งซื้อสินคา, รายงานการรับสินคา, รายงานการจายเงิน, รายงานความถี่การสั่งซื้อสินคาของลูกคา, รายงานการจายเงิน, รายงานสรุปยอดขาย

4.3.15.1 รายงานการตัดจําหนาย

ภาพท่ี 4-22 แสดงหนารายงานการตัดจําหนาย

Page 24: บทที่ 4 ผลการดําเนินงานbc.msu.ac.th/project_file/chapter4(223).pdf · 4.2ส วนการใช งานของลูกค า 4.2.1

115

4.3.15.2 รายงานการสั่งซื้อสินคา

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