E-Book โครงงานเว็บไซต์สำนึกรักบ้านเกิด ร้านข้าวแตนตี๋ใหญ่

1

เว็บไซต์สำนกึ รักบ้านเกดิ รา้ นขา้ วแตนตใ๋ี หญ่

นายปรญิ ญา ศรีพรม รหัสนักศกึ ษา 6332040030
นายพงษส์ ิทธ์ พฒุ ศรี รหัสนักศกึ ษา 6332040032
ประกาศนียบัตรวิชาชีพช้นั สงู (ปวส.) ปีที่ 1 ห้อง 3

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

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

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

ก

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

บทคัดยอ่

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

การจดั ทำโครงงานมปี ระชากรและกลมุ่ ตวั อย่างเป็นนกั ศึกษาระดบั ชน้ั ประกาศนียบตั รวิชาชพี ชนั้ สงู
ชน้ั ปที ี่ 1 หอ้ ง 3 แผนกวิชาเทคโนโลยีธรุ กิจดจิ ทิ ัล วทิ ยาลยั อาชีวศกึ ษาพิษณุโลก ท้ังหมด 33 คน โดยเลอื กแบบ
เจาะจง

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

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

ข

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

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

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

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

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

คณะผจู้ ัดทำ

ค

สารบัญ

เร่ือง หน้า

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

บทที่กก1กกบทนำ 1
กกกกกกกกก1.1กกความเป็นมาของปญั หา 1
กกกกกกกกก1.2กกวตั ถปุ ระสงคข์ องโครงงาน 2
กกกกกกกกก1.3กกขอบเขตการทำโครงงาน 2
กกกกกกกกก1.4กกนิยามคำศัพท์ 2
กกกกกกกกก1.5กกประโยชนท์ ่ีคาดว่าจะไดร้ ับ 3
บทที่กก2กกแนวคิด ทฤษฎี เอกสารและงานวิจยั ที่เกย่ี วขอ้ ง 4
กกกกกกกกก2.1กกแนวคดิ ของข้าวแตน๋ และวิธีการทำ 4
กกกกกกกกก2.2กกความรเู้ กย่ี วกบั ระบบประมวลผลคลาวด์ 5
กกกกกกกกก2.3กกความรเู้ กย่ี วกับ Google Sites 6
กกกกกกกกก2.4กกความรเู้ กี่ยวกับ Microsoft Sway 6
กกกกกกกกก2.5กกความรเู้ กี่ยวกับ Adobe Photoshop CC 2020 7
กกกกกกกกก2.6กกความรเู้ กี่ยวกบั Microsoft Word 8
กกกกกกกกก2.7กกความรเู้ กย่ี วกบั Canva 8
กกกกกกกกก2.8กกความรเู้ กี่ยวกับ Google Maps 9
กกกกกกกกก2.9กกความรเู้ กี่ยวกบั Google Form 10
กกกกกกกกก2.10กกความรเู้ ก่ียวกบั Google slides 11
กกกกกกกกก2.11กกความรเู้ ก่ียวกบั Google sheets 11
กกกกกกกกก2.12กกความรเู้ กย่ี วกบั autocrat 12
กกกกกกกกก2.13กกความรเู้ ก่ยี วกบั Microsoft OneDrive 12
กกกกกกกกก2.14กก MAGIX Vegas Movie Studio 17.0 Platinum ใช้สำหรบั ตัดตอ่ วิดีโอ 13

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

เรือ่ ง หนา้

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

บทที่กก4กกผลการดำเนนิ โครงงาน 20
กกกกกกกกก4.1กกขนั้ ตอนการใช้งานเว็บไซต์ สำนกึ รักบา้ นเกดิ ร้านข้าวแตนตใี๋ หญ่ 20
กกกกกกกกก4.2กกผลการวิเคราะหท์ ว่ั ไปของผู้ตอบแบบสอบถาม 28
กกกกกกกกก4.3กกความพงึ พอใจของผ้ตู อบแบบสอบถามทม่ี ตี ่อเวบ็ ไซต์ 30

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

สารบัญตาราง จ

ตารางที่ หน้า

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

สารบัญภาพ ฉ

ภาพท่ี หน้า

