บทท 4

วเคราะหและออกแบบระบบงานใหม

เวบไซตขายสนคาออนไลน รานรองเทาคชชแฟชน ทผศกษาไดวเคราะหออกแบบพฒนาระบบจะชวยในการด าเนนงานซอขายผานเครอขายอเลคทรอนกส ไดเปนไปอยางรวดเรวและมประสทธภาพ โดยประกอบดวยลกษณะการใชงาน 2สวนคอ สวนหนาราน(สวนของลกคา) ทมาท าการสงซอสนคา, สวนหลงราน(ผดแลระบบ)ทท าหนาทในการจดการระบบการสงซอของลกคาทมการสงซอสนคาโดยมรายละเอยดดงน

4.1 เรมตนเขาใชงานเวบ ราน Chushoes fashion

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

4.1.2 พมพ IP Address http://www.bc.msu.ac.th/~51010912687/chushoes

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

4.2 เวบไซตรานรองเทาคชชแฟชน มการท างานอย 2สวน

4.2.1 สวนของลกคา

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

157

4.3สวนของลกคา

4.3.1 การสมครสมาชก

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

ภาพท 4-2 สมครสมาชก

4.3.2 การสงซอสนคา

4.3.2.1 เมอสมครสมาชกเสรจแลว สมาชกเขาสระบบ เมอตองการจะซอสนคา ใหคลก Add To Cart

ภาพท 4-3 เลอกซอสนคา

158

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

ภาพท 4-4 ตระกราสนคา

4.3.2.3 นากนนใหสมาชก ท าการยนยนการสงซอสนคา

ภาพท 4-5 ยนยนการสงซอสนคา

159

4.3.2.4เมอสมาชกยนยนการสงซอเสรจแลวระบบจะแสดงรายการทสงซอ ทสมาชกสงซอ และจ านวนเงน เมอสมาชกจะช าระเงนใหสมาชกคลก Buy now (เปนการช าระเงนผานระบบ Paypal)

ภาพท 4-6 แสดงรายการสงซอและช าระเงน

4.3.2.5 เมอสมาชกจะช าระเงนใหสมาชกคลก Buy now ระบบจะลงคหนาเวบไปยงสวนของการช าระช าระเงนผาน PayPal โดยจะแสดงจ านวนเงนทเราสงซอสนคา

ภาพท 4-7 ช าระเงนผานเพลพาว

160

4.3.2.6 ระบบจะแสดง ชอบญช หมายเลขบญช ประเภทบญช และสาขาทเราจะช าระเงน

ภาพท 4-8 การช าระเงน

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

ภาพท 4-9 ตรวจสอบการสงซอ

161

4.3.2.8 เมอสมาชกจายช าเงนผานระบบเพลพาวแลว ใหสมาชกมาแจงการช าเงน วาสมาชกช าระเงนแลว โดยการกรอกหมายเลขการสงซอ ลงไปในชองวางแลวคลกตรวจสอบ

ภาพท 4-10 แจงการช าระเงน

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

ภาพท 4-11 เวบบอรด

162

4.3.2.10 สวนนเกยวกบรานคา เวบไซตระบบจดจ าหนายสนคาออนไลน รานรองเทาคชชแฟชน จะมรายละเอยดสนคา เวลาเปด-ปด และชอเจาของราน

ภาพท 4-12 เกยวกบเรา

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

4.2.1 เมนผดแลระบบ

4.2.1.1 เมอคลกเมนผดแลระบบหรอ Admin จะเขาสหนาจอลอคอน เพอทจะตรวจสอบผเขาใชระบบเมอพมพ Username และ Password เสรจแลวใหคลกปม ลอกอน

ภาพท 4-13 ลอคอนเขาสระบบ แอดมน

163

4.2.1.2 เมอลอคอนเขาสระบบ จะเขาสหนาเมนของผดแลระบบเพอท าการจดการฐานขอมล

ภาพท 4-14 เมนผดแลระบบ

4.2.2 จดการขอมลทวไป

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

ภาพท 4-15 ขอความทกทายสมาชกและผทเขามาเยยมชม

164

4.2.2.2 เปนการเพมรายการบญชทใหลกคาโอนตงคเขาบญช โดยพมพขอมลลงไป แลวคลกเพมบญช แลวเวบไซตกจะท าการเพมรายการบญชดงภาพ

ภาพท 4-16 เพมรายการบญช

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

ภาพท 4-17 กระดานสนทนา

165

