Upload
others
View
6
Download
0
Embed Size (px)
Citation preview
บทท 4 ผลการด าเนนงาน
เครองมอชวยสราง Wed E-Commerce เปนเครองมอขนาดใหญ ทผศกษาไดวเคราะหออกแบบและพฒนาเวบไซต เพอจะชวยในการพฒนาเครองมอทสามารถสรางธรกจ E-Commerce ใหแกสมาชก ใหเปนไปอยางรวดเรวและมประสทธภาพและสรางเวบไซตในการตดตอซอขายระหวางรานคาและลกคาโดยตรง ประกอบดวยลกษณะของการใชงาน 3 สวน คอ สวนการใชงานของผใชงานทวไป, สวนของผใชงานรานคาและสวนของผดแลระบบ มรายละเอยดดงน
4.1 ผใชงานทวไป
124
4.1.1 หนาหลกของเครองมอชวยสราง Wed E-Commerce
ภาพท 4-1 แสดงหนาหลกของเวบไซต หนาเวบไซตหลกจะมสวนประกอบตางๆ ดงนคอ สวนเมนคอ หนาหลก, สมครสมาชก,ลงทะเบยนรานคา,สนคาขายด,เวบบอรด, ตดตอเรา,ลอกอนลกคา,ลอกอนผดแลระบบ
125
4.1.2 หนาสมครสมาชก
ภาพท 4-2 แสดงหนาสมครสมาชก
แสดงหนาสมครสมาชกโดยมขอมลทตองกรอกคอ ชอสกล ทอย เพศ อเมล และขอมลการระบบ Username และ Password ในการ login เขาสระบบ
126
4.1.3 login เขาสระบบ
ภาพท 4-3 login เขาสระบบ
ภาพท 4-4 แสดงขอความตอนรบเขาสระบบ จากนนกจะปรากฏ ขอความยนดตอนรบเขาสระบบ จากนนใหคลกปม OK กจะเขาสระบบของเวบไซตได
127
4.1.4 แสดงหนาแรกหลงจากการเขาสระบบ
ภาพท 4-5 แสดงหนาแรกหลงจากการขาสระบบ
หลงจาก login เขาสระบบของสมาชกแลวจะแสดงหนานขนมา ลกคาสามารถสงซอสนคาในรานคา
128
4.1.5 หนาประวตสวนตว
ภาพท 4-6 แสดงหนาประวตสวนตว หนาประวตสวนตวผใชสามารถเขาไปแกไขประวตสวนตวของตวเองได สามารถเพมรปภาพเขาในหนาประวตสวนตว นอกจากนนหนาประวตสวนตวยงมรายการตางๆทเกยวกบตวเราเชนรายการการแจงช าระเงน,รายการการสงซอสนคาของคณและรายการรานคาของคณ
129
4.1.6 สมครสมาชกรานคา
ภาพท 4-7 แบบฟอรมสมครสมาชกรานคา
สมครสมาชกรานคา ส าหรบผทเปนสมาชกตองการทจะลงทะเบยนรานคาหรอตองการมรานคาออนไลนสามารถลงทะเบยนการสมครสมาชกราคาไดและผทยงไมไดเปนสมาชก แตตองการสมครสมาชกรานคากใหกลบไปสมครสมาชกกอนถงจะสามารถสมครสมาชกรานคาได การสมครสมาชกรานคา แบงออกเปน 2 แบบคอ รานคาประเภท Beginner Free และ รานคาประเภท VIP
130
4.1.7 หนาแสดงขอมลขาวสาร
ภาพท 4-8 หนาขอมลขาวสารทมอยภายในเวบ
สามารถเขาดรายละเอยดเกยวกบขอมลขาวสารของเวบไดไมวาจะเปนขาวสารเกยวกบการประชาสมพนธรานคาตางๆหรอขาวสารเกยวกบสนคามาให
131
4.1.8 หนาแสดงสนคาขายด มาใหม และสนคาแนะน า
ภาพท 4-9 หนาแสดงขอมลสนคาขายด มาใหม และสนคาแนะน าได
สามารถตรวจสอบสนคาขายด มาใหม และสนคาแนะน าได โดยคลกทเมนสนคาขายด กจะสามารถดสนคาขายดของรานคารานตางๆทน ามารวมกนไวหนาน
132
4.1.9 หนาแสดงรายละเอยดของสนคาและรปภาพ ภาพท 4-10 หนาแสดงรายละเอยดของสนคาและรปภาพ สามารถแสดงรายละเอยดขอมลรปภาพ ขอมลสนคารายละเอยด สนคาและราคาสามารถหยบสนคาสงในตะกราสนคา
133
4.1.9 หนาแสดงการคนหารานคา
ภาพท 4-11 แสดงหนาผลลพธจากการคนหารานคา
สามารถคนหารานคารานตางๆไดโดยระบชอทตองการคนหาลงชอง แลวคลกทปม
Search แลวขอมลการหาจะขนมาดงภาพ
134
4.1.11 หนาแสดงความคดเหนเกยวกบสนคา
ภาพท 4-12 แสดงความคดเหนเกยวกบสนคา
สามารถเขาไปแสดงความคดเหนหรอวจารณเกยวกบตวสนคาของรานตางๆได โดยกรอกความคดเหนลงในชองรวมแสดงความคดเหนและกรอกชอผแสดงความคดเหนตรงชองโดยจากนนกดบนทก
135
4.1.12 เวบบอรด
ภาพท 4 -13 เวบบอรด
เวบบอรดประจ าเวบไซตจดท าขนเพอไวใหสมาชกหรอบคคลทวไปตงค าถามหรอมปญหากสามารถมาตงกระทไดทน
136
4.1.13 ตะกราสนคา
ภาพท 4-14 แสดงภาพตะกราสนคา
สมาชกทตองการซอสนคาเมอคลกทตะกราสนแลวคาสนคาทคณเลอกจะไปอยยงหนาตะกราสนคา ซงจะมรายละเอยดของสนคา ชอสนคา จ านวนกชน ราคาเทาไร จ านวนเงนทงหมด สามารถลบและเพมสนคาทตองการซอได และสามารถสงซอเมอเลอกสนคาไดครบตามทตองการ
137
4.1.14 การยนยนการสงซอ
ภาพท 4-15 แบบฟอรมการยนยนการสงซอ
ภาพท 4-16 Message แจงการบนทกสนคาทสงซอ
เมอคลกทปมสงซอสนคาในหนาตะกราสนคา จะขนแบบฟอรมการยนยนการสงซอเพอใหลกคายนยนการสงซออกครง หลงจากทคลกยนยนการสงซอสนคา จะม Message ขนมาบอกวารายการของทานถกบนทกแลว กรณาช าระเงนตามก าหนด ใหคลกปม OK ดงภาพ
138
4.1.15 หนาแสดงหนาเวบ ตดตอเรา
ภาพท 4-17 แสดงหนาเวบ ตดตอเรา
139
4.2 สวนของผใชงานรานคา สามารถแบงสวนของรานคาออกเปน 2 สวนได แก รานคา Beginner Free และ รานคา VIP 4.2.1 รานคาประเภท Beginner Free 4.2.1.1 ลงทะเบยนราคาประเภท Beginner Free
ภาพท 4-18 แบบฟอรมการลงทะเบยนรานคาประเภท Beginner Free
ลงทะเบยนราคาประเภท Beginner Free ไดโดยทลอกอนเขาใชงานของสมาชกและเลอกทเมน ลงทะเบยนรานคา จากนนจะมฟอรมการลงทะเบยนรานคาขนมาใหเหนดงภาพท 4-16 ใหคลกประเภท Beginner Free และกรอกขอมลชอรานคารหสบตรประชาชน และว ธการช าระเงนคาสนคาของรานทจะเปดใหบรการ
140
4.2.1.2 สามารถ login เขาสระบบ
ภาพท 4-19 แบบฟอรมการ login เขาสระบบ
ส าหรบเจาของรานหรอผดแลระบบสามรถ login เขาสระบบของรานคาประเภท Beginner
Free ไดโดยพมพ Username และ Passwoed ทไดตงไวในหนาสมครสมาชกรานคา
141
4.2.1.3 หนาแสดงการจดการรานคาประเภท Beginner Free
ภาพท 4-20 แสดงหนาเวบทสามารถจดการรานคาประเภท Beginner Free
142
4.2.1.4 หนาแสดงการ เพม ลบ แกไขขอมล สนคา ในรานคาประเภท Beginner Free
ภาพท 4-21 หนาแสดงการ เพม ลบ แกไขขอมล สนคา ในรานคาประเภท
Beginner Free
สามารถเพม ลบ แกไขขอมล สนคาในรานคาประเภท Beginner Free ได โดยสนคาในรานคาฟรจะสามารถเพมสนคาไดเพยงแค 10 รายการ
143
4.2.1.5 หนาแสดงการเพม แกไข ขอมลขาวสารทางราน
ภาพท 4-22 หนาแสดงการเพม แกไข ขอมลขาวสารทางราน สามารถแสดงหนาการเพม ลบ การแกไข ขอมลขาวสารประจ ารานได โดยคลกทเมนขาวสารจากทางราน จากนนกสามารถเพม ลบ และแกไข ขอมลขาวสารจากทางรานไดและสามรถปรบเปลยน เพม ขนาดตวและเปลยนสตวอกษร ของขาวสารได
144
4.2.1.6 หนาแสดงการตรวจสอบรายการสงซอสนคาของสมาชกได
ภาพท 4-23 หนาแสดงการตรวจสอบรายการสงซอสนคาของสมาชกได
สามารถตรวจสอบรายการสงซอสนคาของสมาชกได โดยคลกทรายการสงซอสนคา ในหนาการจดการรานคาในสวนของผดแลระบบ ในชองสถานะเจาของรานสามารถเลอกระบสถานะของรายการ การสงซอแตละรายการไดวาอยในสถานะใด เชน ก าลงตรวจสอบ ก าลงด าเนนการ จดสงแลว เปนตน
145
4.2.1.7 หนาแสดงการเรยกด ลบ ความคดเหนหรอวจารณสนคา
ภาพท 4-24 หนาแสดงการเรยกด ลบ ความคดเหนหรอวจารณสนคา
หนาแสดงการเรยกด ลบ ความคดเหนหรอวจารณสนคาผานเวบไซตได โดยคลกทความคดเหนสนคา ในหนาการจดการรานคาในสวนของผดแลระบบ
146
4.2.1.8 หนาแสดงการเพม ลบ แกไข บทความของรานคา
ภาพท 4-25 หนาแสดงการเพม ลบ แกไข บทความของรานคา
สามารถเพม ลบ แกไข บทความของรานคาได โดยคลกทบทความของรานในหนาการจดการรานคาในสวนของผดแลระบบ
147
4.2.1.9 หนาแสดงการเพม ลบ แกไข วธการช าระเงน
ภาพท 4-26 หนาแสดงการเพม ลบ แกไข วธการช าระเงน
สามารถเพม ลบ แกไข วธการช าระเงนโดยคลกทวธกาช าระเงนของรานในหนาการจดการรานคาในสวนของผดแลระบบ
148
4.2.1.10 หนาแสดงการดรายละเอยด ลบ การแจงช าระเงน
ภาพท 4-27 หนาแสดงการดรายละเอยด ลบ การแจงช าระเงน
สามารถการดรายละเอยด และลบ การแจงช าระเงน ของลกคาทท าการแจงการช าระเงนคาสนคาผานธนาคาร โดยคลกทการแจงช าระเงนของรานในหนาการจดการรานคาในสวนของผดแลระบบ
149
4.2.1.11 หนาแสดงรายงานการขายสนคา
ภาพท 4-28 หนาแสดงรายงานการขายสนคา
สามารถพมพรายงานการขายสนคาประจ ารานคาได โดยคลกทรายงานการขายสนคาในหนาการจดการรานคาในสวนของผดแลระบบ
150
4.2.1.12 หนาแสดงรายงานสนคา
ภาพท 4-29 หนาแสดงรายงานสนคา สามารถเรยกดรายงานสนคาประจ ารานได โดยคลกทรายงานสนคาในหนาการจดการ
รานคาในสวนของผดแลระบบ
151
4.2.2 รานคาประเภท VIP 4.2.2.1 หนาแสดงการสมคร รานคาประเภท VIP
ภาพท 4-30 หนาแสดงการสมคร รานคาประเภท VIP
ลงทะเบยนราคาประเภท VIP ไดโดยทลอกอนเขาใชงานของสมาชกและเลอกทเมน ลงทะเบยนรานคา จากนนจะมฟอรมการลงทะเบยนรานคาขนมาใหเหนดงภาพท 4-29 ใหคลกประเภท VIP และกรอกขอมลชอรานคารหสบตรประชาชน และวธการช าระเงนคาสนคาของรานทจะเปดใหบรการ
152
4.2.2.2 หนาแสดง login เขาสระบบ รานคาประเภท VIP
ภาพท 4-31 หนาแสดง login เขาสระบบ รานคาประเภท VIP
ส าหรบเจาของรานหรอผดแลระบบสามรถ login เขาสระบบของรานคาประเภท VIP ไดโดยพมพ Username และ Passwoed ทไดตงไวในหนาสมครสมาชกรานคา
153
4.2.2.3 หนาแสดงการจดการรานคาประเภท VIP
ภาพท 4-32 หนาแสดงการจดการรานคาประเภท VIP
สามารถจดการเกยวกบรายการตางๆไดเชน สามารถจดการสนคาคอสามารถ ลบ แกไข
สนคาและบรการอนๆ ในรานคา
154
4.2.2.4 หนาแสดงการ เพม ลบ แกไขขอมล รายละเอยดรายการสนคา
ภาพท 4-33 หนาแสดงการ เพม ลบ แกไขขอมล รายละเอยดรายการสนคา
สามารถเพม ลบ แกไขขอมล รายละเอยดรายการสนคาบนเวบไซตไดไมจ ากด โดยคลกทสนคา ในหนาการจดการรานคาในสวนของผดแลระบบ
155
4.2.2.5 หนาแสดงการ เพม ลบ แกไข ขอมลขาวสารประจ าราน
ภาพท 4-34 หนาแสดงการ เพม ลบ แกไข ขอมลขาวสารประจ าราน
สามารถเพม ลบ แกไข ขอมลขาวสารทางรานได โดยคลกทขาวสาร ในหนาการจดการรานคาในสวนของผดแลระบบ และสามารถปรบเปลยนรปแบบตวอกษร ขนาด ส ได
156
4.2.2.6 หนาแสดงการตรวจสอบรายการสงซอสนคา
ภาพท 4-35 หนาแสดงการตรวจสอบรายการสงซอสนคา สามารถตรวจสอบรายการสงซอสนคาของสมาชกได โดยคลกทรายการสงซอสนคา ในหนาการจดการรานคาในสวนของผดแลระบบ
157
4.2.2.7 หนาแสดงการเรยกด ลบ ความคดเหนหรอวจารณสนคา
ภาพท 4-36 หนาแสดงการเรยกด ลบ ความคดเหนหรอวจารณสนคา
สามารถเรยกด ลบ ความคดเหนหรอวจารณสนคาผานเวบไซตได โดยคลกทความคดเหนสนคา ในหนาการจดการรานคาในสวนของผดแลระบบ
158
4.2.2.8 หนาแสดงการเพม ลบ แกไข บทความของรานคา
ภาพท 4-37 หนาแสดงการเพม ลบ แกไข บทความของรานคา สามารถเพม ลบ แกไข บทความของรานคาได โดยคลกทบทความของรานในหนาการ
จดการรานคาในสวนของผดแลระบบ
159
4.2.2.9 สามารถเพม ลบ แกไข เวบบอรด
ภาพท 4-38 สามารถเพม ลบ แกไข เวบบอรด
สามารถเพม ลบ แกไข เวบบอรดของรานคาได โดยคลกทเวบบอรดของรานในหนาการจดการรานคาในสวนของผดแลระบบ
160
4.2.2.10 หนาแสดงการตดจ าหนายสนคา
ภาพท 4-39 หนาแสดงการตดจ าหนายสนคา
สามารถเลอกด ลบ แกไข การตดจ าหนายของรานคาได โดยคลกทการตดจ าหนายของรานในหนาการจดการรานคาในสวนของผดแลระบบ
161
4.2.2.11 หนาแสดงวธการช าระเงน
ภาพท 4-40 หนาแสดงวธการช าระเงน
สามารถเลอกด ลบ แกไข วธการช าระเงนได โดยคลกทวธการช าระเงนในหนาการจดการรานคาในสวนของผดแลระบบ
162
4.2.2.12 หนาแสดงการแจงช าระเงน
ภาพท 4-41 หนาแสดงการแจงช าระเงน
สามารถเลอกดรายละเอยด ลบ วธการแจงช าระเงนได โดยคลกทวธการแจงช าระเงนในหนาการจดการรานคาในสวนของผดแลระบบ หนาแสดงการแจงช าระเงน..
163
4.2.2.13 หนาแสดงรายงานสนคาประจ าราน
ภาพท 4-42 หนาแสดงรายงานสนคาประจ าราน
สามารถเลอกดรายละเอยด รายงานสนคา โดยคลกทรายงานสนคาในหนาการจดการรานคาในสวนของผดแลระบบ
164
4.2.2.1 หนาแสดงรายงานการขาย
ภาพท 4-43 หนาแสดงรายงานการขายสนคา
สามารถเลอกดรายละเอยด รายงานการขายสนคา โดยคลกทรายงานการขายสนคาในหนาการจดการรานคาในสวนของผดแลระบบ
165
4.3 สวนของผดแลระบบ 4.3.1 หนาแสดงระบบบรหารจดการ www.makmayshow.com
ภาพท 4-44 หนาแสดงระบบบรหารจดการ www.makmayshow.com
สามารถจดการบรหารเกยวกบรานคา สมาชก ขาวสาร การแจงช าระเงน VIP ผดแล
ระบบ เ ว บบอร ด หมวดหม สนค า ออก จากระบบ ตร วจสอบก ารช า ระ เ ง น ของ www.makmayshow.com
166
4.3.1 หนาแสดงระบบบรหารจดการ รานคาน
ภาพท 4-45 หนาแสดงระบบบรหาร รานคา
สามารถจดการบรหารเกยวกบรานคาไดทงรานคาประเภทBeginner Free และรานคา
ประเภท VIP ผดแลระบบสามารถตรวจสอบวนเปดรานของรานคารานตางๆได สามารถลบรานคาไดและสามารถเปลยนสถานะของรานคาแตละรานวาใหอยในสถานะทเปดรานหรอปดรานไดจะสงปดรานหรอระงบรานในกรณทผดขอตกลงททางรานตกลงได
167
4.3.3 หนาแสดงระบบบรหารจดการ สมาชก
ภาพท 4-46 หนาแสดงระบบบรหารจดการ สมาชก
ผดแลระบบสามารถสามารถลบ ขอมลของสมาชกได โดยคลกท สมาชก หนาบรหารจดการของ www.makmayshow.com
168
4.3.4 หนาแสดงระบบบรหารจดการ ขาวสาร
ภาพท 4-47 หนาแสดงระบบบรหารจดการ ขาวสาร
ผดแลระบบสามารถเพม ลบ แก ไข รายการขาวสารรานคาได โดยคลกทขาวสารทหนาบรหารจดการของ www.makmayshow.com
169
4.3.5 หนาแสดงระบบบรหารจดการ การแจงช าระเงนรานคา VIP
ภาพท 4-48 หนาแสดงระบบบรหารจดการ การแจงช าระเงนรานคา VIP
170
ภาพท 4-49 หนาแสดงระบบบรหารจดการ รายระเอยดการแจงช าระเงนรานคา VIP ผดแลระบบสามารถ ดรายละเอยดการแจงช าระเงนของรานคา VIP โดยคลกทการแจงช าระเงนรานคาVIP ในหนาบรหารจดการของ www.makmayshow.com
171
4.3.6 หนาแสดงระบบบรหารจดการ ผดแลระบบ
ภาพท 4-50 หนาแสดงระบบบรหารจดการ ผดแลระบบ
สามารถเพม ลบ แกไข ผดแลระบบได โดยคลกทผดแลระบบ ในหนาบรหารจดการของ www.makmayshow.com
172
4.3.7 หนาแสดงระบบบรหารจดการ เวบบอรด
ภาพท 4-51 หนาแสดงระบบบรหารจดการ เวบบอรด
ผดแลระบบสามารถ ลบ เวบบอรด ทมได โดยคลกทเวบบอรด ในหนาบรหารจดการของ www.makmayshow.com
173
4.3.8 หนาแสดงระบบบรหารจดการ การจดหมวดหมสนคา
ภาพท 4-52 หนาแสดงระบบบรหารจดการ การจดหมวดหมสนคา
ผดแลระบบสามารถเพม ลบ แกไข การจดหมวดหมสนคาในการการตางๆ โดยคลกทการจดหมวดหมสนคาในหนาบรหารจดการของ www.makmayshow.com
174
4.3.9 หนาแสดงระบบบรหารจดการ รายงาน 4.3.9.1 หนาแสดงระบบบรหารจดการ รายงานรานคา
ภาพท 4-53 หนาแสดงระบบบรหารจดการ รายงานรานคา
ผดแลระบบสามารถเรยกด รายงานรานคา และสามารถพมพรายงานรานคาได โดยคลกทการ รายงานรานคาในหนาบรหารจดการของ www.makmayshow.com
175
4.3.9.1 หนาแสดงระบบบรหารจดการ รายงานสมาชก
ภาพท 4-54 หนาแสดงระบบบรหารจดการ รายงานสมาชก
ผดแลระบบสามารถเรยกด รายงานรานคา และสามารถพมพรายงานรานคาได โดยคลกทการ รายงานสมาชกในหนาบรหารจดการของ www.makmayshow.com
176
4.3.10 หนาแสดงระบบบรหารจดการ ตรวจสอบการช าระเงน
ภาพท 4-55 หนาแสดงระบบบรหารจดการ ตรวจสอบการช าระเงน
ผดแลระบบสามารถตรวจสอบการช าระเงนของสมาชกผานระบบ Internet Banking โดยเขาสระบบทไดท าการสมครไวดวย Usernameและ Password ทไดในขนตอนการสมคร จากนนคลกเขาสระบบ จากนนคลกท การเดนบญช เพอตรวจสอบการช าระเงน