เว็บไซต์ร้านน้ำพริกคุณแม่สุมาลีเต็มรูปเเบบ066

เวบ็ ไซต์ร้านน้ำพรกิ คุณแม่สุมาลี
นางสาวชวี าภร การกล้า รหัสนกั ศึกษา 65302040066
นายมนญั ชัย ผาคำ รหัสนักศึกษา 65302040077

ประกาศนยี บตั รวิชาชีพช้ันสงู ชน้ั ปที ่ี 1 หอ้ ง 5

เสนอ
อาจารยภ์ มู ิพฒั น์ วนพฒิ น์พงศ์

รายวิชาการประมวลผลแบบคลาวด์ (30204-2105)
วิทยาลัยอาชีวศกึ ษาพิษณโุ ลก

สำนักงานคณะกรรมการการอาชีวศกึ ษา
กระทรวงศกึ ษาธกิ าร
ปีการศกึ ษา 2565

ก

หวั ข้อโครงงาน เวบ็ ไซต์รา้ นนำ้ พริกคุณแมส่ มุ าลี

ผดู้ ำเนนิ โครงงาน นางสาวชีวาภร การกลา้

นายมนัญชัย ผาคำ

อาจารยท์ ป่ี รกึ ษา นายภมู ิพฒั น์ วนพิพัฒน์พงศ์

หลกั สูตร ประกาศนยี บัตรวชิ าชพี ช้นั สูง

สาขาวชิ า เทคโนโลยีธรุ กจิ ดิจิทัล

ปกี ารศกึ ษา 2565

บทคดั ยอ่

โครงงานเว็บไซต์ เรื่อง ร้านน้ำพริกคุณแม่สุมาลี บ้านเลขที่ 85/1 ม.4 ต.ไทรย้อย อ.เนินมะปราง
จ.พิษณุโลก มีจุดประสงค์ ดังต่อไปนี้ 1) เพื่อประยุกต์ใช้ความรู้ที่ได้ผ่านการศกึ ษามาในการจัดทำโครงงานเวบ็ ไซต์
เรอื่ ง รา้ นน้ำพริกคุณแม่สุมาลี 2) เพื่อศกึ ษาออกแบบการสรา้ ง เวบ็ ไซต์รา้ นน้ำพริกคุณแมส่ ุมาลี 3) เพ่ือนำเว็บไซต์
ทอ่ี อกแบบและสร้างขึ้นไปประยกุ ต์ใชไ้ ดจ้ ริงเพอื่ กอ่ ให้เกิดประโยชนใ์ นการเพิ่มยอดขายให้กบั สินค้า และ เปน็ ทีร่ ู้จัก
อย่างแพรห่ ลาย 4) เพื่อเพ่ิมชอ่ งทางการในการโฆษณาการขายสนิ คา้ และเพิ่มยอดขายให้กับสินค้า 5) เพอ่ื ให้บุคคล
ทั่วไปเขา้ ถงึ ขอ้ มูลสนิ คา้ ไดง้ ่ายขนึ้

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

ผลการวิจัยพบว่าประสิทธิภาพของเว็บไซต์ร้านน้าพริกคุณแม่สุมาลี ภาพรวมมีค่า ̅=, S.D. =0.69 และ
ระดับคณุ ภาพ มากท่ีสุด การพิจารณาเป็นหวั ข้อย่อยสำหรับความพึงพอใจทีม่ ีต่อเว็บไซต์ ระดับมากที่สุด คือ ข้อท่ี
5. การเชื่อมโยงลิงค์ ภายใน ภายนอกของเว็บไซต์ได้อย่างถูกต้อง มีค่า ̅=, S.D. =0.61 ระดับคุณภาพ มากที่สุด
และรองลงมาได้แก่ ขอ้ ที่ 1. ความสวยงามของเวบ็ ไซต์ มีคา่ ̅=, S.D. = 0.71ระดับคณุ ภาพ มากทส่ี ดุ

คำสำคัญ : เว็บไซต์, ประมวลผลคลาวด์

ข

กิตตกิ รรมประกาศ

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

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

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

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

คณะผจู้ ัดทำ

สารบญั ค

เรื่อง หน้า

บทคดั ย่อ ก
กติ ติกรรมประกาศ ข
สารบัญ ค
สารบญั ตาราง จ
สารบัญภาพ ฉ

บทท่ี 1 บทนำ 1
1.1. ความเป็นมาและความสำคัญ 2
1.2. วัตถปุ ระสงค์ของโครงงาน 2
1.3. ขอบเขตการทำโครงงาน 2
1.4. นิยามคำศัพท์
3
1.5. ประโยชนท์ ่คี าดว่าจะได้รับ
4
บทท่ี 2 แนวคิด ทฤษฎี เอกสารและงานวจิ ัยที่เกี่ยวขอ้ ง 4
2.1. แนวคิดของรา้ นนำ้ พริกคุณแม่สุมาลี และวิธที ำ 6
2.2. ความรเู้ กี่ยวกบั ระบบประมวลผลคลาวด์ 6
2.3. ความรู้เก่ยี วกับ Google Sites 6
2.4. ความรู้เกี่ยวกับ Microsoft Sway 7
2.5. ความร้เู กย่ี วกบั Microsoft Word 7
2.6. ความรเู้ กีย่ วกับ Google Maps 8
2.7. ความรเู้ กี่ยวกบั Canva 8
2.8. ความรเู้ กี่ยวกับ Google Form 10
2.9. ความรูเ้ กย่ี วกบั Google slides 10
2.10. ความรู้เกี่ยวกบั Microsoft OneDrive

สารบญั (ตอ่ ) ง

เร่ือง หนา้

บทที่ 3 วธิ ดี ำเนินการโครงงงาน 11
3.1. ประชากรและสุ่มกลมุ่ ตัวอย่าง 11
11
3.2. เครือ่ งมือในการดำเนินโครงงาน 13
14
3.3. หลกั ในการออกแบบเวบ็ ไซต์ 15
3.4. การเก็บรวบรวมข้อมูล 17
3.5. การวเิ คราะห์ข้อมูล
บทท่ี 4 ผลการดำเนนิ โครงงาน 17
19
4.1. ขน้ั ตอนการใช้งานเว็บไซต์ร้านน้ำพรกิ คุณแมส่ มุ าลี
4.2. ความพึงพอใจของผ้ตู อบแบบสอบถามที่มีต่อเว็บไซตร์ ้านน้ำพริกคุณแม่สมุ าลี 20

บทท่ี 5 สรปุ ผล อภิปรายผล และข้อเสนอแนะ 20
20
5.1. วตั ถปุ ระสงค์ 21
5.2. วิธกี ารดำเนินงาน 21
5.3. สรุปผลการดำเนนิ โครงงาน 21
5.4. ปญั หาและอุปสรรค
5.5. ขอ้ เสนอแนะและแนวทางในการพัฒนา

บรรณานกุ รม
ภาคผนวก

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

สารบัญตาราง จ
ตารางท่ี
หนา้
ตารางท่ี 4.1 จำนวนและร้อยละของผู้ตอบแบบสอบถามเกีย่ วกับเพศ
ตารางท่ี 4.2 จำนวนและรอ้ ยละของผตู้ อบแบบสอบถามเก่ียวกับชว่ งอายุ 17
ตารางท่ี 4.3 จำนวนและร้อยละของผ้ตู อบแบบสอบถามเกย่ี วกับระดบั การศึกษา 18
ตารางท่ี 4.4 ค่าเฉล่ียและส่วนเบย่ี งเบนมาตรฐานด้านความพึงพอใจต่อเวบ็ ไซต์ 18
19

สารบัญภาพ ฉ

ภาพ หน้า

