บทท 4

ผลการด าเนนงาน

ระบบซอ-ขายสนคาออนไลน ราน NEGO SHOP โดยใช ZET-CART ทผศกษาได

วเคราะหออกแบบและพฒนาเวบไซตท าใหด าเนนงานมประสทธภาพ โดยประกอบดวยลกษณะ

การท างานดงตอไปน

สวนของลกคา

4.1. การเขาใชงานทวไป (หนาราน) แสดงหนาหลกของเวบไซต เมอมคนเรยกใชจะแสดงหนา

หลกของเวบไซตดงน

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

103

4.2. หนาสมครสมาชกและการเขาสระบบ แสดงหนาเวบของกาสมครสมาชกและการเขาสระบบ

ของลกคา เพอตองการท าการสงซอสนคา ผใชตองการสมครสมาชกกบทางเวบไซตกอนจงจะ

สามารถใชงานได

ภาพท 4-2 แสดงหนาจอการสมครสมาชกและสมาการเขาสระบบ

4.2.1. หนา My Account ของสมาชกเมอท าการสมครและ login เขาสระบบสมาชก

ภาพท 4-3 แสดงหนาจอ My Account ของสมาชก

104

4.2.2. การแกไขขอมลสวนตว สมาชกสามารถแกไขขอมลสวนตวตวเองไดโดยการ

เปลยนขอมลตามทตองการจะเปลยนแลวกด “Update”

ภาพท 4-4 แสดงหนาจอ การแกไขขอมลสวนตวของสมาชก

4.3. หนารายการสนคา รายการสนคาจะเปนการแสดงสนคาทสมาชกสามารถเลอกดสนคาได ซงสมาชกสามารถท าการสงซอสนคาได

ภาพท 4-5 แสดงหนาจอรายการสนคาและ ท าการเลอกซอสนคา

105

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

ภาพท 4-6 แสดงหนาจอรายละเอยดสนคา

4.5. หนาการสงซอสนคา รายการในตะกราสนคาจะเปนการแสดงสนคาทสมาชกไดเลอกเอาไว ซงสมาชกสามารถท าการลบรายการสนคาทเลอกไวได สามารถสงซอสนคาได สามารถค านวณจ านวนเงนสทธได สามารถเปลยนทอยในการจดสงได

ภาพท 4-7 แสดงหนาจอการสงซอสนคา

106

4.6. หนาวธการช าระเงน เราสามารถรองรบการช าระเงนผาน paypal ได โดยท “ GO TO

CHECKOUT”มทงหมด 3 ขนตอน

ภาพท 4-8 แสดงหนาจอตองการช าระเงน

4.7. หนาการจดสงสนคา ขนตอนท1 วธการจดสงสนคาโดยเลอกวธการขนสงทตองการทจะใช

ในการสงซอน หลงจากนนคลกท”CONTINUE CHEKOUT”

ภาพท 4-9 แสดงหนาจอเลอกวธจดสงสนคา

107

ภาพท 4-10 แสดงหนาจอการจดสงสนคา

4.8. หนาเลอกวธการช าระเงน ทอยเรยกเกบเงนของคณจะปรากฏทดานซาย ทอยเรยกเกบเงนควร

จะตรงกบทอยในใบแจงยอดบตรเครดตของคณ คณสามารถเปลยนทอยการเรยกเกบเงนโดยคลกท

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

แลว จากนนใหเลอกวธการช าระเงน ตวอยาง “เลอกการช าระเงนผาน paypal” เสรจแลวคลก

ท”CONTINUE CHEKOUT”

ภาพท 4-11 แสดงหนาจอเลอกวธการช าระเงน

คลกเพอแกไขทอย

108

4.9. หนายนยนการช าระเงน จะแสดงขอมลตางๆเชน ทอย วธการจดสงสนคา การช าระเงน เปน

ตน โดยขอมลตางๆสามารถแกไขได เมอตรวจสอบขอมลถกตองแลวใหยนยนการสงซอ คลกท”

CONFIRM THE ORDER”

ภาพท 4-12 แสดงหนาจอยนยนการช าระเงน

4.10. หนาการช าระเงนระบบ PayPal จะปรากฏหนาจอดงน กอนทจะช าระเงนไดลกคาตองไป

สมครสมาชกกบ PayPal กอน ถงจะสามารถช าระเงนได

ภาพท 4-13 แสดงหนาจอการช าระเงน

109

4.11. หนา MY ACCOUNT จะปรากฏจ านวนการสงซอสนคาทงหมดของลกคา

ภาพท 4-14 แสดงหนาจอแสดงการสงซอสนคาทงหมดของลกคา

4.12. การออกระบบ log out หนานจะเปนหนาแสดงการออกจากระบบของสมาชก วาท าการออก

จากระบบเสรจเรยบรอยแลว

ภาพท 4-15 แสดงหนาจอการออกจากระบบของสมาชก

110

สวนของผดแลระบบ

4.13. การ login เขาสระบบของ Admin ผดแลระบบจะตองใส ชอผใช และ รหสผาน ในการเขา