ภาพท่ีกก2.1กก Google Sites 6
ภาพที่กก2.2กก Microsoft Sway 6
ภาพท่ีกก2.3กก Adobe Photoshop CC 220 7
ภาพที่กก2.4กก Microsoft Word 8
ภาพที่กก2.5กก Canva 8
ภาพที่กก2.6กก Google Maps 9
ภาพท่ีกก2.7กก Google Form 10
ภาพท่ีกก2.8กก Google Slides 11
ภาพที่กก2.9กก Google Sheets 12
ภาพท่ีกก2.10กกautocrat 12
ภาพที่กก2.11กก Microsoft OneDrive 13
ภาพที่กก2.12กก MAGIX Vegas Movie Studio 17.0 Platinum 13
ภาพท่ีกก3.1กก ขนั้ ตอนการทำงาน Flowchart 16
ภาพที่กก3.2กก โครงสรา้ งเว็บไซต์ 17
ภาพที่กก4.1กก แสดงการคน้ หาเวบ็ ไซตร์ ้านขา้ วแตนตใ๋ี หญ่ 20
ภาพท่ีกก4.2กก แสดงหน้าแรกของเวบ็ ไซต์ 21
ภาพท่ีกก4.3กก แสดงประวัตคิ วามเปน็ มาของร้านข้าวแตนตี๋ใหญ่ 21
ภาพที่กก4.4กก แสดงหนา้ สนิ คา้ ของเวบ็ ไซต์ 22
ภาพที่กก4.5กก แสดงหนา้ ส่งั ซอื้ สินค้าของเว็บไซต์ 22
ภาพท่ีกก4.6กก แสดงอีเมลทเี่ ว็บไซตส์ ่งใบเสรจ็ ใหล้ กู ค้า 23
ภาพที่กก4.7กก แสดงใบเสรจ็ ทเ่ี วบ็ ไซตส์ ง่ ใหล้ กู คา้ 23
ภาพที่กก4.8กก แสดงหนา้ ติดต่อเราเวบ็ ไซตร์ า้ นข้าวแตนต๋ีใหญ่ 24
ภาพที่กก4.9กก แสดงหนา้ เขอื่ นนเรศวรของเวบ็ ไซต์ 24
ภาพที่กก4.10กก แสดงหนา้ คุ้งเตาเหลา้ ของเว็บไซต์ 25
ภาพท่ีกก4.11กก แสดงหน้าความเปน็ มาของขา้ วเกรยี บของเว็บไซต์ 25
ภาพท่ีกก4.12กก แสดงหน้าประโยชน์ของขา้ วเกรียบของเวบ็ ไซต์ 26
ภาพท่ีกก4.13กก แสดงหนา้ ความเปน็ มาของขา้ วแต๋น 26
ภาพที่กก4.14กก แสดงหน้าประโยชนข์ องข้าวแตน๋ 26

สารบญั ภาพ (ต่อ) ช

ภาพที่ หน้า
27
ภาพท่ีกก4.15กก แสดงหนา้ แบบสอบถามความพงึ พอใจของเว็บไซต์ 27
ภาพที่กก4.16กก แสดงหน้าสถิตขิ องผตู้ อบแบบสอบถาม

1

บทที่ 1
บทนำ

1.1 ความเปน็ มาและความสำคญั
ขา้ วแตน๋ อาหารสตู รดงั้ เดมิ ของคนในภาคเหนือท่มี ีข้าวเหนียวนึง่ เป็นส่วนประกอบหลักเป็นอาหารท่ี

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

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

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

2

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

1.3 ขอบเขตการทำโครงงาน
รา้ นข้าวแตนตี๋ใหญ่ บา้ นเลขที่ 2 หมู่ 3 ตำบลหนองแขม อำเภอพรหมพิราม จังหวดั พิษณโุ ลก
ประชากรและกลมุ่ ตวั อยา่ ง นกั ศึกษาระดบั ช้นั ประกาศนียบัตรวชิ าชพี ช้นั สูง ชั้นปที ี่ 1 ห้อง 3

สาขาวิชาเทคโนโลยีธุรกิจดจิ ิทัล วทิ ยาลัยอาชวี ศกึ ษาพิษณุโลก ทงั้ หมด 33 คน โดยเลือกแบบเจาะจง

1.4 นิยามคำศัพท์
1.4.1 ประมวลผลคลาวด์ หมายถงึ ระบบทจี่ ะชว่ ยให้สามารถเข้าถงึ ความหลากหลายของเทคโนโลยี

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

1.4.2 ขา้ วแตน๋ หมายถึง ขนมพ้ืนบ้านหรืออาหารว่างของชาวภาคเหนอื ในประเทศไทย ทแ่ี สดงออก
ถึงเอกลกั ษณแ์ ละภมู ปิ ญั ญาพนื้ บ้านของชาวพน้ื เมอื งท่บี ริโภคขา้ วเหนยี วเป็นอาหารหลกั

1.4.3 ข้าวเกรยี บ หมายถึง ของกินทําดว้ ยแป้งขา้ วเจ้าหรือแป้งข้าวเหนยี ว เปน็ แผ่นตากใหแ้ ห้ง แลว้
ปิ้งหรอื ทอด มหี ลายชนิด เช่น ข้าวเกรียบวา่ ว ข้าวเกรยี บงา ข้าวเกรยี บกงุ้

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

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

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

3

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

1.5 ประโยชน์ทีค่ าดว่าจะได้รบั
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 ความรู้เกย่ี วกบั Adobe Photoshop CC 2020
2.6 ความรู้เกย่ี วกับ Microsoft Word
2.7 ความรูเ้ กย่ี วกบั Google Maps
2.8 ความรเู้ กย่ี วกับ Canva
2.9 ความร้เู กี่ยวกบั Google Form
2.10 ความรูเ้ กยี่ วกบั Google slides
2.11 ความรเู้ กี่ยวกับ Google sheets
2.12 ความรู้เก่ียวกบั autocrat
2.13 ความรู้เกยี่ วกับ Microsoft OneDrive
2.14 MAGIX Vegas Movie Studio 17.0 Platinum ใช้สำหรบั ตดั ต่อวดิ ีโอ

2.1 แนวคดิ ของร้านขา้ วแตนตีใ๋ หญ่ และวิธกี ารทำ
เมื่อเอ่ยถึงขนมไทยในสมัยก่อน น้อยคนนักที่จะไม่รู้จกั ขนมข้าวแตนหรือเรยี กกนั ติดปากว่า “ขนม

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

5

