การสร้างเว็บไซต์การสร้างเว็บไซต์ขายสินค้าออนไลน์ ร้านBBสติ๊กเกอร์

87 บ. 3 แบบประเมนิ เค้าโครงโครงการ ผปู้ ระเมิน นางสาวณฏั ฐาวรยี ์ เสอื แก้ว รับผิดชอบเป็น กรรมการ ประเมนิ โครงการชื่อโครงการ การสร้างเว็บไซต์ขายสนิ ค้าออนไลน์ ร้านBBสตก๊ิ เกอร์ รายชอื่ ผ้จู ัดทำโครงการ 1. นายธนยศ พรหมวงั ระดบั ปวส. ช้นั ปที ี่ 2/1 สาขาวชิ าคอมพวิ เตอร์ธุรกิจ 2. นายสรายุธ ซามงค์ ระดบั ปวส. ชน้ั ปที ี่ 2/1 สาขาวชิ าคอมพิวเตอรธ์ ุรกิจ เกณฑ์ในการประเมนิ คะแนนเต็ม ให้คะแนน หมายเหตุ 3 1. ความสอดคล้องของชื่อโครงการ กบั วตั ถปุ ระสงค์ของ โครงการ รวมถึงหลักการและเหตุผล 3 4 2. ความยากงา่ ยของโครงการ สัมพนั ธ์กับจำนวนผ้ทู ำโครงการ 5 3. ความสามารถในการอธิบายเคา้ โครงโครงการได้อย่างชัดเจน เขา้ ใจงา่ ย 15 4. การวางแผนดำเนนิ งานอย่างชัดเจน และเหมาะสมกบั เวลา สถานท่ี และจำนวนผทู้ ำโครงการ รวมคะแนน ข้อเสนอแนะ ............................................................................................................................. ........................................ ................................................................................................................................... .................................. ลงชือ่ ......................................................................... (นางสาวณฏั ฐาวรยี ์ เสือแก้ว) ผปู้ ระเมนิ ................/................../................... ลงชอ่ื ......................................................... รองผู้อำนวยการฝ่ายวชิ าการ (นายปัญญา มุ่งดี) .............../................../.....................

88 บ. 4 แบบอนุมตั ิเคา้ โครงโครงการ รายช่อื ผจู้ ัดทำโครงการ 1.นายธนยศ พรหมวัง ระดบั ปวส. ชั้นปีท่ี 2/1 สาขาวชิ าคอมพิวเตอร์ธุรกิจ 2. นายสรายุธ ซามงค์ ระดับ ปวส. ชั้นปีที่ 2/1 สาขาวิชาคอมพิวเตอรธ์ รุ กจิ ประเมินโครงการชื่อโครงการ การสรา้ งเวบ็ ไซต์ขายสนิ ค้าออนไลน์ รา้ นBBสติ๊กเกอร์ สอบเคา้ โครงโครงการผ่านเมอ่ื วันท่ี 9 เดอื น กรกฎาคม พ.ศ. 2563 โดย  ไม่ตอ้ งมีการแก้ไข  ตอ้ งมกี ารแกไ้ ข และได้ดำเนินการแก้ไขเรยี บรอ้ ยแลว้ ดังนัน้ จึงสมควรไดร้ บั การอนุมัติเคา้ โครงโครงการ เพอ่ื ดำเนินการจดั ทำโครงการตอ่ ไป ลงช่อื ............................................................ ลงชือ่ ............................................................ (นางประเสริฐศรี สทุ ธพิ ันธ์) (นายวชั รนิ ทร์ พันธส์ ำโรง) ครผู ู้สอนโครงการ ครทู ี่ปรกึ ษาโครงการ ........../............./........... ........../............./........... คณะกรรมการโครงการรับทราบและเห็นสมควรอนมุ ัติเคา้ โครงโครงการ ประธานกรรมการ นางสุดารตั น์ วงศ์คำพา ลงชอ่ื ......................................................../........../........... ครูผสู้ อนโครงการ นางประเสริฐศรี สทุ ธพิ ันธ์ ลงชือ่ ......................................................../........../........... ครทู ป่ี รกึ ษาโครงการ นายวชั รินทร์ พันธส์ ำโรง ลงช่อื ......................................................../........../........... กรรมการโครงการ นางประภาพร ผวิ เรืองนนท์ ลงชอ่ื ......................................................../........../........... กรรมการโครงการ สิบเอกโกศล โสดา ลงชอ่ื ......................................................../........../........... กรรมการโครงการ นางสาวณฏั ฐาวรีย์ เสอื แกว้ ลงชือ่ ......................................................../........../........... กรรมการโครงการ นายวชั รินทร์ พันธส์ ำโรง ลงชื่อ......................................................../........../........... อนุมัติ ไมอ่ นุมัติ เพราะ............................... ลงชื่อ................................................... รองผู้อำนวยการฝา่ ยวชิ าการ (นายปญั ญา มงุ่ ดี) ............./.............../.............. บัดนี้โครงการดงั กลา่ วสามารถดำเนินการไดภ้ ายใตก้ ารดแู ลของครผู ้สู อนและครูทป่ี รึกษา โครงการ ผจู้ ดั ทำโครงการรบั ทราบและพร้อมดำเนนิ การโครงการ 1. ลงชือ่ ...................................................................(ครผู สู้ อน) ............./............../...................... 2. ลงชื่อ ...................................................................(ครูทีป่ รึกษา) ............./............../...................... 3. ลงชอื่ ...................................................................(นักศึกษา) ............./............../...................... 4. ลงชอื่ ...................................................................(นักศกึ ษา) ............./............../......................

