บทที่ 4 ผลการดาเนินงาน ระบบซื้อขายสินค้า OTOP ออน - BC MSU

บทท 4

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

ระบบซอขายสนคา OTOP ออนไลน บานแพง อ.โกสมพสย จ.หวดมหาสารคาม ผศกษาได

วเคราะหออกแบบและพฒนาระบบเพอชวยในการประกอบการของรานคาไดอยางมประสทธภาพโดยประกอบดวยลกษณะของการใชงาน 2 สวน คอ สวนของสมาชก (Member) สวนของผดแลระบบ (Admin) ดงรายละเอยดดงน 4.1 การใชงานของสมาชก

4.1.1 หนาหลกของระบบซอ – ขายออนไลน ในหนาแรกนจะมเมนตางๆประกอบไปดวยการสมครสมาชก, บรการของราน, สนคา

ภายในราน, ขาวสารและอนๆเปนตน

96

ภาพท 4-1 แสดงภาพหนาฟอรมหลกของระบบ

4.1.2 การสมครสมาชก เมอเลอกเมนสมครสมาชกจะพบกบหนาฟอรมการสมครโดยใหผใชงานท าการสมครเปน

สมาชกกบระบบเมอท าการกรอกขอมลและยนยนการสมครแลวผสมครจะเปนสมาชกทนทและอย

ในสถานะ “สมาชก”

97

ภาพท 4-2 แสดงภาพหนาฟอรมการสมครสมาชก

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

รหสผานลงไป จากนนระบบจะท าการตรวจฐานขอมลวามชอผใชและรหสนหรอไมถาใชระบบจะ

เปลยนหนาฟอรมเขาสระบบไปเปนฟอรมการใชงานสมาชก

98

ภาพท 4-3 แสดงภาพหนาฟอรมการเขาสระบบ

4.1.4 การจดการขอมลสมาชก สมาชกสามารถแกไขขอมลสวนตวไดทเมน “แกไขขอมลสวนตว” เมอเขามาแลวจะพบกบ

ขอมลของเราทไดสมครไวซงในสวนนสมาชกสามารถแกไขขอมลไดตลอด

99

ภาพท 4-4 แสดงภาพหนาฟอรมขอมลสวนตว

4.1.5 วธการสงซอ ขอมลวธการสงซอ เชน เลอกสนคาทตองการสงซอ ลกคาโอนช าระเงนผานทางธนาคารและแจงช าระผานทางเวบไซต สนคา อนๆ เปนตน

100

ภาพท 4-5 แสดงภาพหนาฟอรมวธการสงซอ

4.1.6 ตดตอเรา

ตดตอเรา แสดงขอมลการตดตอ ขอมลราน ทตง ศนยโอทอปบานแพง อ าเภอโกสมพสย

จงหวดมหาสารคาม

101

ภาพท 4-6 แสดงภาพหนาฟอรมตดตอเรา

4.1.7 ตะกราสนคา สมาชกสามารถซอสนคาผานทางเวบไดซงจะแสดงรายการสนคาทสงซอจ านวนสนคา

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

102

ภาพท 4-7 แสดงภาพหนาตะกราสนคา

4.1.8 รายการสนคา 4.1.8.1หนาฟอรมรายการสนคา

สมาชกสามารถเลอกสงซอสนคาจากรายการสนคาทงหมดของทางรานได

103

ภาพท 4-8 แสดงภาพรายการสนคา

4.1.8.2 หนารายละเอยดสนคา

ขอมลรายละเอยดสนคาในแตละตวในแตละชนจะมชอของสนคา จะม

รายละเอยดของสนคา รหสสนคา ราคาสนคา เปนตน

104

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

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

ท าการซอไว พรอมสถานการณช าระเงน และการจดสงสนคา

105

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

4.1.10 แจงการช าระเงน สมาชกสามารถแจงการโอนเงนโดยระบชอรหสอางองการท ารายการ จ านวนทโอน รป

สลปการโอนสงไปยงระบบของ Admin เพอรอรบสนคา

106

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

107

4.1.11 ขอมลรายการจดสงสนคา

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

108

4.1.12 ขอมลเวบบอรด

4.1.12.1 หนาบอรด

ภาพท 4-13 แสดงภาพหนาฟอรมหนาบอรด

109

4.1.16 ตงกระท

ภาพท 4-14 แสดงภาพหนาฟอรมตงกระท

110

4.1.16 ตอบกระท

ภาพท 4-15 แสดงภาพหนาฟอรมตอบกระท