ส่วนผสม
1.ข้าวเหนียว (น่งึ ) 1 กิโลกรัม
2.นำ้ แตงโม 1 ถ้วย
3.นำ้ ตาลทรายแดง 1 ชอ้ นโต๊ะ
4.นำ้ มันรำขา้ ว 1 ลิตร
5.นำ้ เปล่า 1/4 ถว้ ย
6.น้ำตาลปี๊บ 1 ถว้ ย
7.น้ำตาลทราย 1 ช้อนโตะ๊
8.เกลอื 1 ช้อนชา

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

มดั ปากถุงใหแ้ นน่
4. ใส่นำ้ มนั ใหเ้ ตม็ กระทะ ตัง้ ไฟใหร้ อ้ นจัด เอาขา้ วทจี่ ากแห้งแล้วลงทอด ประมาณ 40 วนิ าที ขา้ วแต๋น

จะลอยขนึ้ ใหต้ ดั ออกนำมาวางบนตะแกรง เพ่ือสะเดด็ นำ้ มัน และพกั ไวใ้ หเ้ ย็น
5. นำน้ำตาลป๊ีบ เคยี วไฟใหต้ กทราย พักไวใ้ หเ้ ย็นพอประมาณ แลว้ นำมาหยดลงบนขา้ ว
6. ใช้ถงุ พลาสตกิ สำหรบั ใสอ่ าหาร ขนาดทตี่ อ้ งการบรรจุขาย ถ้าจะให้ดี ปดิ ปากถงุ ให้มิดชดิ กนั ลมเข้า

วิธงี า่ ย ๆ ไล่ลมออกจากถุง แล้วใชเ้ ครอื่ งรดี ปากถงุ

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

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

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

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

ภาพที่ 2.2 Microsoft Sway

7

2.5 ความรเู้ กีย่ วกับ Adobe Photoshop CC 2020

ภาพท่ี 2.3 Adobe Photoshop CC 220

โปรแกรม Photoshop เป็นโปรแกรมในตระกลู Adobe ที่ใชส้ ำหรบั ตกแตง่ ภาพถา่ ยและภาพกราฟิก
ได้อย่างมปี ระสทิ ธภิ าพ ไม่ว่าจะเป็นงานดา้ นส่งิ พมิ พ์ นิตยสาร และงานดา้ นมลั ติมเี ดีย อกี ท้งั ยงั สามารถ
retouching ตกแต่งภาพและการสรา้ งภาพ ซึ่งกำลังเปน็ ท่ีนยิ มสงู มากในขณะนี้ เราสามารถใช้โปรแกรม
Photoshop ในการตกแต่งภาพ การใส่ Effect ตา่ ง ๆใหก้ ับภาพ และตวั หนังสอื การทำภาพขาวดำ การทำ
ภาพถา่ ยเป็นภาพเขยี น การนำภาพมารวมกนั การ Retouch ตกแตง่ ภาพต่าง ๆ

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

ความสามารถพื้นฐานของ Adobe Photoshop ทคี่ วรทราบ
- ตกแต่งหรอื แก้ไขรูปภาพ
- ตัดตอ่ ภาพบางส่วน หรอื ทเ่ี รยี กวา่ crop ภาพ
- เปลย่ี นแปลงสีของภาพ จากสีหนงึ่ เปน็ อกี สีหนง่ึ ได้
- สามารถลากเสน้ แบบฟรสี ไตล์ หรอื ใสร่ ูปภาพ ส่ีเหล่ียม วงกลม หรอื สรา้ งภาพได้อยา่ งอิสระ
- มีการแบง่ ช้นั ของภาพเป็น Layer สามารถเคลือ่ นย้ายภาพได้เป็นอสิ ระตอ่ กนั
- การทำ cloning ภาพ หรอื การทำภาพซำ้ ในรปู ภาพเดยี วกัน
- เพิ่มเตมิ ข้อความ ใส่ effect ของข้อความได้
- Brush หรือแปรงทาสี ทีส่ ามารถเลอื กรูปแบบสำเรจ็ รปู ในการสร้างภาพได้และอน่ื ๆ อีกมากมาย

8
2.6 ความรเู้ กี่ยวกับ Microsoft Word

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

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

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

ภาพท่ี 2.5 Canva

9

2.8 ความร้เู กี่ยวกบั Google Maps
บริการของ google ที่จะชว่ ยระบุตำแหน่งและการนำทาง เป็นการให้บรกิ ารเทคโนโลยีด้านแผนท่ี

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

ภาพท่ี 2.6 Google Maps

10

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

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

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

ภาพที่ 2.7 Google Form

11

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

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

ภาพที่ 2.8 Google Slies

2.11 ความรู้เกย่ี วกบั Google sheets
เปน็ แอปพลเิ คชันในกลุ่มของ Google Drive ซึง่ เปน็ นวัตกรรมของ Google มลี ักษณะการทำงาน

คลา้ ยกนั กบั Microsoft Excel คอื สามารถสร้าง Column, Row สามารถใสข่ ้อมลู ต่าง ๆ ลงไปใน Cell ได้
และ คำนวณสูตรตา่ ง ๆ ได้

ข้อดขี องการใชง้ าน Google sheets
1. เปน็ บรกิ ารให้ใช้ฟรีจาก Google
2. สามารถทำงานเปน็ ทมี ได้ : สามารถทำงานร่วมกนั ในสเปรดชีท (Spreadsheet) ไดใ้ นเวลา