90 ภาคผนวก ข. รายงานการพบครูท่ปี รึกษาโครงการ

91 รายงานการพบท่ีปรกึ ษาโครงการ ช่อื โครงการ การสรา้ งเว็บไซต์ขายสินค้าออนไลน์ รา้ นBBสต๊ิกเกอร์ Website Creation of Shopping for BBSticker Shop ผู้จัดทำ 1.นายธนยศ พรหมวงั รหสั ประจำตัวนกั ศึกษา 6232040002 2.นายสรายธุ ซามงค์ รหัสประจำตัวนักศึกษา 6232040008 ครทู ่ีปรกึ ษาโครงการ นายวชั รินทร์ พันธ์สำโรง วนั /เดอื น/ปี รายงานความคืบหนา้ ลายมือทป่ี รึกษา หมายเหตุ ในการจดั ทำโครงการ 2 ก.ค. 63 พบครผู ูส้ อน เพื่อขอคำแนะนำรายวิชา วธิ ีการเรียน การวดั และการประเมนิ ผล และรับแบบฟอร์มการเขยี นโครงร่าง โครงการ 9 ก.ค. 63 สง่ โครงร่างโครงการ 16 ก.ค. 63 นำเสนอโครงรา่ งโครงการเพื่อขออนมุ ัติ 10 ก.ย. 63 1. บทท่ี 3 วธิ ดี ำเนินการ 15 ต.ค. 63 1. ช้ินงานโครงการ 90% 22 ต.ค. 63 1. รายงาน บทที่ 4,5 2. แบบประเมนิ ความพงึ พอใจ 25 ต.ค. 63 3. แบบประเมนิ คุณภาพของชนิ้ งาน 25 ต.ค. 63 1. ชิ้นงานโครงการ 100% 2. เผยแพรโ่ ครงการ ในเวบ็ ไซต์ 1. รูปเล่มรายงานวจิ ยั สมบรู ณ์ เข้าเลม่ จำนวน 1 เล่ม 3 พ.ย. 63 1. สมั มนาโครงการ



92 ภาคผนวก ค. แบบประเมนิ ความพงึ พอใจ

93 แบบประเมินความพึงพอใจของผใู้ ช้ใช้บริการ เวบ็ ไซต์ขายสินค้าออนไลน์ร้าน BBสติ๊กเกอร์ ตอนที่ 1 ปจั จัยทั่วไปดา้ นบุคคล (ข้อมลู ส่วนตัวของผู้ตอบแบบสอบถาม) คำช้แี จง โปรดทำเครอ่ื งหมาย ✓ ลงในช่อง ❑ หนา้ ข้อความทีเ่ ลอื กตอบตามความเปน็ จริง 1.1 เพศ ❑ ชาย ❑ หญิง 1.2 อายุ ❑ 13 - 20 ปี ❑ 20 - 25 ปี ❑ 26 - 30 ปี ❑ 31 - 35 ปี ❑ 36 - 40 ปี ❑ 41 - 45 ปี ❑ 46 - 50 ปี ❑ 51 ปีขนึ้ ไป 1.3 สถานภาพ ❑ โสด ❑ สมรส ❑ หยา่ ร้าง ❑ แยกกนั อยู่ 1.4 ระดับการศึกษา ❑ ม.ตน้ ❑ ม.ปลาย ❑ ปวช. ❑ ปวส. ❑ ปรญิ ญาตรี ❑ ปรญิ ญาโท ❑ สูงกว่าปรญิ ญาโท 1.5 อาชพี ❑ นกั เรยี นนกั ศึกษา ❑ ขา้ ราชการ ❑ ลกู จ้าง/รัฐ/เอกชน ❑ ค้าขาย ❑ เกษตรกร อนื่ ๆ................................... ตอนท่ี 2 ขอ้ มูลความพึงพอใจในการเขา้ ใชบ้ รกิ ารเว็บไซต์ขายสนิ ค้าออนไลนร์ า้ น BBสตกิ๊ เกอร์ คำชแ้ี จง โปรดทำเครือ่ งหมาย ✓ ลงในชอ่ งความคิดเห็นของท่าน ซ่ึงเป็นข้อคำถามเก่ียวกับความ เหมาะสมของการสร้างเว็บไซต์ ซึ่งประกอบด้วย 8 หัวข้อ โดยใช้มาตราส่วนประมาณค่า 5 ระดับ แบบของ ลิเคอร์ท (Lilert) กำหนดความมากน้อยในระดับการตัดสินใจเลือก ซึ่งกำหนดเกณฑ์ให้ น้ำหนกั ดงั นี้ คือ ระดบั 5 หมายถึง ผลการประเมนิ อยใู่ นระดบั มากทสี่ ดุ ระดับ 4 หมายถึง ผลการประเมนิ อยู่ในระดับ มาก ระดับ 3 หมายถึง ผลการประเมนิ อยู่ในระดบั ปานกลาง ระดบั 2 หมายถึง ผลการประเมินอย่ใู นระดับ น้อย ระดับ 1 หมายถึง ผลการประเมินอยูใ่ นระดบั น้อยทสี่ ดุ

