ผลงานของนักศึกษาระดับปริญญาตรีคณะเทคโนโลยีสารสนเทศ สาขาไอซีที (ICT) มหาวิทยาลัยศรีปทุม บางเขน

1. มหาวิยาลัยศรีปทุม
คณะสารสนเทศศาสตร์
โครงงาน
ร้านค้าออนไลน์ (Online Shop)
จัดทาโดย
1. นาย เฉลิมวุฒิ อู่อรุณ รหัส 51039833
2. นาย นครินทร์ ทาทาน รหัส 51039960
โครงงานนี้เป็นส่วนหนึ่งของการศึกษาหลักสูตรวิทยาศาสตร์บัณฑิต
ภาควิชาเทคโนโลยีสารสนเทศและการสื่อสาร คณะเทคโนโลยีสารสนเทศ
มหาวิทยาลัยศรีปทุม
ปีการศึกษา 2554

2. บทคัดย่อ
เนื่องจากปัจจุบัน การจะลงทุนเปิดร้านค้าเพื่อทาธุรกิจต้องใช้เงินลงทุนสูง ไหนจะต้องหาทาเล
ที่ตั้ง ต้องแต่งร้านเพื่อดึงดูดลูกค้า ต้องจ้างพนักงาน และต้องโฆษณาประชาสัมพันธ์ แต่หลังจากที่
อินเตอร์เน็ตเข้ามามีอิทธิพลต่อการใช้ชีวิตประจาวัน ทาให้พฤติกรรมการลงทุนของผู้ที่ต้องการจะเปิด
ร้านค้าเพื่อทาธุรกิจได้เปลี่ยนไปโดยที่สามารถเปิดร้านได้โดยไม่ต้องไปหาทาเลเพื่อหาสถานที่เปิดร้าน
ไม่ต้องสร้างสานักงาน ไม่ต้องจ้างพนักงาน เพราะระบบอินเตอร์เน็ตได้เข้ามาเป็นอีกทางเลือกหนึ่งที่ใช้
ในการเอื้ออานวยต่อการลงทุน นักธุรกิจสามารถทาหน้าร้านในอินเตอร์ให้สวยงามน่าสนใจอย่างไรก็
ได้เพื่อดึงดูดลูกค้า มีภาพสินค้า สี แบบ รุ่น ประเภทต่างๆ ให้ลูกค้าเลือกได้ตลอด 24 ชั่วโมง จากทุกมุม
โลก หากมีปัญหาหรือข้อสงสัยในตัวสินค้าหรือบริการสามารถสอบถามผ่านเครื่องมือสื่อสารที่จัดไว้ให้
หรือช่องทางอื่นๆ ตามแต่ผู้เป็นเจ้าของร้านจะให้ไว้ เมื่อมีการสั่งซื้อสินค้าจากลูกค้าก็เพียงแต่นาสินค้า
นั้นจัดส่งให้ทางไปรษณีย์ โดยไม่จาเป็นต้องมีโกดังเก็บสินค้าใหญ่โต การรับชาระเงินสามารถทาได้
ผ่านระบบบัตรเครดิตหรือจ่ายผ่านทางบัญชีธนาคารตามวิธีการชาระเงินที่ผู้ค้าแต่ละเจ้าได้สร้างไว้
ผู้ที่จะมีร้านค้าออนไลน์ได้นั้น ควรมีความรู้ความเข้าใจในด้านคอมพิวเตอร์และอินเตอร์เน็ต
พอสมควรเพื่อลดความยุ่งยากในการใช้งานร้านค้าออนไลน์ เพื่อที่จะสามารถจัดการเกี่ยวกับระบบการ
ขายทางหน้าเว็บไซต์ได้ ดังนั้นจึงได้มีการสร้างเว็บไซต์ร้านค้าออนไลน์ที่สามารถจัดการระบบซื้อ-ขาย
สินค้าได้โดยง่ายเพื่อเพิ่มความสะดวกสบายให้แก่ผู้ที่สนใจจะทาธุรกิจค้าขายผ่านระบบออนไลน์ เพราะ
เว็บไซต์ของเรา สามารถสร้างเองได้ง่าย ด้วยมือคุณเอง

3. กิตติกรรมประกาศ
ผู้จัดทาโครงงาน เว็บร้านค้าออนไลน์ จะเกิดขึ้นไม่ได้ถ้าหากขาดการสนับสนุนจาก บุคคล
หลายท่านด้วยกันจึงใคร่ขอขอบคุณท่านต่างๆ ดังนี้
ขอขอบพระคุณอาจารย์ทุกท่านที่มีส่วนให้โครงงานนี้ผ่านมาถึงวันนี้รวมถึงความรู้ในทาง
วิชาการและประสบการณ์ชีวิตในด้านต่างๆ
ขอขอบพระคุณอาจารย์ที่ปรึกษาโครงงาน ดร. วสุวรรธน์ พงศ์ขจร ที่กรุณาให้คาแนะนาและ
ให้คาปรึกษาเป็นอย่างดี ตลอดจนแนวทางแก้ไขปัญหาโครงงาน ซึ่งเป็นประโยชน์มากในการทา
โครงงานนี้ ทาให้ผู้จัดทาสามารถพัฒนาโครงงานจนสาเร็จลุล่วงไปได้ด้วยดี
ขอกราบขอบพระคุณบิดามารดา ครอบครัวรวมถึงญาติๆ ของผู้จัดทาโครงงานที่ให้
คาแนะนารวมถึงกาลังใจ และการสนับสนุนด้านการเงิน, การศึกษา, การอบรม และดูแลเอาใจใส่
อย่างดีมาโดยตลอด
ขอขอบคุณเพื่อนๆ พี่ๆ ทีให้กาลังใจ และให้ความช่วยเหลือเกี่ยวกับการจัดทาโครงงานสุดท้าย
นี้ ขอขอบพระคุณทางคณะสานสนเทศศาสตร์ มหาวิทยาลัยศรีปทุม ตลอดจนอาจารย์ทุกท่านที่มีส่วน
เกี่ยวข้องไว้ ณ ที่นี้ด้วย
คุณค่าและประโยชน์อันพึงมี จากการจัดทาโครงงานนี้ ผู้จัดทาของมอบให้แด่ผู้มีพระคุณทุก
ท่าน

4. คานา
การจัดทาโครงงาน ‚ระบบร้านค้าออนไลน์‛ นี้เป็นส่วนหนึ่งของวิชา ICT492 โครงงาน
คอมพิวเตอร์ (Computer Project) ของหลักสูตรวิทยาศาสตรบัณฑิต สาขาวิชาเทคโนโลยีสารสนเทศ
และการสื่อสาร คณะเทคโนโลยีสารสนเทศ มหาวิทยาลัยศรีปทุม สาหรับนักศึกษาปีสุดท้ายเพื่อให้
นักศึกษาได้นาความรู้ที่เรียนมาทั้งหมดมาประยุกต์ใช้ในการพัฒนาระบบเป็นการทดสอบความรู้
ความสามารถและการเพิ่มประสบการณ์ก่อนการสาเร็จการศึกษาจากสถาบัน
โครงงาน ‚ระบบร้านค้าออนไลน์‛ คณะผู้จัดทาจัดทาเพื่อเป็นตัวกลางในการซื้อขายสินค้า หรือ
บริการ ผ่านระบบอินเตอร์เน็ต ถึงแม้ว่าผู้ใช้จะไม่มีความรู้ด้านภาษาคอมพิวเตอร์ ก็สามารถเป็นเจ้าของ
ร้านค้าออนไลน์ ได้อย่างง่ายดายด้วยบริการที่พร้อม และใช้งานง่าย ในการสร้าง และการจัดการร้านค้า
ออนไลน์ ท่านสามารถเริ่มต้นทาการค้าขายสินค้าของท่านไอ้ออกสู่ทั่วโลกทันที และช่วยทาให้การทา
เว็บไชต์ ของท่านไม่ใช่เรื่องยากอีกต่อไป
คณะผู้จัดทาคาดหวังว่าโครงงาน ‚ระบบร้านค้าออนไลน์‛ นี้คงจะเป็นประโยชน์ต่อผู้สนใจทุก
ท่าน หากมีข้อผิดพลาดประการใด คณะผู้จัดทาต้องขออภัยไว้ ณ ที่นี้ด้วย

