.ระบบขายสินค้าออนไลน์ประเภทร้านขายเสื้อผ้าเด็ก

หนา้ จอ Appserv 2.5.10 – License Agreement เป็นขอ้ ความแสดงลิขสิทธ์ GNU LESSER เมื่อเราอา่ นและเขา้ ใจลิขสิทธ์ิน้ีแลว้ ใหค้ ลิกป่ ุม I Agree ไดเ้ ลย รูปที่ 4.2 แสดงข้นั ตอนการติดต้งั โปรแกรม หนา้ จอ Appserv 2.5.10 – Choose Install Location เป็นการเลือกโฟร์เดอร์ท่ีใชใ้ นการติดต้งัAppservโดยคา่ เริ่มตน้ จะเลือกติดต้งั ไปที่โฟรเดอร์C:\Appserv เม่ือเราเลือกโฟร์เดอร์ไดแ้ ลว้ ใหค้ ลิกป่ ุม Next เพ่อื ไปหนา้ ถดั ไปรูปท่ี 4.3 แสดงข้นั ตอนการเลือกไดร์เกบ็ โฟลเดอร์ของ Appserv 112

หนา้ จอ Appserv 2.5.10 –SelectComponentเป็นการเลือกส่วนประกอบของ Appservใหเ้ ราเลือกส่วนประกอบท้งั หมด โดยคลิกถูกหนา้ ช่องท้งั หมด แลว้ คลิกป่ ุม Next เพอ่ื ไปหนา้ ถดั ไป รูปท่ี 4.4 แสดงข้นั ตอนการติดต้งั โปรแกรม หนา้ จอ Appserv 2.5.10 – Apache HTTP Server Information เป็นการกรอกรายละเอียดของโปรแกรมเวบ็ เซิฟเวอร์ Apache ใหเ้ ราทาการกรอกรายละเอียดใหค้ รบท้งั หมดแลว้ กดป่ ุม Nextรูปที่ 4.5 แสดงข้นั ตอนการใส่ Sever name 113

หนา้ จอ Appserv 2.5.10 – MySQL Server Configuration เป็นการระบุรายละเอียดของโปรแกรมฐานขอ้ มูล MySQL ใหใ้ ส่เรา Password เป็น root ท้งั สองช่อง แลว้ เลือกภาษาเป็น UTF-8แลว้ คลิกป่ ุม Install เพอ่ื ทาการติดต้งั รูปที่ 4.6 แสดงข้นั ตอนการใส่รหสั ผา่ นหนา้ จอ Installing แสดงความคืบหนา้ ของโปรแกรมที่เร่ิมติดต้งั Appservรูปที่ 4.7 แสดงข้นั ตอนการติดต้งั โปรแกรม 114

หนา้ จอ Completing แสดงการติดต้งั โปรแกรมเสร็จสิ้นใหเ้ ราคลิกป่ ุม Finish เพอื่ จบการ ติดต้งั โปรแกรม รูปท่ี 4.8 แสดงหนา้ จอข้นั ตอนสิ้นสุดการติดต้งั โปรแกรม AppServ 115

4.4 วธิ ีกำรติดต้ังระบบฐำนข้อมูลลงในเครื่องเซิฟเวอร์ รูปที่ 4.9 เปิ ดโปรแกรมเวบ็ บราวเซอร์และพิมพ์ 127.0.0.1 รูปที่ 4.10 จะปรากฏหนา้ ต่างใหใ้ ส่ “ ช่ือผใู้ ช”้ และ “รหสั ผา่ น” ท่ีทาการต้งั ไวต้ ้งั แตต่ อนลง 116

โปรแกรม โดยช่ือผใู้ ชจ้ ะเป็น “root” ส่วนรหสั ผา่ นน้นั เป็ นรหสั ที่ต้งั ข้ึน ในรูปภาพท่ี 4.9 * กรณีที่ลืมรหสั ผา่ น ใหท้ าการลบโปรแกรมAppservออก แลว้ ทาการติดต้งั ใหม่รูปที่ 4.11 เมื่อเขา้ สู่ระบบเรียบร้อยแลว้ ใหพ้ ิมพ์ “system_admin” ลงในช่องการสร้างฐานขอ้ มูล ใหม่ จากน้นั คลิ๊ก“ สร้าง” เพอ่ื ทาการสร้างโฟลเดอร์ฐานขอ้ มูลข้ึนมา * พมิ พ์ ตามตวั อกั ษรที่ใหไ้ ว้ หา้ มมีตวั ใหญ่หรือพิมพต์ กหล่นเดด็ ขาด รูปที่ 4.12 เม่ือทาการกด สร้าง และปรากฏหนา้ จอดงั ภาพแลว้ แสดงวา่ ไดส้ ร้างโฟลเดอร์ของ ฐานขอ้ มูลเรียบร้อยแลว้ 117

