ระบบขายเคร่ืองสาอางออนไลน์ E-Commerce โดย นายธนภทั ร พบิ ลู ยส์ วสั ด์ิ 564608010004 นางสาวปยิ ะฉตั ร สวุ รรณหงษ์ 564608010008 นางสาววนาลี มลู เนยี ม 564608010024 นางสาวกาญจนา ศรษี าคา 564608010028 นางสาวปวณี า สายแสง 564608010032 อาจารยท์ ป่ี รกึ ษา อาจารยล์ ลติ า สนั ตวิ รรกั ษ์ รายงานนเี้ ป็นสว่ นหนงึ่ ของวชิ าโครงงาน 2 ภาคเรยี นที่ 2 ปกี ารศกึ ษา 2557 หลกั สตู รบรหิ ารธรุ กจิ บณั ฑติ สาขาวชิ าระบบสารสนเทศ คณะเทคโนโลยสี ารสนเทศ มหาวทิ ยาลัยธรุ กจิ บณั ฑติ ย์
ระบบขายเคร่อื งสาอางออนไลน์ E-Commerce โดย นายธนภทั ร พบิ ลู ยส์ วสั ดิ์ 564608010004 นางสาวปยิ ะฉตั ร สวุ รรณหงษ์ 564608010008 นางสาววนาลี มลู เนยี ม 564608010024 นางสาวกาญจนา ศรษี าคา 564608010028 นางสาวปวณี า สายแสง 564608010032 อาจารยท์ ป่ี รกึ ษา อาจารยล์ ลติ า สนั ตวิ รรกั ษ์ รายงานนเี้ ปน็ สว่ นหนง่ึ ของวชิ าโครงงาน 2 ภาคเรยี นที่ 2 ปกี ารศกึ ษา 2557 หลกั สตู รบรหิ ารธรุ กจิ บณั ฑติ สาขาวชิ าระบบสารสนเทศ คณะเทคโนโลยสี ารสนเทศ มหาวทิ ยาลยั ธรุ กจิ บัณฑติ ย์
ใบรับรองการตรวจสอบและอนมุ ตั ิรายงานวชิ าโครงงาน เรอื่ ง ระบบรา้ นขายเครื่องสาอางออนไลน์ E-Commerce โดย นายธนภทั ร พบิ ูลยส์ วัสด์ิ รหสั ประจาตัว 564608010004 นางสาวปิยะฉตั ร สวุ รรณหงส์ รหสั ประจาตัว 564608010008 นางสาววนาลี มูลเนยี ม รหัสประจาตัว 564608010024 นางสาวกาญจนา ศรีษาคา รหัสประจาตวั 564608010028 นางสาวปวีณา สายแสง รหัสประจาตวั 564608010032 รายงานฉบับน้ีไดร้ บั การตรวจสอบและอนุมัตเิ ปน็ ส่วนหน่ึงของ การศกึ ษาวิชาโครงงาน หลกั สตู รบรหิ ารธรุ กจิ บัณฑิต สาขาวิชาระบบสารสนเทศ คณะเทคโนโลยสี ารสนเทศ ประจาภาคเรียนท่ี 2 ปีการศกึ ษา 2557 ....................................................อาจารย์ท่ปี รึกษา (อาจารยล์ ลิตา สันติวรรักษ์ ) ......................................................กรรมการสอบ (อาจารย์รญิ ญรตั น์ โชตสิ รุ ิยสินสุข) ......................................................กรรมการสอบ (อาจารย์ฐากร พฤกษวันประสุต)
กติ ตกิ รรมประกาศ ระบบขายเคร่ืองสาอางออนไลน์ Top Ten Beauty สาเร็จลลุ ว่ งไปได้ดว้ ยดี ผจู้ ัดทา ขอขอบพระคณุ บคุ คล และกลุ่มบคุ คลตา่ งๆ ทไี่ ด้กรุณาใหค้ าปรึกษา แนะนา ช่วยเหลือ อยา่ งดียิ่ง ท้ัง ในด้านวิชาการและด้านการดาเนนิ งาน รวมถงึ อาจารย์ลลิตา สันติวรรกั ษ์ อาจารย์ทป่ี รึกษาโครงการ ซึ่งได้ให้คาปรึกษา ข้อเสนอแนะ และความชว่ ยเหลือในการพฒั นาระบบลลุ ว่ งไปด้วยดี ขอกราบพระคุณคณะอาจารย์ทุกท่าน ท่ีได้ให้ความรู้ คาแนะนา ให้กาลังใจตลอดภาค การศึกษาที่ผ่านมา สุดท้ายน้ีขอขอบคุณและขอบใจเพอื่ นๆ ทกุ คน ที่คอยไถ่ถามความคบื หนา้ ของ โครงงานฉบบั นชี้ ่วยเหลอื ซง่ึ กันและกันจนกระทั่งโครงงานออกมาสาเรจ็ ลุล่วงไปไดด้ ว้ ยดี ผู้จดั ทา II
ชอื่ หัวข้อ ระบบขายเครอ่ื งสาอางออนไลน์ Top Ten Beauty นกั ศกึ ษา นายธนภทั ร พบิ ลู ยส์ วสั ดิ์ อาจารยท์ ปี่ รึกษา ระดับการศกึ ษา นางสาวปิยะฉตั ร สวุ รรณหงษ์ ปกี ารศกึ ษา นางสาววนาลี มูลเนยี ม นางสาวกาญจนา ศรษี าคา นางสาวปวณี า สายแสง อาจารย์ลลิตา สันตวิ รรกั ษ์ บรหิ ารธรุ กจิ บณั ฑิต สาขาวชิ าระบบสารสนเทศ 2557 บทคดั ยอ่ โครงงานนี้ มีชื่อว่า ระบบระบบขายเครื่องสาอางออนไลน์ Top Ten Beauty คือ ระบบ จาหน่ายเครื่องสาอางแบบใหม่ที่ได้พัฒนาบริการมาให้แก่ลูกค้า เพื่อลดต้นทุนและขจัดปัญหาด้าน ต่างๆในการเดินทางของผู้บริโภคให้ลดลงมากที่สุด ท้ังปัญหาท่ีเกิดจากลูกค้าเอง ปัญหาท่ีเกิดจากการ ใหบ้ รกิ ารของพนักงาน ทาให้ลูกค้าได้รับความสะดวกสบาย รวดเร็ว และบริการท่ีทันสมัยง่ายต่อการ เพ่ิมข้อมูล ลบข้อมูล แก้ไขข้อมูล ภายในร้านเพื่อความพึงพอใจของลูกค้า การคิดคานวณราคาต่างๆ ใช้สูตรในโปรแกรมคอมพิวเตอร์ ทาให้มีความถูกต้องและแม่นยา และมีการจัดเก็บข้อมูลต่างๆไว้ใน คอมพิวเตอร์ เพ่ือง่ายต่อการจดั เก็บขอ้ มลู ตา่ งๆ I
สารบัญ เร่ือง หนา้ บทคัดย่อภาษาไทย...................................................................................................................... I กติ ติกรรมประกาศ...................................................................................................................... II สารบัญ........................................................................................................................................ III สารบัญตาราง ............................................................................................................................. V สารบญั รูป .................................................................................................................................. VI บทที่ 1. บทนา 1 1.1 ความเป็นมาของโครงงาน............................................................................................. 1 1.2 วตั ถุประสงค์................................................................................................................. 1 1.3 ขอบเขตของโครงงาน .................................................................................................. 2 1.4 ประโยชนท์ ่คี าดว่าจะได้รับ........................................................................................... 3 2. ทฤษฎที เ่ี กย่ี วข้อง 4 2.1 ระบบงานเดมิ ............................................................................................................. 5 2.2 ระบบงานใหม่.............................................................................................................. 7 2.3 เทคโนโลยที ่ใี ชใ้ นการพัฒนาระบบ.............................................................................. 8 2.4 ซอฟต์แวร์เกยี่ วกบั การออกแบบและตกแตง่ โปรแกรม................................................. 2.5 ซอฟต์แวรเ์ กย่ี วกบั การจดั ทาเอกสาร............................................................................ 9 26 3. ขน้ั ตอนการจดั สรา้ งโครงงาน 27 3.1 การวเิ คราะห์ระบบทางดา้ นการไหลของข้อมูล……….……………………..…………………... 30 3.2 E-R Diagram ระบบขายเคร่ืองสาอางออนไลน์........................................................... 3.3 Data dictionary ระบบขายเครื่องสาอางออนไลน์…………………………….................... 35 3.4 ตารางฐานข้อมลู ระบบขายเครื่องสาอางออนไลน์……………………………..................... 47 4. การทางานของระบบ 4.1 ส่วนของผู้ดูแลระบบ……………………………………………………………................................ 4.2 ส่วนของผใู้ ชง้ าน………………………………………….………………………………………………..… III
สารบญั (ตอ่ ) เรอื่ ง หนา้ บทที่ 5. การสรปุ ผลการพฒั นาโครงการ ปญั หาและข้อเสนอแนะ 5.1 ความเป็นมาของโครงงาน............................................................................................ 54 5.2 วตั ถปุ ระสงค์................................................................................................................. 55 5.3 ขอบเขตของโครงงาน................................................................................................... 55 บรรณานุกรม ภาคผนวก IV
สารบญั ตาราง หนา้ ตารางท่ี 1.1 ตารางขน้ั ตอนการดาเนินงาน.................................................................................... 2 3.1 ตารางแสดงตัวอย่างข้อมูลในตารางผ้ใู ช้ (User Account)……………………………….. 27 3.2 ตารางแสดงตัวอย่างข้อมลู ในตารางข้อมลู ลกู ค้า (User Detail)……….……….……..... 27 3.3 ตารางแสดงตวั อย่างขอ้ มลู ในตารางขอ้ มลู การสั่งซื้อ (Order).................................... 28 3.4 ตารางแสดงตวั อย่างข้อมูลในตารางสนิ ค้า (Product)…............................................ 28 3.5 ตารางแสดงตวั อย่างขอ้ มลู ในตารางประเภทสินคา้ (Product type)………………..... 29 3.6 ตารางแสดงตวั อย่างข้อมูลในตารางรายละเอียดการสัง่ ซ้อื สนิ ค้า (Order detail)..... 29 3.7 ตารางแสดงตัวอย่างขอ้ มลู ในตารางตารางการชาระเงนิ (Payment)........................ 29 V
สารบญั รปู หนา้ รปู ท่ี 2.1 ระบบขายเครื่องสาอางออนไลน์................................................................................................... 4 3.1 แสดงภาพ Data Flow Diagram Level 0.................................................................................. 9 3.2 แสดงภาพ Data Flow Diagram Level 1:Process1 สมัครสมาชิก.......................................... 10 3.3 แสดงภาพ Data Flow Diagram Level 1: Process 2 เข้าสรู่ ะบบ........................................... 11 3.4 แสดงภาพ Data Flow Diagram Level 1: Process 3 เรยี กดสู นิ คา้ ......................................... 12 3.5 แสดงภาพ Data Flow Diagram Level 1: Process 4 สั่งซือ้ สนิ ค้า.......................................... 13 3.6 แสดงภาพ Data Flow Diagram Level 1: Process 5 แจง้ การชาระเงนิ .................................. 14 3.7 แสดงภาพ Data Flow Diagram Level 1: Process 6.1 การเพ่ิมขอ้ มลู สมาชกิ ....................... 15 3.8 แสดงภาพ Data Flow Diagram Level 1: Process 6.2 การลบขอ้ มูลสมาชิก......................... 16 3.9 แสดงภาพ Data Flow Diagram Level 1: Process 6.3 การแก้ไขข้อมลู สมาชิก...................... 17 3.10 แสดงภาพ Data Flow Diagram Level 1: Process 6.4 การเรยี กดขู ้อมลู สมาชิก................. 18 3.11 แสดงภาพ Data Flow Diagram Level 1: Process7.1 การเพิ่มข้อมูลสินค้า......................... 19 3.12 แสดงภาพ Data Flow Diagram Level 1: Process 7.2 การลบขอ้ มลู สินค้า…………….......... 20 3.13 แสดงภาพ Data Flow Diagram Level 1: Process7.3 การแก้ไขข้อมูลสนิ ค้า....................... 21 3.14 แสดงภาพ Data Flow Diagram Level 1: Process7.4 การเรยี กดขู ้อมูลสินค้า..................... 22 3.15 แสดงภาพ Data Flow Diagram Level 1: Process 8 ตรวจสอบการชาระเงิน..................... 23 3.16 แสดงภาพ Data Flow Diagram Level 1: Process 9 ตรวจสอบการสงั่ ซือ้ สินค้า.................. 24 3.17 แสดงภาพ Data Flow Diagram Level 1: Process10 เรียกดรู ายงานสรปุ ยอดขาย/เดอื น... 25 3.18 แสดงภาพ E-R Diagram ระบบการจัดการขายสินค้าออนไลน.์ .............................................. 26 3.19 แสดงภาพโครงสรา้ งตาราง UserAccount………….................................................................... 30 3.20 แสดงภาพตาราง UserAccount…………................................................................................... 30 3.21 แสดงภาพโครงสรา้ งตารางUsrerDetail…………………………………………….................................. 30 3.22 แสดงภาพตารางUsrerDetail……………………………………………................................................. 31 3.23 แสดงภาพโครงสร้างตารางข้อมูลการสง่ั ซื้อ (Oder)…...………………........................................... 31 3.24 แสดงภาพตารางข้อมลู การส่งั ซื้อ (Oder)……………………….…………........................................... 31 3.25 แสดงภาพโครงสร้างตารางข้อมูลสินค้า (Product)…….……………………………………………………. 32 3.26 แสดงภาพตารางข้อมลู สินคา้ (Product)……………………………………….…………………..……………. 32 VI
สารบัญรปู (ต่อ) หนา้ รปู ที่ 3.27 แสดงภาพโครงสรา้ งตารางประเภทสินคา้ (Producttype)…………….………………………………… 32 3.28 แสดงภาพตารางประเภทสนิ ค้า (Producttype)…………………………………………………………….. 33 3.29 แสดงภาพโครงสรา้ งตารางรายละเอยี ดการส่ังซื้อสินคา้ (Order detail)…………….………………. 33 3.30 แสดงภาพตารางรายละเอยี ดการสง่ั ซ้อื สนิ ค้า (Order detail)………..…………………………………. 33 3.31 แสดงภาพโครงสรา้ งตารางการชาระเงนิ (Payment)………………….…….……....…………………… 34 3.32 แสดงภาพตารางการชาระเงิน (Payment)………………………………….…….……..……….…………… 34 4.1 แสดงหน้าจอการล็อกอินเขา้ สรู่ ะบบ………………................…………………….……………..……..…….. 35 4.2 แสดงหนา้ ผู้ดูแลระบบทาการกรอก ชื่อผใู้ ช้และรหสั ผ่าน………………….……………………….………. 36 4.3 แสดงหนา้ จอการตรวจสอบสทิ ธ์ผู้ดแู ลระบบเขา้ สรู่ ะบบ…………………………….……………………… 36 4.4 แสดงหนา้ จอหลัก…………………………………………........................................................................ 37 4.5 แสดงหนา้ จอการเพิ่ม ลบ และแก้ไขขอ้ มลู ของผู้ดแู ลระบบ........................................................ 37 4.6 แสดงหน้าจอแบบฟอร์มแก้ไขขอ้ มูลลกู ค้า………………................................................................. 38 4.7 แสดงหน้าจอการจัดการข้อมลู ลกู ค้า…………............................................................................... 38 4.8 แสดงหน้าจอลบข้อมลู ลกู ค้า………………….................................................................................. 39 4.9 แสดงหนา้ หลกั รายการของผ้ดู ูแลระบบ…………………............................................................... 39 4.10 แสดงหน้าจอเพิ่ม ลบ แกไ้ ขข้อมูลสนิ ค้าของผดู้ แู ลระบบ.......................................................... 40 4.11 แสดงหนา้ จอแบบฟอร์มเพม่ิ สินค้าใหม่………………..……........................................................... 40 4.12 แสดงหน้าจอเพิม่ สินคา้ …………….............................................................................................. 41 4.13 แสดงหนา้ จอยืนยันลบข้อมูลสินคา้ ……….................................................................................. 41 4.14 แสดงแบบฟอร์มแก้ไขข้อมลู สนิ คา้ ………………………................................................................ 42 4.15 แสดงการแกไ้ ขข้อมลู สนิ คา้ เรียบรอ้ ยแล้ว……………………………................................................ 42 4.16 หนา้ หลกั แสดงรายการของผดู้ ูแลระบบ.................................................................................... 43 4.17 หน้าตรวจสอบการชาระเงนิ ………............................................................................................ 43 4.18 หน้าหลักแสดงรายการของผู้ดูแลระบบ................................................................................... 44 4.19 แสดงหน้ายืนยนั การชาระเงินของสมาชิก………………............................................................... 44 4.20 แสดงหน้าส่งสินค้าเรียบรอ้ ยแล้ว.............................................................................................. 45 VII
สารบญั รปู (ตอ่ ) หนา้ รปู ที่ 4.21 หนา้ หลักแสดงรายการของผดู้ ูแลระบบ.................................................................................... 45 4.22 แสดงวันเดือนปีท่ีต้องการเรียกดู…………………......................................................................... 46 4.23 แสดงรายละเอียดรายงานสรปุ ยอดขาย…………………............................................................... 46 4.24 แสดงหนา้ หลกั การเขา้ สู่ระบบของสมาชกิ …............................................................................. 47 4.25 แสดงแบบฟอร์มการลงทะเบียนการเขา้ ใช้งานของระบบของสมาชิก...................................... 47 4.26 แสดงหน้าจอของลูกคา้ ที่ลงทะเบียนเรยี บร้อยแลว้ ……….......................................................... 48 4.27 แสดงหน้าหลกั ของการใช้งาน…………………………..................................................................... 48 4.28 แสดงหน้ารายการสนิ ค้าสาหรับลกู ค้า…................................................................................... 49 4.29แสดงหนา้ รายการส่ังซื้อสินคา้ สาหรบั ลูกค้า............................................................................... 49 4.30 แสดงหนา้ ยนื ยันการส่ังซื้อสนิ ค้าสาหรบั ลกู คา้ ………................................................................. 50 4.31 แสดงหนา้ รายการการสั่งซือ้ ……............................................................................................... 50 4.32 แสดงหนา้ ยืนยันการแจง้ ชาระเงิน............................................................................................ 51 4.33 แสดงหนา้ รายการการสั่งซ้อื …………………................................................................................ 51 4.34 แสดงรายละเอียดการชาระเงนิ ………....................................................................................... 52 4.35 แสดงรายการแจ้งการชาระเงิน……………….............................................................................. 52 4.36 แสดงหนา้ ตรวจสอบหมายเลขพัสดุ.......................................................................................... 53 VIII
1 บทที่ 1 บทนา 1.1 ความสาคญั และท่ีมาของปัญหา การใช้เทคโนโลยเี ปน็ สงิ่ ท่ีมคี วามสาคญั สาหรับยุคนี้ไม่ว่าจะเป็นการติดต่อส่ือสารและรวมถึง การค้นหาขอ้ มูลต่างๆ และการใช้เทคโนโลยี เพื่อการทางานและจัดการธุรกิจของผู้ประกอบการ ขาย สินค้าออนไลน์เป็นอีกหน่ึงทางเลือกที่ผู้ประกอบการสามารถเข้าถึงลูกค้าได้ง่าย เน่ืองจากธุรกิจขาย สินค้าออนไลน์ได้เข้ามามีบทบาทอย่างมาก ทาให้ผู้บริโภค อุปโภค ตัดสินใจซ้ือสินค้าและบริการผ่าน ทางเว็บไซต์ มีความสะดวกสบาย มีค่าใช้จ่ายในการลงทุนต่ากว่าการซ้ือช่องทางปกติ จากเดิมที่การ ลงทุนสงู กวา่ ปกติ การทางานในดา้ นพาณิชยกรรมหรือซื้อมาขายไป ยังไม่มีประสิทธิภาพพอทาให้เกิดปัญหาใน การเช็คสินค้าไม่ตรงกับรายการสินค้าท่ีมีอยู่ ราคาสินค้าท่ีลงทุนมีราคาสูงทาให้ลูกค้าไม่กล้าที่จะซื้อ สนิ ค้า สถานประกอบการไม่สะดวกพอให้ลูกค้าเข้ามาชมสินค้า จึงทาให้มีปัญหาในการขายสินค้าของ ผู้ประกอบการและความสะดวกของลกู คา้ 1.2 วตั ถปุ ระสงค์ 1.2.1 เพื่อเพมิ่ ความสะดวกในการจัดเกบ็ ข้อมลู สนิ ค้า 1.2.2 เพือ่ อานวยความสะดวกในการส่ังซ้ือสนิ คา้ ใหแ้ ก่ลูกค้า 1.2.3 เพือ่ เพิม่ ความสามารถในการออกแบบระบบฐานขอ้ มูล 1.2.4 เพื่อศึกษาและเขา้ ใจถึงระบบขายสนิ ค้าออนไลน์ 1.3 ขอบเขตของงาน ในกรณีศกึ ษาระบบงานขายออนไลน์ ต้องให้ความสาคญั ต่อการกาหนดขอบเขตการทา โครงการระบบงานขายออนไลน์ ไวด้ งั นี้ 1.3.1 กลุ่มของผู้ใช้ระบบงานขายออนไลน์ แบ่งเปน็ 2 กลุ่มคือ ผ้ดู แู ลระบบและลกู คา้ 1) Admin สามารถ ใช้งานในระบบขายออนไลน์ได้ 1.1 จัดการข้อมลู ลูกค้า 1.2 จดั การข้อมูลสนิ คา้ 1.3 ตรวจสอบการชาระเงินของลูกค้า 2) ลูกค้าหรือสมาชกิ 2.1 สมัครสมาชกิ และปรับปรุงขอ้ มลู สว่ นตัว 2.2 ข้อมูลการสง่ั ซ้ือสินคา้ 2.3 แจ้งชาระเงิน
2 2.4 ขอ้ มูลการยนื ยนั การรับสินค้า 1.4 ขนั้ ตอนในการดาเนนิ งาน ในการดาเนนิ โครงงานพฒั นาระบบขายสนิ ค้าออนไลน์มีทงั้ หมด 7 ขน้ั ตอน ลาดบั หัวขอ้ การดาเนนิ โครงงาน ปพี .ศ. 2557 ปีพ.ศ. 2558 ที่ ส.ค. ก.ย. ต.ค. พ.ย. ธ.ค. ม.ค. ก.พ. มี.ค. เม.ย. 1 ศกึ ษาความเปน็ ไปได้ของโครงการ 2 ทฤษฎแี ละเทคโนโลยีท่เี กีย่ วขอ้ ง 3 วิเคราะหแ์ ละออกแบบระบบ 4 พัฒนาระบบ 5 ทดสอบระบบ 6 ปรับปรุงและแกไ้ ขระบบ ท า คู่ มื อ แ ล ะ เ อ ก ส า ร ป ร ะ ก อ บ 7 โปรแกรม ตารางท่ี 1.1 ขน้ั ตอนการดาเนนิ งาน 1.5 ประโยชนท์ ไี่ ดร้ ับเมอื่ เสรจ็ โครงการ 1. ช่วยลดความยุง่ ยากในการซื้อสนิ ค้า 2. อานวยความสะดวกในการจัดเก็บสนิ คา้ 3. ลดปัญหาการเลือกซื้อสินค้าที่ย่งุ ยาก 4. รแู้ ละเข้าใจถึงระบบขายสนิ ค้าออนไลน์มากขึ้น
3 บทท่ี 2 ทฤษฎที เี่ กยี่ วขอ้ ง ระบบขายสินค้าออนไลน์ ผ้จู ัดทาได้คน้ ควา้ ข้อมูล ข้นั ตอนและวธิ ีการตา่ งๆที่เกย่ี วข้องกับ โครงการครั้งนโ้ี ดยมหี ัวข้อระบบต่างๆดังน้ี 2.1การศกึ ษาระบบงานขายสนิ คา้ บนอนิ เทอรเ์ นต็ ของ thippyshop จากการท่ีได้ศึกษาระบบขายสินค้าบนอินเทอร์เน็ตของ thippyshop พบว่า ระบบขายสินค้า มี การส่ังซื้อสินค้าที่ซับซ้อนและวกวน ระบบขายสินค้าบนอินเทอร์เน็ตมีส่วนผสมทางการตลาดมีอยู่ ด้วยกัน 4 ประการ ดังตอ่ ไปน้ี 1) ผลิตภณั ฑ์ (Product) พิจารณาจากผลติ ภณั ฑบ์ ริการและคณุ ลักษณะรวมถึง ปรับปรงุ เปลี่ยนแปลงผลติ ภัณฑต์ ามความต้องการของลูกค้าจากการการวจิ ัยตลาดและผลิตภัณฑ์ใน อินเทอรเ์ น็ตมีรปู แบบทหี่ ลากหลายมากกวา่ สมยั ก่อนจะเห็นไดจ้ ากการทมี่ ีผลติ ภณั ฑแ์ ละบริการเกิด ข้นึ มาใหม่ในตลาดมากมาย 2) ราคา (Price) การใช้อินเทอร์เน็ตเป็นส่ือกลางในการจาหน่ายผลิตภัณฑ์และบริการทาให้ ราคาผลิตภณั ฑล์ ดลงเนื่องจากต้นทุนในการกระจายผลิตภณั ฑผ์ ่านทางรา้ นคา้ แบบเดิมมีลดลง 3) สถานท่ี (Place) อินเทอร์เน็ตได้เพิ่มช่องทางการจัดจาหน่ายผลิตภัณฑ์และบริการให้กับ ลูกค้าโดยผ่านทางพาณิชย์อิเล็กทรอนิกส์และการจัดการเว็บไซต์ทาให้สามารถติดต่อสื่อสารกับลูกค้า ได้สะดวกรวดเร็วมากขึ้นในขณะที่สามารถลดค่าใช้จ่ายของการขนส่งสินค้าคงคลังและการจัดเก็บอีก ดว้ ย 4) การส่งเสริมการขาย (Promotion) การติดต่อสื่อสารกับลูกค้าผ่านทางอินเทอร์เน็ต สามารถประชาสัมพันธ์ให้ลูกค้าทราบถึงประโยชน์ของผลิตภัณฑ์รวมถึงช่วยลูกค้าในการตัดสินใจซ้ือ ผลติ ภณั ฑแ์ ละการใช้บริการนอกจากนี้อินเทอร์เน็ตยังมีส่วนช่วยในกิจกรรมส่งเสริมการขาย เช่น การ โฆษณาประชาสัมพันธ์เป็นตน้ 5) คน (People) อินเทอร์เน็ตทาให้มีการติดต่อกับลูกค้าโดยตรงรวมถึงวิธีการขององค์กร โตต้ อบกบั ลูกค้าในระหว่างการขายการสื่อสารท้ังก่อนและหลังรวมท้ังมีส่วนช่วยในการหาผู้ร่วมงานท่ี มีคุณภาพ 6) การดาเนินการ (Process) เป็นวิธีการข้ันตอนและการดาเนินการของบริษัทโดย ประยุกตใ์ ชง้ านร่วมกบั อินเทอรเ์ น็ตเพ่อื ก่อใหเ้ กิดประสิทธิภาพในการบรหิ ารจดั การ
4 รปู ที่ 2.1 ระบบขายเครอื่ งสาอางออนไลน์ 2.1.2 ปัญหาที่เกิดจากระบบงานเดมิ 1. มผี ลิตภณั ฑ์ท่ีไม่ได้มาตรฐาน 2. ราคาสูงกว่าปกติ 3. มที างเลอื กในการเลือกดสู นิ ค้านอ้ ย 4. มีการติดต่อประชาสัมพันธใ์ ห้ลกู ค้าทราบอยา่ งไม่มปี ระสิทธิภาพ 5. มกี ารส่งสินคา้ ท่ีล้าชา้ 2.2 ระบบงานใหม่ ระบบงานใหมเ่ ป็นระบบการขายสนิ คา้ ออนไลน์มีความสะดวกรวดเรว็ มากย่งิ ขนึ้ มีการสง่ั ซ้ือสินคา้ ที่ไมย่ ุ่งยาก สนิ ค้ามคี ุณภาพและยงั สามารถสั่งซือ้ สินค้าแถมราคาก็ไม่สงู เกิน ความสามารถของลูกค้าอกี ดว้ ย ในการเขา้ ดูระบบจะสง่ั ซื้อสนิ ค้าจะต้องเป็นสมาชิกของระบบก่อนทจ่ี ะสามารถ ค้นหาสนิ คา้ จากได้ 2.2.1 เหตผุ ลท่ที าระบบใหม่ ต้องการให้ระบบงานใหม่ท่ีมีประสิทธิภาพและเปน็ ระบบมากขนึ้ ทาให้มกี ารเข้าถึง ข้อมูล ซื้อ ขาย การเพมิ่ คน้ หา แก้ไข ลบ ขอ้ มลู ใหม้ คี วามรวดเร็วมากขน้ึ มีความถูกตอ้ ง และให้มี ความผดิ พลาดน้อยลงสามารถตรวจสอบได้ เพมิ่ ความเป็นระเบยี บในการจดั เก็บขอ้ มลู 2.2.2 การเขา้ สรู่ ะบบการจดั การขายสนิ คา้ ออนไลน์ 1. ผใู้ ชท้ ีต่ อ้ งการเข้าดูระบบสามารถสมคั รสมาชกิ ไดเ้ ลย 2. การสั่งซอื้ ต้องเป็นสมาชกิ ก่อนถึงจะสงั่ ซ้ือสินคา้ ได้ 3. การสั่งซื้อ จะต้องเปน็ สมาชิกเท่าน้นั จึงจะทาการสัง่ ซอ้ื สินค้าได้ 4. สามารถคน้ หาสนิ ค้าทตี่ ้องการได้
5 2.3 เทคโนโลยที ใี่ ชใ้ นการพฒั นาระบบ 1. Windows 7 Ultimate 2. Adobe Dreamweaver CS5 ใช้ตกแต่งเวบ็ ไซต์ 3. Adobe Photoshop CS5 ใชต้ กแตง่ รปู ภาพ 4. Microsoft office Word ใชพ้ มิ พร์ ายงาน 5. My SQL ทาระบบฐานข้อมลู 6. PHP เขียน Script เพอ่ื สร้างเว็บไซต์ 7. Appserver จาลองเซริ ์ฟเวอร์ 2.3.1 AppServ คือโปรแกรมทีร่ วบรวมเอา Open Source Software หลายๆ อยา่ งมา รวมกนั โดยมี Package หลักดังน้ี 1.PHP 2. MySQL โปรแกรมตา่ งๆ ทนี่ ามารวบรวมไวท้ งั้ หมดน้ี ไดท้ าการดาวนโ์ หลดจาก Official Release ทัง้ ส้นิ โดยตวั AppServ จึงใหค้ วามสาคัญว่าทุกส่งิ ทุกอย่างจะตอ้ งให้เหมือนกบั ต้นฉบบั เราจึงไม่ไดต้ ัด ทอนหรือเพ่มิ เติมอะไรท่แี ปลกไปกว่า Official Release แต่อย่างได้ เพยี งแตม่ บี างสว่ นเทา่ นั้นที่เราได้ เพ่มิ ประสิทธิภาพการติดตง้ั ให้สอดคล้องกับการทางานแต่ละคน โดยท่ีการเพิม่ ประสิทธภิ าพน้ไี ม่ได้ เข้าไปร่วมในส่วนของ Original Package เลยแม้แต่น้อยเพียงแต่เป็นการกาหนดค่า Config เท่าน้ัน เช่น Apache ก็จะเป็นในส่วนของ httpd.conf, PHP ก็จะเป็นในสว่ นของ php.ini, MySQL กจ็ ะ เปน็ ในส่วนของ my.ini ดังนัน้ เราจึงรับประกันไดว้ า่ โปรแกรม AppServ สามารถทางานและความ เสถยี รของระบบ ได้เหมือนกับ Official Release ทงั้ หมด ข้อดขี อง Appserv 1.มโี ครงสรา้ งทีไ่ มซ่ บั ซ้อน 2.ใช้งานเรียกดูข้อมลู ได้ง่าย 3.ทาให้สามารถสรา้ ง Webpage ไดง้ า่ ย 4.สามารถใชใ้ นการตดิ ตอ่ กับฐานข้อมูล 5.ใช้สาหรบั จาลองให้เปน็ Server AppServ ท่ีนามาใช้ในระบบ คือ โปรแกรมตา่ งๆ ที่นามารวบรวมไว้ท้ังหมด เช่น PHP, MySQL, phpMyAdmin เพ่ือการทดสอบหรือใช้งานภาษาในการ พฒั นาโปรแกรม พัฒนา ระบบต่างๆ หรือเวบ็ ไซต์
6 2.3.2 PHP PHP คอื ภาษาคอมพวิ เตอร์จาพวก scripting language ภาษาจาพวกน้ีคาสง่ั ตา่ งๆจะเก็บอยู่ ในไฟล์ท่เี รยี กวา่ script และเวลาใช้งานต้องอาศยั ตวั แปรชุดคาสง่ั ตวั อยา่ งของภาษาสตริปตก์ เ็ ช่น JavaScript,Perlเป็นต้น ลักษณะของ PHP ทแ่ี ตกต่างจากภาษาสครปิ ต์แบบอื่นๆ คือ PHP ไดร้ บั การ พฒั นาและออกแบบมา เพื่อใช้งานในการสรา้ งเอกสารแบบ HTMLโดยสามารถสอดแทรกหรือแก้ไข เนอ้ื หาไดโ้ ดยอตั โนมัติ ดังนนั้ จึงกลา่ วว่า PHP เปน็ ภาษาท่เี รียกว่า Server-side หรอื HTML- embedded scripting language น้ันคือในทกุ ๆ คร้ังก่อนทเ่ี คร่อื งคอมพิวเตอรซ์ ึง่ ใหบ้ ริการเปน็ Web serverจะสง่ หนา้ เว็บเพจทีเ่ ขยี นด้วย PHP ให้เรา มันจะทาการประมวลผลตามคาส่งั ทมี่ ีอยู่ให้ เสรจ็ เสยี กอ่ น แล้วจึงค่อยส่งผลลพั ธ์ทีไ่ ด้ให้เราผลลัพธท์ ่ีได้น้ันกค็ อื เว็บเพจทเี่ ราเหน็ นั่นเอง ถือไดว้ า่ PHP เปน็ เครือ่ งมือทีส่ าคัญชนดิ หนง่ึ ท่ีช่วยให้เราสามารถสร้าง Dynamic Webpages (เว็บเพจที่มี การโตต้ อบกบั ผู้ใช)้ ได้อยา่ งมีประสิทธิภาพและมีลกู เล่นมากข้ึน PHP เปน็ ผลงานท่ีเตบิ โตมาจากกลุ่ม ของนักพฒั นาในเชงิ เปิดเผยรหัสตน้ ฉบบั หรอื OpenSource ดังนนั้ PHP จงึ มีการพฒั นาไปอย่าง รวดเรว็ และแพรห่ ลายโดยเฉพาะอยา่ งย่งิ เม่ือใชร้ ่วมกบั Apache Webserver ระบบปฏบิ ตั อิ ย่างเชน่ Linuxหรือ FreeBSD เปน็ ต้น ในปัจจุบนั PHP สามารถใชร้ ่วมกบั WebServer หลายๆตัวบน ระบบปฏิบตั กิ ารอย่างเช่นWindows95/98/NT ขอ้ ดขี องภาษาPHP 1. ใช้ได้ฟรี 2. ง่ายตอ่ การศกึ ษา เพราะมีรูปแบบโครงสรา้ งทไ่ี ม่ซับซ้อน 3. เรียนรู้ง่ายเน่ืองจากPHPฝัง่ เขา้ ไปในHTMLและใช้โครงสร้างและไวยากรณภ์ าษางา่ ยๆ 4. เร็วและมีประสิทธภิ าพ โดยเฉพาะเม่ือใชก้ บั Apache Webserver เพราะไม่ต้องใช้ โปรแกรมจากภายนอก 5. ใชร้ ่วมกบั XMLไดท้ ันที 6. ใช้กับระบบแฟม้ ขอ้ มูลได้ 7. ใชก้ บั ข้อมลู ตัวอักษรได้อย่างมีประสิทธิภาพ 8. ใชก้ บั โครงสรา้ งข้อมลู แบบ Scalar,Array,Associativearray 9. ใชก้ ับการประมวลผลภาพได้ 10. มีประสิทธิภาพสูงและเสถยี รภาพ สามารถพฒั นาเว็บแอพพลเิ คชนั ต้งั แตเ่ ว็บไซต์ขนาดเล็ก ไป จนถึงขนาดใหญไ่ ด้ PHP ที่นามาใช้ในระบบ คือ ใชส้ าหรับจัดทาเวบ็ ไซต์
7 2.3.3 SQL ภาษาสอบถามข้อมูล หรือภาษาจัดการข้อมูลอย่างมีโครงสร้าง มีการพัฒนา ภาษาคอมพิวเตอร์และโปรแกรมฐานขอ้ มูลท่ีรองรบั มากมาย เพราะจัดการข้อมูลได้ง่าย เช่น MySQL, MsSQL, PostgreSQLหรือ MS Access เป็นต้น สาหรับโปรแกรมฐานข้อมูลที่ได้รับความนิยมคือ MySQL เป็น Open Source ที่ใช้งานได้ท้ังใน Linux และ Windows ใช้ในการจัดการฐานข้อมูล จัดเกบ็ ข้อมูล เพ่ิม ลบ แก้ไข และค้นหา รวมทงั้ การจดั เรียงขอ้ มูล PHP MyAdmin Database Managerphp MyAdmin เปน็ โปรแกรมหน่ึงที่ติดมากบั Appserv เพือ่ ใช้สาหรบั การจัดการฐานข้อมูล เช่น สรา้ ง/ลบฐานข้อมลู สร้าง/ลบตาราง จัดการฟลิ ดต์ า่ งๆ ของขอ้ มูล รวมทง้ั การประมวลผลคาสง่ั SQL เป็นตน้ ซึง่ พฒั นามาจากสคริปตภ์ าษา PHP ใช้บรหิ ารฐานข้อมลู ออนไลนผ์ า่ นทางหนา้ เว็บไซต์ มี เครื่องมอื ที่ช่วยในการจัดการที่งา่ ยและคล่องตัวใช้สาหรับจัดการฐานข้อมลู สรา้ ง/ลบฐานขอ้ มูล สรา้ ง และจดั การตาราง เชน่ เพ่ิมแถบข้อมลู , ลบแถบข้อมลู , แกไ้ ขแถบข้อมลู หรอื ลบตาราง เพ่มิ หรือแก้ไข Field ตา่ งๆ ของข้อมลู รวมทั้งการประมวลผล คาสั่ง SQL ขอ้ ดีของภาษา SQL 1. เป็นภาษาใช้งา่ ย 2. ฐานขอ้ มลู มขี นาดเลก็ 3. มคี วามปลอดภัยในระดับที่ดี 4. มีความต้องการทรัพยากรต่า 5. สามารถประยุกต์ใชไ้ ดโ้ ดยง่าย PHP MyAdmin Database Managerphp ที่นามาใช้ในระบบ คือ การบริหารฐานข้อมูล ออนไลน์ผ่านทางหน้าเว็บไซต์ มีเครื่องมอื ที่ช่วยในการจัดการทง่ี ่ายและคลอ่ งตวั ใชส้ าหรับจดั การ ฐานขอ้ มลู สรา้ ง/ลบฐานข้อมูล สรา้ งและจัดการตาราง เชน่ เพิ่มแถบข้อมูล, ลบแถบข้อมูล, แก้ไข แถบข้อมูล หรือลบตาราง เพ่ิมหรือแกไ้ ข Field ตา่ งๆ ของขอ้ มลู รวมท้ังการประมวลผล คาสัง่ SQL 2.4 ซอฟตแ์ วรเ์ กยี่ วกบั การออกแบบและตกแตง่ โปรแกรม 2.4.1 Adobe Dreamweaver CS5 เป็นโปรแกรมสร้างเว็บเพจเสมือนจริงท่ีมีเครื่องมือช่วยในการสร้างเว็บไซต์เป็นไป ด้วยความสะดวกรวดเร็วและช่วยในการออกแบบตกแต่งหน้าเว็บเพจต่างๆให้แสดงผลออกมาอย่าง สวยงามและตรงความตอ้ งการของผ้ใู ช้ และช่วยลดภาระการเขียนสคริปต์ด้วยตนเองให้น้อยลงด้วยใช้ สร้างเอกสารเว็บท่ีทางานในลักษณะ HTML จัดวางข้อความ รูปภาพ ตาราง ฟอรม์ ตา่ งๆภายในเวบ็
8 Adobe Dreamweaver CS5 ท่ีนามาใชใ้ นระบบ คือ ชว่ ยในการสร้างเวบ็ ไซตเ์ ป็นไปดว้ ย ความสะดวกรวดเร็วและช่วยในการออกแบบตกแต่งหน้าเว็บเพจต่างๆให้แสดงผลออกมาอยา่ ง สวยงามและตรงความต้องการของผ้ใู ช้ 2.4.2 Adobe Photoshop CS5 Adobe Photoshop CS5 โปรแกรมสร้าง และแก้ไขรูปภาพ อย่างมืออาชีพ โดยเฉพาะนักออกแบบในทุกวงการย่อมรู้จักโปรแกรมตัวนี้ดีโปรแกรม Photoshop เป็นโปรแกรมท่ี เครื่องมือมากมายเพื่อนสนับสนุนการสร้างงานประเภทสิ่งพิมพ์ งานวิดีทัศน์ งานนาเสนอ งานมัลติมิ เดีย ตลอดจนงานออกแบบและพัฒนาเว็บไซต์ใช้ในการแก้ไข ตกแต่ง ตัดต่อรูปภาพต่างๆเพื่อนาภาพ ต่างๆมาใช้ในการสร้างระบบ Adobe Photoshop CS5 ที่นามาใช้ในระบบ คือ ช่วยในการสรา้ งรูปภาพและแก้ไขรปู ภาพ ตกแตง่ ตัดต่อรปู ภาพต่างๆเพ่ือนาภาพต่างๆมาใช้ในการสร้างระบบให้ดูสวยงามมากยิ่งขึ้น 2.5 ซอฟตแ์ วรเ์ กยี่ วกบั การจัดทาเอกสาร 2.5.1 Microsoft Office Word โปรแกรม Microsoft Office Word เปน็ โปรแกรมประมวลผลคาท่ีนิยมใชก้ นั มาก อยูใ่ นปจั จุบนั นี้ เพราะมีคุณลักษณะที่ดี เชน่ การจดั รปู แบบสะดวกรวดเรว็ ฯลฯ และมีประโยชน์การ จดั เกบ็ เอกสารและการปรับแก้ไข พื้นฐานการใชโ้ ปรแกรมตั้งแต่การเปิดส่วนประกอบตา่ งๆ เชน่ แทบ็ เมนู แท็บเคร่ืองมือ มุมมอง และการจดั การไฟล์เอกสาร เชน่ การเปดิ การปิด การบันทกึ และการ ออกจากโปรแกรม ฯลฯ อีกท้ังยังรองรบั ภาษาไทยได้ดว้ ยใช้ในการจดั ทาเอกสารรายงานต่างๆ ใน การศึกษาข้อมูลวิเคราะหแ์ ละการออกแบบระบบ Microsoft Office Word ท่ีนามาใช้ในระบบ คือ ช่วยในการจัดทาเอกสารรูปเล่มโครงการ จดั รปู แบบ การจัดเกบ็ เอกสารและการปรบั ปรุงแกไ้ ขเอกสาร
9 บทท่ี 3 ขัน้ ตอนการจดั สรา้ งโครงงาน 3.1 การวเิ คราะหร์ ะบบทางดา้ นการไหลของข้อมลู การวิเคราะห์ระบบทางด้านการไหลของข้อมลู เป็นการแสดงแผนภาพรูปแบบการทางาน ภายในระบบจัดการการขายสินคา้ ออนไลน์ผลของการวิเคราะห์มดี งั นี้ Context Diagram Data Flow Diagram Level 1 , , 0 , / / รปู ที่ 3.1 แสดงภาพ Data Flow Diagram Level 0
10 1 1.1 1.2 1.3 1.4 1.5 D2 UserAccount D1 UserDetail 1.6 รปู ท่ี 3.2 แสดงภาพ Data Flow Diagram Level 1: Process1 สมคั รสมาชิก
11 2 2.1 2.2 , 2.3 2.4 D2 UserAccount รปู ท่ี 3.3 แสดงภาพ Data Flow Diagram Level 1: Process 2 เข้าสู่ระบบ
12 3 3.1 D4 ProductType D3 Product 3.2 3.3 รปู ท่ี 3.4 แสดงภาพ Data Flow Diagram Level 1: Process3 เรียกดูสนิ คา้
13 4 4.1 D3 Product 4.2 D7 Orderdetail D6 Order 4.3 4.4 4.4 รปู ท่ี 3.5 แสดงภาพ Data Flow Diagram Level 1: Process4 ส่งั ซอ้ื สนิ คา้
14 5 5.1 D10 paymentDetail D8 paymentOrder D7 orderDetail D6 order 5.2 5.3 5.4 5.5 5.6 รปู ท่ี 3.6 แสดงภาพData Flow Diagram Level 1: Process 5 แจ้งการชาระเงิน
15 6.1 6.1.1 6.1.2 6.1.3 6.1.4 6.1.5 D1 UserAccout D2 UserDetail 6.1.6 รปู ที่ 3.7 แสดงภาพData Flow Diagram Level 1: Process6.1 การเพ่ิมข้อมลู สมาชิก
16 6.2 6.2.1 6.2.2 6.2.3 6.2.4 6.2.5 D1 UserAccout D2 UserDetail 6.2.6 รปู ที่ 3.8 แสดงภาพ Data Flow Diagram Level 1: Process 6.2 การลบขอ้ มลู สมาชิก
17 รปู ที่ 3.9 แสดงภาพData Flow Diagram Level 1: Process 6.3 การแก้ไขขอ้ มลู สมาชิก
18 6.4 6.4.1 6.4.2 D1 UserAccout D2 UserDetail 6.4.3 รปู ท่ี 3.10 แสดงภาพData Flow Diagram Level 1: Process 6.4 การเรียกดขู ้อมูลสมาชิก
19 7.1 7.1.1 D3 Product D4 ProductType 7.1.2 7.1.3 7.1.4 7.1.5 รปู ท่ี 3.11 แสดงภาพData Flow Diagram Level 1: Process7.1 การเพ่ิมข้อมลู สินคา้
20 7.2 7.2.1 D3 Product D4 Product Type 7.2.2 7.2.3 7.3.4 7.2.5 7.2.6 รปู ท่ี 3.12 แสดงภาพ Data Flow Diagram Level 1: Process 7.2 การลบข้อมูลสนิ คา้
21 7.3 7.3.1 D3 Product D4 ProductType 7.3.2 7.3.3 7.3.4 7.3.5 7.3.6 7.3.7 รปู ท่ี 3.13 แสดงภาพ Data Flow Diagram Level 1: Process7.3 การแก้ไขข้อมลู สินค้า
22 7.4 D3 Product D4 ProductType 7.4.1 7.4.2 7.4.3 รปู ที่ 3.14 แสดงภาพ Data Flow Diagram Level 1: Process7.4 การเรยี กดูข้อมูลสนิ คา้
23 8 8.1 D6 paymentDetail 8.2 8.3 รปู ท่ี 3.15 แสดงภาพ Data Flow Diagram Level 1: Process 8 ตรวจสอบการชาระเงิน
24 9 9.1 D7 orderDetail 9.2 9.3 รปู ท่ี 3.16 แสดงภาพ Data Flow Diagram Level 1: Process 9 ตรวจสอบการสง่ั ซ้ือสินค้า
25 / 10 / 10.1 // 10.2 D6 Order / // / / 10.3 / / รปู ที่ 3.17 แสดงภาพ Data Flow Diagram Level 1: Process10เรียกดูรายงานสรุปยอดขาย/เดอื น
26 3.2 E-R Diagram ระบบการขายเครอ่ื งสาอางออนไลน์ การออกแบบระบบฐานข้อมลู โดยใช้ E-R Diagram เพื่อสร้าง Relational Database โดย เป็นการออกแบบในระดบั แนวคิด ดงั ภาพ Username Password Role User_fname User_lname User_ID Username userDetail User_add User_email 1 have 1 Pay_ID User_tel userAccount paymentDetail Order_ID Status Order_ID 1 Payment_date 1 Total_price Product_ID have have Order_date Bank_name Product_name M M Username C_tel Product_detail order Product_price product M Pay_time M M Product_img M Product_num have ProType_ID 1 have have 1 ProType_ID productType have Order_detail ProType_name 1 Order_ID Product_ID 1 orderDetail Order_Qty รปู ท่ี 3.18 แสดงภาพ E-R Diagram ระบบการจัดการขายสินค้าออนไลน์
27 3.3 Data dictionary ระบบการขายเครอ่ื งสาอางออนไลน์ ตาราง UserAccount No. KEY Field Data type Properties คาอธบิ าย ชื่อผูใ้ ช้ 1 Primary Key Username Varchar Field size=12 รหัสผา่ น ประเภทผู้ใชง้ าน 2 password Varchar Field size=12 3 role Varchar Field size=20 ตารางที่ 3.1 ตาราง UserAccount ตาราง UserDetail No. KEY Field Data type Properties คาอธบิ าย Field size=10 รหสั สมาชกิ 1 Primary Key User_ID Varchar ช่ือ 2 User_fname Varchar Field size=30 นามสกุล 3 User_lname Varchar Field size=30 ท่ีอยู่ 4 User_add Varchar Field size=50 อเี มล 5 User_email Varchar Field size=30 เบอรโ์ ทรศัพท์ 6 User_tel Varchar Field size=10 ชอ่ื ผ้ใู ช้ 7 Username Varchar Field size=12 ตารางท่ี 3.2 ตาราง UsrerDetail
28 ตารางขอ้ มลู การสง่ั ซอ้ื (Order) No. KEY Field Data type Properties คาอธบิ าย 1 Primary Key Order_ID int Field size=11 รหัสการสง่ั ซอ้ื สนิ ค้า 2 Username Varchar Field size=12 ช่ือผู้ใช้ 3 Order _Date Date date วนั ทซี่ ้ือ 4 Status int Field size=11 สถานะสนิ ค้า ตารางท่ี 3.3 ตารางข้อมลู การสัง่ ซอ้ื (Order) ตารางขอ้ มลู สินคา้ (Product) No. KEY Field Data type Properties คาอธบิ าย 1 Primary Key Product_ID Varchar Field size=10 รหัสสินคา้ 2 Product_name Varchar Field size=20 ชือ่ สนิ ค้า 3 Product_detail Varchar Field size=200 รายละเอียดสินค้า 4 Product_price lnt Field size=10 ราคาสินคา้ 5 ProType_ID Varchar Field size=4 รหสั ประเภทสนิ คา้ 6 Product_img Varchar Field size=50 รูปสินค้า 7 Product_num int Field size=11 จานวนสินคา้ ตารางท่ี 3.4 ตารางข้อมูลสนิ คา้ (Product)
29 ตารางประเภทสนิ คา้ (Producttype) No. KEY Field Data type Properties คาอธบิ าย รหสั ประเภทสินค้า 1 Primary Key ProType_ID int Field size=4 ชอ่ื ประเภทสินคา้ 2 ProType_name Varchar Field size=30 ตารางที่ 3.5 ตารางประเภทสินค้า (Product type) ตารางรายละเอยี ดการสงั่ ซอื้ สนิ คา้ (Order detail) No. KEY Field Data type Properties คาอธบิ าย 1 Primary Key Order_detail int Field size=11 รหสั การสง่ั ซื้อสินค้า 2 Primary Key Order_ID int Field size=11 รหสั การสั่งซ้อื สินค้า 3 Product_ID Varchar Field size=11 รหสั สนิ คา้ 4 Order_Qty int Field size=11 จานวนการสั่งซอื้ ตารางที่ 3.6 ตารางรายละเอียดการสัง่ ซอ้ื สินคา้ (Order detail) ตารางการชาระเงนิ (Payment) No. KEY Field Data type Properties คาอธบิ าย 1 Primary Key Pay_ID int Field size=11 เลขที่ 2 Order_ID int Field size=11 รหัสการสัง่ ซอื้ สนิ คา้ 3 Pay_date Date date วนั ท่ีชาระเงิน 4 Total_price Varchar Field size=10 ราคารวม 5 Bank_name Varchar Field size=20 ช่ือธนาคาร 6 C_tel Varchar Field size=10 เบอร์โทรศัพท์ 7 Pay_time Varchar Field size=20 เวลาทีช่ าระเงิน ตารางที่ 3.7 ตารางการชาระเงนิ (Payment)
30 3.4 ตารางฐานขอ้ มลู ระบบการขายเครอื่ งสาอางออนไลน์ ตาราง UserAccount รปู ที่ 3.19 แสดงภาพโครงสรา้ งตาราง UserAccount รปู ท่ี 3.20 แสดงภาพตาราง UserAccount ตาราง UsrerDetail รปู ที่ 3.21 แสดงภาพโครงสร้างตาราง UsrerDetail
31 รปู ท่ี 3.22 แสดงภาพตาราง UsrerDetail ตารางขอ้ มลู การสง่ั ซ้อื (Oder) รปู ท่ี 3.23 แสดงภาพโครงสร้างตารางข้อมลู การสั่งซื้อ (Order) รปู ท่ี 3.24 แสดงภาพตารางข้อมลู การสง่ั ซ้ือ (Order)
32 ตารางขอ้ มลู สนิ คา้ (Product) รปู ที่ 3.25 แสดงภาพโครงสร้างตารางข้อมลู สินคา้ (Product) รปู ท่ี 3.26 แสดงภาพตารางข้อมูลสินคา้ (Product) ตารางประเภทสนิ คา้ (Product type) รปู ท่ี 3.27แสดงภาพโครงสร้างตารางประเภทสินค้า (Product type)
33 รปู ท่ี 3.28 แสดงภาพตารางประเภทสนิ ค้า (Product type) ตารางรายละเอยี ดการสง่ั ซอ้ื สนิ คา้ (Order detail) รปู ที่ 3.29 แสดงภาพโครงสรา้ งตารางรายละเอียดการสัง่ ซ้ือสนิ คา้ (Order detail) รปู ท่ี 3.30 แสดงภาพตารางรายละเอียดการสงั่ ซ้ือสินค้า (Order detail)
34 ตารางการชาระเงนิ (Payment) รปู ท่ี 3.31 แสดงภาพโครงสร้างตารางการชาระเงนิ (Payment) รปู ท่ี 3.32 แสดงภาพตารางการชาระเงิน (Payment)
35 บทที่ 4 การทางานของระบบ ระบบขายเครื่องสาอางออนไลน์ Top Ten Beauty ที่ผู้ศึกษาได้วิเคราะห์ออกแบบและ พัฒนาระบบจะช่วยให้การขายสินค้าของร้านเป็นไปอย่างสะดวกรวดเร็วและมีประสิทธิภาพ โดย ประกอบด้วยลักษณะการใช้งาน 2 ส่วน คือ ส่วนของผู้ดูแลระบบและส่วนของใช้งาน มีรายละเอียด ดงั น้ี 4.1 สว่ นของผดู้ แู ลระบบ ในส่วนของผู้ดแู ลระบบ สามารถทาการ เพมิ่ ลบ แก้ไข ข้อมลู เกยี่ วกับสนิ ค้าได้ เมื่อต้องการเข้าใช้ระบบ ผู้ดูแลระบบ ต้องทาการล็อกอินเพื่อตรวจสอบการเข้าใช้งานของ ลกู ค้าและสามารถแกไ้ ขข้อมูลในส่วนตา่ งๆได้ รปู ที่ 4.1 แสดงหน้าจอการล็อกอนิ เข้าสู่ระบบ
36 ผู้ดแู ลระบบทาการกรอกขอ้ มูล ชอื่ ผ้ใู ช้งานและรหสั ผ่านเพื่อเขา้ ใชง้ านระบบได้ รปู ท่ี 4.2 แสดงหนา้ จอผ้ดู แู ลระบบทาการกรอกขอ้ มูล ช่ือผใู้ ช้งานและรหัสผา่ น จากนั้นจะมีการตรวจสอบสิทธ์ิในการเขา้ ใช้งาน หากกรอกข้อมูลถกู ต้องครบถ้วนจะปรากฏ หนา้ ต่างแจ้งเตือนวา่ “Adminเขา้ สูร่ ะบบ” รปู ท่ี 4.3 แสดงหน้าจอการตรวจสอบสิทธิ์ผ้ดู แู ลระบบเข้าสู่ระบบ
37 เม่ือทาการล็อกอินเรียบร้อยแล้วจะปรากฏหน้าหลักของผู้ดูแลระบบ เพ่ือที่จะดูข้อมูลต่างๆ ประกอบไปดว้ ย ขอ้ มูลจัดการสมาชกิ จัดการสนิ คา้ ตรวจสอบการชาระเงิน ตรวจสอบการสั่งซ้ือ สรุป ยอดขาย รปู ที่ 4.4 แสดงหน้าหลัก เม่ือเข้าสู่หน้าจอการจัดการข้อมูลลูกค้าของผู้ดูแลระบบ ในหน้าจอน้ีจะแสดงข้อมูลลูกค้า เพอ่ื ใหผ้ ูด้ ูแลระบบทาการเพิ่ม ลบ และแกไ้ ขข้อมูลได้ รปู ท่ี 4.5 แสดงหน้าจอการเพิ่ม ลบ และแก้ไขขอ้ มูลของผู้ดแู ลระบ
38 เมือ่ ผ้ดู ูแลระบบต้องการแก้ไขข้อมลู ลกู ค้า จะปรากฏแบบฟอร์มการแก้ไขข้อมลู ลูกค้า จะแสดง รายการทเ่ี ราแก้ไขข้อมูลไว้ ประกอบดว้ ย ชอ่ื นามสกุล ที่อยู่ เบอร์โทรศพั ท์ อเี มล รปู ที่ 4.6 แสดงหนา้ จอแบบฟอรม์ แก้ไขข้อมลู ลกู ค้า เม่อื ทาการแกไ้ ขข้อมลู ลูกคา้ เรยี บร้อยแล้ว หน้าจอจะแสดงขอ้ มลู สมาชิกทง้ั หมด รปู ท่ี 4.7 แสดงหน้าจอการจัดการข้อมลู ลูกคา้
39 เมอื่ ผู้ดแู ลระบบต้องการท่ีจะลบสมาชกิ สามารถลบได้โดยจะปรากฏหน้าต่างแจง้ เตือนเพอ่ื ยืนยนั การตกลง รปู ที่ 4.8 แสดงหน้าจอลบขอ้ มลู ลูกค้า เม่ือผดู้ แู ลระบบต้องการท่ีจะดขู อ้ มลู สนิ ค้าให้คลิก “จดั การสินค้า”และจะแสดงผลหน้า รายการสินคา้ ทั้งหมด รปู ท่ี 4.9 แสดงหนา้ หลักรายการของผดู้ แู ลระบบ
Search