94 ลำดับท่ี เรอ่ื ง ระดับความคดิ เหน็ 54321 ดา้ นท่ี 1 ด้านเนอื้ หา 1. สีพืน้ ทีใ่ ชใ้ นการตกแต่งสอดคล้องกับตัวอกั ษร 2. มีการจัดหมวดหมเู่ พ่ือง่ายต่อการค้นหา 3. แบ่งข้อมลู เปน็ สัดส่วนงา่ ยตอ่ การชม 4. การจัดลำดับเนื้อหาเป็นขนั้ ตอนอ่านแลว้ เข้าใจง่าย 5. สีพื้นที่ใช้ในการตกแต่งสอดคล้องกับตัวอักษรการ ประชาสัมพันธขา่ วสาร ภาพ ในเวบ็ ไซตม์ ีความเหมาะสม ดา้ นที่ 3 ดา้ นการนำไปใช้ 6. มีระบบการสมคั รสมาชกิ ง่ายตอ่ การใชง้ าน 7. มรี ะบบการซอ้ื -ขายสนิ คา้ ทส่ี ามารถคำนวณราคา ของสินค้า แก้ไข ยกเลิก รายการสินคา้ ทีเ่ ลือกได้ 8. มรี ะบบผูด้ ูแล (Admin) ท่สี ามารถตรวจสอบรายการสินคา้ รายการสง่ั ซื้อและข้อมูลสมาชกิ เพม่ิ ลบ แก้ไข 9. มรี ะบบการคน้ หาสินคา้ ง่ายต่อการใชง้ าน 10. มกี ารใชง้ านสื่อประสมและภาพเคลอ่ื นไหวเหมาะสม กับลกั ษณะสนิ ค้า ดา้ นท่ี 2 ดา้ นการออกแบบและการจัดรูปแบบเว็บไซต์ 11. การจดั รูปแบบเว็บไซตง์ า่ ยต่อการอา่ นและการใช้งาน 12. หน้าโฮมเพจมคี วามสวยงามทันสมัยและนา่ สนใจ 13. สีสนั ในการออกแบบเวบ็ ไซต์มีความสวยงาม เหมาะสม 14. ขนาดของตัวอักษรและรูปแบบตัวอักษรมคี วาม สวยงามและอ่านได้ง่าย 15. ความถูกตอ้ งในการเชื่อมโยงภายในเว็บไซต์ ตอนที่ 3 ขอ้ เสนอแนะและข้อคดิ เห็นอื่นๆ ............................................................................................................................. ................................... ................................................................................................................................................................ ......................................................................................................................................................... ....... ................................................................................................................................................................

95 ภาคผนวก ง. ตวั อยา่ งแบบประเมนิ ความพึงพอใจ

96 รูปท่ี 1 รปู ภาพแบบประเมินความพึงพอใจออนไลน์ รูปที่ 2 รปู ภาพแบบประเมินความพงึ พอใจออนไลน์ ตอนท่ี 1

97 รูปท่ี 3 รูปภาพแบบประเมินความพงึ พอใจออนไลน์ ตอนที่ 1 รปู ที่ 4 รปู ภาพแบบประเมินความพึงพอใจออนไลน์ ตอนท่ี 1

98 รูปที่ 5 รปู ภาพแบบประเมนิ ความพึงพอใจออนไลน์ ตอนท่ี 2 ด้านที่ 1 รปู ท่ี 6 รูปภาพแบบประเมินความพงึ พอใจออนไลน์ ตอนที่ 2 ด้านท่ี 2

99 รูปที่ 7 รูปภาพแบบประเมินความพึงพอใจออนไลน์ ตอนที่ 2 ด้านที่ 3 รูปที่ 8 รูปภาพแบบประเมนิ ความพงึ พอใจออนไลน์ ตอนท่ี 3

100 ภาคผนวก จ. เอกสารเผยแพร/่ สง่ มอบ

