บทที่ 3 วิธีการด าเนินงาน ในระบบงานใหม่ของระบบซื้อขายเสื้อผ้าแฟชั่นออนไลน์ ร้านบัดดี้ อ าเภอพิมาย จังหวัดนครราชสีมา ได้มีการน าคอมพิวเตอร์เข้ามาใช้ในการประมวลผล และจัดการฐานข้อมูล เพื่อที่จะรองรับการจัดเก็บข้อมูลในอนาคต นอกจากนั้นการน าคอมพิวเตอร์เข้ามาใช้ในส่วนน้ี จึงท าให้เกิดความรวดเร็ว ถูกต้อง และมีความทันสมัยเพิ่มมากขึ้น โดยในระบบงานใหม่นี้จะเปลี่ยนจากระบบการท างานด้วยมือและจัดเก็บเอกสารเข้าแฟ้ม ซึ่งเป็นการสิ้นเปลืองเน้ือที่ในการจัดเก็บเอกสาร และเอกสารอาจเกิดการสูญหาย เป็นการท างานด้วยระบบคอมพิวเตอร์และมีการใช้ฐานข้อมูลเข้ามาช่วยจัดเก็บข้อมูลจะท าให้มีความสะดวกรวดเร็วมากขึ้น และมีประสิทธิภาพในการท างานเพิ่มขึ้นกว่าระเดิมที่ด าเนินงานมา ผู้ศึกษาจะได้น าทฤษฎีและแนวความคิดต่างๆ จากที่ได้ศึกษามาแล้วในบทที่ 2 มาประยุกต์ใช้งานการด าเนินงานโดยมีขั้นตอนการพัฒนาระบบดังนี้ 3.3 การพัฒนาเว็บ (Web Development Process) 3.3.1 ขั้นตอนที่ 1 การวางแผน (Planning) 3.3.1.1 ก าหนดเป้าหมายหลักของเว็บไซต์

- เพื่อเป็นการประชาสัมพันธ์ให้เป็นที่รู้จักอย่างกว้างขวาง - บริการข้อมูลและประชาสัมพันธ์สินค้า - เพื่อเพิ่มปริมาณยอดขาย - จ าหน่ายสินค้าเพื่อเพิ่มรายได้จากการขายสินค้าหรือให้บริการ - เข้าถึงลูกค้ากลุ่มใหม่ เพื่อขยายฐานลูกค้า - สร้างภาพลักษณ์ที่ดีของธุรกิจ

3.3.1.2 วิธีการวัดความส าเร็จ - วัดความส าเร็จจากยอดขายสินค้าที่เพิ่มขึ้น - มีการสมัครสมาชิกเพิ่มขึ้นเดือน 10 คนต่อเดือน - วัดสถิติผู้เยี่ยมชมจาก counter

26

3.3.1.3 การพิจารณาทรัพยากรที่มี - การพัฒนาเว็บไซต์จะใช้บุคลากรทั้งหมด 2 คน - ใช้ระยะเวลาการพัฒนาเว็บไซต์ประมาณ 3 – 4 เดือน - ข้อมูลที่น าเสนอบนเว็บน ามาจากทางร้านบัดดี ้

3.3.1.4 ลูกค้ากลุ่มเป้าหมาย - กลุ่มลูกค้าที่ใช้อินเทอร์เน็ตในการหาข้อมูลสินค้า - กลุ่มลูกค้าผู้หญิงอายุ 19 – 30 ปี - กลุ่มลูกค้าวัยรุ่นผู้หญิงอายุ 12 – 18 ปี

3.3.1.5 สร้างประโยชน์ต่อผู้ใช้ - รับส่วนลดหรือของสมนาคุณตามโปรโมชั่นเมื่อซื้อสินค้า - รับทราบข้อมูลใหม่ ๆ จากเว็บไซต์ - รับความสะดวกรวดเร็วในการสั่งซื้อสินค้า - มีโอกาสในการตัดสินใจซื้อมากขึ้น

3.3.1.6 ส ารวจสภาพการแข่งขัน จากการส ารวจตลาดการแข่งขันของเว็บไซต์ จะพบว่ามีจ านวนเว็บไซต์คู่แข่ง

ที่อยู่ในประเภทเดียวกันจ านวนมากผู้พัฒนาเว็บไซต์จะต้องพัฒนาเว็บไซต์ให้มีความแตกต่างและตรงกับความสนใจตามความต้องการของลูกค้าเพื่อดึงดูดลูกค้าให้เข้ามาใช้บริการ

3.3.1.7 คู่แข่ง จากการเข้าส ารวจคู่แข่งขันจากเว็บไซต์ต่าง ๆ เพื่อน ามาวิเคราะห์หาจุดเด่น

และจุดด้อย ของแต่ละเว็บไซต์เพื่อน ามาปรับปรุงและน ามาพัฒนาเว็บไซต์ของร้านบัดดี้ ให้มีประสิทธิภาพมากยิ่งขึ้นโดยน าเว็บไซต์จาก 5 เว็บไซต์น้ีมาเป็นตัวอย่าง

27

1. รูปแบบโครงสร้างเว็บขายเสื้อผ้าสไตล์เกาหลีออนไลน์ www.cherryintrend.com

ภาพท่ี 3-1 รูปแบบโครงสร้าง www.madamcute.com

ภาพท่ี 3-1 รูปแบบโครงสร้าง www.cherryintrend.com ข้อดีของเว็บไซต์

- การใช้สีเหมาะสมกับเว็บไซต์เพราะเป็นเว็บไซต์ขายสินค้าแฟชั่น - รูปแบบการจัดข้อมูลเป็นระเบียบและเลือกดูสินค้าง่าย - มีสินค้าที่ให้เลือกหลากหลาย

ข้อเสียของเว็บไซต์ - Bannerโฆษณาปิดเน้ือหาในเว็บมุมด้านขวาของเว็บเพจ - มีการเลื่อน scollbar มากเกินไป - การวางรูปแบบของข้อมูลไม่น่าสนใจ

28

2. รูปแบบโครงสร้างเว็บขายสินค้าออนไลน์ www.allcurtain.com

ภาพท่ี 3-2 รูปแบบโครงสร้าง www.allcurtain.com ข้อดีของเว็บไซต์

- มีข่าวสารสาระส าคัญและน่ารู้มากมายเมื่อเข้ามาใช้บริการเว็บไซต์ - มีการจัดหมวดหมู่สินค้าแต่ละประเภทที่เหมาะสม - สามารถเข้ามาดูเว็บไซต์ผ่านทาง mobile และ PDA ได้

ข้อเสียของเว็บไซต์

- สีของพื้นหลังเรียบง่ายเกินไป - มีการจัดรูปแบบของตัวอักษรไปเป็นที่น่าสนใจ

29

3. รูปแบบโครงเว็บไซต์ขายสินค้าออนไลน์ www.sexy-lovely.com

ภาพท่ี 3-3 รูปแบบโครงสร้าง www.sexy-lovely.com ข้อดีของเว็บไซต์

- มีการใช้รูปภาพเหมาะสมกับธุรกิจ - มีสินค้าให้เลือกมากมาย - มีการส่งข่าวสารให้กับผู้เยี่ยมชมที่สนใจ

ข้อเสียของเว็บไซต์ - มีการเลื่อน scollbar มากเกินไป - การวางรูปแบบของข้อมูลไม่น่าสนใจ

30

4. รูปแบบโครงเว็บไซต์ขายสินค้าออนไลน์ www.inandart.com

ภาพท่ี 3-4 รูปแบบโครงสร้าง www.inandart.com ข้อดีของเว็บไซต์

- มีการจัดวางหน้าเว็บไซต์ที่เหมาะสมกับธุรกิจ - มีการแสดงภาพบรรยากาศภายในร้านผ่านทางเว็บไซต์ด้วย - มีตัวสินค้าของทางร้านให้เลือกมากมาย

ข้อเสียของเว็บไซต์ - การใช้พื้นที่ของรายละเอียดสินค้าและรูปสินค้าไม่ได้สัดส่วน - สีพื้นหลังไม่เข้ากับสีพื้นหลังของตัวสินค้า - มีการจัดรูปแบบตัวอักษรที่ไม่เหมาะสมกับเว็บไซต์

31

5. รูปแบบโครงเว็บไซต์ขายสินค้าออนไลน์ www.fashion-narak.com

ภาพท่ี 3-5 รูปแบบโครงสร้าง www.fashion-narak.com ข้อดีของเว็บไซต์

- การจัดคอลัมน์ดี - มีสินค้าให้เลือกมากมายและการจัดหมวดหมู่ที่ดี - มีการจัดสถิติในการเข้าชมเว็บไซต์ของทางร้าน