ภาพที่ 2.1 Google Sites 6
ภาพท่ี 2.2 Microsoft Sway 7
ภาพท่ี 2.3 Microsoft Word 7
ภาพท่ี 2.4 Google Maps 8
ภาพที่ 2.5 Canva 8
ภาพท่ี 2.6 Google Form 9
ภาพท่ี 2.7 Google slides 10
ภาพที่ 2.8 Microsoft OneDrive 10
ภาพท่ี 3.1 ข้นั ตอนการทํางาน Flowchart 13
ภาพท่ี 3.2 โครงสรา้ งเวบ็ ไซต์ 14

1

บทท่ี 1
บทนำ

1.1 ความเป็นมาและความสำคัญ

นำ้ พริก แรกเรมิ่ เปน็ อาหารพ้ืนบา้ นของภาคเหนือ เรียกวา่ “น้ำพรกิ ” หรอื มลี กั ษณะเหนียวข้นและต่อมา
กไ็ ดป้ ระยุกต์มาตามยุคสมยั จงึ มกี ารดัดแปลงสว่ นผสมจนมนี ้ำพริกตาแดงหลากหลายแบบในปัจจุบัน การเรียกชื่อ
น้ำพริกแต่ละชนิด มักจะเรียกตามส่วนประกอบหลักที่นำมาทำ ซึ่งอาจเป็นเนื้อสัตว์ พืชผัก แมลงหรือผลิตผลจาก
พืชหรือสัตว์ก็ได้ เช่น น้ำพริกขิง น้ำพริกปลา น้ำพริกร้า น้ำพริก-น้ำปู น้ำพริกน้ำผัก เป็นต้น ประเภทของพริก ท่ี
นำมาตำน้ำพริก ก็มีทั้งพริกดิบ หรือ พริกหนุ่ม และพริกแห้ง ส่วนประกอบของน้ำพริก โดยทั่วไปแล้ว การตำ
นำ้ พริกของคนล้านนา มกั จะมีส่วนประกอบหลัก ๆ คอื เกลือ กระเทียม หวั หอม พรกิ (แหง้ หรือพริกดิบ) ซ่ึงถ้าเป็น
น้ำพริกที่ใช้ข้าวเหนียวจิ้มกินแล้ว ก็จะ เผา จี่ หรือหมกขี้เถ้าร้อนให้สุกก่อน เพื่อให้มีรสดียิ่งขึ้น สำหรับเครื่องปรุง
อื่น ๆ เช่น กะปิ ปลาร้า มะเขือเทศ ข่า ตะไคร้ อาจจะมีเพิ่มเข้าไปอีกแล้วแต่เฉพาะของน้ำพริกแต่ละชนิดไป ใน
ระยะหลังน้ำพริกทุกชนิดมักโรยด้วยต้นหอมผักชีทุกครั้งเมื่อตำเสร็จแล้วชนิดของน้ำพริก นอกจากจะแบ่งตาม
ลักษณะของพริกที่นำมาทำแล้ว ยังอาจแบ่งได้ตามลักษณะของน้ำพรกิ ได้แก่ น้ำพริกที่ลักษณะค่อนข้างแห้ง และ
น้ำพรกิ ลักษณะมีนำ้ ขลกุ ขลกิ หากจะพูดถงึ นา้ พริก

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

2

เนื่องจากปัญหาดังกล่าวข้างต้นคณะผู้จัดทำโครงงานจึงได้มีความประสงค์ที่จะพัฒนาและแก้ไขปัญหาที่เกิดขึ้นให้
หมดไปโดยการออกแบบและจัดทำเว็บไซต์ขึ้นเพื่อให้สินค้าของร้านน้าพริกคุณแม่สุมาลให้เป็นที่รู้จักกันอย่าง
แพร่หลายและเป็นการให้ความสะดวกแก่ผู้ที่ไม่สามารถเดินทางมาซื้อได้ด้วยตนเองตลอดจนเป็นการกระตุ้น
ยอดขายให้กับสินค้าให้มียอดขายเพิ่มมากขึ้นโดยใช้เครื่องมือจากการเรียนการสอนวิชาโปรแกรมประมวลผ ล
คลาวด์ ได้แก่ การสร้างและพัฒนาเวบ็ ไซตจ์ าก Google Sites, Sway การสร้างภาพกราฟิกจาก Canva , การ
สำรองข้อมูลด้วย OneDrive ,การสร้างSlides Show ด้วย google slides, การสร้างแบบฟอร์มออนไลน์และ
สง่ั ซอื้ สนิ คา้ ดว้ ย Google Form เปน็ ต้น โดยการนำเคร่ืองมือท่ีกล่าวมาข้างต้นจากการเรยี นวิชาการประมวลผล
คลาวด์มาปฏบิ ตั ิช้ินงานเพื่อช่วยเหลือชุมชนได้อย่างยงั่ ยืนตอ่ ไป

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

1.3 ขอบเขตการทำโครงงาน
รา้ นน้ำพรกิ คุณแม่สุมาลี บ้านเลขที่ 85/1 หมู่ 7 ตำบลไทรยอ้ ย อำเภอเนนิ มะปราง จงั หวัดพษิ ณุโลก
ประชากรและกลมุ่ ตวั อยา่ ง ระดับช้ัน ประกาศนยี บตั รวชิ าชพี (ปวช.) ประกาศนยี บตั รวิชาชีพสงู (ปวส.)
ป.ตรี ป.โท และ ป.เอก ทง้ั หมด 32 คน โดยเลือกแบบไม่เจาะจง

1.4 นิยามคำศพั ท์
1.4.1 ประมวลผลคลาวด์ หมายถึง ระบบที่จะช่วยให้สามารถเข้าถึงความหลากหลายของเทคโนโลยีซึง่
ช่วยใหส้ ามารถสร้างสรรค์นวัตกรรมไดร้ วดเร็วยิ่งขนึ้ และสร้างงานไดแ้ ทบทุกอย่างตามจนิ ตนาการ
สามารถหมุนเวยี นทรพั ยากรจากบรกิ ารโครงสรา้ งพื้นฐาน
1.4.2 น้ำพริก หมายถึง อาหารชนิดหนึ่ง ปรุงด้วย กะปิ กระเทียม พริกขี้หนู มะนาว เป็นต้นใช้เป็น
เครื่องจิ้มหรือคลุกข้าวกิน ใช้นํ้าปลาหรือนํ้าปลารา้ แทนกะปิก็มี ใช้ของเปรี้ยวอื่น ๆ เช่น มะขาม
มะดัน มะมว่ ง แทนมะนาว
1.4.3 เว็บไซต์ หมายถึง หน้าเว็บเพจที่จัดทำขึ้นเพื่อนำเสนอข้อมูลต่าง ๆ ผ่านทางคอมพิวเตอร์และ
อินเทอรเ์ น็ต

3

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

1.4.5 โปรแกรมประยุกต์ หมายถึง ซอฟต์แวร์ประเภทหนึ่งสำหรับใช้งานสำหรับงานเฉพาะทาง ซึ่ง
แตกตา่ งกับซอฟต์แวร์ประเภทอ่ืน เช่น ระบบปฏิบัตกิ าร ทีใ่ ช้สำหรบั รับรองการทำงานหลายด้าน
โดยไมจ่ ำเพาะเจาะจง

1.4.6 โครงงาน หมายถึง การศกึ ษาคน้ คว้าเก่ียวกบั สิง่ ใดส่ิงหน่ึง หรือหลายๆส่งิ ท่อี ยากรู้คำตอบให้ลึกซ้ึง
หรือเรียนรู้ในเร่ืองนั้น ๆ ให้มากขึ้น โดยใช้กระบวนการ วิธีการท่ีศึกษาอย่างมีระบบ เป็นขั้นตอน
มีการวางแผนในการศกึ ษาอยา่ งละเอียด

