ผลการด าเนินงาน - bc.msu.ac.th10).pdf · ภาพที่ 4-7...

บทท 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 ทไดในขนตอนการสมคร จากนนคลกเขาสระบบ จากนนคลกท การเดนบญช เพอตรวจสอบการช าระเงน