รูปที่ 4.13 คล๊ิกเลือกท่ี “Import” จากน้นั คล๊ิก“ เลือกไฟล์ ” เพือ่ ทาการนาฐานขอ้ มลู ของโปรแกรม มาลงภายในเซิฟเวอร์ของเครื่องรูปที่ 4.14 เมื่อคลิ๊กป่ ุม เลือกไฟล์ จะปรากฏหนา้ ตา่ งข้ึน ใหท้ าการเปิ ดโฟลเดอร์ ProgramWeb ที่ลง ไวใ้ นเคร่ือง จากน้นั เลือกไฟล์ system_admin.sqlแลว้ กด Open เพอื่ ทาการเลือกไฟล์ 118

รูปที่ 4.15 หลงั จากทาการเลือกไฟลเ์ สร็จแลว้ ใหก้ ดป่ ุม “ ลงมือ ” เพ่อื นาฐานขอ้ มลู ของโปรแกรม เขา้ สู่เซิฟเวอร์รูปที่ 4.16 เม่ือนาฐานขอ้ มลู ของโปรแกรมเขา้ สู่เซิฟเวอร์เรียบร้อยแลว้ จะปรากฏตารางของฐาน ขอ้ มลู ประกอบไปดว้ ย 2 ตาราง คือ ตางราง Login และ ตาราง Test ดงั ภาพ ซ่ึงเป็นอนั เสร็จสมบรู ณ์ในการติดต้งั ระบบฐานขอ้ มูล 119

รูปท่ี 4.17 ไปที่ไดร์C จากน้นั เปิ ดโฟลเดอร์ Appservแลว้ ดบั เบิ้ลคลิกท่ีโฟลเดอร์ wwwรูปที่ 4.18 เมื่อทาการคดั ลอกไฟลง์ านไปใส่ไวใ้ นโฟลเดอร์ www แลว้ จะสามารถ Run โปรแกรมผา่ น Appsevrได้ 120

4.5วธิ ีกำรใช้งำน เขา้ ไปที่โปรแกรม Chrome ตรงช่อง Urlใหใ้ ส่http://127.0.0.1/ElearningSelectBuyingComputerEquiment/index.phpและกด Enter รูปที่ 4.19 เขา้ สู่ localhost จากน้นั จะนาเขา้ สู่ หนา้ เวบ็ จะพบกบั หนา้ Index จะพบกบั กหนา้ ไวอ้ าลยั แก่พระบาทสมเดจ็พระปรมินทรมหาภูมิพลอดุลยเดชและใหก้ ดป่ ุม“เขา้ สู่เวบ็ ไซต”์ เพอ่ื เขา้ ไปหนา้ แรกรูปที่ 4.20 แสดงหนา้ Index1 121

พอกดเขา้ มาหนา้ แรกจะเจอกบั ระบบ login ก่อนเขา้ สู่บทเรียน รูปท่ี 4.21 แสดงหนา้ loginถา้ ยงั ไม่มีสมาชิกกดป่ ุมท่สี มคั รสมาชิกรูปท่ี 4.22 แสดงหนา้ สมคั รสมาชิก 122

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

สงั่ ซ้ือเสร็จสินคา้ จะไปเก็บอยใู่ นฐานขอ้ มลู รูปที่ 4.25 แสดงการส่งซ้ือเรียบร้อยการสง่ั ซ้ือสินคา้รูปที่ 4.26 แสดงหนา้ การสั่งซ้ือสินคา้ 124

วธิ ีการชาระเงิน รูปท่ี 4.27 แสดงหนา้ วธิ ีการชาระเงินพอกดที่ป่ ุมผจู้ ดั ทา จะเจอหนา้ ผจู้ ดั ทาแบบน้ี รูปที่ 4.29 แสดงหนา้ ผจู้ ดั ทา 125