2.1 ประโยชน์ท่คี าดวา่ จะได้รับ
1.5.1 ผู้จัดทำโครงงานสามารถประยุกต์ใช้ความรู้ที่ได้ผ่านการศึกษา มาในการจัดทำโครงงานเรื่อง
เว็บไซตร์ ้านน้ําพรกิ ตาเเดง
1.5.2 ผ้จู ัดทำโครงงานสามารถศึกษาออกแบบการสร้างเวบ็ ไซต์
1.5.3 ผู้จัดทำโครงงานสามารถนำเว็บไซต์ที่ออกแบบและสร้างขึ้น ไปประยุกต์ใช้ได้จริงเพื่อก่อให้เกิด
ประโยชนใ์ นการเพิม่ ยอด ขายให้กบั สินคา้ และ เป็นท่รี ูจ้ ักอยา่ งแพร่หลาย
1.5.4 ชว่ ยเพิ่มชอ่ งทางการในการโฆษณาการขายสนิ ค้าและเพิ่มยอด ขายใหก้ บั สนิ ค้า
1.5.5 ชว่ ยให้บุคคลท่วั ไปเข้าถงึ ขอ้ มลู สินคา้ ได้ง่ายมากย่ิงขึน้

4

บทท่ี 2
แนวคิด ทฤษฎี เอกสารและงานวิจยั ทเ่ี กยี่ วข้อง

ในการทำโครงงานเรื่อง เว็บไซต์รา้ นนำ้ พริกคณุ แม่สุมาลี เพอ่ื เปน็ การส่งเสริมธุรกจิ ของทางครอบครัว จงึ
จำเป็นต้องศกึ ษาแนวคิด ทฤษฎี เอกสารและงานวจิ ัยท่ีเก่ียวข้อง ดังน้ี

2.1. แนวคิดของรา้ นนำ้ พริกคุณแม่สมุ าลี และวธิ ีทำ

2.2. ความร้เู กย่ี วกับระบบประมวลผลคลาวด์

2.3. Google Sites สำหรบั การสรา้ งเวบ็ ไซต์

2.4. Microsoft Sway สำหรับการสร้างเวบ็ ไซต์ในการนำเสนอผลงาน

2.5. Microsoft Word สำหรับการพมิ พ์เอกสาร

2.6. Google Maps สำหรับการทำแผนที่

2.7. Canva สำหรบั การตกแตง่ รูปภาพนิ่ง หรือ เคล่ือนไหว

2.8. Google Form ใช้สำหรับทำแบบฟอร์มสอบถามความพึงพอใจ ของเวบ็ ไซต์

2.9. CapCut ใช้สำหรบั การตดั ต่อวดิ ีโอ

2.10. Polarr ใชส้ ำหรบั แต่งรปู

2.11. Microsoft OneDrive ใช้สำหรับสำรองข้อมลู บนคลาวด์

2.1 แนวคดิ ของร้านน้ำพริกคณุ แมส่ ุมาลี และวิธที ำ

แรกเริ่มเป็นอาหารพื้นบ้านของภาคเหนือ เรียกว่า “น้ำพริกต๋าแดง” หรือ “น้ำพริกแดง” มีลักษณะ

เหนียวข้น มีส่วนผสมหลักคือ พริกแห้ง ปลาร้า ถั่วเน่าแข็บ ปลาแห้ง (บางสูตรไม่นิยมใส่ถั่วเน่าแข็บและปลาแห้ง)

และตอ่ มากไ็ ด้ประยกุ ต์มาตามยุคสมัย

สว่ นผสม

นำ้ พรกิ ตาแดง

1. พริกช้ฟี า้ แห้ง 100 กรัม 7. น้ำตาลป๊ีบ 1 ช้อนโตะ๊

2. หอมแดง 100 กรัม 8. นำ้ ปลา 3 ช้อนโตะ๊

3. กระเทยี ม 50 กรมั 9. น้ำมนั พชื 1 ช้อนโตะ๊

4. เนอื้ ปลาต้มสุก 100 กรมั

5. กะปิ 1 ช้อนโต๊ะ

6. นำ้ มะขาม 4 ชอ้ นโต๊ะ

5

วิธกี ารทำ

1. เอาพริกแหง้ หอมแดง กระเทียม และกะปิ ลงไปคัว่ หรอื ย่างจนหอม ตักขึ้นพักไว้

2. ตำพริกแหง้ จนแหลก ตามดว้ ยกระเทยี มและหอมแดง ตำจนละเอียด ใส่กะปิลงไปตำพอเขา้ กนั

3. ปรงุ รสด้วยมะขามเปียก นำ้ ตาลป๊บี และน้ำปลา ตำจนเขา้ กนั ตักเสริ ์ฟ หรือจะเอาไปผดั กบั นำ้ มนั ในกระทะ ใช้

ไฟอ่อนผัดจนหอม

สว่ นผสม

นำ้ พริกการหมู

1. มันหมแู ข็งไม่ติดหนังหั่นเตา๋ 3 กก.

2. เกลือป่น 3/4 ชต. (ใสต่ อนเจียวมนั หม)ู

3. นำ้ สม้ สายชู 1 ชต.

4. นำ้ เปล่า 1 ถว้ ยตวง

5. หอมแดงซอยบางๆ 500 กรมั

6. กระเทียมไทยบดหยาบๆ 400 กรมั

7. พริกป่น 6 ชต.

8. เกลือป่น 1/2 ชช. (ใสต่ อนปรุงรส)

9. ผงปรุงรสหมู 2 ชต.

10. นำ้ ตาลทรายเม็ดเล็ก 5 ชต. (เม็ดเล็กจะละลายงา่ ย)

11. นำ้ มันหมู 2-3 ชต

วิธีการทำ

1. นำน้ำมันหมูมาเจียวจนไดก้ ากหมทู ี่เหลืองกรอบ แยกเอานำ้ มนั พกั ไว้

2. เจียวหอม กระเทียม และ พริก แยกกัน พักไว้ใหส้ ะเดด็ น้ำมนั เมือ่ เย็นดีแลว้ จงึ นำมาโขลกพอแหลก

จากน้ันใส่กากหมลู งคลกุ ใหเ้ ข้ากนั

3. ตงั้ กระทะ ใส่น้ำตาลลง พอละลายจึงใส่นำ้ ปลา เค่ยี วให้นำ้ ตาลละลายเล็กน้อย จึงใสส่ ่วนผสมท่เี ตรียมไว้

ลงคลุกใหท้ ่วั ๆ ค่วั ในกระทะตอ่ ไปใหแ้ ห้งเล็กน้อย จึงตักข้ึนใสภ่ าชนะท้งิ ให้หายร้อนก่อนนำเก็บในกล่อง

สุญญากาศ

6

2.2 ความรูเ้ กย่ี วกบั ระบบประมวลผลคลาวด์
Cloud หรือ Cloud Computing เป็นระบบคอมพิวเตอร์ที่เกิดขึ้นเพื่อรองรับการทำงานของผู้ใช้งาน

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

ความเป็นมาของระบบประมวลผลคลาวด์ องค์กรทุกประเภท ทุกขนาด และทุกภาคอุตสาหกรรมใช้
ระบบคลาวด์ในกรณีการใช้งานทีห่ ลากหลาย เช่น การสำรองข้อมลู , การกคู้ นื ข้อมูลหลังภัยพิบัติ, อีเมล,เดสก์ท็อป
แบบเสมอื น, การพัฒนาและการทดสอบซอฟต์แวร์, การวิเคราะห์ Big Data และการปรับใชเ้ วบ็ ไซต์
2.3. ความรเู้ ก่ียวกับ Google Sites