101 ท่ี ศธ ๐๖๒๕.๔/ วิทยาลัยการอาชพี นวมินทราชินมี ุกดาหาร อำเภอเมอื ง จังหวดั มุกดาหาร ๔๙๐๐๐ ๒๘ ตุลาคม ๒๕๖3 เรือ่ ง ส่งมอบเว็บไซต์ขายสินค้าออนไลน์ รา้ นBBสต๊กิ เกอร์ เรียน รา้ นBBสต๊กิ เกอร์ สิง่ ท่ีส่งมาดว้ ย คู่มือการใชง้ านเว็บไซต์ฯ จำนวน ๑ ชุด ตามหนังสือที่อ้างถึง ร้านBBสติ๊กเกอร์ ได้ขอความอนุเคราะห์ นักศึกษาและบุคลากร สาขาวิชาคอมพิวเตอร์ธุรกิจ จัดทำเว็บไซต์ของทางร้านฯ เพื่อเผยแพร่ประชาสัมพันธ์ข้อมูลข่าวสาร และ กิจกรรมการดำเนินงานต่างๆ ของทางร้าน น้นั บัดนี้ นักศึกษาและบุคลากร วิทยาลัยฯ ได้ดำเนินการสร้างเว็บไซต์ขายสินค้า ออนไลน์ รา้ นBBสต๊กิ เกอร์เสร็จเรียบร้อยแล้วในชอ่ื “http://bbstickershop2020.epizy.com/myshop1” รายละเอยี ดตามสง่ิ ทส่ี ่งมาพร้อมนี้ จึงเรยี นมาเพื่อโปรดทราบ ขอแสดงความนับถือ (นายวชิ า อาญาเมือง) ผอู้ ำนวยการ ผ้อู ำนวยการวิทยาลัยการอาชีพนวมินทราชินีมุกดาหาร ฝา่ ยวิชาการ โทรศพั ท์ ๐-๔๒๖๑-๒๙๖๔ โทรสาร ๐-๔๒๖๑-๒๙๖๕

im a r d'unr:srfr rryurfrurn: rtf,qnor\"r, Yud...................h*.qr.d iud,..............6..vr.u...hd$t 13fl ')...,....,...........9..d.: h.L*......... iruBBafr nrnoi piarn#ofr,lauuf, u rni o avfiud b cl d/o1G( cJo Er FYu rr{6.i n.flt o.rti:rgr q.tlalE iqot,'no I mo trlfliFl! ludbcn 9 t:0{ ?olJor.JFrtu 9 4Y u 1.t ul :t: u t'Ul 011 u fi't :? 11 ti 1 n u n 1 : 0 1 lJ liu? l]uYt :'r tJ uil fl fi't 1.4 1 6d da r' : rtt!,', :^, * r si r r u fr u 6r e u', a-s n r : o r fi r,,r u : u u lr : r fi fr I n n r v r ld'a s :r o r{ ooutari iruBBafinrnoi roqinfrnrgrarrlritrna:1fr':rnoio:fi0 ivrura-unr:orfrnurfiuu:rfiff I l.tr! fro'r14'l: qi oY vor1e11v41,1'yt{:11d-J}d.rt?t11.1c6t%f ertltflrI5!:vlJlau:Jl^vr1r€Dv?0}.ra^auFy]'rtlavfl't: l.rlunvu?u{11-Ju1-J \"qvLour,{rin1T Fr'r{''l o^nvr-rrfirnorurr\"Lunr:fiorLrufruri'rzuruylslnior'rudulyrairfir, v;1,sit:,v 01-r ttiuU:v tLlJU0 IEr { U{ fil 0yl'l{ I1U qtunl:L3, :ruB^B^afl3 fl tfl 0:, 1J01J0111\\: v rttu].jr [u t alfl u3 tta u G, , ; t0 vy? r Ll]La u.l{ L {?lQv t6'Yr nrr:r ou rn:r vr,iqr nviru\"[ulonrasi ok] q dr riuulrrfr oh.J:ovr:ru r $er-, oto.,rfiL Ud o. Ifeonur. )g' 01 C LtA O.t Fr ?'13i1-JLJ Cl W, notaun, {/e/m (r4t*riito ouifioq) ttf]DfuaesaFnrnoi nEr:;rd) ,TN tr r #Pd u.fiJ&Speldeff S: vi 1 I vr i?r u 1 n T z/loJ lto\"una4\"{ A,*''/ -/\\ E-mail: [email protected] (urerrrt **#irr/p- {drur unr :1fl ur#snr :arfiyru.:fl uvrrt0fi qnnuutfl

102 ภาคผนวก ฉ. คู่มือใช้งานเวบ็ ไซต์ขายสินคา้ ออนไลน์ ร้านBBสตกิ๊ เกอร์

103 คมู่ ือการใช้งาน การสร้างเว็บไซตข์ ายสนิ คา้ ออนไลน์ รา้ นBBสตก๊ิ เกอร์ นายธนยศ พรมวัง นายสรายธุ ซามงค์ สาขาวชิ าคอมพิวเตอรธ์ ุรกิจ วิทยาลัยการอาชพี นวมนิ ทราชินมี ุกดาหาร ปกี ารศกึ ษา 2563