111

4.2 การใชงานของผดแลระบบ (Admin) 4.2.1 ฟอรมเมนการใชงานสวนตว

ส าหรบผดแลระบบจะแสดงหนาตาซงจะแตกตางจากสมาชกประเภทอนๆโดยจะ

มเมนเพมเขามาคอ“Admin control” ส าหรบผดแลระบบเขาไปจดการขอมล

ภาพท 4-16 แสดงภาพหนาฟอรมหลกการใชงานส าหรบผดแลระบบ

112

4.2.2 จดการขอมลสมาชก หนาฟอรมนผดแลระบบสามารถเพม ลบแกไขและคนหาขอมลลกคาสมาชกได

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

113

4.2.3 จดการขอมลเวบบอรด หนาฟอรมนผดแลระบบสามารถเพม ลบ แกไข ขอมลเวบบอรดได

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

114

4.2.3 จดการขอมลผดแลระบบ หนาฟอรมนผดแลระบบสามารถเพม ลบ แกไข และคนหาขอมลผดแลระบบได

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

115

4.2.4 หนาฟอรมหลกขอมลการขายสนคา ผดแลระบบสามารถตรวจสอบขอมลการขายสนคาได และยงสามารถลบรายการ

ขายสนคาไดดงภาพ

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

116

4.2.4.1 หนาฟอรมรายละเอยดขอมลการขายสนคา เมอผดแลระบบคลกทรหสการขาย จะแสดงฟอรมรายละเอยดขอมลการขายสนคา

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

117

4.2.5 จดการขอมลการสงสนคา ผดแลระบบสามารถจดการขอมลการสงสนคาดขอมลการจดสงสนคารวมทง

สามารถลบรายการจดสงสนคาไดดงภาพ

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

118

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

สนคาเขาสตอกและลบขอมลสนคาไดดงภาพ

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

119

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

ท าการแกไขสนคา โดยเลอกตวแทนจ าหนาย และรายการสนคาทจะเพมหรออกวธหนงคอ เพม

สนคาจากรายการสนคาทถงจดสงซอดงภาพ

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

120

4.2.7.1 หนาฟอรมปรนใบสงซอสนคา ผดแลระบบสามารถปรนใบสงซอสนคาทจะสงรายการสนคาใหกบตวแทน

จ าหนายได

ภาพท 4-25 แสดงภาพหนาฟอรมปรนใบสงซอสนคา

4.2.7.2 จดการขอมลการรบสนคา ผดแลระบบสามารถท าการแกไขสนคา โดยเลอกตวแทนจ าหนาย และรายการสนคาทจะ

รบหรออกวธหนงคอ รบสนคาจากรายการสนคาทถงจดสงซอดงภาพ

121

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

4.2.8 จดการขอมลการตดจ าหนายสนคา เมอสนคาหายหรออาจช ารด ผดแลระบบจะท าการตดจาหนายสนคาออกจากสตอก

ได โดยสามารถดขอมล เพมขอมล และลบขอมลการตดจ าหนายสนคาได

122

ภาพท 4-27 แสดงภาพหนาฟอรมขอมลตดจ าหนายส าหรบผดแลระบบ 4.2.9 ออกรายงาน

4.2.9.1หนาฟอรมหลกการออกรายงาน ผดแลระบบสามารถดรายละเอยดการออกรายงานตางๆไดทเมนรายงานไดดงภาพ

123

ภาพท 4-28 แสดงภาพหนาหลกการออกรายงาน

124

4.2.9.2 หนาฟอรมรายงานสมาชก

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

125

4.2.9.3 หนาฟอรมรายงานขอมลสนคา

ภาพท 4-30 แสดงภาพหนาฟอรมรายงานสนคาส าหรบผดแลระบบ

126

4.2.9.3 หนาฟอรมรายงานขอมลการขาย

ภาพท 4-31 แสดงภาพหนาฟอรมรายงานการขายส าหรบผดแลระบบ

127

4.2.9.4 หนาฟอรมรายงานการตดจ าหนายสนคา

ภาพท 4-32 แสดงภาพหนาฟอรมรายงานการตดจ าหนายส าหรบผดแลระบบ

128

4.2.9.5 หนาฟอรมรายงานการสงสนคา

ภาพท 4-33 แสดงภาพหนาฟอรมรายงานการจดสงสนคาส าหรบผดแลระบบ

129

4.2.9.6 หนาฟอรมรายงานการจายช าระเงน

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