Google Sites คอื โปรแกรมของ Google ท่ใี ห้บริการสร้างเว็บไซตฟ์ รี สามารถสร้างเวบ็ ไซต์ได้ง่าย
ปรบั แตง่ รูปลักษณ์ไดอ้ ยา่ งอสิ ระ และสามารถรวบรวมความหลากหลายของขอ้ มูลไว้ในท่เี ดียว เชน่ วิดโี อ,
ปฏทิ นิ , เอกสาร อน่ื ๆ สามารถนำมาแทรกในหน้าเว็บเพจได้ เป็นการเพมิ่ ลกู เล่น ใช้งานไดง้ า่ ย ทำใหช้ ว่ ย
อำนวยความสะดวกได้เปน็ อย่างมาก

ภาพท่ี 2.1 Google Sites

2.4 ความร้เู ก่ียวกับ Microsoft Sway
Sway เป็นเครื่องมือสร้างเว็บที่ใช้หลักการ WYSIWYG (What You See Is What You Get หรือเห็น

อย่างไรก็ได้อย่างนั้น) ซึ่งทำให้การสร้างเวบ็ เป็นเรื่องงา่ ยมากเพราะแทบจะไม่ต้องเขียนโค้ดเลย ไมโครซอฟท์เคยมี
เครื่องมือสร้างเว็บแบบนี้ออกมาแล้ว คือ FrontPage Sway ฉลาดพอที่จะแนะนำการจัด layout หน้าเว็บให้ผู้ใช้
และเรนเดอร์มันออกมาให้ดูสด ๆ โดยใช้พลังการประมวลผลจาก Azure โดยมันจะวางรูปและตัวหนังสือในที่ที่
อัลกอริทึมของมันเห็นว่าเหมาะสม ผลที่ได้จะเป็นหน้าเว็บหนึ่งเว็บและเก็บอยู่บนคลาวด์ ซึ่งสามารถเข้าถึงได้จาก
sway.com/[ชื่อเว็บ] และหน้าเว็บนี้ก็จะถูกจัดให้สวยงามไม่ว่าจะเข้าดูจากอุปกรณ์ใดก็ตาม ผู้ใช้ยังสามารถนำ
เนื้อหาจาก OneDrive, YouTube, Facebook และ Twitter เข้ามารวมไวใ้ น Sway ได้ด้วย กล่าวคือเราสามารถ

7

นำ timeline จาก Twitter มา embed ไว้ใน Sway ได้โดยตรง และเมื่อเว็บเสร็จก็สามารถแชร์ลงโซเชียล
เน็ตเวิรค์ หรือเอาไป embed ไวท้ ่ีอืน่ อีกที

ภาพที่ 2.2 Microsoft Sway
2.5 ความรเู้ กยี่ วกับ Microsoft Word

Microsoft Word เปน็ โปรแกรมทจ่ี ัดอยู่ในประเภทของการพมิ พเ์ อกสาร ลกั ษณะของการใช้งานจะ
เหมาะสมกบั การใช้พมิ พเ์ อกสาร จดหมาย หรือตำรา โดยโปรแกรมจะมีคำสัง่ และเครอื่ งมืออำนวยความสะดวก
สำหรบั ผูใ้ ช้ในการสร้าง และตกแตง่ เอกสารให้ดูสวยงาม โดยเฉพาะในรนุ่ ใหม่ ๆ ยังสามารถสร้างเอกสารประเภท
เว็บเพจทใ่ี ชใ้ นอินเทอร์เนต็ ได้อีกดว้ ยประโยชน์ของ Microsoft Word สามารถแทรกรูปภาพกราฟ หรอื ผงั องค์กร
ลงในเอกสารได้ประโยชน์ของ Microsoft Word มีระบบอัตโนมัตติ ่าง ๆ ทีช่ ว่ ยในการทำงานสะดวกขึน้ เชน่ การ
ตรวจคำสะกด การตรวจสอบไวยากรณ์ การใสข่ ้อความอัตโนมัติ เป็นต้น

ภาพที่ 2.3 Microsoft Word
2.6 ความรูเ้ กย่ี วกับ Google Maps

บริการของ google ท่จี ะชว่ ยระบตุ าํ แหนง่ และการนําทาง เป็นการใหบ้ ริการเทคโนโลยีด้านแผนที่ซึ่งมี
ประสิทธิภาพสูง ใช้งานได้ไม่ยากพร้อมกับให้ข้อมูลของธุรกิจต่างๆ ไม่ว่าจะเป็นที่ตั้งของธุรกิจ รายละเอียดการ
ติดต่อหรือแม้แต่เส้นทางการขบั ขี่ ซึ่งเป็นการให้บริการฟรีที่จัดใหแ้ ก่ผู้ใชท้ ั่วโลกผู้ใชง้ านสามารถดู Google Maps
ในรูปแบบของภาพถ่ายดาวเทียมที่มีคุณภาพดี และยังทําให้เห็นสถานที่ที่ค้นหาอย่างชัดเจน โดยเน้นการค้นหา
บริการและร้านค้าต่าง ๆ เพียงใส่ชื่อหรือสถานที่ที่ต้องการค้นหา จากนั้น Google Maps จะทําการแสดงผลว่ามี
ร้านที่ต้องการจํานวนกี่ร้าน พร้อมกับแสดงตําแหน่ง หมายเลขโทรศัพท์ และแผนที่ในปัจจุบัน Google Maps

8

ครอบคลุมทุกการใช้งาน และเป็นเว็บบริการแผนที่ที่ใหญ่ที่สุด เพียงแค่ผู้ใช้เชื่อมต่ออินเทอร์เน็ตก็จะสามารถใช้
บริการ Google Maps แบบเรียลไทม์ได้ และยังใช้วางแผนการเดินทาง ใช้ตรวจสอบระยะทางถนน และใช้
ตรวจสอบเน้ือทขี่ องพื้นที่ท่ตี ้องการ ตรวจสอบความกว้างยาว ของพืน้ ท่ตี ่างๆ ที่จะทําใหก้ ารค้นหาสถานที่ ชื่อถนน
และสแี่ ยกเปน็ ไปอยา่ งสะดวกรวดเรว็ โดยเฉพาะรา้ นอาหาร ผู้ใช้งาน Google Maps สามารถดูและมองเห็นแผนที่
ต่างๆ ทั่วโลกได้อย่างสะดวกและรวดเร็ว จะทําการย่อหรือขยายแผนท่ีทั่วโลกให้เล็กลงก็ได้ นอกจากนี้ Google
Maps ยงั ชว่ ยวางแผนเสน้ ทางการเดนิ ทางไปยังพื้นท่ีต่างๆ หรือจะปักหมดุ ทําแผนท่ีบอกเสน้ ทางไปสถานที่โปรดก็
ไดเ้ ช่นกัน

ภาพท่ี 2.4 Google Maps
2.7 ความรู้เกีย่ วกบั Canva

โปรแกรมสำเร็จรูปที่อยใู่ นรปู แบบของเวบ็ ไซต์ ทีจ่ ะชว่ ยผูใ้ ช้ในเรื่องของการดีไซน์งานต่าง ๆ ที่ไม่ใช่แค่
สไลด์พรีเซนเทชั่นอยา่ งเดียว แตจ่ ะช่วยเหลือทุกงาน Artwork เท่าท่ีจะเป็นไปได้ ผู้ใช้งานไมจ่ ำเปน็ จะต้องมีความรู้
ศิลปะเลยก็สามารถใช้ Canva ได้ บวกกับเทรนโลกในตอนนี้ที่การใช้ภาษาอังกฤษบนพรีเซนเทชั่นที่กำลังเป็นที่
นิยม Canva ทมี่ ี template ท้งั หมดเปน็ ภาษาองั กฤษเลยยิง่ ตอบโจทย์มากขึน้ ไปอกี