ข้อเสียของเว็บไซต์ - มีรูปแบบตัวอักษรที่ไม่เหมาะสมกับตัวเว็บไซต์ - มีการจัดวางโครงสร้างของตัวสินค้าที่ซับซ้อน

32

3.1.2 ขั้นตอนที่ 2 การบริหารจัดการเนื้อหาและการออกแบบสารสนเทศ

3.1.2.1 ช่องทางประชาสัมพันธ์ มีการประชาสัมพันธ์หรือโฆษณาเว็บไซต์ผ่านช่องทางต่าง ๆ ของ Search

Engine หรือท าการขอการขอเช่าพื้นที่โฆษณาหรือฝากลิงค์เว็บไซต์กับเว็บไซต์ต่าง ๆ ที่มีความสินค้าที่เกี่ยวข้องหรือคล้ายคลึงกัน

3.1.2.2 ประยุกต์เน้ือหาจากสื่ออ่ืน มีการน าเน้ือหามาจากสื่อนิตยสารต่าง ๆ และ สื่อทางทีวี เข้ามาประยุกต์ใช้ใน

เว็บไซต ์และน ารูปภาพสินค้ามาจากเว็บไซต์ต่าง ๆ

3.1.2.3 ก าหนดเน้ือหาและการใช้งานที่จ าเป็น ผู้ใช้สามารถใช้งานเว็บบอร์ดและสมุดเยี่ยมภายในเว็บไซต์ได้ เพื่อโต้ตอบซึ่ง

กันและกันและสามารถแลกเปลี่ยนความคิดเห็นต่าง ๆ ผ่านเว็บไซต์

3.1.2.4 พิจารณาถึงความเป็นไปได้ เว็บไซต์สามารถขายสินค้าได้จริง และช่วยในการประหยัดต้นทุนประหยัด มี

ความรวดเร็วในการเลือกดูสินค้าที่ต้องการ โดยที่ไม่ต้องเดินทางออกจากบ้านและมีการออกแบบเพื่อให้ตรงกับความต้องการของกลุ่มลูกค้าเป้าหมายในด้านแฟชั่นที่ทันสมัยมีสินค้าที่หลากหลายให้เลือกซื้อ และพัฒนาให้เหมาะสมกับทรัพยากรที่มีอยู่

3.1.2.5 เก็บรวบรวมและพัฒนาข้อมูล เก็บรวบรวมข้อมูลขั้นตอนการท างานของระบบงานขายสินค้า มาจากการ

สอบถามข้อมูลจากเจ้าของกิจการและมีการถ่ายรูปสินค้ามาจากร้านบัดดี้

33

3.1.3 ขั้นตอนที่ 3 การออกแบบโครงสร้างเว็บไซต์ (Site Structure) 3.1.3.1 รูปแบบโครงสร้าง Template 1

โครงสร้างเว็บเพจ : โครงสร้างแบบแนวตั้ง

ส่วนหัวเว็บเพจ : ใช้รูปภาพ Logo ของร้าน

ส่วนท้ายของหน้า : ใช้ระบบ Navigation Bar

ส่วนด้านขวา : เป็น Menu link ต่าง ๆ ภายในเว็บ

ส่วนด้านซ้าย : เป็นส่วนของสมาชิก Log in ระบบ และ รูปภาพ

ขนาดเว็บเพจ : ความกว้าง 800 Pixels

ขนาดด้านขวา : ความกว้าง 165 Pixels

ขนาดด้านซ้าย : ความกว้าง 145 Pixels รูปที่ใช้ : ภาพพื้นหลังของเมนูต่างๆ และflash เป็นรูปนาฬิกา สีหลักของเว็บเพจ : สีชมพู สีเทา สีขาว ส่วนของลิงค์ : ตัวหนังสือสีเทา และ สามารถเปลี่ยนเป็นขาวได้

34

ภาพท่ี 3-6 โครงสร้าง Template 1

35

3.1.3.2 รูปแบบระบบน าทางหลัก (Main Navigation Style) Navigation Bar : ใช้ส าหรับน าทางในการลิงค์ไปเนื้อหาหลักต่าง ๆ

ภายในเว็บเพจ ซึ่งอยู่ในส่วนหัวของเว็บเพจและอยู่ด้านท้ายของเว็บเพจ Search box : ใช้ส าหรับในการค้นหาสินค้าภายในเว็บไซต์

Image map : ใช้ส าหรับน าทางไปยังรายละเอียดหลักของสินค้า 3.1.3.3 แบบแผนระบบข้อมูล เป็นแบบไม่แน่นอน โดยการจัดกลุ่มตามหัวข้อซึ่งง่ายต่อการสื่อความหมาย ให้กับผู้เยี่ยมชม และในอนาคตอาจมีเพิ่มรายการสินค้าหรือหัวข้อที่น่าสนใจขึ้นมาเพื่อความต้องการของผู้ใช้ 3.1.3.4 เน้ือส่วนตัวต่าง ๆ ของเมนูของเว็บเพจ ค าอธิบายของ Navigation ด้านบน หน้าแรก , สมัครสมาชิก , Webborad, Guestbook, ข่าว, ติดต่อเรา,การสั่งซื้อ,การช าระเงิน, Admin ค าอธิบายของ Navigation ด้านซ้ายมือสถิติของร้านเปิดร้าน , ปรับปรุงร้าน , ผู้ชมทั้งหมด , ดูสินค้าทั้งหมดหมวดหมู่สินค้าสินค้ามาใหม่ , สินค้าขายดี , สินค้าแนะน า, ดัชนีราคา, สินค้าทั้งหมด , เสื้อ, กระโปรง ,กางเกง, เข็มขัด,รองเท้าบริการทางร้านหน้าแรก , ข่าวสาร, เว็บบอร์ด, สมัครสมาชิก , วิธีการสั่งซื้อ , วิธีการช าระเงิน , Direct Pay, แจ้งการช าระเงิน , เกี่ยวกับเรา ค าอธิบายของ Navigation ด้านซ้ายมือที่ส าหรับ log in ส าหรับให้สมาชิกเข้าระบบ, รูปภาพแสดงสินค้าแนะน า, รูปภาพแสดงสินค้าค้า hot product, รูปภาพแสดงสินค้าขายดี , นาฬิกา Template 2

โครงสร้างเว็บเพจ : โครงสร้างแบบพอดีหน้าจอ

ส่วนหัวเว็บเพจ : ใช้รูปภาพ Logo ของร้าน

ส่วนท้ายของหน้า : ใช้ระบบ Navigation Bar

ขนาดเว็บเพจ : ความกว้าง 800 Pixels สีหลักของเว็บเพจ : สีชมพู สีเทา สีขาว

ส่วนของลิงค์ : ตัวหนังสือสีเทา และ สามารถเปลี่ยนเป็นขาว

36

ภาพท่ี 3-7 โครงสร้าง Template 2

3.1.3.5 key word

ตารางท่ี 3-1 key word ร้านบัดดี้ ขายเสื้อผ้าแฟชั่น

key word ร้านบัดดี้ ขายเสื้อผ้าแฟชั่น

no keyword result date/time

1 เสื้อ 3,330,000 22/07/09 ,0.17 วินาท ี

2 เข็มขัด 1,040,000 22/07/09 , 0.23 วินาท ี

3 กางเกงขายาว 9,060,000 22/07/09, 0.17 วินาท ี

4 เข็มขัด 1,430,000 22/07/09 ,0.17 วินาท ี

5 รองเท้าส้นเตี้ย 56,200 22/07/09 , 0.79 วินาท ี

6 รองเท้าเตะ 112,000 22/07/09 , 0.71 วินาท ี

7 รองเท้าส้นสูง 261,000 22/07/09 ,0.17 วินาท ี

8 รองรองเท้าแฟชั่น 40,100 22/07/09, 0.22 วินาท ี

11 Accessory 43,900 22/07/09, 0.24 วินาท ี

12 กางเกงขาสั้น 42,500 22/07/09, 0.28 วินาท ี

37

3.1.3.6 key word ใกล้เคียง

ตารางท่ี 3-2 key word ใกล้เคียง ร้านบัดดี้ ขายเสื้อผ้าแฟชั่น

No key word หลัก key word ใกล้เคียง key word ใกล้เคียง keyword ใกล้เคียง

1 เสื้อ เสื้อ

2 เข็มขัด เข็มขัด เข็มขัด เข็มขัด

3 กางเกงขายาว กางเกงขายาว กางเกงขายาว กางเกงขายาว

4 เข็มขัด เข็มขัด เข็มขัด เข็มขัด

5 รองเท้าส้นเตี้ย รองเท้าส้นเตี้ย รองเท้าส้นเตี้ย รองเท้าส้นเตี้ย