104 คำนำ คู่มือการใช้งานเว็บไซต์ขายสนิ ค้าออนไลน์ ร้านBBสติ๊กเกอร์ เป็นคู่มือที่มีไว้สำหรบั ผู้ดูแล เว็บไซต์ เพื่อเป็นแนวทางในการใช้งาน การจัดการเกี่ยวกับเว็บไซต์ ในคู่มือจะแยกเป็น 2 สว่ นประกอบด้วย 1) ส่วนของผใู้ ช้ 2) ส่วนของ Admin นายธนยศ พรมวงั นายสรายธุ ซามงค์

สารบัญ 105 เร่อื ง 1. ส่วนของผู้ใช้ หนา้ 1 1.1 การเข้าส่หู นา้ เว็บไซต์ 2 1.2 การสมัครสมาชกิ 3 1.3 การสั่งซือ้ สินคา้ 4 2. สว่ นของ Admin 2.1 การเข้าสู่ระบบในส่วนของ Admin

สารบญั รูป 106 รูปท่ี รูปที่ 1 การพมิ พ์ URL เพือ่ เข้าหน้าเว็บไซต์ หน้า รูปท่ี 2 หนา้ แรกของเวบ็ ไซต์ 1 รปู ที่ 3 หนา้ หลกั ของเวบ็ ไซต์ 1 รปู ท่ี 4 หน้าสมคั รสมาชิก 1 รูปท่ี 5 หน้ายนื ยันการเข้าสู่ระบบ 2 รูปที่ 6 หนา้ แสดงขอ้ มลู ผู้ใช้ 2 รปู ท่ี 8 หน้ารายละเอียดสินค้าและตระกลา้ สนิ ค้า 3 รูปท่ี 9 หนา้ ตระกลา้ สินค้า 3 รปู ที่ 10 หนา้ ยืนยนั การส่งั ซื้อ 3 รปู ท่ี 11 ปมุ่ ของเวบ็ ไซต์ 4 รปู ท่ี 12 หนา้ เขา้ สู่ระบบของ Admin 4 รปู ที่ 13 หน้าแสดงเมนู Admin 4 รปู ที่ 14 ช่องคน้ หา 5 รูปที่ 15 ตวั อยา่ งแสดงช่องค้นหา 5 รูปที่ 16 รูปแสดงผลการคน้ หา 5 รูปท่ี 17 ตวั อย่างแสดงช่องค้นหา 6 รูปที่ 18 รปู แสดงผลการค้นหา 6 6

107 ค่มู ือการใชง้ านการสรา้ งเว็บไซต์ขายสินคา้ ออนไลน์ รา้ นBBสตก๊ิ เกอร์ 1. สว่ นของผู้ใช้ ขน้ั ตอนมดี ังนี้ 1.1 การเขา้ สู่หน้าเวบ็ ไซต์ 1.1.1 ให้พมิ พ์ในชอ่ ง URL ค้นหาว่า bscmukdahan.000webhostapp.com ดงั รปู ที่ 1 รูปที่ 1 การพิมพ์ URL เพ่ือเขา้ หนา้ เว็บไซต์ 1.1.2 เม่อื คลิก๊ เข้าสู่เว็บไซต์ แลว้ จะเขา้ สู่หน้าแรกของเว็บไซต์ รปู ท่ี 2 หน้าแรกของเวบ็ ไซต์ 3 1.1.3 กดปุ่มเข้าสู่เวบ็ ไซต์จะเข้าสหู่ นา้ หลักของเวบ็ ไซต์ 2 1 4 รูปที่ 3 หน้าหลักของเว็บไซต์ หมายเลข 1 ปมุ่ กดของหน้าแรก หมายเลข 2 ปุม่ กดของหน้าสมัครสมาชกิ หมายเลข 3 ปมุ่ กดของหนา้ เขา้ สู่ระบบ หมายเลข 4 ป่มุ กดของระบบ Admin

108 1.2 การสมัครสมาชิก 1.2.1 คลกิ ทปี่ ่มุ สมัครสมาชิก แลว้ จะเจอฟอรม์ ท่ีต้องกรอกข้อมลู ให้ครบ 1 รูปท่ี 4 หน้าสมัครสมาชกิ หมายเลข 1 เป็นสว่ นของการสมัครสมาชกิ ซ่ือผใู้ ช้ รหสั ผา่ น ช่ือ-สกุล ทอ่ี ยู่ เบอร์โทร อเี มล 1.2.2 เม่ือสมัครสมาชกิ เสร็จแลว้ เว็บไซต์จะเด้งเข้ามาหนา้ ที่จะตอ้ งกรอกชือ่ ผ้ใู ช้และรหสั ผ่าน รปู ที่ 5 หน้ายนื ยนั การเข้าสู่ระบบ 1.2.3 เมอ่ื เขา้ สรู่ ะบบได้แล้วระบบจะแสดงข้อมลู ของตัวเองได้พร้อมแก้ไขข้อมูล 32 65 24 2 2 6 5 3 42 2 รปู ท่ี 6 หน้าแสดงข้อมลู ผู้ใช้ หมายเลข 2 ชือ่ ผู้ใชท้ ีเ่ ราตง้ั ก่อนหนา้ น้ี หมายเลข 3 ปุ่มแก้ไขข้อมลู ของตวั เอง หมายเลข 4 ปุม่ ออกจากระบบ หมายเลข 5 ป่มุ ส่ังซื้อสนิ ค้า หมายเลข 6 แสดงข้อมลู สว่ นตวั