ภาพที่ 2.5 Canva

9

2.8 ความรู้เกีย่ วกับ Google Form
เอกสารสําหรับการกรอกข้อมูล แต่จะดีไหม ถ้าจะมีแอปกรอกแบบฟอร์มที่สามารถเก็บไว้เป็นไฟล์ได้

โดยตรง ไม่ต้องเสียเวลามากรอกใหม่ และถ้าจะให้ดีที่สดุ แบบฟอร์มนี้ ต้องสามารถส่งผ่านอีเมลไปยังผู้รับหลายๆ
คน หรือกรอกผ่านอินเตอร์เน็ตแบบออนไลน์ได้โดยตรงคําตอบคือ “Google Forms” สามารถทําได้ทั้งหมด แถม
ยังสามารถเชื่อมตอ่ กับ “Google Drive” เพื่อจดั เก็บผลลัพธแ์ ละนาํ ไปใช้งานไดท้ ันทปี ระโยชน์ของ Google Form

- แบบฟอร์มลงทะเบยี นหรอื Reservation-แบบฟอร์มสมคั รงาน
- แบบฟอรม์ แบบสอบถาม-แบบฟอร์มสมัครสมาชิก
- แบบฟอรม์ ข้อเสนอแนะ-จดหมายเชิญประชุม เชิญร่วมงาน
- แบบฟอรม์ ใบสง่ั ของ สัง่ จองสนิ ค้า
- แบบฟอร์มประเมินผล
- แบบฟอร์มทาํ แบบฝึกหดั

ภาพท่ี 2.6 Google Form

10

2.9 ความรู้เกย่ี วกบั Google slides
โปรแกรมสําเร็จรูปสาหรับสร้างสไลด์ ที่สามารถสร้าง แก้ไข และทํางานร่วมกับผู้อื่นได้ ทั้งในรูปแบบ

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

ภาพที่ 2.7 Google slides
2.10 ความรูเ้ กีย่ วกบั Microsoft OneDrive

Microsoft OneDriveคือบริการพื้นที่เก็บข้อมูลฟรีจากไมโครซอฟท์ที่มีการเก็บข้อมูลไว้บน คลาวด์
"cloud." ซึ่งใครก็ตามที่มีบัญชีของไมโครซอฟท์จะสามารถใช้งานได้ทุกคนโดย OneDrive จะช่วยให้คุณน้ัน
สามารถเก็บไฟล์ ซิงค์ และแชร์ไฟล์กับบุคคลอื่นๆได้ผ่านอินเตอร์เน็ตโดย Windows 10, Windows 8.1, และ
Xbox One จะมี OneDriveติดมาดว้ ยเสมอ โดยจะใช้ OneDrive ในการซิงก์การตั้งค่าของระบบวินโดวส์ ธมี และ
แอปส์ต่างๆบนวินโดวส์ และมีการแชร์แม้กระทั่ง ประวัติการใช้งาน Microsoft Edge และรหัสผ่านที่ถูกเก็บไว้
ดว้ ย

ภาพท่ี 2.8 Microsoft OneDrive

11

บทที่ 3

วธิ ีการดําเนินโครงงาน

ในการทำโครงงานเร่อื งเว็บไซต์ร้านนำ้ พรกิ คณุ แมส่ ุมาลี น้นั เพอื่ เปน็ การสง่ เสรมิ ธรุ กจิ ของทางครอบครวั
จำเป็นตอ้ งศึกษาวธิ กี ารทำโครงงาน ดังน้ี

3.1 ประชากรและสุ่มกลุ่มตวั อย่าง
3.2 เคร่อื งมือในการดาํ เนินโครงงาน
3.3 หลักในการออกแบบเว็บไซต์
3.4 การเก็บรวบรวมข้อมูล
3.5 การวิเคราะห์ข้อมูล
3.1 ประชากรและสุ่มกลุ่มตวั อยา่ ง

ประชากรกลุ่มตัวอย่างโครงงานคือนกั ศกึ ษาระดับช้ัน ประกาศนยี บตั รวิชาชพี (ปวช.) ประกาศนยี บัตร
วชิ าชพี สูง (ปวส.) ป.ตรี ป.โท และ ป. เอก ท้ังหมด 32 คน โดยเลือกแบบไม่เจาะจง
3.2 เคร่อื งมือในการดำเนนิ โครงงาน

เครือ่ งมือท่ีใชใ้ นการดําเนินโครงงานเรื่องเว็บไซตร์ ้านน้ำพริกคุณแมส่ มุ าลีมีดังต่อไปนี้
3.1.1. ดา้ นฮาร์ดแวร์

3.2.1.1. คอมพวิ เตอร์แล็ปท็อป Asus M515DA-EJ018TS
OS : Windows 10 Home (64 Bit)
CPU : AMD Ryzen 5 3500U
GPU : Radeon RX Vega 8
RAM : 8 GB DDR42666 MHz
DISPLAY : 15.6 inch (1920x1080) Full HD
STORAGE : 512 GB SSD PCIe M.2
Camera : VGA
Weight : 1.80 กโิ ลกรัม
Representative : USB 3.2, USB 2.0, HDMI, 3.5mm Headphone, Card Reader,
USB-C

12

3.2.2. ด้านซอฟแวร์
3.2.2.1. Microsoft Sway สำหรับการสร้างเว็บไซต์ในการนำเสนอผลงาน
3.2.2.2. Microsoft Word สำหรบั การพิมพ์เอกสาร
3.2.2.3. Google Maps สำหรับการทำแผนที่
3.2.2.4. Canva สำหรับการตกแตง่ รปู ภาพนงิ่ หรือ เคล่ือนไหว
3.2.2.5. Google Form ใช้สำหรบั ทำแบบฟอร์มสอบถามความพึงพอใจ ของเวบ็ ไซต์
3.2.2.6. CapCut ใชส้ ำหรับการตัดต่อวิดโี อ
3.2.2.7. Polarr ใช้สำหรบั แต่งรูป

13

3.3 หลกั ในการออกแบบเวบ็ ไซต์
ผ้จู ดั ทาํ โครงงานดําเนินการสร้างเว็บไซต์โดยมีการออกแบบโครงสรา้ งของเวบ็ ไซต์รา้ นนำ้ พรกิ คณุ แม่

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

3.3.1. ขน้ั ตอนการทาํ งาน Flowchart

ภาพท่ี 3.1 ขัน้ ตอนการทาํ งาน Flowchart

14

3.3.2. โครงสรา้ งเวบ็ ไซต์รา้ นนำ้ พริกคุณแมส่ ุมาลี

ภาพท่ี 3.2 โครงสรา้ งเว็บไซต์

3.4 การเก็บรวบรวมข้อมลู
ผู้จดั ทาํ โครงงานได้นาํ แบบสอบถามความพงึ พอใจใหค้ รูทป่ี รกึ ษาไดต้ รวจสอบความเหมาะสมและทํา

การปรับปรงุ แกไ้ ขเรียบร้อยแล้วไปเก็บข้อมูลผลการทดลองดว้ ยตนเองโดยมีวธิ ดี งั น้ี
- ผู้จัดทําโครงงานออกแบบสอบถามในการเก็บรวบรวมข้อมูลนักศึกษาระดับชั้น ประกาศนียบัตร
วชิ าชพี (ปวช.) ประกาศนยี บตั รวิชาชพี สงู (ปวส.) ป.ตรี และ ป.โท ทง้ั หมด 32 คน โดยเลือกแบบ
ไมเ่ จาะจง
- ผู้จัดทําโครงงานดําเนินการแจกลิงก์ และ QR Code แบบสอบถามความพึงพอใจของเว็บไซต์ที่
ฝังไว้กับเว็บไซต์ร้านน้ำพริกคุณแม่สุมาลี ให้กับนักเรียนนักศึกษาระดับชั้น ประกาศนียบัตร
วิชาชีพ (ปวช.) ประกาศนียบัตรวิชาชีพสูง (ปวส.) ป.ตรี ป.โท และ ป.เอก ทั้งหมด 32 คน โดย
เลอื กแบบไมเ่ จาะจง
- โดยผจู้ ดั ทําศกึ ษาชแี้ จงให้กลมุ่ ตัวอยา่ งทราบถึงวัตถปุ ระสงค์ของการวิเคราะห์
- อธบิ ายวธิ ีการประเมินแบบสอบถามความพงึ พอใจให้กลุ่มตัวอยา่ งทราบ