เดยี วกนั นอกจากน้ยี งั สามารถแชรง์ าน แกไ้ ขแบบเรยี ลไทม์ หรอื แมก้ ระทงั่ แชทและแสดงความ
คดิ เหน็ กับบคุ คลใดก้ได้
3. ไม่ตอ้ งกด "บนั ทกึ " อีกเลย : เมื่อมีการทำงานเกิดข้ึนในสเปรดชที ทุกการพมิ พจ์ ะถกู บันทกึ ไว้
ทั้งหมดโดยอัตโนมัติ และยงั สามารถใชป้ ระวัติการแกไ้ ขเพื่อดูเวอร์ชน่ั เก่าๆ ของสเปรดชีทเดยี วกนั
โดยจัดเรยี งตามวนั ท่ีและคนทีแ่ ก้ไข
4. สามารถทำงานไดก้ บั Microsoft Excel (ไมโครซอฟท์ เอก็ เซล): สามารถเปิด แก้ไข และบนั ทกึ
เปน็ ไฟลไ์ มโครซอฟต์ Excel

12

ภาพที่ 2.9 Google Sheets
2.12 ความรเู้ ก่ยี วกับ autocrat

แบ่งปันเอกสารส่วนบุคคลโดยอัตโนมัติด้วย Autocrat เป็นเครื่องมือผสานเอกสารอเนกประสงค์ท่ี
ชว่ ยใหส้ ามารถนำข้อมลู จากสเปรดชตี และรวมเข้ากบั เอกสารผ่านเทมเพลต บอก Autocrat วา่ จะผสานชอ่ งใด
ผ่าน << รวมแท็ก >> แล้วให้ Autocrat สร้างเอกสารส่วนบุคคลจำนวนมาก เลือกที่จะส่งเอกสารเป็น
เอกสารแนบอีเมล เลือกที่จะบอกให้ Autocrat ทำงานเมื่อมีการส่งแบบฟอร์มใหม่เพื่อสร้างกระบวนการ
อัตโนมตั ิอย่างแทจ้ ริง

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

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

13

ภาพที่ 2.11 Microsoft OneDrive
3.14 MAGIX Vegas Movie Studio 17.0 Platinum ใช้สำหรบั ตดั ตอ่ วิดโี อ

โปรแกรมตัดต่อวิดีโอบนระบบปฏิบัติการ Windows ที่ถูกพัฒนามาเพื่องานตัดต่อ
ภาพยนตร์ และเสียง โดยในหนึ่งโปรแกรมนี้รองรบั และสนับสนุนไฟล์รูปแบบไฟล์ จึงสามารถใช้
งานร่วมกับโปรแกรมอื่น ๆ ได้อย่างมากมาย และโปรแกรมให้ผลงานที่มีระดับสูงได้ เช่น วีดีโอ
ระดับ Full HD หรอื เสยี งระดบั HQ VBR Studio Audio ได้

ภาพท่ี 2.12 MAGIX Vegas Movie Studio 17.0 Platinum

14

บทที่ 3
วธิ ีดำเนนิ การโครงงาน

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

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

3.1 ประชากรและการสมุ่ กลมุ่ ตัวอย่าง
ประชากรและกลมุ่ ตวั อย่างโครงงาน คอื นักศึกษาระดบั ชน้ั ประกาศนยี บตั รวชิ าชีพชั้นสูง ชน้ั ปีท่ี 1

หอ้ ง 3 สาขาวิชาเทคโนโลยีธุรกจิ ดจิ ิทลั วทิ ยาลัยอาชีวศกึ ษาพษิ ณโุ ลก ทั้งหมด 33 คน โดยเลือกแบบเจาะจง

3.2 เครอื่ งมอื ในการดำเนนิ โครงงาน
เครื่องมือทใี่ ชก้ ารดำเนินโครงงานเร่ือง เว็บไซตส์ ำนกึ รกั บ้านเกดิ รา้ นขา้ วแตนตใี๋ หญ่ มีดังต่อไปนี้
3.2.1 ดา้ นฮาร์ดแวร์
3.2.1.1 คอมพวิ เตอรแ์ ลป็ ท็อป MSI GF63 8RD
OS : Windows 10 Pro 64 Bit
CPU : Intel Core i7-8750H (2.20 GHz, 9 MB L3 Cache, up to 4.10 GHz)
GPU : NVIDIA GeForce GTX 1050Ti Max-Q (4GB GDDR5)
RAM : 16 GB DDR4.
SSD : M.2 512 GB
Hard Disk : 1 TB 5400 RPM.
Camera : WEBCAM HD type (30fps@720p)

15

3.2.1.2 โทรศพั ท์มอื ถอื Samsung A7 2018
CPU : Exynos 7885
OS : Android 10, One UI 2.0
Display : Super AMOLED capacitive touchscreen, 16M colors
1080 x 2220 pixels, 18.5:9 ratio (~411 ppi density)
Camara : กลอ้ งหลงั 3 ตัว : 24MP (f/1.7) + 8MP Ultrawide (f/2.4) + 5MP
Depth Sensor (f/2.2) กลอ้ งหนา้ : 24MP (f/2.0)