6 รองเท้าเตะ รองเท้าเตะ รองเท้าเตะ รองเท้าเตะ

7 รองเท้าส้นสูง รองเท้าส้นสูง รองเท้าส้นสูง รองเท้าส้นสูง

8 รองรองเท้าแฟชั่น รองรองเท้าแฟชั่น รองรองเท้าแฟชั่น

รองรองเท้าแฟชั่น

11 Accessory Accessory Accessory Accessory

12 กางเกงขาสั้น กางเกงขาสั้น กางเกงขาสั้น กางเกงขาสั้น

3.1.3.7 รูปแบบโครงสร้างการออกแบบเว็บเพจหน้าหลัก

ชื่อเว็บเพจ : index.html

โครงสร้างเว็บเพจ : ตามรูปแบบของ Template 1

ส่วนของเน้ือหา : ตัวอักษร Microsolf Sans Serif 14 Pixels สีด า ส่วนของลิงค์ : ตัวอักษรสีเทา และ เปลี่ยนเป็นสีขาวเมื่อคลิกเมาส์ ข้อมูลเว็บเพจ : แสดงข้อมูลภาพรูปสินค้าของร้านและเน้ือหาส าคัญ

รูปที่ใช้ : ภาพสินค้า 110*120 px และ ภาพflash 475*215 px สีหลักของเว็บเพจ : สีชมพู สีเทา สีขาว

38

3.1.3.8 รูปแบบระบบน าทางหลัก (Main Navigation Style) Navigation Bar : ใช้ส าหรับน าทางในการลิงค์ไปเนื้อหาหลักต่าง ๆ

ภายในเว็บเพจ ซึ่งอยู่ในส่วนหัวของเว็บเพจและอยู่ด้านซ้ายมือของเว็บเพจ Search box : ใช้ส าหรับในการค้นหาสินค้าภายในเว็บไซต์ Image map : ใช้ส าหรับน าทางไปยังรายละเอียดหลักของสินค้า

3.1.3.9 ระบบน าทางสู่เว็บเพจ แบบ Global : ซึ่งสามารถลิงค์ไปหาข้อมูลหลัก ๆ ของเว็บไซต์ แบบ Local : ใช้เพื่อลิงค์เข้าหารายละเอียดของสินค้า 3.1.3.10 แบบแผนระบบข้อมูล เป็นแบบไม่แน่นอน โดยการจัดกลุ่มตามหัวข้อซึ่งง่ายต่อการสื่อความหมาย ให้กับผู้เยี่ยมชมในอนาคตอาจมีเพิ่มหัวข้อที่น่าสนใจขึ้นมาเพื่อความต้องการของผู้ใช้ และมีการเพิ่มเปลี่ยนข้อมูลหรือรูปภาพของสินค้า 3.1.3.11 โครงสร้างข้อมูล แบบ Hypertext ในส่วนของการดูและชมสินค้า และแบบ ล าดับชั้นในส่วนของการสั่งซื้อสินค้าที่ต้องท าตามล าดับขั้นตอนถึงจะซื้อสินค้าได้ สามารถท าการลิงค์ไปหาหน้าเว็บเพจ ต่าง ๆ ได้อย่างง่ายตามที่เราต้องการ

39

ภาพท่ี 3-8 รูปแบบหน้าหลัก

40

3.1.3.12 รูปแบบโครงสร้างการออกแบบเว็บเพจสมัคสมาชิก

ชื่อเว็บเพจ : member_register.php

โครงสร้างเว็บเพจ : ตามรูปแบบของ Template 1

ส่วนของเน้ือหา : ตัวอักษร Microsolf Sans Serif 14 Pixels สีด า ข้อมูลเว็บเพจ : แสดงข้อมูลภาพบอกรายละเอียดวิธีสมัครสมาชิก

และ ข้อมูลที่ก าหนดให้ผู้ใช้กรอกข้อมูลเพื่อสมัครสมาชิก รูปที่ใช้ : ภาพกราฟิก 450*400 px สีหลักของเว็บเพจ : สีชมพู สีเทา สีขาว ส่วนของลิงค์ : ตัวหนังสือสีเทา และ สามารถเปลี่ยนเป็นขาว

3.1.3.13 รูปแบบระบบน าทางหลัก (Main Navigation Style) Navigation Bar : ใช้ส าหรับน าทางในการลิงค์ไปเนื้อหาหลักต่าง ๆ

ภายในเว็บเพจ ซึ่งอยู่ในส่วนหัวของเว็บเพจและอยู่ด้านซ้ายมือของเว็บเพจ Search box : ใช้ส าหรับในการค้นหาสินค้าภายในเว็บไซต์

Image map : ใช้ส าหรับน าทางไปยังรายละเอียดหลักของสินค้า 3.1.3.14 แบบแผนระบบข้อมูล เป็นแบบมีแบบแผนแน่นอน โดยเนื้อหาในหน้าสมัครสมาชิกจะมีข้อมูลที่จะให้ลูกค้ากรอกเพื่อเป็นการเป็นการบันทึกเข้าสู่ฐานข้อมูลโดยมีการก าหนดที่ตายตัว

ภาพท่ี 3-9 รูปแบบหน้า สมัครสมาชิก

41

3.1.3.15 รูปแบบโครงสร้างการออกแบบเว็บเพจหน้าค้นหาสินค้า

ชื่อเว็บเพจ : product_search.php

โครงสร้างเว็บเพจ : ตามรูปแบบของ Template 1

ส่วนของเน้ือหา : ตัวอักษร Microsolf Sans Serif 14 Pixels สีด า ข้อมูลเว็บเพจ : แสดงข้อมูลภาพรูปสินค้าของร้านและเน้ือหาส าคัญ

รูปที่ใช้ : รูปสินค้า 110*120 px ส่วนของลิงค์ : ตัวหนังสือสีเทา และ สามารถเปลี่ยนเป็นขาว

3.1.3.16 รูปแบบระบบน าทางหลัก (Main Navigation Style) Navigation Bar : ใช้ส าหรับน าทางในการลิงค์ไปเนื้อหาหลักต่าง ๆ

ภายในเว็บเพจ ซึ่งอยู่ในส่วนหัวของเว็บเพจและอยู่ด้านซ้ายมือของเว็บเพจ Search box : ใช้ส าหรับในการค้นหาสินค้าภายในเว็บไซต์

Image map : ใช้ส าหรับน าทางไปยังรายละเอียดหลักของสินค้า 3.1.3.17 แบบแผนระบบข้อมูล เป็นแบบรูปแบบที่แน่นอน โดยมีการก าหนดรูปแบบของส่วนของเน้ือหาโดยใช้การค้นหาสินค้าและรูปภาพสินค้าแสดงโดยมีรูปสินค้าทั้งหมด 9 รูปในส่วนของเนื้อหา และด้านบนของรูปสินค้าจะเป็น ส่วนให้ค้นหาข้อมูลโดยใช้ Search box

ภาพท่ี 3-10 รูปแบบหน้าค้นหาสินค้า

42

3.1.3.18 รูปแบบโครงสร้างการออกแบบเว็บเพจหน้ารายละเอียดสินค้า

ชื่อเว็บเพจ : product_detail.php

โครงสร้างเว็บเพจ : ตามรูปแบบของ Template 1

ส่วนของเน้ือหา : ตัวอักษร Microsolf Sans Serif 14 Pixels สีด า ข้อมูลเว็บเพจ : แสดงข้อมูลภาพรูปสินค้าของร้านและข้อมูลสินค้า

รูปที่ใช้ : รูปสินค้า 150*150 px สีหลักของเว็บเพจ : สีชมพู สีเทา สีขาว สีฟ้า ส่วนของลิงค์ : ตัวหนังสือสีเทา และ สามารถเปลี่ยนเป็นขาว

3.1.3.19 รูปแบบระบบน าทางหลัก (Main Navigation Style) Navigation Bar : ใช้ส าหรับน าทางในการลิงค์ไปเนื้อหาหลักต่าง ๆ

ภายในเว็บเพจ ซึ่งอยู่ในส่วนหัวของเว็บเพจและอยู่ด้านซ้ายมือของเว็บเพจ Search box : ใช้ส าหรับในการค้นหาสินค้าภายในเว็บไซต์

3.1.3.20 แบบแผนระบบข้อมูล เป็นแบบมีรูปแบบแน่นอน มีการจัดข้อมูลภาพสินค้าและรายละเอียดสินค้าโดย 1 รูปสินค้า ต่อ รายละเอียดของสินค้านั้น ๆ และมี รถเข็นส าหรับสมาชิกเมื่อต้องการซื้อสินค้า