15

3.5 การวิเคราะห์ข้อมลู

เมื่อผู้ตอบแบบสอบถามตอบกลับแบบสอบถามที่มีความพึงพอใจเสร็จสิ้นแล้ว ผู้จัดทําโครงงาน
ดาํ เนินงานตามข้ันตอนดงั ตอ่ ไปน้ี

3.5.1. การวิเคราะหข์ ้อมลู และหาประสิทธิภาพจากการทําโครงงานเร่ืองเวบ็ ไซต์รา้ นนำ้ พริกคุณแม่สมุ าลี
3.5.2. วเิ คราะห์ความพงึ พอใจของกลมุ่ ตวั อย่าง โดยใชค้ า่ เฉลีย่ และคา่ เบี่ยงเบนมาตรฐาน โดยใช้เกณฑ์

การประเมินคุณภาพ ดงั นี้

คา่ รอ้ ยละ

เมื่อ P แทน ค่ารอ้ ยละ × 100
=

แทน คะแนนท่ีได้

แทน คะแนนเต็ม

ค่าเฉลย่ี ̅

เม่อื ̅ แทน ค่าเฉลีย่ ∑ ̅
̅ =

∑ ̅ แทน ผลรวมของข้อมูลทุกคา่

แทน จำนวนขอ้ มลู ท้ังหมด

คา่ เบ่ียงเบนมาตรฐาน (S.D)

. = √( ̅ − ̅)2
− 1

เม่อื S.D. คอื ส่วนเบ่ยี งเบนมาตรฐาน

̅ คอื ขอ้ มูล (ตวั ท่ี 1,2,3...,n)

̅ คือ ค่าเฉลยี่ เลขคณติ

คือ จำนวนข้อมลู ท้ังหมด

16

3.5.3. วเิ คราะห์ความพึงพอใจของผู้ตอบแบบสอบถามท่มี ีผลต่อการใช้เวบ็ ไซต์ร้านนำ้ พริกคุณแมส่ มุ าลใี ช้
คา่ เฉลี่ย และคา่ เบี่ยงเบนมาตรฐาน โดยใช้เกณฑ์การประเมินคณุ ภาะ ดงั นี้
4.51 – 5.00 หมายถึง ระดับมากทสี่ ดุ
3.51 – 4.50 หมายถงึ ระดับมาก
2.51 – 3.50 หมายถึง ระดบั ปานกลาง
1.51 – 2.50 หมายถึง ระดบั น้อย
1.00 – 1.50 หมายถึง ระดับนอ้ ยทีส่ ุด

17

บทที่ 4

ผลการดำเนนิ โครงงาน

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

4.1 ผลการวิเคราะห์ท่วั ไปของผู้ตอบแบบสอบถาม
4.2 ความพึงพอใจของผตู้ อบแบบสอบถามทม่ี ตี ่อเวบ็ ไซต์ร้านน้ำพรกิ คณุ แมส่ มุ าลี
4.1 ขั้นตอนการใช้งานเว็บไซต์ร้านน้ำพริกคณุ แม่สมุ าลี
ตอนที่ 1 ข้อมลู ท่วั ไปของผู้ตอบแบบสอบถาม
ตารางที่ 4.1 จำนวนและรอ้ ยละของผตู้ อบแบบสอบถามเกย่ี วกบั เพศ

เพศ จำนวน (คน) ร้อยละ

ชาย 9 30

หญิง 23 70

รวม 32 100

จากตารางท่ี 4.1 พบว่าผู้ตอบแบบสอบถาถมความพึงพอใจของกลุ่มนักศึกษา ระดับช้ัน
ประกาศนียบัตรวิชาชีพ (ปวช.) ประกาศนียบัตรวิชาชีพสูง (ปวส.) ป.ตรี ป.โท และ ป.เอก ทั้งหมด 32 คน โดย
เลือกแบบไม่เจาะจง เกี่ยวกับเพศหญิง จำนวน 23 คิดเป็นร้อยละ 70 และเพศชาย จำนวน 9 คน คิดเป็นร้อยละ
30 จะไดจ้ ำนวนของผูต้ อบแบบสอบถามท้งั หมด 32 คน และรวมเปน็ ร้อยละ 100

18

ตารางที่ 4.2 จำนวนและรอ้ ยละของผู้ตอบแบบสอบถามเก่ียวกับชว่ งอายุ

อายุ จำนวน (คน) รอ้ ยละ
ตำ่ กว่า 20 ปี 28 88
3 9
21-30 ปี 1 3
31-40 ปี 0
41-50 ปี 32 100

รวม

จากตารางที่ 4.2 พบว่าผูต้ อบแบบสอบถามความพงึ พอใจของกลุ่มนักศึกษาระดับชนั้ ประกาศนียบัตร
วชิ าชพี (ปวช.) ประกาศนียบัตรวชิ าชพี สูง (ปวส.) ป.ตรี ป.โท และ ป. เอก ท้งั หมด 32 คน โดยเลือกแบบไม่เจาะจง
เกี่ยวกับผู้ที่อายุต่ำกว่า 20 ปี จำนวน 28 คน ช่วงอายุ 21-30 ปี จำนวน 3 คน ช่วงอายุ 31-40 ปี จำนวน 1 คน
คิดเปน็ ร้อยละ 100
ตารางท่ี 4.3 จำนวนและร้อยละของผูต้ อบแบบสอบถามเก่ียวกับระดบั ศกึ ษา

อายุ จำนวน (คน) ร้อยละ
ประกาศนยี บตั รวิชาชพี (ปวช.) 5 16
ประกาศนียบัตรวชิ าชีพชน้ั สูง (ปวส.) 24 75
2 6
ปรญิ ญาตรี 0 0
ปริญญาโท 1 3
ปรญิ ญาเอก 0 0
32 100
อืน่ ๆ
รวม

จากตารางที่ 4.3 พบว่าผู้ตอบแบบสอบถามความพงึ พอใจของกลุ่มนักศึกษาระดับชั้น ประกาศนียบัตร
วิชาชีพ (ปวช.) ประกาศนียบัตรวิชาชีพสูง (ปวส.) ป.ตรี และ ป.โท ทั้งหมด 32 คน โดยเลือกแบบไม่เจาะจง
เกี่ยวกับผู้ท่ีศึกษา ประกาศนียบัตรวิชาชีพ (ปวช.) ประกาศนียบัตรวิชาชีพสูง (ปวส.) ป.ตรี ป.โท และ ป เอก
ท้งั หมด 32 คน คิดเปน็ รอ้ ยละ 100

19

4.2 ความพึงพอใจของผตู้ อบแบบสอบถามท่ีมีต่อเวบ็ ไซต์รา้ นน้ำพริกคณุ แมส่ ุมาลี

ตอนท่ี 2 แบบสอบถามเกี่ยวกบั เวบ็ ไซต์
ตารางที่ 4.4 ค่าเฉล่ยี และสว่ นเบ่ยี งเบนมาตรฐานด้านความพงึ พอใจต่อเวบ็ ไซต์