109 1.3 การสัง่ ซอ้ื สินคา้ 1.3.1 สนิ ค้าท้งั หมด แล้วจะเจอรปู ภาพสินค้าพร้อมปมุ่ สัง่ ซอื้ สินคา้ 1 2 21 2 2 รูปที่ 7 หน้าสนิ คา้ และสง่ั ซื้อสนิ ค้า หมายเลข 1 หนา้ ท่ีดูสินคา้ ทัง้ หมด หมายเลข 2 ปมุ่ สง่ั ซ้ือสินค้า 1.3.2 เมื่อกดปมุ่ ส่งั ซือ้ สินค้าแล้วเว็บไซตจ์ ะเด้งเขา้ มาหนา้ รายละเอยี ดสินค้าพร้อมกบั ตระกลา้ สนิ ค้า รูปที่ 8 หนา้ รายละเอียดสินคา้ และตระกล้าสนิ คา้ 1.3.3 เมอ่ื เข้าสู่หน้าตระกลา้ สินคา้ สามารถสั่งซ้ือสินคา้ ได้หลายชน้ิ หลังจากเลือกสินคา้ เสรจ็ สน้ิ แลว้ กดปุ่มสงั่ ซื้อสินค้า รูปที่ 9 หน้าตระกลา้ สนิ คา้

110 1.3.4 เมอ่ื กดปุ่มสง่ั ซือ้ สินคา้ แลว้ เวบ็ ไซตจ์ ะเดง้ เข้ามาหนา้ ท่ยี นื ยันการสงั่ ซื้อสินค้า รูปที่ 10 หนา้ ยนื ยนั การสง่ั ซื้อ 2. ส่วนของ Admin มีขัน้ ตอนดังน้ี 2.1 การเขา้ สรู่ ะบบในส่วนของ Admin 2.1.1 คลกิ ไปที่ปุ่ม ระบบAdmin เพื่อเข้าสู่ระบบของ Admin รปู ที่ 11 ปมุ่ ของเวบ็ ไซต์ 2.1.2 เมื่อคลิกเสร็จแล้วจะไปหน้านี้ขึน้ มา ดังรูปที่ 9 Username: admin Password:1234 เป็นชอ่ื ผใู้ ช้ของ Admin ที่จะสามารถเขา้ สู่ระบบเพอ่ื ไปดูแลภายในเว็บไซต์ได้ รปู ที่ 12 หนา้ เข้าสรู่ ะบบของ Admin 2.1.3 เมอื่ กรอกช่ือผู้ใชแ้ ละรหสั เสร็จแล้วให้คลิกปุม่ ยนื ยนั การเขา้ สรู่ ะบบ และจะสามารถเห็นเมนู Admin ท้งั หมด ดังรูปที่ 10 รปู ที่ 13 หน้าแสดงเมนู Admin

111 2.1.4 ถา้ เกดิ ผู้ดแู ลเว็บอยากค้นหารายชื่อสมาชิก 2.1.4.1 วิธีการคน้ หาสามารถทำได้ดงั นี้ 1) คลิกท่ี “จัดการสมาชกิ ” รปู ที่ 14 ปุ่มจัดการสมาชิก 2) หลงั จากน้ันใหค้ ลิกท่ี คน้ หาขอ้ มูล รปู ท่ี 15 ตัวอยา่ งการกดปุ่มคน้ หา 3) คลกิ ท่ชี อ่ ง “คน้ หา” รูปที่ 16 ช่องค้นหา 4) หลงั จากน้นั ให้พิมพ์ชื่อทต่ี อ้ งการคน้ หาลงไป เชน่ ต้องการค้นหา นายธนยศ พรมวัง รูปที่ 17 ตัวอย่างแสดงช่องค้นหา

112 5) เมื่อใส่ ธนยศ พรมวงั ท่ีตอ้ งการหาเสรจ็ แล้วคลกิ ทีป่ ่มุ คน้ หา หรอื ส่ง ระบบจะแสดงข้อมูลของ ธนยศ พรมวัง นน้ั ข้นึ ให้ ดังรูปท่ี 15 รปู ที่ 18 รปู แสดงผลการค้นหา

114 ภาคผนวก ช. ตาราง SPSS อา้ งองิ จากบทที่ 4