บทที่ 5 สรุปผลกำรทำโครงกำร5.1 สรุปผลโครงกำร 1. ไดเ้ วบ็ ไซตท์ ี่ผศู้ ึกษาน้นั มีความรู้ความเขา้ ใจและรู้จกั คอมพิวเตอร์มากข้ึน 2. ไดเ้ วบ็ ไซตท์ ี่ผใู้ ชส้ ามารถทราบถึงการใชง้ านและการบารุงรักษาคอมพิวเตอร์ไดอ้ ยา่ ง ถูกตอ้ ง 3. ไดเ้ วบ็ ไซตท์ ่ีผสู้ นใจไดท้ ดสอบความรู้และความเขา้ ใจของตนเองได้ 4. ไดเ้ วบ็ ไซตท์ ่ีผใู้ ชส้ ามารถนาความรู้ท่ีไดไ้ ปประยกุ ตใ์ ชใ้ นชีวติ ประจาวนั 5. ไดเ้ วบ็ ไซตท์ ่ีผใู้ ชน้ ้นั สามารถเผยแพร่ความรู้เก่ียวกบั การใชง้ านของคอมพิวเตอร์ รวมถึง การดูแลรักษาคอมพวิ เตอร์ไดอ้ ยา่ งถูกตอ้ ง5.1.1 สรุปขนำดของโปรแกรม ขนำดของไฟล์ หมำยเหตุ ท่ี ช่ือไฟล์ 1 KB 1 Index1.php หนา้ ถวายความอาลยั พระบาทสมเด็จพระ 1 KB เจา้ อยหู่ วั ในพระบรมโกศ 2 Index.php 16 KB 3 Home.php 23 KB หนา้ แรกของเวบ็ ไซต์ 4 productnew.php 17 KB หนา้ หลกั ของเวบ็ ไซต์ 5 register.php 16 KB หนา้ สินคา้ ใหม่ 6 cc.php 16 KB หนา้ สมคั รสมาชิก 7 atm.php 17 KB หนา้ วธิ ีสงั่ ซ้ือ 8 TT9999.php 24 KB หนา้ วธิ ีชารเงิน 9 t0-2.php 22 KB หนา้ ประวตั ิผจู้ ดทา 10 t2-8.php 21 KB สินคา้ เส้ือผา้ เด็ก 0-2 11 m.php 26 KB สินคา้ เส้ือผา้ เดก็ 2-8 12 g.php สินคา้ หมวก สินคา้ โบว์ 126

ท่ี ช่ือไฟล์ ขนำดของไฟล์ หมำยเหตุ13 tt1.php 23 KB สินคา้ ถุงเทา้14 tt2.php 22 KB สินคา้ รองเทา้15 c1.php 23 KB สินคา้ ผา้ ออ้ ม16 c2.php 20 KB สินคา้ ผา้ กนั เป้ื อน17 c3.php 20 KB สินคา้ รถเขน็ เด็ก18 c4.php 21 KB สินคา้ อุปกรณ์รับประทานอาหาร19 c5.php 20 KB สินคา้ อุปกรณ์การนอน20 c6.php 19 KB สินคา้ อุปกรณ์การอาบน้า21 p1-1.php 20 KB สินคา้ เร่ืองดนตรีของเดก็22 p1-2.php 20 KB สินคา้ ตุก๊ ตาของเด็ก23 p1-3.php 20 KB สินคา้ เพลยมิ24 p1-4.php 17 KB สินคา้ โมบาย25 Untitled-7.php 31 KB หนา้ แบบทดสอบ26 basket.php 19 KB หนา้ ยนื ยนั สินคา้27 pdshow.php 193 KB หนา้ โชวส์ ินคา้28 sing.php 37 KB สมคั รสมาชิก29 เวบ็ บอด ตำรำงท่ี 5.1 แสดงขนาดของโปรแกรม 127

5.1.2 สรุปข้อผดิ พลำดทมี่ ตี ่อกำรออกแบบระบบงำน 1. สญั ลกั ษณ์ Logo ไมต่ รงกบั ที่รูปแบบตอนแรก มีการเปลี่ยนแปลงรูปทรงเพ่ือใหส้ วยงาม มากข้ึน 2. โครงสร้างโปรแกรมบางส่วนมีขนาดไม่เหมาะสมและดูไมเ่ ขา้ กบั เน้ือหา 3. เกิดความขดั แยง้ ทางความคิดเห็นในรูปแบบของโปรแกรมจากเดิม 4. เพอื่ หลงั ของโปรแกรมเรียบเกินไป ทาใหด้ ูไม่น่าสนใจ จึงตอ้ งเพิ่มเติมลวดลายใหม่5.1.3 สรุปข้อผดิ พลำดทม่ี ีในโปรแกรม 1. โคด้ ปัญหาไม่สามารถ Run ได้ โคด้ ทบั ซอ้ นกนั เปิ ดไม่ติด 2. รูปภาพในเวบ็ ไซตไ์ มม่ ีแสดง ตอ้ งหารูปภาพใหม่มาแกไ้ ข 3. ตวั อกั ษรในเวบ็ ไซต์ มีขนาดเลก็ ใหญไ่ ม่เทา่ กนั 4. เช่ือมฐานขอ้ มูลสาเร็จ แต่ไม่สามารถเรียกใชง้ านได้ 5. เม่ือนาฐานขอ้ มูลไปเช่ือมต่อกบั เคร่ืองเซิฟเวอร์อื่น จะมีฐานขอ้ มูลซ้ากนั ทาใหข้ อ้ มูลไม่ ตรงกนั กบั โปรแกรม 6. สีตวั อกั ษรคลา้ ยคลึงกบั พ้ืนหลงั โปรแกรมทาให้ดูจืดชื่น 7.ขนาดไฟลร์ ูปภาพผดิ5.2 ปัญหำและอุปสรรค์ในกำรดำเนินงำน 1. คอมพิวเตอร์มีอาการชารุด หนา้ จอคา้ ง ตอ้ งเปล่ียนมาใช้ Note Book ในการทางานแทน 2. โปรแกรม Adobe Photoshop คา้ ง ไมส่ ามารถตกแต่งรูปภาพได้ ตอ้ งซ้ือแผน่ มาลงใหม่ 3. สมาชิกในกลุ่มมีเวลาในการทางานไมต่ รงกนั 4. เคร่ืองพิมพเ์ อกสารหวั พิมพช์ ารุดและหมึกพิมพแ์ ตกระหวา่ งทางาน 5. การติดตอ่ ส่ือสารระหวา่ งกลุ่มไม่ต่อเน่ืองทาใหง้ านล่าชา้ และผดิ แผนท่ีวางไว้ 6. แบ่งเวลางานไม่ดี ทาใหโ้ ปรแกรมเสร็จชา้ และไม่สมบรู ณ์เท่าที่ควร 128