ระบบใหถกตอง

ภาพท 4-16 แสดงหนาจอการเขาระบบของผดแลระบบ

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

เปนตน

ภาพท 4-17 แสดงหนาจอหลกของระบบ Admin

111

4.15. ระบบจดการขอมลสมาชก หนาแสดงขอมลของสมาชกทงหมด ในหนานผดแลระบบสามารถ เพมสมาชก แกไขขอมลสมาชก สามารถลบได

ภาพท 4-18 แสดงหนาจอขอมลสมาชก

4.16. ระบบจดการประเภทสนคา หนานแสดง ผดแลระบบการจดการประเภทสนคา พรอมทงม

ปม แกไข ลบ ประเภทสนคาได

ภาพท 4-19 แสดงหนาจอการจดการประเภทสนคา

112

4.17. ระบบจดการขอมลสนคา หนานเปนหนาทผดแลระบบสามารถท าการจดการขอมลสนคาได โดยจะมปม เพมสนคา เพมประเภทสนคา ดสนคาถงจดสงซอและแกไขขอมลได

ภาพท 4-20 แสดงหนาจอการจดการขอมลสนคา

4.18. การเพมขอมลสนคา หนาแสดงผดแลระบบสามารถท าการเพมขอมลสนคาได พรอมทงกรอกรายละเอยดของสนคา

ภาพท 4-21 แสดงหนาจอการเพมขอมลสนคา

113

สวนผดแลเขยนโปรแกรมเพม

4.19. ค าสงซอสนคาจากตวแทนจ าหนาย

หนาฟอรมการสงซอสนคาจากตวแทนจ าหนาย จะท าการพมพค าสงซอสนคา

ภาพท 4-22 แสดงหนาจอฟอรมการสงซอสนคา(ตวแทนจ าหนาย)

หนาฟอรมการเพมสนคาทตองการสงซอ พมพขอมลทตองการสงซอแลวกด บนทก

ภาพท 4-23 แสดงหนาจอฟอรมการเพมสนคา

114

หนาขอมลสนคาทเพม จะปรากฏขอมลสนคาทเพมเขา

ภาพท 4-24 แสดงหนาจอขอมลสนคาทเพม

หนาฟอรมการแกไขขอมลสนคา พมพขอมลทตองการแกไขแลวกด บนทก

ภาพท 4-25 แสดงหนาจอฟอรมการแกไขขอมลสนคา

115

หนาขอมลสนคาทแกไข แสดงขอมลสนคาทแกไขเรยบรอยแลว

ภาพท 4-26 แสดงหนาจอการแกไขขอมลสนคา

หนาฟอรมการพมพใบสงซอสนคา(ตวแทนจ าหนาย) จะพมพขอมลการสงซอสนคา ขอมล

ตวแทนจ าหนายแลวกด print

ภาพท 4-27 แสดงหนาจอพมพการสงซอสนคา

116

หนาใบสงซอสนคา แสดงใบสงซอสนคาออกมาแลวกด print

ภาพท 4-28 แสดงหนาจอใบสงซอสนคา

4.20. บนทกการจายช าระเงน(ตวแทนจ าหนาย)

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

บนทก

ภาพท 4-29 แสดงหนาจอฟอรมบนทกการจายช าระเงน

117

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

ภาพท 4-30 แสดงหนาจอแสดงขอมลการจายช าระเงน

4.21. ระบบรายงาน

หนาระบบรายงาน เลอกรายงานทตองการได

ภาพท 4-31 แสดงหนาจอรายงาน

118

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

ภาพท 4-32 แสดงหนาจอรายงานขอมลสมาชก

รายงานการสงซอสนคาจากลกคา ผดแลระบบสามารถเขามาด และพมพายงานการสงซอสนคา

จากลกคา ทงหมดได

ภาพท 4-33 แสดงหนาจอรายงานการสงซอสนคาจากลกคา

119

รายงานขอมลสนคา ผดแลระบบสามารถเขามาด และพมพรายงานขอมลสนคา ทงหมดได

ภาพท 4-34 แสดงหนาจอรายงานขอมลสนคา

รายงานการขายสนคา ผดแลระบบสามารถเขามาด และพมพรายงานการขายสนคา ทงหมดได

ภาพท 4-35 แสดงหนาจอรายงานการขายสนคา

120

รายงานการจายช าระเงน ผดแลระบบสามารถเขามาด และพมพรายงานการจายช าระเงน ทงหมดได

ภาพท 4-36 แสดงหนาจอรายงานการจายช าระเงน

รายงานการรบสนคา ผดแลระบบสามารถเขามาด และพมพรายงานการรบสนคา ทงหมดได

121

ภาพท 4-37 แสดงหนาจอรายงานการรบสนคา

รายงานการช าระเงน ผดแลระบบสามารถเขามาด และพมพรายงานการช าระเงน ทงหมดได

ภาพท 4-38 แสดงหนาจอรายงานการช าระเงน

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

122

ภาพท 4-39 แสดงหนาจอรายงานจดสงซอสนคา