5. สารบัญ
หน้า
บทคัดย่อ ข
กิตติกรรมประกาศ ค
คานา ง
สารบัญ จ
สารบัญ(ต่อ) ฉ
สารบัญรูป ช
สารบัญรูป(ต่อ) ซ
สารบัญตาราง ฌ
สารบัญตาราง(ต่อ) ญ
บทที่ 1 บทนา
1.1 ความเป็นมาและความสาคัญของปัญหา 1
1.2 วัตถุประสงค์ของการศึกษา 1
1.3 ขอบเขตการศึกษา 2
1.4 นิยามศัพท์เฉพาะ 3
1.5 ประโยชน์ที่คาดว่าจะได้รับ 4
1.6 แผนการดาเนินงาน 4
1.7 เครื่องมือที่คาดว่าจะต้องใช้ 5
บทที่ 2 ทฤษฎีและเทคโนโลยีที่เกี่ยวข้อง
2.1 แนวคิด ทฤษฎีและเอกสารที่เกี่ยวข้อง 6
2.2 ระบบสารสนเทศ 6
2.3 ความเป็นมาและความสาคัญของปัญหา 7
2.4 เทคโนโลยีที่ใช้ในการศึกษาโครงงาน 8
บทที่ 3 ขั้นตอนการศึกษา
3.1 การระบุปัญหา ความเป็นมาและความสาคัญของปัญหา 17
3.2 การสร้างตัวแบบ 17
3.3 พจนานุกรมข้อมูล (Data Dictionary) 22

6. สารบัญ(ต่อ)
หน้า
บทที่ 4 ผลการศึกษา
4.1 ผลการศึกษา 29
4.2 การแสดงผลของการพัฒนาโปรแกรมที่สาเร็จแล้ว 31
บทที่ 5 สรุปผลการศึกษา การอภิปรายผล และข้อเสนอแนะ
5.1 การอภิปรายผล 39
5.2 ข้อจากัดของการศึกษา 39
5.3 ข้อเสนอแนะ 39
5.4 เปรียบเทียบกับคู่แข่ง 40
ภาคผนวก 41
บรรณานุกรม 62

7. สารบัญรูป
หน้า
รูป 2.1 หน้าหลักร้านค้า 9
รูปที่ 2.2 การใช้ ajax ตรวจสอบ Password กรณีไม่ใส่ Password 15
รูปที่ 2.3 การใช้ AJAX ตรวจสอบ Password กรณี ใส่ Password ไม่ตรงกัน 15
รูปที่ 3.1 context diagram 18
รูปที่ 3.2 Use case diagram 19
รูปที่ 3.3 ER diagram 20
รูปที่ 3.4 ER diagram แสดงความสัมพันธ์ 21
รูปที่ 4.2.1 ภาพแสดงหน้าสมัครสมาชิก 31
รูปที่ 4.2.2 ภาพแสดงสินค้าทั้งหมด 32
รูปที่ 4.2.3 ภาพแสดงหน้าแรกของสมาชิกทั่วไป 33
รูปที่ 4.2.4 ภาพแสดงหน้าแก้ไขข้อมูลสมาชิก 34
รูปที่ 4.2.5 ภาพแสดงการเปิดร้านค้าออนไลน์ 35
รูปที่ 4.2.6 ภาพแสดงการสั่งซื้อสินค้า 36
รูปที่ 4.2.7 ภาพแสดงรายการสั่งซื้อ 37
รูปที่ 4.2.8 ภาพแสดงการวิเคราะห์รายการสั่งซื้อ 38
รูปที่ 5.4.1 หน้าแรกของเว็บ testproject.thiscart.com (เว็บไชต์คู่แข่ง) 40
รูปที่ ก 1.3.1 การติดตั้งโปรแกรม AppServ 42
รูปที่ ก 1.3.2 การติดตั้งโปรแกรม AppServ 43
รูปที่ ก 1.3.3 การติดตั้งโปรแกรม AppServ 44
รูปที่ ก 1.3.4 การติดตั้งโปรแกรม AppServ 45
รูปที่ ก 1.3.5 การติดตั้งโปรแกรม AppServ 46
รูปที่ ก 1.3.6 การติดตั้งโปรแกรม AppServ 47
รูปที่ ก 1.3.7 การติดตั้งโปรแกรม AppServ 48
รูปที่ ก 1.3.8 การติดตั้งโปรแกรม AppServ 49
รูปที่ ก 1.4.1 การติดตั้งโปรแกรม EditPlus 50
รูปที่ ก 1.4.2 การติดตั้งโปรแกรม EditPlus 51

8. สารบัญรูป(ต่อ)
หน้า
รูปที่ ก 1.5.1 ภาพแสดงหน้าโฮมเพจของเว็บไซต์ร้านค้าออนไลน์ 52
รูปที่ ก 1.5.2 ภาพแสดงหน้าสมัครสมาชิก 53
รูปที่ ก 1.5.3 ภาพแสดงสินค้าทั้งหมด 54
รูปที่ ก 1.5.4 ภาพแสดงหน้าแรกของสมาชิกทั่วไป 55
รูปที่ ก 1.5.5 ภาพแสดงหน้าแก้ไขข้อมูลสมาชิก 56
รูปที่ ก 1.5.6 ภาพแสดงการเปิดร้านค้าออนไลน์ 57
รูปที่ ก 1.5.7 ภาพแสดงการสั่งซื้อสินค้า 58
รูปที่ ก 1.5.8 ภาพแสดงรายการสั่งซื้อ 59
รูปที่ ก 1.5.9 ภาพแสดงการวิเคราะห์รายการสั่งซื้อ 60
รูปที่ ก 1.5.10 ภาพแสดงใบเสร็จที่ได้จากการสั่งซื้อ 61

9. สารบัญตาราง
หน้า
ตารางที่ 1.1 แผนภาพการดาเนินงาน 4
ตารางที่ 3.1 ตารางฐานข้อมูลสมาชิก 22
ตารางที่ 3.2 ตารางฐานข้อมูลร้านค้า 23
ตารางที่ 3.3 ตารางฐานข้อมูลสินค้า 24
ตารางที่ 3.4 ตารางฐานข้อมูลการแสดงความคิดเห็น 25
ตารางที่ 3.5 ตารางฐานข้อมูลตะกร้าสินค้า 26
ตารางที่ 3.6 ตารางฐานข้อมูลรายการสั่งซื้อ 26
ตารางที่ 3.7 ตารางหมวดหมู่ย่อยของร้านค้า 27
ตารางที่ 4.1 แสดงกระบวนการทางานของ 1.0 กระบวนการสมัครสมาชิก 29
ตารางที่ 4.2 แสดงกระบวนการทางานของ 2.0 กระบวนการเข้าสู่ระบบ 29
ตารางที่ 4.3 แสดงกระบวนการทางานของ 3.0 กระบวนการแก้ไขข้อมูลส่วนตัว 29
ตารางที่ 4.4 แสดงกระบวนการทางานของ 4.0 กระบวนการสร้างร้านค้า 29
ตารางที่ 4.5 แสดงกระบวนการทางานของ 5.0 กระบวนการสร้างร้านค้า 30
ตารางที่ 4.6 แสดงกระบวนการทางานของ 6.0 กระบวนการสั่งซื้อสินค้า 30
ตารางที่ 4.7 แสดงกระบวนการทางานของ 7.0 กระบวนการวิเคราะห์สินค้าขายดี 30
ตารางที่ 4.8 แสดงกระบวนการทางานของ 8.0 กระบวนการการจัดการร้านค้า 30
ตารางที่ 4.9 แสดงกระบวนการทางานของ 9.0 กระบวนการแจ้งเตือน 30

