Upload
others
View
2
Download
0
Embed Size (px)
Citation preview
บทท 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 แสดงหนาจอรายงานจดสงซอสนคา