ความพึงพอใจท่ีมีต่อเวบ็ ไซต์ ̅ S.D. คุณภาพ ลำดับ

1. การออกแบบด้านกราฟิกมีความสวยงาม 4.34 0.59 มาก 10
2. เน้ือหาข้อมูลของเว็บไซต์มีความถกู ต้องสมบูรณ์ครบถว้ น 4.56 0.61 มากท่ีสุด 1
3. การลำดับเรอ่ื งเข้าใจไดง้ ่าย 4.47 0.71 มาก 2
4. ใชเ้ ทคนคิ การนำเสนอที่ชวนใหต้ ิดตามนา่ สนใจ 4.38 0.70 มาก 6
5. การเชื่อมโยงลิงคภ์ ายในภายนอกของเว็บไซต์ถูกต้อง 4.34 0.85 มาก 7
6. เว็บไซตท์ ี่จดั ทำขน้ึ สง่ เสริมให้เกิดการเรียนรู้ 4.41 0.74 มาก 3
7. ท่านคิดวา่ เว็บไซต์ทจ่ี ดั ทำข้ึนมปี ระโยชน์ต่อผู้ใชห้ รอื เข้าชมระดับใด 4.38 0.74 มาก 5
8. ทา่ นคิดว่าผจู้ ดั ทำโครงการนำความร้ทู ่ไี ดจ้ ากการเรียนการสอนมา
ประยุกต์ใชใ้ นการจัดทำเวบ็ ไซต์ครั้งนี้อยู่ในระดับใด 4.34 0.64 มาก 8
9. ทา่ นคดิ วา่ เวบ็ ไซต์ทีจ่ ดั ทำขึ้นมคี ณุ ภาพระดับใด
10. ท่านมีความพึงพอใจต่อเว็บไซต์เรื่องน้รี ะดบั ใด 4.34 0.64 มาก 9
4.41 0.65 มาก 4
รวม 4.39 0.69 มากทสี่ ุด

จากตารางที่ 4.4 พบว่าการตอบแบบสอบถามทั้งหมดมีค่า ̅ = 4.39 , S.D. = 0.69 และระดับ
คณุ ภาพ มากทีส่ ุด โดยพงึ พอใจท่ีมตี อ่ เว็บไซต์มากทส่ี ุดคือ ข้อท่ี 2. เนื้อหาขอ้ มลู ของเวบ็ ไซตม์ คี วามถูกต้องสมบูรณ์
ครบถ้วน มีค่า ̅ = 4.56 , S.D. = 0.61 ระดบั คุณภาพ มากทส่ี ดุ และรองลงมาได้แก่ ข้อที่ 3. การลำดบั เร่อื งเข้าใจ
ได้งา่ ย มีคา่ ̅ = 4.47 , S.D. = 0.71 ระดับคณุ ภาพ มาก

20

บทท่ี 5

สรุป อภิปรายผล และข้อเสนอแนะ

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

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

5.2.1 ประชากรกล่มุ ตัวอยา่ ง
- ประชากรกลุ่มตัวอยา่ ง คือ นักศึกษาระดับชัน้ ประกาศนียบตั รวชิ าชพี (ปวช.)
ประกาศนยี บตั รวิชาชพี สูง (ปวส.) ป.ตรี และ ป.โท ทงั้ หมด 32 คน โดยเลอื กแบบ
ไมเ่ จาะจง
- ผตู้ อบแบบสอบถาม คือ นักศึกษาระดับชั้น ประกาศนียบัตรวชิ าชพี (ปวช.)
ประกาศนยี บตั รวชิ าชีพสงู (ปวส.) ป.ตรี และ ป.โท ทัง้ หมด 32 คน โดยเลือกแบบ
ไม่เจาะจง

21

5.2.2 เคร่อื งมอื ที่ใช้ดำเนนิ โครงงาน
5.2.2.1 Microsoft Sway สำหรับการสร้างเว็บไซตใ์ นการนำเสนอผลงาน
5.2.2.2 Microsoft Word สำหรับการพมิ พ์เอกสาร
5.2.2.3 Google Maps สำหรับการทำแผนที่
5.2.2.4 Canva สำหรับการตกแต่งรูปภาพน่ิง หรอื เคล่ือนไหว
5.2.2.5 Google Form ใชส้ ำหรับทำแบบฟอรม์ สอบถามความพึงพอใจ ของเว็บไซต์
5.2.2.6 CapCut ใช้สำหรับการตัดต่อวิดโี อ
5.2.2.7 Polarr ใช้สำหรับแตง่ รปู

5.3 สรปุ ผลการดำเนนิ โครงงาน
จากผลการวิจัยโครงงานเว็บไซต์น้ำพริกคุณแม่สุมาลี พบว่าการตอบแบบสอบถามทั้งหมดมีค่า

̅ = 4.39 , S.D. = 0.69 และระดับคุณภาพ มากที่สุด โดยพึงพอใจที่มีต่อเว็บไซต์มากที่สุดคือ ข้อที่ 2. เนื้อหา
ข้อมูลของเว็บไซต์มีความถูกต้องสมบูรณ์ครบถ้วน มีค่า ̅ = 4.56 , S.D. = 0.61 ระดับคุณภาพ มากที่สุด และ
รองลงมาได้แก่ ข้อที่ 3. การลำดับเรื่องเข้าใจได้ง่าย มีค่า ̅ = 4.47 , S.D. = 0.71 ระดับคุณภาพ มาก และ
รองลงมาได้แก่ ขอ้ ที่ 6. เวบ็ ไซตท์ ่ีจัดทำข้นึ ส่งเสริมใหเ้ กิดการเรียนรู้ มคี ่า ̅ = 4.41 , S.D. = 0.74 ระดับคุณภาพ
มาก ข้อที่ 10. ท่านมีความพึงพอใจต่อเว็บไซต์เรื่องนี้ระดับใด มีค่า ̅ = 4.41 , S.D. = 0.65 ระดับคุณภาพ มาก
ข้อท่ี 7. ท่านคิดว่าเว็บไซต์ที่จัดทำขึ้นมีประโยชน์ต่อผู้ใช้หรือเข้าชมระดับใด มีค่า ̅ = 4.38, S.D. = 0.74 ระดับ
คุณภาพ มาก ขอ้ ที่ 4. ใชเ้ ทคนิคการนำเสนอทช่ี วนใหต้ ดิ ตามน่าสนใจ มีคา่ ̅ = 4.38, S.D. = 0.70 ระดบั คุณภาพ
มาก ข้อที่ 5. การเชื่อมโยงลิงค์ภายในภายนอกของเว็บไซต์ถูกต้อง มีค่า ̅ = 4.34 , S.D. = 0.85 ระดับคุณภาพ
มาก ข้อท่ี 8. ทา่ นคดิ ว่าผูจ้ ดั ทำโครงการนำความรทู้ ไี่ ด้จากการเรยี นการสอนมาประยุกตใ์ ชใ้ นการจัดทำเว็บไซต์คร้ัง
นี้อย่ใู นระดบั ใด มคี า่ ̅ = 4.34 , S.D. = 0.64 ระดับคุณภาพ มาก ข้อที่ 9. ทา่ นคดิ วา่ เว็บไซต์ทีจ่ ดั ทำข้นึ มคี ุณภาพ
ระดบั ใด มคี า่ ̅ = 4.34 , S.D. = 0.64 ระดับคุณภาพ มาก ข้อท่ี 1. การออกแบบด้านกราฟิกมคี วามสวยงาม มีคา่
̅ = 4.34 , S.D. = 0.59 ระดบั คุณภาพ มาก
5.4 ปัญหาและอุปสรรค