10. บทที่ 1
บทนา
1.1 ความเป็นมาและความสาคัญของปัญหา
เนื่องจากปัจจุบัน การจะลงทุนเปิดร้านค้าเพื่อทาธุรกิจต้องใช้เงินลงทุนสูง ไหนจะต้องหาทาเล
ที่ตั้ง ต้องแต่งร้านเพื่อดึงดูดลูกค้า ต้องจ้างพนักงาน และต้องโฆษณาประชาสัมพันธ์ แต่หลังจากที่
อินเตอร์เน็ตเข้ามามีอิทธิพลต่อการใช้ชีวิตประจาวัน ทาให้พฤติกรรมการลงทุนของผู้ที่ต้องการจะเปิด
ร้านค้าเพื่อทาธุรกิจได้เปลี่ยนไปโดยที่สามารถเปิดร้านได้โดยไม่ต้องไปหาทาเลเพื่อหาสถานที่เปิดร้าน
ไม่ต้องสร้างสานักงาน ไม่ต้องจ้างพนักงาน เพราะระบบอินเตอร์เน็ตได้เข้ามาเป็นอีกทางเลือกหนึ่งที่ใช้
ในการเอื้ออานวยต่อการลงทุน นักธุรกิจสามารถทาหน้าร้านในอินเตอร์ให้สวยงามน่าสนใจอย่างไรก็
ได้เพื่อดึงดูดลูกค้า มีภาพสินค้า สี แบบ รุ่น ประเภทต่างๆ ให้ลูกค้าเลือกได้ตลอด 24 ชั่วโมง จากทุกมุม
โลก หากมีปัญหาหรือข้อสงสัยในตัวสินค้าหรือบริการสามารถสอบถามผ่านเครื่องมือสื่อสารที่จัดไว้ให้
หรือช่องทางอื่นๆ ตามแต่ผู้เป็นเจ้าของร้านจะให้ไว้ เมื่อมีการสั่งซื้อสินค้าจากลูกค้าก็เพียงแต่นาสินค้า
นั้นจัดส่งให้ทางไปรษณีย์ โดยไม่จาเป็นต้องมีโกดังเก็บสินค้าใหญ่โต การรับชาระเงินสามารถทาได้
ผ่านระบบบัตรเครดิตหรือจ่ายผ่านทางบัญชีธนาคารตามวิธีการชาระเงินที่ผู้ค้าแต่ละเจ้าได้สร้างไว้
ผู้ที่จะมีร้านค้าออนไลน์ได้นั้น ควรมีความรู้ความเข้าใจในด้านคอมพิวเตอร์และอินเตอร์เน็ต
พอสมควรเพื่อลดความยุ่งยากในการใช้งานร้านค้าออนไลน์ เพื่อที่จะสามารถจัดการเกี่ยวกับระบบการ
ขายทางหน้าเว็บไซต์ได้ ดังนั้นจึงได้มีการสร้างเว็บไซต์ร้านค้าออนไลน์ที่สามารถจัดการระบบซื้อ-ขาย
สินค้าได้โดยง่ายเพื่อเพิ่มความสะดวกสบายให้แก่ผู้ที่สนใจจะทาธุรกิจค้าขายผ่านระบบออนไลน์ เพราะ
เว็บไซต์ของเรา สามารถสร้างเองได้ง่าย ด้วยมือคุณเอง

11. 1.2 วัตถุประสงค์ของการศึกษา
1.2.1 เพิ่มความสะดวกสบายในการสร้างร้านค้าออนไลน์
1.2.2 เพิ่มช่องทางการกระจายสินค้าให้แก่ผู้ใช้บริการ
1.3 ขอบเขตการศึกษา
1.3.1 บุคคลทั่วไป
1.3.1.1 สามารถเข้าชมเว็บไซต์ได้
1.3.1.2 สามารสมัครสมาชิกได้
1.3.1.3 สามารถดูรายการสินค้าและร้านค้าได้
1.3.1.4 สามารถอ่านความคิดเห็นต่อสินค้าได้
1.3.2 สมาชิกทั่วไป
1.3.2.1 สามารถเข้าชมเว็บไซต์ได้
1.3.2.2 สามารถเข้าสู่ระบบได้
1.3.2.3 สามารถดูรายการสินค้าและร้านค้าได้
1.3.2.4 สามารถสั่งซื้อรายการสินค้าได้
1.3.2.5 สามารถแสดงความคิดเห็นต่อสินค้าได้
1.3.2.6 สามารถแก้ไขข้อมูลส่วนตัวได้
1.3.2.7 สามารถแก้ไขรหัสผ่านได้
1.3.2.8 สามารถให้คะแนนสินค้า
1.3.2.9 สามารถดูประวัติการสั่งซื้อย้อนหลังได้
1.3.3 สมาชิกร้านค้า
1.3.3.1 สามารถเข้าชมเว็บไซต์ได้
1.3.3.2 สามารถสร้างร้านค้าออนไลน์ได้
1.3.3.3 สามารถดูสินค้าในร้านค้าได้
1.3.3.4 สามารถสั่งซื้อสินค้าได้

12. 1.3.3.5 สามารถลบ เพิ่ม แก้ไขข้อมูลสินค้าได้
1.3.3.6 สามารถ แก้ไขข้อมูลร้านค้าได้
1.3.3.7 สามารถแสดงความคิดเห็นต่อสินค้าได้
1.3.3.8 สามารถตรวจสอบรายการสั่งซื้อของลูกค้าได้
1.3.3.9 สามารถวิเคราะห์ข้อมูลจากรายการสั่งซื้อได้
1.3.3.10 สามารถแก้ไขข้อมูลส่วนตัวได้
1.3.3.11 สามารถแก้ไขรหัสผ่านได้
1.3.3.12 สามารถออกจากระบบได้
1.4 นิยามศัพท์เฉพาะ
- Stock การคงคลังสินค้า
- บุคคลทั่วไป ผู้ใช้บริการเว็บไซต์โดยที่ยังไม่ได้สมัครสมาชิก, สามารถเข้ามาดูรายการ
สินค้าในร้านค้า และสามารถสมัครสมาชิกได้
- สมาชิกทั่วไป บุคคลทั่วไปที่สมัครสมาชิกแล้ว สามารถเข้ามาดูรายการสินค้าในร้านค้า,
สั่งซื้อสินค้า และสมัครสมาชิกร้านค้าได้
- สมาชิกร้านค้าออนไลน์ สมาชิกทั่วไปที่สร้างร้านค้าแล้ว, สามารถ เพิ่ม ลบ หรือแก้ไข
สินค้าในร้านค้าของตนเอง, ดูรายการสินค้าในร้านค้า และสั่งซื้อสินค้าได้
1.5 ประโยชน์ที่คาดว่าจะได้รับ
1.5.1 เพิ่มความสะดวกสบายในการซื้อสินค้าในร้านค้าออนไลน์
1.5.2 ลดความซับซ้อนในการใช้บริการ

13. 1.6 แผนการดาเนินงาน
ระยะเวลา
เม.ย. 2555
ก.พ. 2555
พ.ค. 2555
ดาเนินงาน
ส.ค. 2555
มี.ค. 2555
ม.ค. 2555
ก.ค. 2555
ต.ค. 2555
มิ.ย. 2555
ก.ย. 2555
ขั้นตอนการดาเนินงาน
1. ศึกษาแนวคิด ทฤษฎีและ
เอกสารที่เกี่ยวข้อง
2. ศึกษาเทคโนโลยีที่จะใช้
3. การระบุปัญหา
4. การรวบรวมข้อมูลและการ
จัดการข้อมูล
5. การวิเคราะห์ข้อมูลหรือการ
ออกแบบระบบและโปรแกรม
6. การสร้างตัวแบบหรือการ
พัฒนาโปรแกรม
7. ทดสอบติดตั้งระบบหรือ
การทดสอบตัวแบบ
8. จัดทาเอกสาร
ตารางที่ 1.1 แผนภาพการดาเนินงาน
หมายเหตุ แทนระยะเวลาดาเนินงาน

14. 1.7 เครื่องมือที่คาดว่าจะต้องใช้
1.7.1 Software
1.7.1.1 EditPlus
1.7.1.2 MySql
1.7.1.3 Apache
1.7.1.4 phpMyAdmin
1.7.1.5 Macromedia Dreamweaver
1.7.1.6 Adobe Photoshop
1.7.1.7 Microsoft office
1.7.2 Hardware
1.7.2.1 notebook 2 เครื่อง
1.7.2.2 printer 1 เครื่อง

15. บทที่ 2
ทฤษฎีและเทคโนโลยีที่เกี่ยวข้อง
2.1 แนวคิด ทฤษฎีและเอกสารที่เกี่ยวข้อง
พื้นฐานทั่วไปเทคโนโลยีสารสนเทศและการสื่อสาร
เทคโนโลยีสารสนเทศและการสื่อสาร(Information and Communication Technology; ICT)
คือ เทคโนโลยีที่ช่วยในการรวบรวมข้อมูล ตรวจสอบ จัดหมวดหมู่ เรียงลาดับ สรุป คานวณ จัดเก็บ ค้น
คืน จัดทาสาเนา และแพร่กระจาย หรือสื่อสาร ข้อมูล ทาให้ข้อมูลกลายเป็นสารสนเทศที่ดี มีความถูก
ต้อง ตรงตามความต้องการ และเกิดคุณค่าต่อผู้ใช้
2.2 ระบบสารสนเทศ
ระบบสารสนเทศ (Information Systems) คือ ระบบที่ประกอบด้วยส่วนต่างๆ ได้แก่ ระบบ
คอมพิวเตอร์ทั้งฮาร์ดแวร์ ซอฟท์แวร์ ระบบเครือข่าย ฐานข้อมูล ผู้พัฒนาระบบ ผู้ใช้ระบบ พนักงาน
ที่เกี่ยวข้อง และ ผู้เชี่ยวชาญในสาขา ทุกองค์ประกอบนี้ทางานร่วมกันเพื่อกาหนด รวบรวม จัดเก็บ
ข้อมูล ประมวลผลข้อมูลเพื่อสร้างสารสนเทศ และส่งผลลัพธ์หรือสารสนเทศที่ได้ให้ผู้ใช้เพื่อช่วย
สนับสนุนการทางาน การตัดสินใจ การวางแผน การบริหาร การควบคุม การวิเคราะห์และติดตามผล
การดาเนินงานขององค์กร
2.2.1 ฮาร์ดแวร์ (Hardware)
สิ่งที่จับต้องได้ในระบบสารสนเทศ เช่น คอมพิวเตอร์ อุปกรณ์เครือข่าย พริ้นเตอร์ สแกนเนอร์
หรือสิ่งประดิษฐ์ด้านเทคโนโลยีอื่นๆ เป็นต้น (ผศ.ดร.ณัฏฐพันธ์ เขจรนันทน์, 2551การวิเคราะห์และ
ออกแบบระบบสารสนเทศ)
ฮาร์ดแวร์สิ่งที่ใช้