3.2.2 ด้านซอฟแวร์
3.2.2.1 Google Sites สำหรบั การสร้างเวบ็ ไซต์
3.2.2.2 Microsoft Sway สำหรับการสรา้ งเว็บไซตใ์ นการนำเสนอผลงาน
3.2.2.3 Photoshop สำหรับตกแตง่ ภาพในการสรา้ งเวบ็ ไซต์
3.2.2.4 Microsoft Word สำหรับการพมิ พเ์ อกสาร
3.2.2.5 Google Maps สำหรบั การทำแผนท่ี
3.2.2.6 Canva สำหรบั การตกแต่งรปู ภาพน่งิ หรอื เคลื่อนไหว
3.2.2.7 Google Form ใช้สำหรบั ทำแบบฟอร์มสอบถามความพงึ พอใจของ
เวบ็ ไซต์ และ การสงั่ ซื้อสนิ ค้าออนไลน์
3.2.2.8 Google slides ใชส้ ำหรับสรา้ งสไลด์ Show ออนไลน์
3.2.2.9 Google sheets ใชส้ ำหรบั การคำนวณค่าทไี่ ดม้ าจาก Google Form และ
มาคำนวณเป็นสถิตผิ ู้ตอบแบบสอบถาม
3.2.2.10 autocrat ใช้สำหรบั สร้างไฟล์ PDF เปน็ ใบเสรจ็ การสั่งซอื้ สินค้ากลบั
ไปยังทางชอ่ งทางอเี มลลกู คา้ ทันที
3.2.2.11 Microsoft OneDrive ใช้สำหรบั สำรองขอ้ มูลบนคลาวด์
3.2.2.12 MAGIX Vegas Movie Studio 17.0 Platinum ใชส้ ำหรบั ตดั ตอ่ วิดโี อ

16
3.3 หลกั ในการออกแบบเวบ็ ไซต์

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

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

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

17

3.3.2 โครงสรา้ ง เว็บไซตส์ ำนกึ รกั บ้านเกิด รา้ นข้าวแตนตี๋ใหญ่

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

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

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

18

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

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

ดำเนินงานตามขน้ั ตอนดงั ตอ่ ไปนี้

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

รา้ นข้าวแตนตีใ๋ หญ่

3.5.2 วิเคราะหค์ วามพึงพอใจของกลุ่มตัวอย่าง โดยใชค้ ่าเฉลีย่ และค่าเบ่ยี งเบนมาตรฐาน โดยใช้

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

ค่าร้อยละ

P = 100



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

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

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

คา่ เฉลีย่

̅ = ∑



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

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

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

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

. = √( − ̅)2
− 1

เมอื่ S.D. คือ ส่วนเบ่ยี งเบนมาตรฐาน
กกกกกกกกก คอื กกขอ้ มูลกก(ตัวที่กก1,2,3...,n)
กกกกกกกกก ̅ ก คือกกค่าเฉล่ยี เลขคณติ
กกกกกกกกก ก คือก จำนวนขอ้ มลู ทง้ั หมด

19

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

ข้าวแตนต๋ใี หญ่ใชค้ ่าเฉลีย่ และค่าเบย่ี งเบนมาตรฐาน โดยใช้เกณฑก์ ารประเมนิ คณุ ภาพ ดงั นี้

คา่ เฉล่ีย ความหมาย

4.51-5.00 หมายถึง ระดบั มากทส่ี ดุ

3.51-4.50 หมายถึง ระดับมาก

2.51-3.50 หมายถึง ระดับปานกลาง

1.51-2.50 หมายถงึ ระดบั นอ้ ย

1.00-1.50 หมายถึง ระดับนอ้ ยที่สุด

20

บทท่ี 4
ผลการดำเนินโครงงาน

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

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

4.1 ขัน้ ตอนการใช้งานเว็บไซตส์ ำนกึ รกั บา้ นเกิด ร้านขา้ วแตนตใ๋ี หญ่
4.1.1 เขา้ เวบ็ เบราว์เซอร์
4.1.2 เขา้ เว็บไซต์ www.google.co.th และพมิ พ์วา่ ขา้ วแตนต๋ใี หญ่

ภาพที่ 4.1 แสดงการคน้ หาเว็บไซต์รา้ นขา้ วแตนตีใ๋ หญ่

21

4.1.3 คลกิ ลงิ กแ์ รก จะแสดงหน้าแรกของเวบ็ ไซต์

ภาพที่ 4.2 แสดงหน้าแรกของเวบ็ ไซต์
4.1.4 คลกิ ทเ่ี มนู ประวัติความเป็นมา จะแสดงความเป็นมาของร้านขา้ วแตนตีใ๋ หญ่

ภาพท่ี 4.3 แสดงประวัตคิ วามเป็นมาของร้านข้าวแตนตีใ๋ หญ่

22

4.1.5 คลกิ ทเ่ี มนู สนิ ค้า จะแสดงสนิ ค้าท้งั หมดที่ร้านขา้ วแตนตี๋ใหญ่มจี ำหน่าย

ภาพท่ี 4.4 แสดงหนา้ สนิ คา้ ของเวบ็ ไซต์

4.1.6 คลิกทเ่ี มนู สัง่ ซ้ือ จะแสดงหน้าสงั่ ซื้อสนิ คา้ ประกอบด้วย วิธกี ารสัง่ ซ้ือ และ แบบฟอร์ม
การสงั่ ซื้อสินคา้ สามารถส่งั ซอ้ื สินค้าได้โดยกรอกขอ้ มลู และจะไดร้ บั ใบเสรจ็ ทกี่ ลอ่ ง อีเมล ตามทีก่ รอก

ภาพที่ 4.5 แสดงหนา้ สงั่ ซอ้ื สินค้าของเวบ็ ไซต์