ภาพท่ี 3-11 รูปแบบหน้ารายละเอียดสินค้า

43

3.1.3.21 รูปแบบโครงสร้างการออกแบบเว็บเพจหน้าเข้าสู่ระบบ

ชื่อเว็บเพจ : login.php

ส่วนของเน้ือหา : ตัวอักษร Microsolf Sans Serif 14 Pixels สีด า ข้อมูลเว็บเพจ : ส่วนให้กรอก Username และ Password

สีหลักของเว็บเพจ : สีชมพู สีเทา สีขาว สีฟ้า ส่วนของลิงค์ : ตัวหนังสือสีเทา และ สามารถเปลี่ยนเป็นขาว

3.1.3.22 รูปแบบระบบน าทางหลัก (Main Navigation Style) Navigation Bar : ใช้ส าหรับน าทางในการลิงค์ไปเนื้อหาหลักต่าง ๆ

ภายในเว็บเพจ ซึ่งอยู่ในส่วนหัวของเว็บเพจและอยู่ด้านซ้ายมือของเว็บเพจ Search box : ใช้ส าหรับในการค้นหาสินค้าภายในเว็บไซต์

3.1.3.23 แบบแผนระบบข้อมูล เป็นแบบรูปแบบที่แน่นอน โดยมีการจัดส่วนให้สมาชิกกรอก Username และ Password เพื่อเข้าระบบ

ภาพท่ี 3-12 รูปแบบหน้าเข้าสู่ระบบ

44

3.1.3.24 รูปแบบโครงสร้างการออกแบบเว็บเพจหน้าแก้ไขข้อมูลสมาชิก

ชื่อเว็บเพจ : member_detail.php

โครงสร้างเว็บเพจ : ตามรูปแบบของ Template 1

ส่วนของเน้ือหา : ตัวอักษร Microsolf Sans Serif 14 Pixels สีด า ข้อมูลเว็บเพจ : แสดงข้อมูลของสมาชิก

สีหลักของเว็บเพจ : สีชมพู สีเทา สีขาว สีฟ้า ส่วนของลิงค์ : ตัวหนังสือสีเทา และ สามารถเปลี่ยนเป็นขาว

3.1.3.25 รูปแบบระบบน าทางหลัก (Main Navigation Style) Navigation Bar : ใช้ส าหรับน าทางในการลิงค์ไปเนื้อหาหลักต่าง ๆ

ภายในเว็บเพจ ซึ่งอยู่ในส่วนหัวของเว็บเพจและอยู่ด้านซ้ายมือของเว็บเพจ Search box : ใช้ส าหรับในการค้นหาสินค้าภายในเว็บไซต์

Image map : ใช้ส าหรับน าทางไปยังรายละเอียดหลักของสินค้า 3.1.3.26 แบบแผนระบบข้อมูล เป็นแบบไม่แน่นอน เนื่องจากสมาชิกอาจจะมีการเปลี่ยนแปลงข้อมูลได้ขึ้นอยู่กับสมาชิก

45

ภาพท่ี 3-13 รูปแบบหน้ารายแก้ไขข้อมูลสมาชิก

46

3.1.3.27 รูปแบบโครงสร้างการออกแบบเว็บเพจหน้ารายละเอียดการสั่งซื้อของสมาชิก

ชื่อเว็บเพจ : Chang_pro_unit.php

โครงสร้างเว็บเพจ : ตามรูปแบบ Template 2

ส่วนของเน้ือหา : ตัวอักษร Microsolf Sans Serif 14 Pixels สีด า ข้อมูลเว็บเพจ : แสดงข้อมูลการสั่งซื้อของสมาชิก

สีหลักของเว็บเพจ : สีชมพู สีเทา สีขาว ส่วนของลิงค์ : ตัวหนังสือสีเทา และ สามารถเปลี่ยนเป็นขาว 3.1.3.28 แบบแผนระบบข้อมูล เป็นแบบไม่แน่นอน ขึ้นอยู่กับว่าสมาชิกมีการสั่งซื้อถ้าสมาชิกมีการสั่งซื้อเพิ่มข้อมูลก็จะเพิ่มขึ้น

ภาพท่ี 3-14 รูปแบบหน้ารายละเอียดรายการสั่งซื้อของสมาชิก

47

3.1.3.29 รูปแบบโครงสร้างการออกแบบเว็บเพจหน้าเพิ่มรายการสินค้า

ชื่อเว็บเพจ : admin_ad_product.php

โครงสร้างเว็บเพจ : ตามรูปแบบของ Template 2 ข้อมูลเว็บเพจ : แสดงข้อมูลการเพิ่มข้อมูลสินค้า

สีหลักของเว็บเพจ : สีชมพู สีเทา สีขาว ส่วนของลิงค์ : ตัวหนังสือสีเทา และ สามารถเปลี่ยนเป็นขาว

3.1.3.30 รูปแบบระบบน าทางหลัก (Main Navigation Style) Navigation Bar : ใช้ส าหรับน าทางในการลิงค์ไปเนื้อหา หลักต่าง ๆ

ภายในเว็บเพจ ซึ่งอยู่ในส่วนหัวของเว็บเพจ 3.1.3.31 แบบแผนระบบข้อมูล เป็นแบบแน่นอน โดยการจัดกลุ่มตามหัวข้อในการเพิ่มข้อมูลเพื่อความง่ายต่อการเพิ่มข้อมูลของ admin

ภาพท่ี 3-15 รูปแบบหน้าเพิ่มรายการสินค้า

48

3.1.3.32 รูปแบบโครงสร้างการออกแบบเว็บเพจสินค้าตัดจ าหน่าย

ชื่อเว็บเพจ : admin_scrap_add.php

โครงสร้างเว็บเพจ : ตามรูปแบบของ Template 2

ส่วนของเน้ือหา : ตัวอักษร Microsolf Sans Serif 14 Pixels สีด า

ข้อมูลเว็บเพจ : ส่วนเพิ่มข้อมูลสินค้าที่ต้องการตัดจ าหน่าย สีหลักของเว็บเพจ : สีชมพู สีเทา สีขาว ส่วนของลิงค์ : ตัวหนังสือสีเทา และ สามารถเปลี่ยนเป็นขาว

3.1.3.33 รูปแบบระบบน าทางหลัก (Main Navigation Style) Navigation Bar : ใช้ส าหรับน าทางในการลิงค์ไปเนื้อหาหลัก ต่าง ๆ

ภายในเว็บเพจ ซึ่งอยู่ในส่วนหัวของเว็บเพจ 3.1.3.34 แบบแผนระบบข้อมูล เป็นแบบแน่นอน โดยก าหนดเนื้อหาเพื่อง่ายต่อการกรอกข้อมูลของสินค้าที่ต้องการตัดจ าหน่ายให้ง่ายขึ้น

ภาพท่ี 3-16 รูปแบบหน้าเพิ่มสินค้าตัดจ าหน่าย

49

3.1.3.35 รูปแบบโครงสร้างการออกแบบเว็บเพจหน้าหลักของ admin

ชื่อเว็บเพจ : admin_home.php

โครงสร้างเว็บเพจ : ตามรูปแบบของ Template 2

ส่วนของเน้ือหา : ตัวอักษร Microsolf Sans Serif 14 Pixels สีด า สีหลักของเว็บเพจ : สีชมพู สีเทา สีขาว ส่วนของลิงค์ : ตัวหนังสือสีเทา และ สามารถเปลี่ยนเป็นขาว

3.1.3.36 รูปแบบระบบน าทางหลัก (Main Navigation Style) Navigation Bar : ใช้ส าหรับน าทางในการลิงค์ไปเนื้อหาหลัก ต่าง ๆ

ภายในเว็บเพจ ซึ่งอยู่ในส่วนหัวของเว็บเพจ 3.1.3.37 ระบบน าทางสู่เว็บเพจ

แบบ Global : ซึ่งสามารถลิงค์ไปหาข้อมูลหลัก ๆ ของเว็บไซต์ 3.1.3.38 แบบแผนระบบข้อมูล เป็นแบบแน่นอนโดยการจัดกลุ่มตามหัวข้อซึ่งง่ายต่อการสื่อความหมาย ให้ กับ admin เพื่อง่ายต่อการเข้าไปจัดการข้อมูลในแต่ละส่วน 3.1.3.39 โครงสร้างข้อมูล แบบ ฐานข้อมูล เพื่อสะดวกต่อการดูแล ปรับปรุงเนื้อหา และจัดการข้อมูลได้อย่างถูกต้อง

ภาพท่ี 3-17 รูปแบบหน้าส่วนของ admin

50

3.1.3.40 Out put แสดงรายงาน

ภาพท่ี 3-18 แสดงรายงานการขายสินค้า