16. 2.2.1.1 โน้ตบุ๊ค
2.2.1.1.1 Pentium Duo Core 1.86 GHz Ram 3 GB จานวน 1 เครื่อง
2.2.1.1.2 Celeron 1.60 GHz Ram 2 GM จานวน 1 เครื่อง
2.2.1.2 พริ้นเตอร์ Epson TX111 1 เครื่อง
2.2.2 ซอฟท์แวร์ (Software)
รายละเอียดของชุดคาสั่งที่ควบคุมให้คอมพิวเตอร์ทางานตามคาสั่ง สามารถแบ่งออกเป็น 2
ประเภทได้แก่ ซอฟท์แวร์ระบบ (System Software) และ ซอฟต์แวร์ประยุกต์ (Application Software)
(ผศ.ดร.ณัฏฐพันธ์ เขจรนันทน์, 2551การวิเคราะห์และออกแบบระบบสารสนเทศ)
ซอฟต์แวร์ที่ใช้
2.2.2.1 Adobe Dreamweaver CS5.5
- Intel® Pentium® 4 or AMD Athlon® 64 processor
- Microsoft® Windows® XP with Service Pack 2 (Service Pack 3
recommended)
- 512MB of RAM
- 1GB of available hard-disk space for installation
2.2.2.2 Adobe Photoshop CS2
- Intel Xeon, Xeon Dual, Intel Centrino, or Pentium III or 4 processor
- Microsoft Windows 2000 (SP4) or Windows XP (SP1 or SP2)
- 320 MB of RAM (384 MB recommended)
- 650 MB of available hard-disk space
2.2.2.3 Appserve
- Apache 2.2.8
- PHP 5.2.6
- MySQL 5.0.51b
- phpMyAdmin-2.10.3

17. 2.3 ความเป็นมาและความสาคัญของปัญหา
เนื่องจากปัจจุบัน ในสมัยก่อนเมื่อจะมีการเปิดร้านค้า ก็ต้องหาที่ตั้ง ตกแต่งร้าน โปรโมตร้านค้า
และจ้างพนักงาน ซึ่งมีค่าใช้จ่ายสูง แต่เมื่อมีระบบ Internet เข้ามา การทาธุรกิจค้าขายก็ได้มีการเปลี่ยน
รูปแบบไป เมื่อมี Internet เข้ามาช่วยจะทาให้ ไม่ต้องหาที่ตั้งร้าน ไม่ต้องตกแต่งร้านแบบมีค่าใช้จ่าย ไม่
ต้องจ้างพนักงานมาดูแลเป็นจานวนมากๆ อีกทั้งการโปรโมต ก็สามารถทาได้ง่าย และยังการต่อการ
เข้าถึงของลูกค้า
แต่ในความเป็นจริงแล้ว ไม่ใช่ว่าใครก็สามารถเปิดเว็บไชต์ออนไลน์ได้ เนื่องจากการสร้างเว็บ
ไชต์ ต้องใช้ความรู้ด้านภาษาคอมพิวเตอร์เข้ามาประกอบด้วย ซึ่งเว็บไชต์ร้านค้าออนไลน์ที่สร้างมานั้น
ออกแบบมาเพื่อให้ผู้ที่ไม่มีความรู้ด้านภาษาคอมพิวเตอร์นั้นได้สร้างร้านค้าออนไลน์แบบง่ายๆ โดยที่มี
ระบบหน้าร้าน และหลังร้าน เพื่ออานวยความสะดวก ซึ่งทาให้สามารถจัดการร้านค้าของคุณได้อย่าง
สะดวก
2.4 เทคโนโลยีที่ใช้ในการศึกษาโครงงาน
2.4.1 CSS
CSS ย่อมาจาก Cascading Style Sheets เป็นภาษาที่มีรูปแบบการเขียน Syntax ที่เฉพาะ และ
ถูกกาหนดมาตรฐานโดย W3C (World Wide Web Consortium) เช่นเดียวกับ HTML และ
XHTML ใช้สาหรับตกแต่งเอกสาร HTML/ XHTML ให้มีหน้าตา สีสัน ตัวอักษร เส้นขอบ พื้นหลัง
ระยะห่าง ฯลฯ อย่างที่เราต้องการ ด้วยการกาหนดคุณสมบัติให้กับ Element ต่างๆ ของ HTML
ยกตัวอย่าง code ของ CSS ที่ใช้ในโครงงาน
การ ใช้ CSS เพื่อกาหนดการแสดงผลของ Web Page
<style type="text/css">
body { margin-left: 0px;
margin-top: 0px;
margin-right: 0px;

18. margin-bottom: 0px;
}
.textcss { font-size: 14px;
}
.textcss table tr th table tr th table tr th p { font-size: 12px;
}
.bg { background-color:#FFFFCF ;
}
.bg2{ background-image: url('images/anime-cool-9286.jpg');
}
.t{ font-size: 20px;font-weight:Bold;
}
.t2{ font-size: 18px;;
}
</style>
การใช้ CSS ก็เพื่อ ทาให้ Web Page ที่มีจานวนใน Website แสดงผลไปในทิศทางเดียวกัน เช่น
class t คือ ตัวอักษรที่ใช้ในลักษณะของ title Class t2 คือตัวอักษรในลักษณะ content
class bg คือ การใส่สีพื้นหลังให้ในตาราง โดยค่าเหล่านี้จะทาให้ web page มีการแสดงผลที่คล้ายกัน
โดยที่ไม่ต้องไป แก้ไข code ในทุกหน้า เพื่อเพิ่มความสะดวกสบายในการเขียน และความสวยงามโดย
วิธีเรียกใช้ CSS เรียกใช้ดังนี้
<table width="900" border="1" align="center" bgcolor = "white" class = "bg">
ซึ่งตาม code ข้างบนก็คือ ให้ tag table ใช้ class ที่ชื่อ bg ซึ่งมีคาสั่งให้เปลี่ยนสีพื้นหลังของตาราง
เป็น#FFFFCF เป็นต้น

19. รูป 2.1 หน้าหลักร้านค้า
2.4.2 PHP
พีเอชพี (PHP) คือ ภาษาคอมพิวเตอร์ในลักษณะเซิร์ฟเวอร์-ไซด์ สคริปต์ โดยลิขสิทธิ์อยู่ใน
ลักษณะโอเพนซอร์ส ภาษาพีเอชพีใช้สาหรับจัดทาเว็บไซต์ และแสดงผลออกมาใน
รูปแบบ HTML โดยมีรากฐานโครงสร้างคาสั่งมาจากภาษา ภาษาซี ภาษาจาวา และ ภาษาเพิร์ล ซึ่ง ภาษา
พีเอชพี นั้นง่ายต่อการเรียนรู้ ซึ่งเป้าหมายหลักของภาษานี้ คือให้นักพัฒนาเว็บไซต์สามารถเขียน เว็บ
เพจ ที่มีความตอบโต้ได้อย่างรวดเร็ว ตัวอย่างของ PHP ที่ใช้ในโครงงาน
ใช้ PHPในส่วนการเพิ่ม comment
<?
session_start();
$username = $_SESSION["username"];
$shopurl = $_SESSION["shopurl"];