5.4.1 สถานทรี่ ้านน้ำพริกคุณแม่สุมาลอี ยู่ห่างไกล มปี ัญหาดา้ นการเดนิ ทาง
5.4.2 เครอื่ งทมือการใชง้ านสรา้ งเวบ็ ไซต์ Google Sites
5.5 ข้อเสนอแนะและแนวทางในการพฒั นา
5.5.1 ควรสรา้ งเว็บไซตร์ ะบบตระกรา้ สนิ คา้ หรือสงั่ ซ้อื สินค้าทเ่ี สถยี รมากข้ึน
5.5.2 ควรสร้างเว็บไซต์ใหเ้ ป็นแบบ Responsive เพื่อให้รองรบั กับหลายอปุ กรณ์มากข้นึ

บรรณานุกรม

ข้อมลู เก่ียวกบั นำ้ พริกตาแดง สืบคน้ เมอื่ วนั ที่ 15 สงิ หาคม พ.ศ. 2565
https://cooking.kapook.com
ข้อมูลเก่ยี วกบั น้ำพรกิ กากหมู สืบคน้ เมอื่ วันท่ี 15 สิงหาคม พ.ศ. 2565
https://food.trueid.net
ข้อมลู ออกแบบและพัฒนาเว็บไซต์ สบื คน้ เมื่อวนั ที่ 15 สิงหาคม พ.ศ. 2565
https://www.ppnfoods.com
ข้อมลู ออกแบบและการพฒั นาเวบ็ ไซต์ สบื ค้นเมื่อวนั ท่ี 15 สงิ หาคม พ.ศ. 2565
https://support.microsoft.com
ความรู้เกี่ยวกบั การใช้งาน Google Sites สืบค้นเม่อื วันที่ 15 สิงหาคม พ.ศ. 2565
http://web.sut.ac.th/g/index.php/documentation/google-sites
ความร้เู กยี่ วกบั กระบวนการวจิ ัย สืบค้นเมอ่ื วนั ที่ 15 สิงหาคม พ.ศ. 2565
https://sudawadeelim.wixsite.com
ความร้เู ก่ียวกบั การใชง้ าน capcut สืบค้นเมอื่ วนั ท่ี 15 สิงหาคม พ.ศ. 2565
https://geekgeeky.com

ภาคผนวก ก.

การลงพ้นื ทร่ี ้านนำ้ พริกคุณแม่สุมาลี

ภาพแสดงการหนั่ หนังมือเป็นลูกเตา๋
ภาพแสดงการคั่วพรกิ

ภาพแสดงการทอดหัวหอมท่ีซอยแลว้

ภาคผนวก ข.

การสง่ มอบเวบ็ ไซต์ให้กับร้านนำ้ พรกิ คณุ แมส่ มุ าลี

ภาพแสดงการสอนใช้งานเว็บไซต์
ภาพแสดงการสอนซ้ือสนิ คา้ บนเว็บไซต์
ภาพแสดงการลงช่ือรบั มอบเวบ็ ไซต์

ภาพแสดงการส่งมอบเว็บไซต์
ภาพถา่ ยคณะผ้จู ดั ทำร่วมกบั เจ้าของรา้ นน้ำพริกคณุ แม่สมุ าลี

ภาคผนวก ค.

เวบ็ ไซต์ร้านไซต์ร้านนำ้ พริกคุณแม่สมุ าลี

ภาพสว่ นหัวหนา้ ตา่ งประวตั คิ วามเปน็ มา
ภาพสว่ นล่างหน้าตา่ งประวัติความเปน็ มา
ภาพหนา้ ต่างขนั้ ตอนการทำน้ำพริกคณุ แมส่ ุมาลี

ภาพหน้าต่างข้ันตอนการทำน้ำพริกกากหมู
ภาพหน้าต่างแนะนำการรับประทานน้ำพริก
ภาพหนา้ ตา่ งสนิ คา้ ร้านน้ำพริกคณุ แมส่ มุ าลี

ภาพหนา้ ตา่ งชอ่ งทางการสั่งซ้ือ

ภาคผนวก ง.

ประวัตคิ รูที่ปรึกษาโครงงาน

ประวัตคิ รูทปี่ รกึ ษาโครงงาน

ชอื่ – นามสกุล ภมู ิพฒั น์ วนพิพฒั น์พงศ์

วนั เดอื นปเี กดิ 20 กรกฎาคม พ.ศ. 2527

เบอรโ์ ทรศัพท์มือถือ 086-930-0382

อีเมล์ [email protected]

เว็บไซต์ gg.gg/pumiphat

ประวตั กิ ารศึกษา

ระดบั มธั ยมศึกษา วิทยาศาสตร์ - คณิตศาสตร์

หลกั สูตรประกาศนยี บัตรวิชาชีพครู หลกั สตู รประกาศนียบัตรบณั ฑติ วชิ าชีพครู

ปริญญาตรี วท.บ.เทคโนโลยีสารสนเทศ ปรญิ ญาโท ค.ม.บรหิ ารการศกึ ษา ปริญญาโท

ท.ม.เทคโนโลยสี ารสนเทศและการสือ่ สาร

ปรญิ ญาเอก ปร.ด.เทคโนโลยีและการส่ือสารการศึกษา (กำลังศึกษา)

ประวตั กิ ารทำงาน

พ.ศ. 2551 ตำแหน่ง ครพู เิ ศษสอน วิทยาลยั อาชีวศึกษาอุตรดิตถ์

พ.ศ.2551 - 2555 ตำแหนง่ พนกั งานราชการครู วทิ ยาลัยสารพัดชา่ งอตุ รดิตถ์

พ.ศ.2556 - ปัจจบุ ัน ตำแหน่ง ครูชำนาญการ วทิ ยาลยั อาชวี ศึกษาพิษณุโลก

ภาคผนวก จ.

ประวัติผจู้ ัดทำโครงงาน

ประวตั ผิ ู้จดั ทำ

ช่อื -นามสกุล ชวี าภร การกล้า

วนั เดอื นปเี กิด 9 ธันวาคม 2546

ท่ีอยู่ปจั จุบนั 85/1 หมู่ 7 ต.ไทรย้อย อ.เนินมะปราง จ.พิษณโุ ลก 65220

เบออรโ์ ทรศัพท์ 0922963182

อีเมล์ [email protected]

เว็บไซต์ https://bit.ly/3LzhWy2

ประวตั ิการศกึ ษา

พ.ศ 2551 ระดับชน้ั ประถมศึกษา โรงเรียนเนนิ หวั โลห้ นองยางพิทยาคม

พ.ศ 2562 ระดับชั้นมธั ยมศึกษา โรงเรยี นวังโพรงพทิ ยาคม

พ.ศ 2565 ประกาศนียบตั รวชิ าชพี ชน้ั สูง (ปวส) วิทยาลยั อาชีวศกึ ษาพษิ ณุโลก

ประวัติผู้จัดทำ

ช่อื -นามสกุล มนัญชยั ผาคำ
วันเดือนปเี กดิ 16 มนี าคม 2547
ทีอ่ ยู่ปจั จบุ ัน 467/47 หมู่ 7 ต.แก่งโสภา อ.วงั ทอง จ.พษิ ณโุ ลก 65220
เบออร์โทรศพั ท์ 0829162591
อเี มล์ [email protected]
เว็บไซต์
ประวตั ิการศึกษา https://bit.ly/3JrHcFg
พ.ศ 2551
พ.ศ 2562 ระดบั ชน้ั ประถมศึกษา โรงเรยี นห้วยพลู
พ.ศ 2565 ระดบั ชนั้ มัธยมศึกษา โรงเรียนวังทองพิทพาคม
ประกาศนียบัตรวชิ าชีพชนั้ สูง (ปวส) วทิ ยาลยั อาชวี ศกึ ษาพิษณโุ ลก