23
ภาพที่ 4.6 แสดงอเี มลทเ่ี วบ็ ไซต์สง่ ใบเสร็จให้ลกู ค้า

ภาพที่ 4.7 แสดงใบเสรจ็ ทเ่ี วบ็ ไซต์สง่ ใหล้ กู ค้า

24

4.1.7 คลกิ ทเี่ มนู ตดิ ตอ่ เรา จะแสดงขอ้ มลู การติดตอ่ ร้าน และ ข้อมูลการติดต่อผ้พู ฒั นา

ภาพท่ี 4.8 แสดงหน้าตดิ ต่อเราเวบ็ ไซตร์ ้านขา้ วแตนตี๋ใหญ่
4.1.9 คลกิ ทเี่ มนู เขอื่ นนเรศวร และ คุ้งเตาเหลา้ จะแสดงขอ้ มูลของเขื่อนเรศวรและคุ้งเตาเหล้า

ภาพท่ี 4.9 แสดงหน้าเขื่อนนเรศวรของเวบ็ ไซต์

25

ภาพท่ี 4.10 แสดงหน้าคงุ้ เตาเหลา้ ของเวบ็ ไซต์
4.1.10 คลกิ ทเ่ี มนู ความเปน็ มาของขา้ วเกรียบ ประโยชนข์ องข้าวเกรยี บ ความเปน็ มาของขา้ วแต๋น
และ ประโยชน์ของข้าวแต๋น จะแสดงข้อมลู ขอ้ มูลที่เกยี่ วขอ้ งกับทเ่ี ลือก

ภาพท่ี 4.11 แสดงหนา้ ความเป็นมาของขา้ วเกรยี บของเวบ็ ไซต์

26
ภาพที่ 4.12 แสดงหนา้ ประโยชน์ของข้าวเกรยี บของเว็บไซต์

ภาพที่ 4.13 แสดงหนา้ ความเปน็ มาของข้าวแต๋น
ภาพที่ 4.14 แสดงหนา้ ประโยชน์ของข้าวแต๋น

27
4.1.11 คลิกทเี่ มนู แบบสอบถามความพอใจ จะแสดงหนา้ ใหผ้ ทู้ เ่ี ข้าชมเว็บไซตส์ ามารถตอบ
แบบสอบถามออนไลน์ได้

ภาพที่ 4.15 แสดงหนา้ แบบสอบถามความพงึ พอใจของเว็บไซต์
4.1.12 คลิกทเ่ี มนู สถติ ิของผู้ตอบแบบสอบถาม จะแสดงหนา้ ทีส่ ถติ ิและกราฟแบบ Realtime
ทผ่ี ้ตู อบแบบสอบถามไดต้ อบ

ภาพท่ี 4.16 แสดงหน้าสถิติของผ้ตู อบแบบสอบถาม

28

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

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

ชาย 10 30

หญงิ 23 70

รวม 33 100

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

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

อายุ จำนวน (คน) ร้อยละ
ตำ่ กวา่ 20 ปี 33 100
21 - 30 ปี 0 0
31 - 40 ปี 0 0
41 - 50 ปขี น้ึ ไป 0 0
33 100
รวม

จากตารางที่ 4.2 พบวา่ ผตู้ อบแบบสอบถามความพึงพอใจของกลมุ่ นักศึกษาวิทยาลยั อาชีวศึกษา
พษิ ณโุ ลก สาขาวิชาเทคโนโลยีธุรกจิ ดิจทิ ัล ประกาศนยี บตั รวิชาชีพชน้ั สงู ชัน้ ปีที่ 1 ห้อง 3 จำนวน 33 คน
เกย่ี วกบั ผทู้ ่ีอายตุ ่ำกวา่ 20 ปี จำนวน 33 คน คิดเป็นร้อยละ 100

29

ตารางท่ี 4.3 จำนวนและรอ้ ยละของผูต้ อบแบบสอบถามเก่ียวกับระดบั การศกึ ษา

ระดับการศึกษา จำนวน (คน) รอ้ ยละ
ประกาศนยี บตั รวชิ าชีพ (ปวช.) 0 0
ประกาศนยี บตั รวชิ าชีพช้ันสูง (ปวส.) 33 100
0 0
ปริญญาตรี 0 0
ปริญญาโท 0 0
33 100
อืน่ ๆ
รวม

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

30

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

ความพึงพอใจท่ีมีตอ่ เวบ็ ไซต์ ̅ S.D. ระดบั ลำดบั
คุณภาพ
1. ความสวยงามของเว็บไซต์ 2
2. เน้อื หามคี วามสอดคลอ้ งกบั จุดประสงค์ของโครงงาน 4.70 0.47 มากทส่ี ดุ 6
3. ภาพและสีของเวบ็ ไซตม์ คี วามเหมาะสม 8
4. มีหลกั ในการใชภ้ าษาอา่ นและสามารถเขา้ ใจง่าย 4.58 0.50 มากทส่ี ดุ 3
5. การเช่อื มโยงลงิ ก์ ภายใน ภายนอกของเวบ็ ไซต์ไดอ้ ยา่ งถกู ตอ้ ง 1
6. จดั ตำแหนง่ ของเนอ้ื หาแตล่ ะส่วนในเว็บไซตไ์ ดอ้ ย่างเหมาะสม 4.55 0.51 มากทสี่ ุด 7
7. ข้อมูลมีความครบถ้วนตามจุดประสงค์ และมีความทันสมัย 10
8. ขนาดของตวั อกั ษรมคี วามเหมาะสม 4.67 0.48 มากทีส่ ุด 9
9. สามารถนำไปใชใ้ นการคน้ คว้าขอ้ มูลบนอินเตอร์เน็ตได้ 4
10. เว็บไซต์มีความน่าสนใจ 4.79 0.42 มากท่ีสุด 5