20. $wb = $_POST["wb"];
echo $wb;
$itemno = $_SESSION['itemno'];
echo $itemno;
$username = $_SESSION["username"];
echo $username;
$host_name = "localhost"; // ชื่อโฮส
$database_name = "dream"; // ขื่อฐานข้อมูล
$database_username = "root"; // ชื่อ ผู้ใช้ฐานข้อมูล
$database_password = "root"; // รหัสผ่าน
mysql_connect($host_name,$database_username,$database_password)
or die("ไม่สามารถติดต่อเซิร์ฟเวอร์ฐานข้อมูลได้");
mysql_select_db($database_name) or die("ไม่สามารถเลือกฐานข้อมูลได้");
mysql_db_query($database_name,"SET NAMES utf8");
$sql = "insert into review (wid,username,itemno,comment) values
('','$username','$itemno','$wb')";
$dbQuery = mysql_query($sql);
if($dbQuery){?>
<SCRIPT LANGUAGE="JavaScript">
alert("คุณได้เพิ่มสินค้าเรียบร้อยแล้ว");
window.location = 'previewitem.php?<?$itemno?>';
</script><?
}else{
?>
<SCRIPT LANGUAGE="JavaScript">
alert("การเพิ่มสินค้าผิดพลาด กรุณาทารายการใหม่");
window.location = 'previewitem.php?<?$itemno?>';

21. </script><?}
mysql_close();?>
ภาษา PHP มีความสาคัญในการเป็นตัวเชื่อมระหว่าง HTML กับ ฐานข้อมูล ดังตัวอย่างใน
Code ข้างบน มีการต่อ Database โดยใช้คาสั่ง
mysql_connect($host_name,$database_username,$database_password) ซึ่งเมื่อเข้าไปใน Database ได้
แล้วจะทาการเพิ่ม review ตามคาสั่ง
$sql = "insert into review (wid,username,itemno,comment) values('','$username','$itemno','$wb')";
$dbQuery = mysql_query($sql); และถ้ามีการเพิ่มสาเร็จ จะขึ้นแจ้งเตือนว่า ‚คุณได้เพิ่มสินค้าเรียบร้อย
แล้ว‛ และจะไปยังหน้าแสดงสินค้า แต่ถ้าการเพิ่มผิดพลาด จะขึ้นว่า ‚การเพิ่มสินค้าผิดพลาด กรุณาทา
รายการใหม่‛ และจะไปยังหน้าแสดงสินค้าเช่นกัน
if($dbQuery){?>
<SCRIPT LANGUAGE="JavaScript">
alert("คุณได้เพิ่มสินค้าเรียบร้อยแล้ว");
window.location = 'previewitem.php?<?$itemno?>';
</script><?
}else{
?>
<SCRIPT LANGUAGE="JavaScript">
alert("การเพิ่มสินค้าผิดพลาด กรุณาทารายการใหม่");
window.location = 'previewitem.php?<?$itemno?>';
</script><?}
mysql_close();?>
2.4.3 MySQL
MySQL คือ โปรแกรมระบบจัดการฐานข้อมูล มีหน้าที่เก็บข้อมูลอย่างเป็นระบบ รองรับคาสั่ง
SQL (SQL = Structured Query Language) เป็นเครื่องมือสาหรับเก็บข้อมูล ที่ต้องใช้ร่วมกับเครื่องมือ
หรือโปรแกรมอื่นอย่างบูรณาการ เพื่อให้ได้ระบบงานที่รองรับความต้องการของผู้ใช้ เช่นทางาน

22. ร่วมกับเครื่องบริการเว็บ (Web Server) เพื่อให้บริการแก่ภาษาสคริปต์ที่ทางานฝั่งเครื่องบริการ (Server-
Side Script) เช่น ภาษา PHP ภาษา ASP.NET หรือภาษา JSP เป็นต้น หรือทางานร่วมกับโปรแกรม
ประยุกต์ (Application Program) โปรแกรมถูกออกแบบให้สามารถทางานได้บนระบบปฏิบัติการที่
หลากหลาย และเป็นระบบฐานข้อมูล open source ที่ถูกนาไปใช้งานมากที่สุด
ตัวอย่างของ MySQL ที่ใช้ในโครงงาน
การสร้างตาราง item
CREATE TABLE `item` (
`itemno` INT NOT NULL AUTO_INCREMENT PRIMARY KEY ,
`itemname` VARCHAR( 50 ) NOT NULL ,
`itemdesc` VARCHAR( 200 ) NOT NULL ,
`itemprice` DOUBLE NOT NULL ,
`itemtype` VARCHAR( 50 ) NOT NULL ,
`items` VARCHAR( 50 ) NOT NULL ,
`itemquantity` INT NOT NULL ,
`itempic` VARCHAR( 100 ) NOT NULL ,
`shopurl` VARCHAR( 50 ) NOT NULL
) ENGINE = MYISAM CHARACTER SET utf8 COLLATE utf8_unicode_ci;
จาก Code นี้ สร้างตาราง item โดยมีค่าทั้งหมด 9 ค่าดังนี้
1. itemno สร้างเป็น int มีคุณสมบัติเป็น Primary Key และ Auto_increse number
2. itemname สร้างเป็น varchar ขนาด 50 ตัวอักษร
3. itemdesc สร้างเป็น varchar ขนาด 200 ตัวอักษร
4. itemprice สร้างเป็น double
5. itemtype สร้างเป็น varchar ขนาด 50 ตัวอักษร

23. 6. items สร้างเป็น varchar ขนาด 50 ตัวอักษร
7. itemquantityสร้างเป็น int
8. itempic สร้างเป็น varchar ขนาด 100 ตัวอักษร
9. shopurl สร้างเป็น varchar ขนาด 50 ตัวอักษร
แล้วกาหนด การเรียงลาดับตัวอักษรเป็น utf8_unicode_ci
2.4.4 Ajax
Ajax (Asynchronous JavaScript and XML) เป็นวิธีการสร้างโปรแกรมประยุกต์ปฏิสัมพันธ์
สาหรับเว็บที่ประมวลผลคาขอของผู้ใช้ทันที Ajax รวมเครื่องมือโปรแกรมหลายอย่างรวมถึง
JavaScript, dynamic HTML (DHTML), Extensible Markup Language (XML), cascading style sheets
(CSS), the Document Object Model (DOM) และ Microsoft object, XMLHttpRequest โดย Ajax ยอม
ให้เนื้อหาบนเว็บเพจเพื่อปรับปรุงอย่างทันที เมื่อผู้ใช้ทาการกระทา ต่างจาก HTTP request ซึ่งผู้ใช้ต้อง
คอยเพจใหม่เพื่อโหลดทั้งหมด ตัวอย่าง การไซต์พยากรณ์อากาศสามารถแสดงเงื่อนไขท้องถิ่นบนด้าน
หนึ่งของเพจ ปราศจากการล่าช้าหลังจากผู้ใช้พิมพ์รหัสไปรษณีย์ ตัวอย่าง Code ของ AJAX
การสร้างการตรวจสอบ password ด้วย AJAX
var objRequest = createRequestObject();
function createRequestObject() {
var objTemp = false;
if(window.XMLHttpRequest) {
objTemp = new XMLHttpRequest();}
else if(window.ActiveXObject) {
objTemp = new ActiveXObject("Microsoft.XMLHTTP");}
return objTemp;}
function handleResponse() {

24. var objDiv = document.getElementById("targetDiv");
if(objRequest.readyState == 4 && objRequest.status == 200) {
objDiv.innerHTML = objRequest.responseText;}}
function checkpass(pwd, rpwd) {
if (pwd.length < 1){
document.getElementById("passwordlog").innerHTML = '<font color=red>
กรุณาใส่Password </font>';
document.form1.password.focus(); }
else if (pwd!=rpwd) {
document.getElementById("passwordlog").innerHTML = '<font color=red>รหัสผ่านไม่
ตรงกัน</font>';
document.form1.repassword.focus();
} else {
document.getElementById("passwordlog").innerHTML = ''; }
}
การเลือกใช้ AJAX มาแทน การใช้ JAVA SCRIPT เนื่องจาก AJAX สามารถทางานไปพร้อม
กับผู้ใช้ได้ ซึ่ง AJAX จะแสดงผลไปพร้อมๆกันกับการทางาน จึงทาให้ผู้ใช้ได้ความสะดวกสบายมาก
ขึ้นจาก Code เบื้องต้น สามารถอธิบายได้ดังนี้
จาก Form ของ HTML มีการส่งค่าใน TEXTBOX ที่มีค่า id = password และ id = repassword
มากระทาใน function checkpass ซึ่งถ้า จานวนของค่าที่เข้ามาน้อยกว่า 1 หรือ ก็คือ เท่ากับ 0 หรือ ไม่มี
ค่านั่นเองจะแสดงใน tag div ที่มี id = passwordlog ใน ไฟล์ HTML ว่า ‚กรุณาใส่ Password‛ เป็น
ตัวอักษรสีแดง และทาการ focus cursor ไปยัง TEXTBOX ใน Form1 ที่มีชื่อว่า password แต่ถ้าผ่าน
เงื่อนไขแรก จะทาการเปรียบเทียบระหว่าง password และ repassword ซึ่งถ้ารหัสผ่าน 2 ตัวไม่ตรงกัน
จะแสดงคาว่า ‚รหัสผ่านไม่ตรงกัน‛ ใน tag div ที่มี id = passwordlog
แต่ถ้าผ่านเงื่อนไขทั้ง 2 อย่างแล้ว tag div ที่มี id = passwordlog จะไม่แสดงค่าอะไร