115 ผลการวเิ คราะห์แบบประเมินความพงึ พอใจเวบ็ ไซต์การขายสินค้าออนไลน์ ร้านBBสต๊กิ เกอร์ 1. ผลการประเมินตอนท่ี 1 ปัจจัยท่วั ไปด้านบคุ คล ตารางที่ 1.1 แสดงผลข้อมลู เพศของผู้ประเมนิ เพศ ความถ่ี เปอรเ์ ซ็นต์ เปอร์เซ็นต์ที่ถกู ต้อง เปอรเ์ ซน็ ตส์ ะสม ชาย 359 61.0 61.0 61.0 Valid หญิง 230 39.0 39.0 39.0 Total 589 100.0 100.0 100.0 ตารางท่ี 1.2 แสดงผลข้อมูลอายขุ องผปู้ ระเมิน อายุ ความถี่ เปอรเ์ ซ็นต์ เปอรเ์ ซ็นตท์ ี่ถกู ต้อง เปอรเ์ ซ็นต์สะสม 15.1 15.1 13-20 ปี 89 15.1 23.6 38.7 21.6 60.3 21-25 ปี 139 23.6 21.9 82.2 11.9 94.1 26-30 ปี 127 21.6 2.0 96.1 2.7 98.8 31-35 ปี 129 21.9 1.2 1.2 100.0 100.0 Valid 36-40ปี 70 11.9 41-45ปี 12 2.0 46-50ปี 16 2.7 51 ปีข้ึนไป 7 1.2 Total 589 100.0 ตารางที่ 1.3 แสดงผลข้อมูลสถานะภาพของผู้ประเมิน สถานะภาพ ความถี่ เปอร์เซน็ ต์ เปอรเ์ ซ็นตท์ ่ีถกู ต้อง เปอรเ์ ซน็ ต์สะสม 44.1 โสด 260 44.1 44.1 67.1 76.9 สมรส 135 22.9 22.9 23.1 100.0 Valid หยา่ รา้ ง 58 9.8 9.8 แยกกันอยู่ 136 23.1 23.1 Total 589 100.0 100.0

116 ตารางที่ 1.4 แสดงผลข้อมลู วฒุ ิการศกึ ษาของผู้ประเมิน วฒุ ิการศึกษา ความถี่ เปอร์เซ็นต์ เปอรเ์ ซน็ ตท์ ถ่ี กู ต้อง เปอรเ์ ซน็ ต์สะสม 11.7 ม.ต้น 69 11.7 11.7 31.2 54.3 ม.ปลาย 115 19.5 19.5 77.2 96.3 ปวช. 136 23.1 23.1 98.5 1.5 Valid ปวส. 135 22.9 22.9 ปรญิ ญาตรี 112 19.0 19.0 100.0 ปริญญาโท 13 2.2 2.2 สงู กวา่ ปรญิ ญาโท 9 1.5 1.5 Total 589 100.0 100.0 ตารางท่ี 1.5 แสดงผลข้อมลู อาชพี ของผู้ประเมนิ อาชพี ความถ่ี เปอรเ์ ซ็นต์ เปอรเ์ ซ็นต์ทีถ่ กู ต้อง เปอรเ์ ซ็นตส์ ะสม 28.7 28.7 นักเรยี นนกั ศึกษา 169 28.7 5.1 33.8 29.7 63.5 ขา้ ราชการ 30 5.1 85.9 22.4 14.1 Valid ลูกจ้าง/รฐั /เอกชน 175 29.7 14.1 ค้าขาย 132 22.4 100.0 100.0 เกษตรกร 83 14.1 Total 589 100.0 2. ผลการประเมนิ ตอนที่ 2 ระดับความพงึ พอใจของผตู้ อบแบบประเมนิ 2.1 ตารางแสดงผลประเมินความพึงพอใจ ดา้ นที่ 1 ดา้ นเน้ือหา ตารางท่ี 2.1 แสดงผลข้อมลู ดา้ นเนอื้ หา ดา้ นที่ 1 ดา้ นเน้ือหา จำนวน ค่าเฉลย่ี S.D 1.1 มีการจดั หมวดหมเู่ พื่อง่ายต่อการค้นหา 589 3.64 1.52 1.2 มหี นา้ เว็บเพจที่ใช้โฆษณา 589 3.88 1.16 1.3 มีข้อมูลสนิ คา้ ที่หลากหลายและรายละเอียดครบถว้ น 589 3.92 0.92 1.4 เนือ้ หาและภาพมีความสอดคล้องกัน 589 4.04 0.97 1.5 ขอ้ ความเวบ็ ไซต์มีความถูกต้อง 589 3.88 1.24