รวม 4.58 0.56 มากท่สี ุด

4.52 0.51 มากที่สุด

4.55 0.51 มากที่สุด

4.67 0.48 มากที่สุด

4.61 0.44 มากที่สดุ

4.62 0.48 มากทสี่ ดุ

จากตารางท่ี 4.4 พบว่าการตอบแบบสอบถามทงั้ หมดมคี า่ ̅ = 4.62 , S.D. = 0.48 และ ระดบั
คณุ ภาพ มากท่สี ุด โดยความพึงพอใจทม่ี ตี ่อเวบ็ ไซต์มากที่สดุ คือ ข้อที่ 5. การเชื่อมโยงลิงค์ ภายใน ภายนอก
ของเวบ็ ไซตไ์ ด้อยา่ งถูกต้อง มคี ่า ̅ = 4.79 , S.D. = 0.42 ระดบั คุณภาพ มากท่สี ุด และรองลงมาได้แก่
ข้อที่ 1. ความสวยงามของเว็บไซต์ มคี ่า ̅ = 4.70 , S.D. = 0.47 ระดับคณุ ภาพ มากท่สี ุด

31

บทที่ 5
สรุปผล อภปิ รายผล และขอ้ เสนอแนะ

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

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

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

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

5.2 วิธกี ารดำเนนิ โครงงาน
การดำเนนิ งานจดั ทำโครงงานเรอื่ ง เว็บไซตส์ ำนกึ รกั บ้านเกดิ รา้ นข้าวแตนตใ๋ี หญ่ มขี น้ั ตอนการดำเนิน

โครงงานดงั นี้
5.2.1 ประชากรกลุ่มตวั อยา่ ง
- ประชากรกลุ่มตัวอย่าง คอื นักศึกษา ระดบั ชนั้ ประกาศนียบัตรวิชาชีพชนั้ สูง ชั้นปที ่ี 1 ห้อง 3
สาขาวิชาเทคโนโลยธี ุรกจิ ดจิ ทิ ลั วทิ ยาลยั อาชีวศกึ ษาพษิ ณุโลก ทัง้ หมด 33 คน
โดยเลอื กแบบเจาะจง
- ผู้ตอบแบบสอบถาม คอื คอื นักศกึ ษา ระดบั ช้นั ประกาศนยี บัตรวชิ าชพี ชนั้ สูง ชัน้ ปีที่ 1 หอ้ ง 3
สาขาวชิ าเทคโนโลยธี ุรกจิ ดจิ ทิ ลั วิทยาลัยอาชวี ศกึ ษาพิษณุโลก ท้ังหมด 33 คน
โดยเลอื กแบบเจาะจง

32

5.2.2 เครอ่ื งมอื ทใี่ ช้ดำเนินโครงงาน
5.2.2.1 Google Sites สำหรบั การสรา้ งเวบ็ ไซต์
5.2.2.2 Microsoft Sway สำหรบั การสรา้ งเว็บไซต์ในการนำเสนอผลงาน
5.2.2.3 Photoshop สำหรับตกแตง่ ภาพในการสรา้ งเวบ็ ไซต์
5.2.2.4 Microsoft Word สำหรับการพมิ พเ์ อกสาร
5.2.2.5 Google Maps สำหรบั การทำแผนท่ี
5.2.2.6 Canva สำหรบั การตกแต่งรปู ภาพนง่ิ หรือ เคลื่อนไหว
5.2.2.7 Google Form ใชส้ ำหรบั ทำแบบฟอรม์ สอบถามความพงึ พอใจของ
เว็บไซต์ และ การสง่ั ซอ้ื สนิ คา้ ออนไลน์
5.2.2.8 Google slides ใช้สำหรบั สร้างสไลด์ Show ออนไลน์
5.2.2.9 Google sheets ใช้สำหรับการคำนวณค่าที่ได้มาจาก Google Form และ
มาคำนวณเป็นสถิตผิ ู้ตอบแบบสอบถาม
5.2.2.10 autocrat ใช้สำหรับสร้างไฟล์ PDF เป็นใบเสรจ็ การสง่ั ซื้อสนิ ค้ากลับ
ไปยงั ทางชอ่ งทางอีเมลลกู ค้าทนั ที
5.2.2.11 Microsoft OneDrive ใชส้ ำหรบั สำรองข้อมลู บนคลาวด์
5.2.2.12 MAGIX Vegas Movie Studio 17.0 Platinum ใช้สำหรับตัดต่อวิดีโอ

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