25. รูปที่ 2.2 การใช้ AJAX ตรวจสอบ Password กรณี ใส่ Password ไม่ตรงกัน

26. บทที่ 3
ขั้นตอนการศึกษา
การระบุปัญหา
- ปัญหาจากด้าน Software และ ภาษาคอมพิวเตอร์ การใช้ fpdf เพื่อทาการออกใบเสร็จ
ไม่สามารถใช้กับ PHP6 ได้ซึ่งวิธีแก้ปัญหาคือใช้ PHP5 ซึ่งสามารถใช้งาน fpdf ได้
- จากการศึกษาข้อมูลในห้องสมุดและในเว็บไชต์ การใช้ ภาษา php ในการสร้าง
sessionซึ่งมีการอธิบายการสร้าง session ให้ใช้คาสั่ง session_register(‚‛); สาหรับPHP รุ่น 4.0 แต่ใน
PHP รุ่นสูงกว่านั้น จะไม่สามารถใช้ คาสั่งนี้ได้ ซึ่งต้องใช้ $_SESSION[‘’] = ‚‛; เพื่อสร้าง session
- การออกแบบฐานข้อมูลมีความผิดพลาด และไม่สอดคล้องกัน เนื่องจาก มีการ
ออกแบบ diagram ผิดพลาดในช่วงแรก จึงทาให้ เมื่อมีการเพิ่มเติมระบบเข้ามาจึงทาให้ระบบอื่น
เปลี่ยนแปลงไปด้วย
การสร้างตัวแบบ
การออกแบบระบบร้านค้าออนไลน์ (Shopping Online)ได้ศึกษาระบบที่ใช้งานในปัจจุบันและ
ทาการออกแบบระบบ ประกอบด้วยการทางานต่อไปนี้
1 แผนภาพบริบท(Context Diagram)
2 Use-Case Diagram
3 E-R Model
4 FlowChart

27. website
website
website
website
Online Shopping
website
website
รูปที่ 3.1 Context Diagram

28. รูปที่ 3.2 Use case diagram

29. Cart
1
have
M
Basket
M
have M
1
have 1 Shop 1 have M Item 1 have
M M
M 1
Shop Type have have Vote
1 1 M
1 User Review
รูปที่ 3.3 ER diagram

30. Cart Basket Shop
PK cid PK bid PK shopurl
total CK itemno shopname
checkstatus quantity shopdesc
accepstatus price shoptype
time FK shopurl shoppic
FK Username FK username FK username
FK Username2 kbank
FK Shopurl ktb
FK bid scb
bkb
Review krungsri
PK wid
FK username
FK itemno
User comment
PK username date Shop Type
password
name PK,FK shopurl
lastname shoptype
email Item
gender PK itemno
tel itemname
userpic itemdesc
userno itemprice Vote
userroom itemtype PK,FK Itemno
userbuilding items FK username
uservillage itemquantity rank
usermoo itempic
usersoi
FK shopurl
userroad
usertumbon
useramper
userprovience
userzipcode
รูปที่ 3.4 ER diagram แสดงความสัมพันธ์

31. พจนานุกรมข้อมูล(Data Dictionary)
Table Name : user
Primary Key : username
Foreign Key :-
วัตถุประสงค์ : ใช้บันทึกข้อมูลของสมาชิก
Fields Data Type Size Description Index
username varchar 20 ชื่อบัญชีผู้ใช้ PK
password varchar 20 รหัสผ่าน
name varchar 50 ชื่อ
lastname varchar 50 นามสกุล
email varchar 60 อีเมลล์
gender varchar 6 เพศ
tel varchar 10 เบอร์โทรศัพท์
userpic varchar 200 รูปแทนตัว
userno varchar 10 บ้านเลขที่
userroom varchar 4 เลขที่ห้อง
userbuilding varchar 50 ตึก
uservillage varchar 50 หมู่บ้าน

32. usermoo varchar 4 หมู่
usersoi varchar 50 ซอย
userroad varchar 50 ถนน
usertumbon varchar 50 ตาบล/แขวง
useramper varchar 50 อาเภอ/เขต
userprovience varchar 50 จังหวัด
userzipcode varchar 5 รหัสไปรษณีย์
ตารางที่ 3.1 ตารางฐานข้อมูลสมาชิก
Table Name : shop
Primary Key : shopurl
Foreign Key : username
Fields Data Type Size Description Index
shopurl varchar 50 url ร้านค้า PK
shopname varchar 50 ชื่อร้านค้า
shopdesc varchar 200 คาอธิบายร้านค้า
shoptype varchar 50 ประเภทร้านค้า
shoppic varchar 200 รูปร้านค้า

33. username varchar 50 ชื่อบัญชีผู้ใช้ FK
kbank varchar 10 เลขที่บัญชีธนาคารกสิกร
ktb varchar 10 เลขที่บัญชี
ธนาคารกรุงไทย
scb varchar 10 เลขที่บัญชีธนาคารไทย
พาณิชย์
bkb varchar 10 เลขที่บัญชีธนาคาร
กรุงเทพ
krungsri varchar 10 เลขที่บัญชีธนาคารกรุงศรี
อยุธยา
ตารางที่ 3.2 ตารางฐานข้อมูลร้านค้า
Table Name : item
Primary Key : itemno
Foreign Key : shopurl
Fields Data Type Size Description Index
itemno int รหัสสินค้า PK
itemname varchar 50 ชื่อสินค้า
itemdesc varchar 200 คาอธิบายสินค้า

34. itemprice double ราคาสินค้าต่อหน่วย
itemtype varchar 50 หมวดหมู่สินค้า
itemquantity int จานวนสินค้าคงคลัง
itempic varchar 200 รูปสินค้า
shopurl varchar 50 url ร้านค้า FK
ตารางที่ 3.3 ตารางฐานข้อมูลสินค้า
Table Name : review
Primary Key : wid
Foreign Key :username,itemno
Fields Data Type Size Description Index
wid Int รหัส review PK
username varchar 50 ชื่อบัญชีผู้ใช้ FK
itemno varchar 50 รหัสสินค้า FK
comment varchar 200 คอมเม้นท์
date date วันที่แสดง
ความคิดเห็น
ตารางที่ 3.4 ตารางฐานข้อมูลการแสดงความคิดเห็น

35. Table Name : basket
Primary Key : bid
Foreign Key : itemno,shopurl,username
Fields Data Type Size Description Index
bid int รหัสตะกร้าสินค้า PK
itemno varchar รหัสสินค้า CK
quantity int จานวนที่สั่งซื้อ
price double ราคารวมสินค้าต่อชนิด
shopurl varchar url ร้านค้า FK
username varchar ชื่อบัญชีผู้ใช้ FK
ตารางที่ 3.5 ตารางฐานข้อมูลตะกร้าสินค้า
Table Name : cart
Primary Key : cid
Foreign Key : bid,username,username2,shopurl
Fields Data Type Size Description Index
cid Int เลขที่รายการสั่งซื้อ PK
total Double ราคารวม
checkstatus varchar 20 สถานะของรายการ
สั่งซื้อ
acceptstatus varchar 20 สถานะการตอบรับ

36. Username varchar 50 Username ของ FK
ผู้ขาย
Username2 varchar 50 Username ของผู้ซื้อ FK
Shopurl varchar 50 ร้านค้า FK
Bid int รหัสตะกร้าสินค้า FK
time date เวลาที่บันทึก
ตารางที่ 3.6 ตารางฐานข้อมูลรายการสั่งซื้อ
Table Name : shoptype
Primary Key : shopurl
Foreign Key :
Fields Data Type Size Description Index
shopurl varchar 50 url ของร้านค้า PK
Shoptype varchar 50 หมวดหมู่ย่อยของ
ร้านค้า
ตารางที่ 3.7 ตารางหมวดหมู่ย่อยของร้านค้า

37. Table Name : vote
Primary Key : itemno
Foreign Key : username
Fields Data Type Size Description Index
itemno varchar 50 รหัสสินค้า PK
username varchar 50 ชื่อบัญชีผู้ใช้ FK
rank int ผลคะแนนโหวต
ตารางที่ 3.7 ตารางหมวดหมู่ย่อยของร้านค้า