4.2.2.4 รายละเอยดสมาชกเมอสมาชกสมครสมาชกแลว ขอมลจะเขามาเกบอยในฐานขอมลของแอดมน ถาจะลบสมาชกออกจากระบบ กคลก Deleteไดเลย แลวสมาชกกจะโดนลบออกจากเวบไซต

ภาพท 4-18 รายการสมาชก

4.2.2.5 สมาชกลมรหสผาน เมอสมาชกลมรหสผานใหคลก ลมรหสผานอยดานลางของการเขาสระบบแลว ขอมลจะสงมายงฐานขอมลของแอดมน แลวระบบขนอเมลของสมาชกแลวแอดมนจะท าการสงกลบรหสผานกลบไปยงอเมลสมาชก

ภาพท 4-19 สมาชกลมรหสผาน

4.2.2.6 ขอมลรายเอยดเกยวกบรานคา เมอตองการปรบปรงเปลยนแกไขขอมลรานใหกรอกรายละเอยด ในชองใหครบแลว คลกปรบปรงรายการ

ภาพท 4-20 ขอมลรานคา

166

4.2.2.7 ยนยนการช าระเงนจากลกคา เปลยนสถานะของสมาชกทสงซอสนเคากบทางรานคา โดยคลกเลอกสถานะ แลวเลอกสถานะท เชน เมอลกคาช าระเงนแลวใหเปลยนเปน ช าระเงนแลว ถาสงของใหลกคาแลวใหเปลยนสถานะเปนสงสนคา ดงรป

ภาพ 4-21 ยนยนการช าระเงนจากลกคา

4.2.3 จดการสนคา

4.2.3.1 เพมรายการประเภทสนคา ใหท าการพมพประเภทสนคาทตองการพมพลงไปในชองชอประเภทสนคา จากนนคลกเพมสนคา แลวรายการสนคาทเพมจะปรากฏดานลาง

ภาพท 4-22 เพมประเภทสนคา

167

4.3.2.2 เพมรายการสนคาใหคลกเลอกประเภทสนคา และรหสการสงซอ จากนนคลกเพมรายการสนคา แลวสนคาทเราเพมจะแสดง ดานลาง ดงภาพ

ภาพท 4-23 เพมรายการสนคา

4.3.2.3 สนคาในสตอก เปนการดสนคาในสตอก วาเหลอมากนอยแคไหน

ภาพท 4-24 สนคาในสตอก

168

4.3.2.4 รบสนคาจากตวแทนจ าหนาย ใหพมพรหสการสงซอ แลวคลกปม Search จากนน รายการสนคากจะแสดงดานลางแลวคลกบนทกสนคา หรอยกเลก

ภาพท 4-25 รบสนคาจากตวแทนจ าหนาย

4.2.4 รายการยอดขายสนคา

4.2.4.1 ขายรายวน ใหเลอกวนเดอนป แลวคลกรายงานยอดขาย

ภาพท 4-26 รายงานยอดขายรายวน

4.2.4.2 ขายรายเดอน ใหเลอกวนเดอนป แลวคลกรายงานยอดขาย

ภาพท 4-27 รายงานยอดขายรายเดอน

169

4.2.4.3 ขายรายป ใหเลอกปทตองการดรายงานการขาย แลวคลก แสดงรายงาน

ภาพท 4-28 รายงานยอดขายรายป

4.2.4.4 ขายตามชวงใหเลอกวนทขาย เชน จากวนท1 ถงวนท10 แลวเลอกเดอน และ พ.ศ แลวคลกตรวจสอบรายการ

ภาพท 4-29 คนหารายงานขาย

4.2.5 รายการการสงซอ

4.2.5.1 เมอแอดมมนตองการดรายการงานสงซอรายวน รายการ ใหเลอกวนเดอนป แลวคลกแสดงรายงานการสงซอ

ภาพท 4-30 รายงานการสงซอรายวน

170

4.2.5.2 เมอแอดมมนตองการดรายการงานสงซอรายเดอน ใหเลอกวนเดอนป แลวคลกแสดงรายงานการสงซอ

ภาพท 4-31 แสดงรายงานการสงซอรายเดอน

4.2.5.3 เมอแอดมมนตองการดรายการงานสงซอรายป ใหคลกเลอกปทตองการแสดงรายงานการสงซอ แลวคลกแสดงรายงาน

ภาพท 4-32 แสดงรายงานการสงซอรายป

4.2.5.6 สงซอตามชวงใหเลอกวนทซอ เชน จากวนท1 ถงวนท10 แลวเลอกเดอน และ พ.ศ แลวคลกตรวจสอบรายการสงซอ

ภาพท 4-33 แสดงรายการสงซอตามชวง

171