ทั้งหมดมีค่า ̅ = 4.62 , S.D. = 0.48 และ ระดับคุณภาพ มากที่สุด โดยความพึงพอใจที่มีต่อเว็บไซต์
มากที่สุดคือ ข้อท่ี 5. การเชื่อมโยงลิงก์ ภายใน ภายนอกของเวบ็ ไซต์ได้อย่างถกู ต้อง มีค่า ̅ = 4.79 ค่า
S.D. = 0.42 ระดับคุณภาพ มากทีส่ ุด และรองลงมาได้แก่ ข้อที่ 1. ความสวยงามของเว็บไซต์ มีค่า ̅ =
4.70 , S.D. = 0.47 ระดบั คุณภาพ มากท่ีสดุ ข้อที่ 4. มีหลักในการใชภ้ าษาอา่ นและสามารถเข้าใจงา่ ย มี
ค่า ̅ = 4.67 , S.D. = 0.48 ระดับคุณภาพ มากที่สดุ ข้อที่ 9. สามารถนำไปใช้ในการค้นคว้าข้อมลู บน
อินเตอร์เน็ตได้ มีค่า ̅ = 4.67 , S.D. = 0.48 ระดับคณุ ภาพ มากที่สุด ข้อที่ 10. เว็บไซต์มีคา่ นา่ สนใจ
มคี า่ ̅ = 4.61 , S.D. = 0.44 ระดบั คุณภาพ มากทสี่ ุด ขอ้ ท่ี 2. เนอ้ื หามคี วามสอดคลอ้ งกับจุดประสงค์
ของโครงงาน มีค่า ̅ = 4.58 , S.D. = 0.50 ค่าเฉลี่ย มากที่สุด ข้อที่ 6. ภาพและสีของเว็บไซตม์ ีความ
เหมาะสม มีคา่ ̅ = 4.58 , S.D. = 0.56 คา่ เฉล่ีย มากทส่ี ุด ขอ้ ที่ 3. จัดตำแหน่งของเนื้อหาแต่ละสว่ นใน
เว็บไซต์ได้อย่างเหมาะสม มีค่า ̅ = 4.55 , S.D. = 0.51 ระดับคุณภาพ มากที่สุด ข้อที่ 8. ขนาดของ
ตัวอักษรมีความเหมาะสม มีค่า ̅ = 4.55 , S.D. = 0.51 ระดับคุณภาพ มากที่สุด และอันดับสุดท้าย
ไดแ้ ก่ ข้อท่ี 7. ขอ้ มูลมคี วามครบถ้วนตามจุดประสงค์ และมีความทันสมยั คา่ ̅ = 4.52 คา่ S.D. = 0.51
ระดับคณุ ภาพ มากทสี่ ดุ

33

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

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

34

บรรณานกุ รม

ข้อมูลเกย่ี วกับข้าวแตน๋ กกสบื คน้ เมอื่ วนั ท่ีกก7กกตุลาคมกกพ.ศ.กก2563
http://library.cmu.ac.th/ntic/lannafood/detail_lannafood.php?id_food=104
ข้อมลู เกย่ี วกบั ข้าวเกรยี บกกสบื ค้นเม่ือวนั ท่ีกก7กกตุลาคมกกพ.ศ.กก2563
http://www.phetchsamutkhiri.com/phet15/
ข้อมลู ออกแบบและการพฒั นาเวบ็ ไซตก์ กสบื ค้นเมอื่ วนั ท่ีกก7กกตลุ าคมกกพ.ศ.กก2563
https://www.1belief.com/article/website-designก
ความรเู้ ก่ยี วกบั โปรแกรมสำเรจ็ รปู กกAdobeกกPhotoshopกกCCกก2019ddสบื ค้นเมอ่ื วันท่ีกก
7กกตลุ าคมกกพ.ศ.กก2563
http://bps.in.th/kruoil/en/photoshop-cc
ความรเู้ ก่ยี วกับการใชง้ าน Google Sites สืบคน้ เม่อื วนั ที่ 7กกตุลาคมกกพ.ศ.กก2563
http://web.sut.ac.th/g/index.php/documentation/google-sites
ความรูเ้ กีย่ วกับกระบวนการวจิ ยั กกสบื คน้ เม่อื วนั ทกี่ ก7กกตลุ าคมกกพ.ศ.กก2563
https://sudawadeelim.wixsite.com › single-post
ความรู้เก่ยี วกบั สถิตเิ พอ่ื การวจิ ัยddสบื คน้ เมอื่ วันที่กก7กกตลุ าคมกกพ.ศ.กก2563
https://www.slideshare.net › twatchai
ความรู้เก่ยี วกบั การใชง้ าน Autocratddสบื คน้ เมื่อวันท่ีกก7กกตลุ าคมกกพ.ศ.กก2563
https://medium.com/@kz_ra/google-form-google-spreadsheet-email-b4f8d087e3c3

35

ภาคผนวก ก
หนงั สือส่งมอบ



37

ภาคผนวก ข
หนงั สือขอบคณุ



39

ภาคผนวก ค
การลงพนื้ ทร่ี ้านข้าวแตนต๋ีใหญ่

40
ภาพถา่ ยถนนทีต่ งั้ ของรา้ นข้าวแตนตี๋ใหญ่
ภาพถา่ ยรว่ มกับเจา้ ของร้านข้าวแตนต๋ีใหญ่

ภาพถ่ายหนา้ รา้ นขา้ วแตนตี๋ใหญ่
ภาพถ่ายการผสมนำ้ มลู กบั ข้าวเหนยี ว

41

ภาพถ่ายการนำข้าวเหนยี วท่ผี สมนำ้ มลู ลงบนแบบ
ภาพถา่ ยการนำข้าวแต๋นตากแดด

ภาพถา่ ยการนำข้าวแต๋นท่ตี ากแดดมาทอดนำ้ มัน
การนำขา้ วแต๋นท่ีทอดเสรจ็ มาลงในถุงบรรจุภณั ฑ์