5.3 สรุปกำรดำเนินงำนจริง รำยกำร มถิ ุนำยน 59 กรกฎำคม 59 สิงหำคม 59 กนั ยำยน 59 ระยะเวลำ เสนอหวั ขอ้ 1234123412341234 22-25 โครงการ รอบที่ มิถุนายน 59 1 (บทท1่ี ) พฤศจกิ ำยน 59 ธันวำคม 59 มกรำคม 60 กมุ ภำพนั ธ์ 60 ประกาศผล 29 มิถุนายน หวั ขอ้ โครงการ 1234123412341234 59 รอบที่ 1 เสนอหวั ขอ้ 29-30 โครงการ รอบที่ มิถุนายน 59 2(บทที่1) ประกาศผล 6 กรกฎาคม หวั ขอ้ โครงการ 59 รอบที่ 2 6-20 ส่งบทท่ี2 กรกฎาคม 59 20 ก.ค. – 10 ส่งบทที่3 ส.ค. 59 สอบหวั ขอ้ โครงการ 5 กนั ยายน 59 รำยกำร หมำยเหตุ ส่งความคืบหนา้ 2 พฤศจิกายน 70% ส่งความคืบหนา้ 59 80% ส่งความคืบหนา้ 4 พฤศจิกายน 100% สอบโปรแกรม 59 ระดบั ส.2 5 พฤศจิกายน ส่งบทท่ี 4 59 ส่งบทท่ี 5 7 พฤศจกิ ายน ส่งรูปเล่ม ซีดี และค่าเขา้ เล่ม 59หมายเหตุ 21 ธ.ค. 58 – 25 ม.ค. 60 25 ม.ค. 60 – 8 ก.พ. 60 8 - 12 ก.พ. 60 ตำรำงที่ 5.2 สรุปเวลาการดาเนินงานจริง เส้นสีดา คือ ระยะเวลาที่กาหนด เส้นสีแดง คือ ระยะเวลาในการดาเนินงานจริง

5.4 สรุปค่ำใช้จ่ำยในกำรดำเนินกำรจริงลำดบั รำยกำร จำนวน รำคำ (บำท) 1. กระดาษDouble A A4 2 รีม 240 2. หมึกเคร่ือง Printer สีดา,แดง,น้าเงิน,เหลือง 1 ชุด 1000 3. คา่ เยบ็ เล่มเอกสาร 1 เล่ม 500 4. คา่ แผน่ โปรแกรม Adobe Photoshop 1 แผน่ 350 5. คา่ หนงั สือ 1 เล่ม 280 6. คา่ เดินทาง 400 - 2,770 รวมเป็ นเงินตำรำงท่ี 5.3 สรุปคา่ ใชจ้ า่ ยในการดาเนินงานจริง

บรรณำนุกรมรุ่งโรจน์ เจนเจตวทิ ย.์ (2557). วธิ ีกำรใช้โปรแกรมDreamweaver. คน้ เมื่อวนั ท่ี 12ธนั วาคม 2559, จาก www.thapthan.ac.th/สมภพ สุภาพ (2554). วธิ ีกำรใช้โปรแกรม Photoshop CS5.คน้ เมื่อวนั ที่ 12ธนั วาคม 2559, จาก www.kmcenter.rid.go.th/PongpatJanthai. (2554). วธิ ีดำวน์โหลดและตดิ ต้งั Appserv. คน้ เมื่อวนั ที่ 12ธนั วาคม 2559, จาก www.pongpat.janthai.com/