38. บทที่ 4
ผลของการศึกษา
4.1 ผลของการศึกษา คือ สิ่งที่ได้จากการพัฒนาโปรแกรมที่สาเร็จแล้วที่ได้มาจากการศึกษาค้นคว้า
4.1 กระบวนการทางานทั้งหมดของโปรแกรมมีดังนี้
ชื่อกระบวนการ 1.0 คาอธิบายการทางาน หมายเหตุ
เป็นวิธีใช้สาหรับสมัครสมาชิกใหม่ และจัดเก็บข้อมูล
สมัครสมาชิก ลงฐานข้อมูล โดยมีการตรวจสอบข้อมูลในระบบ
ไม่ให้ข้อมูลซ้ากัน
ตารางที่ 4.1 แสดงกระบวนการทางานของ 1.0 กระบวนการสมัครสมาชิก
ชื่อกระบวนการ 2.0 คาอธิบายการทางาน หมายเหตุ
เป็นวิธีที่สมาชิกใช้ในการเข้าสู่ระบบ โดยการใส่ชื่อ
เข้าสู่ระบบ
เข้าสู่ระบบ รหัสผ่านของตนเอง
ตารางที่ 4.2 แสดงกระบวนการทางานของ 2.0 กระบวนการเข้าสู่ระบบ
ชื่อกระบวนการ 3.0 คาอธิบายการทางาน หมายเหตุ
เป็นวิธีที่สมาชิกใช้สาหรับแก้ไขหรือเปลี่ยนแปลง
แก้ไขข้อมูลส่วนตัว
ข้อมูลส่วนตัว ของสมาชิก
ตารางที่ 4.3 แสดงกระบวนการทางานของ 3.0 กระบวนการแก้ไขข้อมูลส่วนตัว
ชื่อกระบวนการ 4.0 คาอธิบายการทางาน หมายเหตุ
สร้างร้านค้า เป็นการสร้างร้านค้าออนไลน์ เพื่อไว้สาหรับขายสินค้า
ตารางที่ 4.4 แสดงกระบวนการทางานของ 4.0 กระบวนการสร้างร้านค้า

39. ชื่อกระบวนการ 5.0 คาอธิบายการทางาน หมายเหตุ
เพิ่ม ลบ แก้ไขสินค้า เป็นการเพิ่ม ลบ แก้ไขสินค้าในร้านค้าของตนเองได้
ตารางที่ 4.5 แสดงกระบวนการทางานของ 5.0 กระบวนการสร้างร้านค้า
ชื่อกระบวนการ 6.0 คาอธิบายการทางาน หมายเหตุ
การสั่งซื้อสินค้า เป็นการสั่งซื้อสินค้า เมื่อสมาชิกได้เลือกสินค้า
ระบบจะคานวณราคารวมของสินค้าทั้งหมด
ตารางที่ 4.6 แสดงกระบวนการทางานของ 6.0 กระบวนการสั่งซื้อสินค้า
ชื่อกระบวนการ 7.0 คาอธิบายการทางาน หมายเหตุ
การวิเคราะห์รายการ เป็นการนาข้อมูลการสั่งซื้อสินค้ามาวิเคราะห์ และ
สั่งซื้อ แสดงผลการวิเคราะห์ในรูปแบบกราฟ
ตารางที่ 4.7 แสดงกระบวนการทางานของ 7.0 กระบวนการวิเคราะห์สินค้าขายดี
ชื่อกระบวนการ 8.0 คาอธิบายการทางาน หมายเหตุ
การจัดการร้านค้า สามารถแก้ไขข้อมูลร้านค้าของตนเองได้
ตารางที่ 4.8 แสดงกระบวนการทางานของ 8.0 กระบวนการการจัดการร้านค้า
ชื่อกระบวนการ 9.0 คาอธิบายการทางาน หมายเหตุ
การแจ้งเตือน สามารถแจ้งเตือนเมื่อมีการสั่งซื้อ และแจ้งเตือนเมื่อ
สินค้าคงเหลือน้อยกว่าที่กาหนด
ตารางที่ 4.9 แสดงกระบวนการทางานของ 9.0 กระบวนการแจ้งเตือน

40. 4.2 การแสดงผลของการพัฒนาโปรแกรมที่สาเร็จแล้ว
รูปที่ 4.2.1 ภาพแสดงหน้าสมัครสมาชิก
ใส่ข้อมูลสาหรับการสมัครสมาชิกตามความเป็นจริง เมื่อเสร็จแล้วให้กดสมัครสมาชิก

41. รูปที่ 4.2.2 ภาพแสดงสินค้าทั้งหมด
จะแสดงสินค้าทั้งหมดตามประเภทของสินค้า และชื่อของสินค้า ซึ่งสามารถเรียงตาม ชื่อ ราคา
และ คะแนนได้

42. รูปที่ 4.2.3 ภาพแสดงหน้าแรกของสมาชิกทั่วไป
เมื่อ login เข้าสู่ระบบมาแล้วจะเจอหน้าเว็บไชต์ดังนี้

43. รูปที่ 4.2.4 ภาพแสดงหน้าแก้ไขข้อมูลสมาชิก
สมาชิกทั่วไปสามารถแก้ไขข้อมูลสมาชิกได้ โดยการกดปุ่ม แก้ไขข้อมูล ทางแถบด้านซ้าย

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

45. รูปที่ 4.2.6 ภาพแสดงการสั่งซื้อสินค้า
ในหน้านี้สามารถโหวตคะแนนสินค้า แสดงความคิดเห็น และสามารถซื้อสินค้าได้ โดยใส่
จานวน แล้วกด หยิบลงตะกร้าสินค้า

46. รูปที่ 4.2.7 ภาพแสดงรายการสั่งซื้อ
แสดงรายการสั่งซื้อก่อนกด ยืนยันการลงทะเบียน

47. รูปที่ 4.2.8 ภาพแสดงการวิเคราะห์รายการสั่งซื้อ
วิเคราะห์รายการสั่งซื้อสาหรับเจ้าของร้าน เพื่อใช้วิเคราะห์การตลาดในอนาคต

48. บทที่ 5
สรุปผลการศึกษา การอภิปรายผล และข้อเสนอแนะ
5.1 การอภิปรายผล
เว็บไซต์ร้านค้าออนไลน์นั้น เป็นทางเลือกใหม่ของผู้ที่ต้องการเปิดร้านค้าแต่มีต้นทุนน้อย หรือ
ต้องการใช้เป็นช่องทางในการโฆษณาสินค้าอีกทางหนึ่ง โดยให้ผู้ใช้งานสามารถกาหนดรูปแบบร้านค้า
ของตนเองเพื่อดึงดูดลูกค้า อีกทั้งฟังก์ชั่นการใช้งานที่หลากหลาย เพื่อเป็นทางเลือกแก่ผู้ที่ต้องการความ
แปลกใหม่ ในการนาเสนอสินค้า
5.2 ข้อจากัดของการศึกษา
5.2.1 ซอฟท์แวร์ส่วนใหญ่ที่ใช้มีราคาสูง ซอฟท์แวร์ทีให้ใช้ฟรีบางตัวมีจากัดระยะเวลาและ
สิทธิ์การทางานบางอย่าง และผู้พัฒนาระบบยังไม่ชานาญในการใช้งานโปรแกรม จึงทาให้ไม่สามารถ
พัฒนาระบบได้อย่างเต็มที่
5.2.2 ระบบยังไม่สามารถนาไปทดสอบการใช้งานบนอินเตอร์เน็ทจริงได้ จึงทาให้ไม่ทราบ
ถึงความคิดเห็นและความต้องการอื่นๆที่ผู้ใช้งานต้องการ
5.2.3 ระยะเวลาในการทางานมีอย่างจากัด ผู้พัฒนาระบบยังขาดความรู้ทางด้านโปรแกรม
และประสบการณ์ในการใช้งาน ทาให้ฟังก์ชั่นการทางานขาดความหลากหลาย
5.3 ข้อเสนอแนะ
การนาไปพัฒนาต่อในการต่อยอดเชิงพาณิชย์ ควรมีความหลากหลายในเรื่องรูปแบบร้านค้า
และรูปแบบของการนาเสนอสินค้า เพื่อเพิ่มความโดนเด่นและน่าสนใจยิ่งขึ้น และการทางานผ่าน
แอพพลิเคชั่นบนมือถือ ที่ผู้บริโภคสามารถเลือกซื้อ หรือหาข้อมูลสินค้าผ่านทางมือถือ เนื่องจากความ
สะดวกสบายในการใช้งาน จึงมีแนวคิดที่จะพัฒนาต่อยอดในเรื่องการทาแอพพลิเคชั่นบนมือถือด้วย