ภาพท่ี 3-19 แสดงรายงานการสั่งซื้อสินค้า

51

3.1.3.41 Site map

Password

Webboard

Guestbook

Admin

Guestbook

Webboard

ภาพท่ี 3-20 Site map ภาพรวมระบบขายสินค้าร้านบัดดี้

52

3.2 การวิเคราะห์และออกแบบ

3.2.1 System Flowchart ของระบบงานเดิม

3.2.1.1 Flowchart แสดงการขาย

ภาพท่ี 3-21 Flowchart ระบบการขาย

53

3.2.1.2 Flowchart แสดงการสั่งซื้อ

ภาพท่ี 3-22 Flowchart ระบบงานการสั่งซื้อ

54

3.2.1.3 Flowchart แสดงการรับสินค้า

ภาพท่ี 3-23 Flowchart ระบบงานการรับสินค้า

55

3.2 ระบบงานเดิมของร้านบัดดี้ Context Diagram

0

ระบบขาย ส้ือผ้า

ภาพท่ี 3-24 Context Diagram ระบบงาน ดิมของร้านบัดดี้

อธิบายการท างานของ Context Diagramระบบงาน ดิมของร้านบัดดี้

ลูกค้าน าข้อมูลสินค้าที่ต้องการและข้อมูลการช าระ งิน ข้าสู่ระบบ และระบบได้ส่งข้อมูลใบ สร็จและข้อมูลสินค้ามายังลูกค้า ส่วน จ้าของกิจการได้ส่งข้อมูลสินค้าที่ต้องการ,ข้อมูลสินค้า,ข้อมูลขายสินค้า,ข้อมูลสั่งซื้อสินค้า,ข้อมูลรับสินค้า,ข้อมูลจ่ายช าระ งินมายังระบบ จากนั้นระบบจะส่งใบสั่งซื้อและจ านวน งินที่จ่ายช าระมายังตัวแทนจ าหน่ายส่วนตัวแทนจ าหน่ายได้ส่งใบส่งของ,ใบ สร็จรับ งินมายังระบบ

56

3.3 วิเคราะห์ระบบงานใหม่ ในส่วนของการวิเคราะห์ระบบงานใหม่นี้ ผู้ศึกษาจะน ารายละเอียดของขั้นตอนการวิเคราะห์และออกแบบระบบ ซึ่งได้น าข้อเสนอแนะและแนวความคิดต่างๆ จากที่ได้ศึกษามาแล้วในส่วนของระบบงานเดิมมาประยุกต์ใช้งานโดยประกอบไปด้วยการวิเคราะห์ระบบงานใหม่

ขั้นตอนการด าเนินงานของระบบซื้อ-ขายเสื้อผ้าแฟชั่นออนไลน์ ร้านบัดดี้ อ าเภอพิมาย จังหวัดนครราชสีมามีลักษณะการด าเนินงานหลักดังนี้

1. การสมัครสมาชิก

2. การขายสินค้า

3. การรับช าระเงิน

4. การสั่งซื้อสินค้า

5. การรับสินค้า

6. การจ่ายช าระเงิน

7. การตัดจ าหน่าย

8. การออกรายงาน

57

ภาพท่ี 3-25 แสดงการท างาน Web Flow ระบบ E-Commercs

อธิบายการท างาน Web Flow ภาพรวมของระบบ E-Commercs ร้านบัดดี้ ผู้ใช้จะต้องท าการเข้าสู่เว็บไซต์ www.Buddy-Phimai.com และท าการสมัครสมาชิกก่อนจึงจะสามารถใช้งานในระบบของร้านได้ซึ่งแบ่งผู้ใช้ออกเป็น 2 ประเภท คือสมาชิก และ Admin ซึ่งจะมาการใช้งานที่ต่างกัน

Database : BuddyDB

Internet

Browser

http://www.Buddy-Phimai.com

58

3.3.1 การท างานระบบสมัครสมาชิก

user/

password

user

password

ภาพท่ี 3-26 แสดงการท างานการสมัครสมาชิก

อธิบายการท างาน

ลูกค้าท าการกรอกข้อมูลสมาชิกและระบบท าการตรวจสอบว่า คย ป็นสมาชิกหรือไม่ถ้า คยมีข้อมูลแล้วจะท าการกรอก Username /Password และถ้าข้อมูลตรงตามที่กรอกข้อมูลมาระบบจะแสดงชื่อผู้ ข้าใช้และบันทึกการ ข้าใช้ระบบ ถ้ายังไม่ คย ป็นสมาชิกสมาชิกจะต้องท าการกรอกข้อมูลส่วนตัว พื่อท าการสมัครสมาชิกและระบบจะท าการแสดงผลข้อมูลที่สมัครสมาชิกและท าการบันทึกข้อมูลของการสมัครสมาชิกจบการท างาน

59

3.3.2 การท างานระบบขายสินค้า

ภาพท่ี 3-27 แสดงการท างานระบบขายสินค้า

อธิบายการท างาน การขายสินค้า สมาชิกจะท าหยิบสินค้าใส่ตะกร้าและท าการกรอกจ านวนสินค้า จากนั้นระบบจะท าการตรวจสอบสินค้าและจ านวนสินค้า ถ้าไม่มีก็จบการท างานถ้ามีระบบจะทากรรค านวณราคาต่อหน่วยและราคารวมเมื่อค านวณราคาเสร็จระบบจะท าการแสดงสินค้าที่มีอยู่ในตระกร้าสินค้า ระบบจะท าการตรวจสอบความต้องการในการซื้อสินค้าถ้าไม่ก็จบการท างานถ้าต้องการสมาชิกต้องการกรอกข้อมูลสมาชิกที่สั่งสินค้าระบบจะแสดงข้อมูลในการสั่งซื้อและท าการบันทึกการขายสินค้า

60

3.3.3 การท างานระบบรับช าระเงิน

ภาพท่ี 3-28 แสดงการท างานระบบรับช าระเงิน อธิบายการท างาน ระบบรับช าระเงินนั้นเมื่อลูกค้าท าการแจ้งข้อมูลการช าระเงิน มาท าการตรวจสอบการขายสินค้าก่อนท าการตรวจสอบข้อมูลรับช าระเงิน ถ้ายังไม่ช าระเงินระบบจะแจ้งกลับไปยังลูกค้าเพื่อให้มาจ่ายช าระเงินแต่ถ้ายังจ่ายช าระเงินไม่ครบระบบจะแสดงข้อมูลการช าระค้างจ่าย ถ้ามีการช าระระบบจะท าการบันทึกข้อมูลการช าระและแสดงข้อมูลการช าระเงินพร้อมกับพิมพ์ใบส่งสินค้า

61

3.3.4 แสดงการท างาน ระบบสั่งซื้อสินค้า

ภาพท่ี 3-29 แสดงการท างานระบบสั่งซื้อสินค้า อธิบายการท างาน ระบบการสั่งซื้อสินค้า เจ้าของกิจการท าการกรอกข้อมูลการสั่งซื้อที่หน้าแบบฟอร์มสั่งซื้อแล้วระบบจะท าการตรวจสอบจุดสั่งซื้อถ้าไม่ถึงจุดสั่งซื้อจะจบการท างาน ถ้าถึงจุดสั่งซื้อเจ้าของกิจการจะท าการกรอกรายละเอียดสินค้าที่ต้องการสั่งซื้อ จากนั้นระบบท าการค านวณราคาต่อหน่วยและราคารวมพร้อมกับแสดงข้อมูลสินค้าที่สั่งซื้อและบันทึกการสั่งซื้อและพิมพ์ใบสั่งซื้อให้กับตัวแทนจ าหน่าย

62

3.3.5 แสดงการท างานระบบรับสินค้า

ภาพท่ี 3-30 แสดงการท างานระบบรับสินค้า อธิบายการท างาน ระบบการรับสินค้า เจ้าของกิจการท าการรับสินค้ากับตัวแทนจ าหน่ายและจ่ายช าระเงินให้กับตัวแทนจ าหน่าย แล้วท าการบันทึกข้อมูลการรับสินค้าและช าระเงิน ลงฐานข้อมูลในตารางของการรับสินค้าแล้วฝั่ง server จะแสดงข้อมูลที่ได้รับจากการบันทึกเพื่อยืนยันว่าข้อมูลที่บันทึกนั้นได้บันทึกเรียบร้อยแล้ว โดยท าการตรวจสอบการสั่งซื้อสินค้าก่อนถ้ามีจะแสดงข้อมูลการสั่งซื้อเสร็จและท าการกรอกข้อมูลการรับสินค้าและท าการค านวณ

63

3.3.6 การท างานระบบจ่ายช าระเงิน