117 2.2 ตารางแสดงผลประเมินความพึงพอใจ ดา้ นท่ี 2 ดา้ นการออกแบบและการจดั รูปแบบเว็บไซต์ ตารางท่ี 2.2 แสดงผลข้อมูลดา้ นการออกแบบและการจัดรูปแบบเว็บไซต์ ด้านที่ 2 ดา้ นการออกแบบและการจดั รปู แบบเว็บไซต์ จำนวน คา่ เฉล่ีย S.D 1.52 2.1 มีระบบการสมัครสมาชิกง่ายตอ่ การใชง้ าน 589 3.60 1.18 2.2 มีระบบการซ้ือ-ขายสินคา้ ทีส่ ามารถคำนวณราคา 589 3.87 ของสินค้า แก้ไข รายการสนิ ค้าทีเ่ ลือกได้ 2.3 มรี ะบบผ้ดู แู ล ท่ีสามารถตรวจสอบรายการสนิ ค้า 589 3.90 0.99 รายการสง่ั ซื้อและขอ้ มูลสมาชิก เพม่ิ ลบ แก้ไข 2.4 มรี ะบบการค้นหาสินค้าง่ายต่อการใชง้ าน 589 4.15 0.91 589 3.74 1.47 2.5 มีการใชง้ านสื่อประสมและภาพเคลื่อนไหว เหมาะสมกับลักษณะสนิ คา้ 2.3 ตารางแสดงผลประเมินความพึงพอใจ ดา้ นที่ 3 ดา้ นการนำไปใช้ ตารางที่ 2.3 แสดงผลข้อมลู ดา้ นการนำไปใช้ ดา้ นท่ี 3 ด้านการนำไปใช้ จำนวน ค่าเฉลีย่ S.D 1.01 3.1 การจัดรปู แบบเว็บไซตง์ า่ ยตอ่ การอ่านและการใชง้ าน 589 3.99 0.75 0.89 3.2 หน้าโฮมเพจมีความสวยงามทนั สมยั และน่าสนใจ 589 4.26 0.92 3.3 สีสนั ในการออกแบบเวบ็ ไซต์มีความสวยงามเหมาะสม 589 4.15 1.13 3.4 ขนาดของตัวอักษรและรูปแบบตัวอักษรมีความสวยงาม 589 4.03 และอ่านไดง้ า่ ย 3.5 ความถูกต้องในการเชอ่ื มโยงภายในเว็บไซต์ 589 3.96 3. ผลรวมทั้ง 3 ด้าน ตารางท่ี 3.1 แสดงผลข้อมลู ผลรวมของแบบประเมนิ ทัง้ 3 ดา้ น รายการ จำนวน ค่าเฉลี่ย ค่า S.D 1.ดา้ นเนอ้ื หา 589 3.87 0.74 2.ด้านการออกแบบและการจัดรปู แบบเว็บไซต์ 589 3.85 0.80 3.ดา้ นการนำไปใช้ 589 4.07 0.58 รวม 589 3.93 0.71

118 ภาคผนวก ซ. ภาพกิจกรรมการดำเนนิ โครงการ

119 รูปท่ี 1 นั่งทำเวบ็ ไซตห์ รือชิ้นงาน รปู ท่ี 2 น่งั ทำเอกสารโครงการ รปู ท่ี 3 ปรึกษาหารอื กนั ในเร่ืองของโครงการ

119 ภาคผนวก ฌ. ประวตั ผิ ู้จดั ทำโครงการ

120 ประวตั ผิ ูจ้ ดั ทำโครงการ 1. ช่ือ-สกลุ : นายธนยศ พรมวงั 2. วนั /เดือน/ปีเกิด : 24 ตุลาคม 2543 3. ภมู ิลำเนา : 109/4 ต.นาโสก อ.เมอื ง จ.มกุ ดาหาร 49000 4. ประวตั ิการศึกษา 4.1 ระดับประถมศึกษา : สำเร็จการศกึ ษาจากโรงเรยี นอนุบาลคำชะอี 4.2 ระดบั มัธยมศึกษา : สำเรจ็ การศึกษาจากโรงเรียนมกุ ดาหาร 4.3 ระดับประกาศนยี บตั รวิชาชพี ชั้นสูง : กำลังศกึ ษาสาขาวขิ าคอมพิวเตอร์ธุรกจิ วิทยาลัยการอาชีพนวมนิ ทราชินีมุกดาหาร 5. E-mail : [email protected]

121 1. ชอื่ -สกลุ : นายสรายธุ ซามงค์ 2. วัน/เดอื น/ปีเกิด : 30 มถิ ุนายน 2543 3. ภูมลิ ำเนา : 100 หมทู่ 1่ี 2 ต.ดอนตาล อ.ดอนตาล จ.มุกดาหาร 49120 4. ประวตั กิ ารศกึ ษา 4.1 ระดับประถมศกึ ษา : สำเรจ็ การศกึ ษาจากโรงเรยี น ชุมชนดอนตาล 4.2 ระดับมธั ยมศึกษา : สำเรจ็ การศึกษาจากโรงเรยี น ดอนตาลวิทยา 4.3 ระดับประกาศนยี บัตรวิชาชีพชั้นสงู : กำลงั ศึกษาสาขาวขิ าคอมพิวเตอรธ์ รุ กจิ วทิ ยาลยั การอาชีพนวมนิ ทราชนิ มี ุกดาหาร 5. E-mail : [email protected]