49. 5.4 เปรียบเทียบกับคู่แข่ง
วิเคราะห์เปรียบเทียบกับคู่แข่ง โดยยกตัวอย่างเว็บ http://www.thiscart.com/
รูปที่ 5.4.1 หน้าแรกของเว็บ testproject.thiscart.com (เว็บไชต์คู่แข่ง)

50. ภาคผนวก

51. ภาคผนวก ก.
ก. 1. โปรแกรมที่ต้องใช้ในระบบ
ก 1.1) เครื่องคอมพิวเตอร์ระบบปฏิบัติการ Pentium 4 ขึ้นไป
ก 1.2) ซอฟต์แวร์ที่จาเป็นคือ Web Browser พร้อมกับปลั๊กอิน ที่รองรับ HTML5
ก 1.3)คู่มือการติดตั้งโปรแกรม AppServ
สามารถดาวโหลดได้ที่เว็บ http://www.appservnetwork.com/
รูปที่ ก 1.3.1 การติดตั้งโปรแกรม AppServ
จะพบกับหน้าต่าง Welcome ในแต่ละเวอร์ชั่น แต่ละรุ่นของ AppServ ก็จะมีหน้าต่างไม่
เหมือนกัน ขึ้นอยู่กับว่าเราดาวน์โหลดเวอร์ชันไหน

52. รูปที่ ก 1.3.2 การติดตั้งโปรแกรม AppServ
ยอมรับเงื่อนไขของ AppServ เราจึงจะสามารถทาการติดตั้ง และไปยังขั้นตอนต่อไปได้

53. รูปที่ ก 1.3.3 การติดตั้งโปรแกรม AppServ
เลือกโฟลเดอร์ที่เราจะทาการติดตั้ง AppServ ลงไป ค่าเริ่มต้น จะติดตั้งไว้ที่ Dive C:/AppServe

54. รูปที่ ก 1.3.4 การติดตั้งโปรแกรม AppServ
เลือก Component ที่ต้องการจะติดตั้ง ในที่นี้เลือกทั้งหมดเลย

55. รูปที่ ก 1.3.5 การติดตั้งโปรแกรม AppServ
กาหนด ข้อมูลของเซิฟเวอร์ ตรงนี้เราจะกาหนดเป็นอะไรก็ได้ เพราะมันอยู่ในเครื่องของเราอยู่
แล้ว เช่น Server Name เป็น localhost E-Mail เป็น asdfzxcv@spu.com เป็นต้น

56. รูปที่ ก 1.3.6 การติดตั้งโปรแกรม AppServ
กาหนดรหัสผ่านสาหรับใช้ติดต่อกับเซิฟเวอร์ของเรา กาหนดเป็นรหัสง่ายๆก็ได้ เช่น 12345
เพราะเวลาเราทดสอบโปรแกรมจะได้เขียนง่ายๆ ใส่เข้าไปทั้งสองช่อง ให้เหมือนกัน ช่องอื่นไม่ต้อง
เปลี่ยนแปลง

57. รูปที่ ก 1.3.7 การติดตั้งโปรแกรม AppServ
เมื่อคลิ๊ก Install เพื่อขั้นตอนการติดตั้ง

58. รูปที่ ก 1.3.8 การติดตั้งโปรแกรม AppServ
ทาการติดตั้งเสร็จเรียบร้อย

59. ก 1.4)คู่มือการติดตั้งโปรแกรม EditPlus
รูปที่ ก 1.4.1 การติดตั้งโปรแกรม EditPlus
คลิก Accept เพือยอมรับเงื่อนไขการติดตั้ง
่

60. รูปที่ ก 1.4.2 การติดตั้งโปรแกรม EditPlus
คลิก Start copy เพื่อลงโปรแกรมต่อไป

61. ก. 2. คู่มือการใช้งานระบบ
รูปที่ ก 1.5.1 ภาพแสดงหน้าโฮมเพจของเว็บไซต์ร้านค้าออนไลน์
เมื่อผู้ใช้เข้ามาจะพบหน้านี้เป็นหน้าแรกโดยด้านบนจะเป็นการประกาศข่าวสาร โปรโมชั่น
ต่างๆที่มีอยู่ในขณะนี้ ด้านซ้ายจะเป็นการล๊อกอินเข้าสู่ระบบ สาหรับผู้ที่เป็นสมาชิก และมีปุ่ม register
ที่สามารถสมัครสมาชิกได้

62. รูปที่ ก 1.5.2 ภาพแสดงหน้าสมัครสมาชิก
ใส่ข้อมูลสาหรับการสมัครสมาชิกตามความเป็นจริง เมื่อเสร็จแล้วให้กดสมัครสมาชิก

63. รูปที่ ก 1.5.3 ภาพแสดงสินค้าทั้งหมด
จะแสดงสินค้าทั้งหมดตามประเภทของสินค้า และชื่อของสินค้า ซึ่งสามารถเรียงตาม ชื่อ ราคา
และ คะแนนได้

64. รูปที่ ก 1.5.4 ภาพแสดงหน้าแรกของสมาชิกทั่วไป
เมื่อ login เข้าสู่ระบบมาแล้วจะเจอหน้าเว็บไชต์ดังนี้

65. รูปที่ ก 1.5.5 ภาพแสดงหน้าแก้ไขข้อมูลสมาชิก
สมาชิกทั่วไปสามารถแก้ไขข้อมูลสมาชิกได้ โดยการกดปุ่ม แก้ไขข้อมูล ทางแถบด้านซ้าย

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

67. รูปที่ ก 1.5.7 ภาพแสดงการสั่งซื้อสินค้า
ในหน้านี้สามารถโหวตคะแนนสินค้า แสดงความคิดเห็น และสามารถซื้อสินค้าได้ โดยใส่
จานวน แล้วกด หยิบลงตะกร้าสินค้า

68. รูปที่ ก 1.5.8 ภาพแสดงรายการสั่งซื้อ
แสดงรายการสั่งซื้อก่อนกด ยืนยันการลงทะเบียน

69. รูปที่ ก 1.5.9 ภาพแสดงการวิเคราะห์รายการสั่งซื้อ
วิเคราะห์รายการสั่งซื้อสาหรับเจ้าของร้าน เพื่อใช้วิเคราะห์การตลาดในอนาคต

70. รูปที่ ก 1.5.10 ภาพแสดงใบเสร็จที่ได้จากการสั่งซื้อ
เมื่อทาการยืนยันการชาระเงินแล้วจะได้ใบเสร็จเพื่อไปจ่ายที่ธนาคาร

71. บรรณานุกรม
www.thaicreate.com
www.thaicreate.com

72. ประวัติผู้จัดทาโครงงาน
นายเฉลิมวุฒิ อู่อรุณ เกิดเมื่อวันที่ ที่จังหวัดกรุงเทพมหานคร
สาเร็จการศึกษาชั้นมัธยมศึกษาตอนปลายสายศิลป-คานวณ ที่โรงเรียน
มัธยมวัดนายโรง จังหวัดกรุงเทพมหานคร ในปีการศึกษา 2550 และ
เข้าศึกษาในหลักสูตรวิทยาศาสตรบัณฑิต สาขาเทคโนโลยีสารสนเทศ
และการสื่อสาร หลักสูตร 4 ปี ภาคปกติ คณะเทคโนโลยีสารสนเทศ
มหาวิทยาลัยศรีปทุม เมื่อ พ.ศ. 2551 ปัจจุบันอาศัยอยู่ที่ 72/2 หมู่บ้าน
จิตรณรงค์ 18 ถนนศาลาธรรมสพน์ แขวงศาลาธรรมสพน์ เขตทวีวัฒนา
จังหวัดกรุงเทพมหานคร 10170
นายนครินทร์ ทาทาน เกิดวันที่ 30 เมษายน 2529 ที่จังหวัดตาก
สาเร็จการศึกษาชั้นมัธยมศึกษาตอนปลายสายศิลป -คานวณ ที่โรงเรียน
สามเสนวิทยาลัย จังหวัดกรุงเทพมหานคร ในปีการศึกษา 2547 และเข้า
ศึกษาในหลักสูตรวิทยาศาสตรบัณฑิต สาขาเทคโนโลยีสารสนเทศและ
การสื่อสาร หลักสูตร 4 ปี ภาคปกติ คณะเทคโนโลยีสารสนเทศ
มหาวิทยาลัยศรีปทุม เมื่อ พ.ศ. 2551 ปัจจุบันอาศัยอยู่ที่ 68/17 ซอย
พหลโยธิน 1 ถนนพหลโยธิน แขวงสามเสนใน เขตพญาไท จังหวัด
กรุงเทพมหานคร 10400