ภาพท่ี 3-31 แสดงการท างานระบบจ่ายช าระเงิน อธิบายการท างาน เมื่อลูกค้าท าการกรอกข้อมูลการสั่งซื้อสินค้ามายังระบบและระบบจะท าการตรวจสอบการสั่งซื้อสินค้าโดยถ้ามีจะท าการแสดงรายงานการสั่งซื้อและท าการกรอกข้อมูลการช าระเงินพร้อมกับบันทึกการช าระเงินและแสดงรายละเอียดการช าระ

64

3.3.7 แสดงการท างานระบบตัดจ าหน่าย

ภาพท่ี 3-32 แสดงการท างานระบบตัดจ าหน่าย อธิบายการท างาน เจ้าของกิจการท าการเช็คสินค้าที่ช ารุดหรือเสียหาย โดยการกรอกข้อมูลสินค้าและระบบจะท าการตรวจสอบสินค้าถ้ามีสินค้าจะพิจารณาสภาพของสินค้าถ้าช ารุดจะท าการบันทึกการตัดจ าหน่ายและแสดงผลของการตัดจ าหน่ายถ้าการตรวจสอบสินค้าไม่มีจบการท างาน และการพิจารณาไม่การช ารุดก็จบการท างาน

65

3.3.8 แสดงการออกรายงาน

ภาพท่ี 3-33 แสดงการท างานระบบการออกรายงาน อธิบายการท างาน เจ้าของกิจการจะท าการค้นหาข้อมูลที่ต้องการน ามาออกรายงาน โดยผ่านฟอร์มการค้นหาซึ่งฟอร์มการค้นหาจะเป็นฟอร์มค้นหาตามความต้องการของเจ้าของกิจการ เมื่อท าการค้นหาเสร็จแล้ว ถ้ามีจะแสดงข้อมูลทั้งหมดออกมาแล้วเจ้าของกิจการจะท าการพิมพ์ข้อมูลนั้น

66

3.4 Context Diagram ระบบขายสินค้าเว็บไซต์ ร้านบัดดี้

ระบบร้านบัดด้ี ส้ือผ้าแ ชั่น

0

username,password

ภาพท่ี 3-34 แสดงการท างานของร้านบัดดี้ อธิบายการท างาน เมื่อลูกค้าส่งข้อมูลส่วนตัวเข้าสู่ระบบเพื่อท าการเข้าสู่การสมัครสมาชิกเสร็จระบบจะส่ง username, password กลับมายังลูกค้าแล้วลูกค้าส่งข้อมูลสินค้าที่ต้องการมายังระบบและข้อมูลการแจ้งช าระเงิน,ใบเสร็จรับเงิน,สถานะภาพส่งสินค้ามาให้ลูกค้าส่วนเจ้าของกิจการจะส่งข้อมูลลูกค้า,ข้อมูลการขาย,สั่งซื้อสินค้า,รับสินค้า,แจ้งช าระเงิน,ตัวแทนจ าหน่าย,สินค้าที่ช ารุด,จ่ายช าระเงิน,สินค้า มายังระบบ และระบบจะท าการส่งรายละเอียดของข้อมูลต่างๆที่ส่งมาให้กับเจ้าของกิจการพร้อมกับรายงาน ส่วนตัวแทนจ าหน่ายระบบได้ส่งใบสั่งซื้อและจ านวนเงินที่ต้องจ่ายและตัวแทนจ าหน่ายได้ส่งใบส่งสินค้า,รายการสินค้าที่ส่ง,ใบเสร็จรับเงินให้ยังระบบเพื่อระบบจะท าการช าระเงินให้กับตัวแทนจ าหน่าย

67

3.5 Data Flow Diagram level 1 ระบบขายสินค้าเว็บไซต์ ร้านบัดดี้

1.

Usename,Password

2. D3

4.

5.

7.

8.

Usename,Password

3.

6.

D6

D9

D11

D14

D13

D12

D1

D2

D4

D5

D7

D8

D10

ภาพท่ี 3-35 DFD แสดงการท างานทั้งหมดของเว็บไซต์

68

3.6 Data Flow Diagram level 2 ระบบขายสินค้าเว็บไซต์ ร้านบัดดี้

1.1

1.2

D1

Usename,Password

Usename,Password

ภาพท่ี 3- 36 แสดงขั้นตอนการสมัครสมาชิก

ลูกค้าท าการส่งข้อมูลส่วนตัวไปยังระบบเพื่อท าการสมัครสมาชิกโดยกรอกข้อมูลส่วนตัวและส่งข้อมูลไปยังดาต้าสโตว์สมาชิกและดาต้าสโตว์ได้ท าการส่ง Usename,Password กลับมาบันทึกในระบบพร้อมส่งกลับไปยังลูกค้าเพื่อไว้ท าการเข้าสู่ระบบ

2.1

2.2

D4

D2

D3

,

ภาพท่ี 3-37 แสดงขั้นตอนการขายสินค้า สมาชิกได้ท าการส่งข้อมูลสินค้าไปยังระบบเพื่อท าการตรวจสอบข้อมูลโดยการส่ง ดาต้าสโตว์ข้อมูลสินค้าและดาต้าสโตว์ได้รายละเอียดข้อมูลสินค้ากลับมายังระบบพร้อมกับส่งข้อมูลไปบันทึกที่ระบบโดยสมาชิกได้แจ้งการช าระเงินและระบบจึงได้ท าการบันทึกข้อมูลการขายลงในดาต้าสโตว์ข้อมูลการขายและรายละเอียดการขายลงดาต้าสโตว์รายละเอียดการขายแล้วจึงท าการแจ้งสถานะภาพส่งสินค้าให้กับสมาชิก

69

3.1

D5 3.2

D2

D3

ภาพท่ี 3- 38 แสดงขั้นตอนการรับช าระเงิน

เมื่อลูกค้าจะช าระเงินจากการขายสินค้าโดยต้องท าการตรวจสอบการขายที่ด้าต้าสโตว์การขายโดยดาต้าสดตว์การขายจะส่งข้อมูลการขายและรายละเอียดการขายมายังระบบเมื่อท าการตรวจสอบเสร็จระบบจะท าการบันทึกการรับช าระเงินโดยการส่งข้อมูลการช าระเงินไปเก็บที่ด้าต้าสโตว์ข้อมูลการรับช าระและรายละเอียดข้อมูลรายละเอียดการรับช าระเงิน

4.1

4.2

D7

D4

D8

,

4.3

D9 ภาพท่ี 3- 39 แสดงขั้นตอนการสั่งซื้อสินค้า

เจ้าของกิจการได้ท าการส่งข้อมูลที่ต้องการสั่งซื้อสินค้ามาท าการตรวจสอบโดยดาต้าสโตว์ตัวแทนจ าหน่ายจะส่งข้อมูลมายังระบบเพื่อให้ระบบท าการเลือกตัวแทนจ าหน่ายเพื่อสั่งซื้อสินค้าแล้วส่งข้อมูลไปยังการตรวจสอบสินค้าเพื่อท าการตรวจสอบสินค้าว่าถึงจุดสั่งซื้อหรือไม่แล้วท าการส่งข้อมูลสินค้ามาท าการบันทึกข้อมูลการสั่งซื้อสินค้าเข้าไปที่ดาจสต้าสโตว์ข้อมูลการสั่งซื้อสินค้าและส่งรายละเอียดการสั่งซื้อสินค้าเข้าที่ดาต้าสโตว์รายละเอียดการสั่งซื้อสินค้า

70

5.1

5.2

D10

D11

,

D4

ภาพท่ี 3-40 แสดงขั้นตอนการรับสินค้า

เจ้าของกิจการได้ท าการส่งข้อมูลสินค้าที่ได้รับไปตรวจสอบสินค้าโดยเข้ามาตรวจสอบที่ดาต้าสโตว์ข้อมูลสินค้าแล้วระบบท าการส่งข้อมูลสินค้าที่ได้รับมาท าการบันทึกโดยระบบส่งข้อมูลการรับสินค้าเข้าจัดเก็บที่ดาต้าสโตว์ข้อมูลการรับสินค้าและรายละเอียดการรับสินค้ามาจัดเก็บที่ดาต้าสโตว์รายละเอียดการรับสินค้า

6.1

6.2

D10

D11

D12

ภาพท่ี 3- 41 แสดงขั้นตอนการจ่ายช าระ

เมื่อการรับสินค้ามาแล้วกิจการต้องท าการจ่ายช าระเงินให้กับตัวแทนจ าหน่ายโดยต้องท าการตรวจสอบการรับสินค้าที่ด้าต้าสโตว์การรับสินค้าและด้าต้าสโตว์รายละเอียดการรับสินค้าเมื่อเจ้าของกิจการได้ส่งข้อมูลการจ่ายช าระมาระบบได้ท าการบันทึกข้อมูลและจัดเก็บข้อมูลจ่ายช าระไปเก็บที่ด้าต้าสโตว์ข้อมูลการจ่ายช าระเงิน

71

7.1

7.2

D13

D14

,

D4

ภาพท่ี 3- 42 แสดงขั้นตอนการตัดจ าหน่ายสินค้า

เจ้าของกิจการส่งข้อมูลสินค้าเพื่อท าการตรวจสอบไปยังดาต้าสโตว์ข้อมูลสินค้าแล้วท าการส่งข้อมูลสินค้ามาท าการบันทึกข้อมูลโดยเจ้าของกิจการได้ส่งข้อมูลสินค้าที่ช ารุดมาที่ระบบและระบบจึงท าการบันทึกข้อมูลการตัดจ าหน่ายมาที่ดาต้าสโตว์การตัดจ าหน่ายสินค้าและส่งรายละเอียดการตัดจ าหน่ายมายังดาต้าสโตว์รายละเอียดการตัดจ าหน่ายและส่งรหัสสินค้าและจ านวนไปเก็บที่ดาต้าสโตว์ข้อมูลสินค้า

8.1

8.2

D13

D4

D2

D11

D8

D1

ภาพท่ี 3- 43 แสดงขั้นตอนการออกรายงาน

เจ้าของกิจการท าการออกรายงานโดยการส่งข้อมูลที่ต้องการออกรายงานเข้าสู่ระบบแล้วระบบจะท าการตรวจสอบที่ดาต้าสโตว์ข้อมูลสมาชิก,การขาย,สินค้า,การตัดจ าหน่าย,การสั่งซื้อ,การรับสินค้าและดาต้าสโตว์ก็จะส่งรายละเอียดข้อมูลต่างมาท าการออกรายงานให้กับเจ้าของกิจการได้ทราบและเจ้าของกิจการจะได้รายงานกับไป

72

3.7 การเชื่อมความสัมพันธ์

ประเภทสินค้า 1 ประเภท ประกอบด้วย สินค้าหลายอย่าง ภาพท่ี 3-44 แสดงความสัมพันธ์ระหว่างตารางประเภทสินค้ากับตารางสินค้า

รายละเอียดการขายสินค้าหลายรายละเอียดมีสินค้า 1 อย่าง ภาพท่ี 3-45 แสดงความสัมพันธ์ระหว่างตารางรายละเอียดการขายสินค้ากับตารางสินค้า

รายละเอียดการสั่งซื้อสินค้าหลายรายละเอียดประกอบกด้วยสินคา้ 1 อย่าง ภาพท่ี 3-46 รายละเอียดการสั่งซื้อสินค้า 1 รายละเอียด มีสินค้าได้หลายสินค้า

รายละเอียดการรับสินค้าหลายรายละเอียด มีสินค้า 1 อย่าง ภาพท่ี 3-47 แสดงความสัมพันธ์ระหว่างตารางรายละเอียดการรับสินค้ากับตารางสินค้า

ประเภทสินค้า ประกอบด้วย สินค้า

รายละเอียดสินค้า มี สินค้า

รายละเอียดการสั่งซื้อ ประกอบด้วย สินค้า

รายละเอียดการรับสินค้า

ประกอบด้วย สินค้า

1 M

M 1

M 1

M 1

73

การตัดจ าหน่าย 1 คร้ังมีรายละเอียดการตัดจ าหน่ายหลายรายละเอียด ภาพท่ี 3-48 แสดงความสัมพันธ์ระหว่างตารางการตัดจ าหน่ายกับตารางสินค้า

การขาย หลายคร้ัง สามารถขายให้กับสมาชิกได้ 1 คน ภาพท่ี 3-49 แสดงความสัมพันธ์ระหว่างตารางการขายสินค้ากับตารางสมาชิก

การขายสินค้า 1 คร้ัง สามารถมีรายละเอียดการขายสินค้าได้หลายรายละเอียด ภาพท่ี 3-50 แสดงความสัมพันธ์ระหว่างตารางการขายสินค้ากับตารางรายละเอียดการขายสินค้า

M

การสั่งซื้อสินค้า 1 คร้ัง มีรายละเอียดการสั่งซื้อสินค้าหลายรายละเอียด ภาพท่ี 3-51 แสดงความสัมพันธ์ระหว่างตารางการสั่งซื้อสินค้าและรายละเอียด

การสั่งซื้อสินค้า 1 คร้ัง สามารถสั่งซื้อสินค้าจากหลายตัวแทนจ าหน่าย ภาพท่ี 3-52 แสดงความสัมพันธ์ระหว่างตารางการสั่งซื้อสินค้ากับตารางตัวแทนจ าหน่าย

การขาย ให้ สมาชิก

ขาย มี รายละเอียดการขายสินค้า

การสั่งซื้อสินค้า มี รายละเอียดการสั่งซื้อสินค้า

การสั่งซื้อสินค้า จาก ตัวแทนจ าหน่าย

การตัดจ าหน่าย มี รายละเอียดการตัดจ าหน่าย

1 M

M 1

1 M

1 M

1 M

74

1

การรับสินค้า 1 คร้ัง มีการสั่งซื้อสินค้าได้ 1 คร้ัง ภาพท่ี 3-53 แสดงความสัมพันธ์ระหว่างตารางการรับสินค้ากับตารางการสั่งซื้อสินค้า

1 M

การรับสินค้า 1 คร้ัง มีรายละเอียดการรับสินค้าหลายรายละเอียด ภาพท่ี 3-54 แสดงความสัมพันธ์ระหว่างตารางการรับสินค้ากับตารางรายละเอียดการรับสินค้า

M

เจ้าของกิจการ 1 คน สามารถท าการสั่งซื้อสินค้าได้หลายคร้ัง ภาพท่ี 3-55 แสดงความสัมพันธ์ระหว่างตารางเจ้าของกิจการกับตารางการสั่งซื้อสินค้า

1

เจ้าของกิจการ 1 คน สามารถการรับสินค้าได้หลายคร้ัง ภาพท่ี 3-56 แสดงความสัมพันธ์ระหว่างตารางเจ้าของกิจการกับตารางการรับสินค้า

1

เจ้าของกิจการ 1 คน สามารถท าการขายให้กับสมาชิกได้หลายคน ภาพท่ี 3-57 แสดงความสัมพันธ์ระหว่างตารางเจ้าของกิจการกับตารางสมาชิก

การรับสินค้า มี การสั่งซื้อสินค้า

การรับสินค้า มี รายละเอียดการรับสินค้า

เจ้าของกิจการ ท าการ สั่งซื้อสินค้า

เจ้าของกิจการ ท าการ การรับสินค้า

เจ้าของกิจการ ท าการขาย สมาชิก

1 1

1 M

1 M

1 M

1 M

75

เจ้าของกิจการ 1 คนสามารถท าการสั่งซื้อสินค้าจากตัวแทนจ าหน่ายได้หลายคน ภาพท่ี 3-58 แสดงความสัมพันธ์ระหว่างเจ้าของกิจการกับตัวแทนจ าหน่าย

สินค้า1 ชิ้นสามารถตัดท าการตัดจ าหน่ายได้หลายรายการสินค้า ภาพท่ี 3-59 แสดงความสัมพันธ์ระหว่างตารางสินค้ากับตารางรายละเอียดการตัดจ าหน่าย

สมาชิก 1 คน สามารถซื้อสินค้าได้หลายอย่าง ภาพท่ี 3-60 แสดงความสัมพันธ์ระหว่างตารางสมาชิกกับตารางสินค้า

เจ้าของกิจการ 1 คน สามารถจ่ายช าระเงินได้หลายคร้ัง

ภาพท่ี 3-61 แสดงความสัมพันธ์ระหว่างเจ้าของกิจการกับการจ่ายช าระเงิน

การจ่ายช าระเงิน 1 คร้ัง สามารถให้กับตัวแทนจ าหน่ายได้ 1 คน

ภาพท่ี 3-62 แสดงความสัมพันธ์ระหว่างการจ่ายช าระเงินกับตัวแทนจ าหน่าย

เจ้าของกิจการ ติดต่อ ตัวแทนจ าหน่าย

สินค้า ท าการ รายละเอียดการตัดจ าหน่าย

สมาชิก ซื้อ สินค้า

เจ้าของกิจการ ท าการ จ่ายช าระเงิน

จ่ายช าระเงิน ให้กับ ตัวแทนจ าหน่าย

1 M

1 M

1 M

1 M

1 1

76

3.8 ER-Diagram

1

M

1

M

MM

M

M

M

MM

M

M

M

1

1

11

1

1

1

1

1

1

1

1

1

M

1 M

11

1

M

1

M

ภาพท่ี 3-63 แสดง ER-Diagram ระบบขายสินค้าร้านบัดดี้

77

3.9 พจนานุกรมข้อมูล ตารางท่ี 3-3 ตารางผู้ดูแลระบบ (admin) ล าดับที่

Attribute Description Data Type Pk Fk Reference

1 Admin_id รหัส admin int(4) yes 2 Admin_user ชื่อเข้าระบบ varchar(20) 3 Admin_pwd รหัสผ่าน varchar(20) ตารางท่ี 3-4 ตารางสมาชิก (member) ล าดับที่

Attribute Description Data Type Pk Fk Reference

1 id รหัสสมาชิก varchar(5) Yes 2 name ชื่อสมาชิก varchar(20) 4 address ที่อยู่ mediumtext 6 province จังหวัด varchar(35) 7 code รหัสไปรษณีย์ varchar(5) 8 tel เบอร์โทรศัพท์ varchar(20) 9 email อีเมลล์ varchar(30) 10 username ชื่อเข้าระบบ varchar(20) 11 password รหัสผ่าน varchar(8)

78

ตารางท่ี 3-5 ตารางการขาย(sale) ล าดับที่

Attribute Description Data Type

Pk Fk Reference

1 Sale_id รหัสการขาย int(4) Yes 2 Sale_total ยอดขายสุทธิ int(6) 3 Sale_date วันที่ขาย Date 4 id รหัสสมาชิก int(4) Yes ลูกค้า 5 Sale_conf สถานะการส่ง Char(2) 6 Sale_date_pay วันที่สิ้นสุดการจ่ายเงิน date 7 Sale_conf_pay สถานะการจ่ายช าระเงิน Char(2) ตารางท่ี 3-6 ตารางรายละเอียดการขายสินค้า(saledetail) ล าดับที่

Attribute Description Data Type

Pk Fk Reference

1 Sale_id รหัสการขาย int(4) Yes Yes ขาย 2 Pro_id รหัสสินค้า int(4) Yes Yes สินค้า 3 Sale_amount จ านวน int(4) 4 Sale_total ยอดขายต่อหน่วย int(6) ตารางท่ี 3-7 ตารางประเภทสินค้า (product_type) ล าดับที่

Attribute Description Data Type Pk Fk Reference

1 Pro_type_id รหัสประเภทสินค้า int(4) Yes 2 Pro_type_name ชื่อประเภทสินค้า varchar(50)

79

ตารางท่ี 3-8 การแจ้งช าระ งิน( confirm )

ล าดับที่

Attribute Description Data Type

Pk Fk References

1 Con_id รหัสการแจ้งช าระ งิน Int yes

2 Con_frombank โอนจากธนาคาร Text

3 Con_name ชื่อผู้โอน varchar

4 con_amount จ านวน งินที่โอน Int

5 con_rebank ธนาคารปลายทางโอน ข้า varchar

6 con_date วันที่โอน varchar

7 Sale_id รหัสการขาย Int yes การขาย ตาราง 3-9 ตารางสินค้า (product) ล าดับที่

Attribute Description Data Type Pk Fk Reference

1 Pro_id รหัสสินค้า int(4) Yes 2 Pro_name ชื่อสินค้า varchar(20) 3 Pro_stor สินค้าคงเหลือ int(6) 4 Pro_type_id รหัสประเภทสินค้า int(4) yes ประเภท

สินค้า 5 Pro_point จุดสั่งซื้อ int(4) 6 Pro_sale ราคาสินค้า int(4) 7 Pro_pic รูปสินค้า Varchar(50

)

8 Pro_detail รายละเอียดสินค้า Varchar(250

80

ตารางท่ี 3-10 ตารางการสั่งซื้อสินค้า (orders) ล าดับที่

Attribute Description Data Type

Pk Fk Reference

1 Order_id รหัสการสั่งซื้อ int(4) yes 2 Order_total ยอดขายสั่งซื้อ int(4) 3 Order_date วันที่สั่งซื้อ Date 4 Order_IsReceived สถานะการรับสินค้า int(2) 5 Sup_id รหัสตัวแทนจ าหน่าย int(4) yes ตัวแทน

จ าหน่าย ตารางท่ี 3-11 ตารางรายละเอียดการสั่งซื้อ (orderdetail) ล าดับที่

Attribute Description Data Type

Pk Fk Reference

1 Order_id รหัสการสั่งซื้อ int(4) Yes Yes สั่งซื้อ 2 Pro_id รหัสสินค้า int(4) Yes Yes สินค้า 3 Order_amount จ านวนที่สั่งซื้อ int(6) 4 Order_total ยอดการสั่งซื้อ int(6) 5 Order_AmountAll จ านวนเหลือที่จะรับ int(6)

81

ตารางท่ี 3-12 ตารางสมาชิกออกไลน์ (useronline) ล าดับที่

Attribute Description Data Type Pk Fk Reference

1 timestamp เวลา int(11) Yes 2 id รหัสลูกค้า int(11) yes ลูกค้า 3 userid รหัส int(11) 4 ipaddress ที่อยู่ varchar(150) ตารางท่ี 3-13 ตารางรายตั้งค่า (setting) ล าดับที่

Attribute Description Data Type Pk Fk Reference

1 set_id รหัส int(4) Yes 2 set_car ค่าขนส่ง varchar(5) 3 set_date_c วันที่ส่ง varchar(5) 4 set_date_r วันที่รับ varchar(5) ตารางท่ี 3-14 ตารางตัวแทนจ าหน่าย (supplier) ล าดับที่

Attribute Description Data Type Pk Fk Reference

1 Sup_id รหัสตัวแทนจ าหน่าย

Int(4) yes

2 Sup_name ชื่อตัวแทนจ าหน่าย Varchar(50) 3 Sup_address ที่อยู่ Mediumtext 4 Sup_province จังหวัด Varchar(35) 5 Sup_zipcode รหัสไปรษณีย์ Varchar (5) 6 Sup_tel เบอร์โทรศัพท์ Varchar(20) 7 Sup_email อีเมลล์ Varchar(50)

82

ตารางท่ี 3-15 ตารางการตัดจ าหน่าย (scrape) ล าดับที่

Attribute Description Data Type Pk Fk Reference

1 Scrape_id รหัสการตัดจ าหน่าย Int(4) Yes 2 Scrape_date วันที่การตัดจ าหน่าย Date ตารางท่ี 3-16 ตารางรายละเอียดการตัดจ าหน่าย (scrape_detail) ล าดับที่

Attribute Description Data Type

Pk Fk Reference

1 Scrape_id รหัสการตัดจ าหน่าย Int(4) Yes Yes ตัดจ าหน่าย 2 Pro_id รหัสสินค้า Int(4) Yes Yes สินค้า 3 Scrape_amount จ านวนที่ตัดจ าหน่าย Int(4) 4 Scrape_comment สาเหตุที่ตัดจ าหน่าย Varcha

r(50)

ตารางท่ี 3-17 ตารางสมุดเยี่ยม (guest) ล าดับที่

Attribute Description Data Type Pk Fk Reference

1 G_id รหัส Int(5) yes 2 G_ame ชื่อ Varchar(30) 3 G_Email อีเมลล์ Varchar(30) 4 G_Date วันที ่ Date

83

ตารางท่ี 3-18 ตารางข่าว(new) ล าดับที่

Attribute Description Data Type Pk Fk Reference

1 New_id รหัสข่าว Int(5) Yes 2 New_topic หัวข้อข่าว Varchar(30) 3 New_detail รายละเอียด Varchar(50) 4 New_name ชื่อข่าว Text 5 New_pic รูปภาพ Varchar(50) ตารางท่ี 3-19 ตารางค าตอบ (wc) ล าดับที่

Attribute Description Data Type Pk Fk Reference

1 WA_id รหัสค าตอบ Int(4) Yes 2 WB_id รหัสค าถาม Int(11) yes ค าถาม 3 WA_name ชื่อผู้ตอบ Varchar(50) 4 WA_email อีเมลล์ Varchar(50) 5 WA_date วันที ่ Varchar(50) 6 WA_detail รายละเอียด Text 7 WA_pic รูปภาพ Varchar(50)

84

ตารางท่ี 3-20 ตารางค าถาม (wc) ล าดับที่

Attribute Description Data Type Pk Fk Reference

1 WA_id รหัสค าถาม Int(11) yes 2 WB_topic หัวข้อ Varchar(255) 3 WB_name ชื่อ Varchar(50) 4 WB_email อีเมลล์ Varchar(50) 5 WB_date วันที ่ Date 6 WB_detail รายละเอียด Text