โครงงานเรื่อง เว็บไซต์ร้านแซนวิชลองก่อน

1 เวบ็ ไซต์ร้านแซนวชิ ลองก่อน นางสาวชลธิชา แสนเมือง รหัสนักศึกษา 64302040002 นางสาวพริ ินทร์รัตน์ ศรีสัมฤทธ์ิ รหัสนักศึกษา 64302040028 ประกาศนียบตั รวชิ าชีพช้ันสูง (ปวส.) ปี ท่ี 1 ห้อง 3 เสนอ อาจารย์ภูมพิ ฒั น์ วนพิพฒั น์พงศ์ รายวชิ าการประมวลผลแบบคลาวด์ ( 30204 – 2105 ) วทิ ยาลยั อาชีวศึกษาพษิ ณุโลก สานักงานคณะกรรมการการอาชีวศึกษาพิษณุโลก กระทรวงศึกษาธิการ ประจาปี การศึกษา 2564

2 เวบ็ ไซตร์ ้านแซนวิชลองก่อน นางสาวชลธิชา แสนเมือง รหสั นกั ศึกษา 64302040002 นางสาวพิรินทร์รัตน์ ศรีสัมฤทธ์ิ รหสั นกั ศึกษา 64302040028 ประกาศนียบตั รวชิ าชีพช้นั สูง (ปวส.) ปี ที่ 1 ห้อง 3 เสนอ อาจารยภ์ มู ิพฒั น์ วนพพิ ฒั น์พงศ์ รายวิชาการประมวลผลแบบคลาวด์ ( 30204 – 2105 ) วิทยาลยั อาชีวศึกษาพิษณุโลก สานกั งานคณะกรรมการการอาชีวศึกษาพิษณุโลก กระทรวงศึกษาธิการ ประจาปี การศึกษา 2564

ก หัวข้อโครงงาน เวบ็ ไซตร์ ้านแซนวชิ ลองก่อน ผู้ดาเนินโครงงาน นางสาวชลธิชา แสนเมือง นางสาวพริ ินทร์รัตน์ ศรีสัมฤทธ์ิ อาจารย์ท่ีปรึกษา นายภมู ิพฒั น์ วนพพิ ฒั น์พงศ์ หลกั สูตร ประกาศนียบตั รวชิ าชีพช้นั สูง สาขาวชิ า เทคโนโลยธี ุรกิจดิจิทลั ปี การศึกษา 2564 บทคัดย่อ โครงงานสานึกรักบา้ นเกิด เร่ือง ร้านแซนวชิ ลองก่อน บา้ นเลขที่ 128/1 หมู่ 5 ต.บา้ นกร่าง อ.เมือง จ.พิษณุโลก มีจุดประสงค์ ดงั ต่อไปน้ี 1) เพื่อเผยแพร่และประชาสมั พนั ธ์ใหก้ บั ร้านแซนวชิ ลอง ก่อน 2) เพ่ือนาเวบ็ ไซตท์ ี่สร้างข้นึ ไปประยกุ ต์ เพื่อสร้างรายไดใ้ หแ้ ก่ครอบครัว 3) เพื่อนาเวบ็ ไซต์ ท่ีสร้างข้ึนไปประยกุ ตใ์ ชไ้ ดจ้ ริงในการเพ่มิ ยอดขายใหก้ บั สินคา้ และเป็นท่ีรู้จกั อยา่ งแพร่หลาย การจดั ทาโครงงานน้ีมีกลุ่มประชากร และ กลุ่มตวั อยา่ งเป็นนกั ศึกษาระดบั ช้นั ประกาศนียบตั ร วชิ าชีพช้นั สูง ช้นั ปี ท่ี 1 หอ้ ง 3 และ บุคคลทวั่ ไปในชุมชน ตาบลบา้ นกร่าง จานวน 37 คน โดยเลือก แบบเจาะจง ผลการวิจยั พบวา่ ประสิทธิภาพของเวบ็ ไซตร์ ้านแซนดว์ ชิ ลองก่อน ภาพรวมมีคา่ ������̅= 4.43, S.D. = 0.71 และ ระดบั คุณภาพ มากที่สุด การพิจารณาเป็ นหัวขอ้ ย่อยสาหรับความพึงพอใจท่ีมีต่อเวบ็ ไซต์ ระดับมากท่ีสุด คือ ขอ้ ที่5. ภาพและสีของเว็บไซต์มีความเหมาะสม มีค่า ������̅̅ = 4.63 , S.D. = 0.59 ระดบั คณุ ภาพ มากที่สุด และรองลงมาไดแ้ ก่ ขอ้ ท่ี 1.เวบ็ ไซตม์ ีความน่าสนใจ มีค่า ������̅̅ = 4.52 , S.D. = 0.50 ระดบั คุณภาพ มากที่สุด

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

สารบัญ ค เร่ือง หน้า บทคัดย่อ ก กติ ติกรรมประกาศ ข สารบัญ ค สารบัญตาราง จ สารบัญภาพ ฉ บทท่ี 1 บทนา 1 1.1 ความเป็นมาของปัญหา 1 1.2 วตั ถปุ ระสงคข์ องโครงงาน 2 1.3 ขอบเขตการทาโครงงาน 2 1.4 นิยามคาศพั ท์ 2 1.5 ประโยชนท์ ี่คาดวา่ จะไดร้ ับ 3 บทที่ 2 แนวคิด ทฤษฎี เอกสารและงานวจิ ยั ท่เี กยี่ วข้อง 4 2.1 แนวคดิ ของร้านแซนวชิ ลองก่อน และวธิ ีการทา 4 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 9 2.9 ความรู้เก่ียวกบั Google slides 9 2.10 ความรู้เก่ียวกบั Google sheets 10 2.11 ความรู้เกี่ยวกบั Google Data Studio 11 2.12 ความรู้เกี่ยวกบั Microsoft OneDrive 11 2.13 Cap cut ใชส้ าหรับตดั ต่อวดิ ีโอ 12

สารบญั (ต่อ) ง เรื่อง หน้า บทท่ี 3 วิธดี าเนินการโครงงาน 13 3.1 ประชากรและการสุ่มกลมุ่ ตวั อยา่ ง 13 3.2 เครื่องมือในการดาเนินโครงงาน 13 3.3 หลกั ในการออกแบบเวบ็ ไซต์ 15 3.4 การเก็บรวบรวมขอ้ มลู 16 3.5 การวเิ คราะห์ขอ้ มูล 17 บทท่ี 4 ผลการดาเนินโครงงาน 19 4.1 ข้นั ตอนการใชง้ านเวบ็ ไซต์ ร้านแซนวิชลองก่อน 19 4.2 ผลการวิเคราะหท์ วั่ ไปของผตู้ อบแบบสอบถาม 25 4.3 ความพงึ พอใจของผตู้ อบแบบสอบถามที่มีตอ่ เวบ็ ไซต์ 27 บทท่ี 5 สรุปผล อภปิ รายผล และข้อเสนอแนะ 28 5.1 วตั ถุประสงค์ 28 5.2 วิธีการดาเนินโครงงาน 28 5.3 สรุปผลการดาเนินโครงงาน 29 5.4 ปัญหาและอุปสรรค 30 5.5 ขอ้ เสนอแนะและแนวทางในการพฒั นา 30 บรรณานุกรม ภาคผนวก ภาคแผนก ก เวบ็ ไซตร์ ้านแซนดว์ ชิ ลองก่อน ภาคแผนก ข การส่งมอบเวบ็ ไซตใ์ หก้ บั ร้านแซนวชิ ลองก่อน ภาคแผนก ค ประวตั ิครูที่ปรึกษาโครงงาน ภาคแผนก ง ประวตั ิผจู้ ดั ทาโครงงาน

สารบญั ตาราง จ ตารางท่ี หน้า 25 ตารางท่ี 4.1 ผลการวิเคราะหข์ อ้ มูลทว่ั ไปของผตู้ อบแบบประเมิน 27 ตารางที่ 4.2 ค่าเฉล่ียและส่วนเบี่ยงเบนมาตรฐานดา้ นความพึงพอใจตอ่ เวบ็ ไซต์

สารบัญภาพ ฉ ภาพที่ หน้า ภาพท่ี 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 Google Sheets 10 ภาพที่ 2.9 Google Data Studio 11 ภาพที่ 2.10 Microsoft OneDrive 11 ภาพท่ี 2.11 โปรแกรม Cap Cut 12 ภาพท่ี 3.1 คอมพวิ เตอร์แลป็ ทอ็ ป 13 ภาพที่ 3.2 โทรศพั ทม์ ิอถือ 13 ภาพที่ 3.3 ข้นั ตอนการทางาน Flowchart 15 ภาพท่ี 3.4 โครงสร้างเวบ็ ไซต์ 16 ภาพท่ี 4.1 แสดงการคน้ หาเวบ็ ไซตร์ ้านแซนวิชลองก่อน 19 ภาพท่ี 4.2 แสดงหนา้ แรกของเวบ็ ไซต์ 20 ภาพที่ 4.3 แสดงประวตั ิความเป็นมาของร้านแซนวชิ ลองก่อน 20 ภาพที่ 4.4 แสดง ข้นั ตอนการทา ของร้านแซนวชิ ลองก่อน 21 ภาพที่ 4.5 แสดงหนา้ รายการสินคา้ ของร้านแซนวชิ ลองก่อน 21 ภาพที่ 4.6 แสดงหนา้ การสั่งซ้ือสินคา้ ของร้านแซนวิชลองก่อน 22 ภาพที่ 4.7 แสดงอีเมลท่ีเวบ็ ไซตส์ ่งใบเสร็จใหล้ ูกคา้ 22 ภาพที่ 4.8 แสดงใบเสร็จท่ีเวบ็ ไซตส์ ่งใหล้ ูกคา้ 23 ภาพที่ 4.9 แสดงหนา้ ช่องทางการติดต่อ 23 ภาพที่ 4.10 แสดงหนา้ แบบสอบถามความพึงพอใจของเวบ็ ไซต์ 24 ภาพที่ 4.11 แสดงหนา้ กราฟแสดงสถิติ แบบสอบถามความพอใจของเวบ็ ไซต์ 24 ภาพที่ 4.12 แสดงหนา้ ขอ้ มูลผจู้ ดั ทา 25

1 บทที่ 1 บทนา 1.1 แนวคิด ที่มา และความสาคญั เวบ็ ไซต์ คือส่ิงๆหน่ึงที่สามารถเป็นแหล่งรวมขอ้ มูล และใชใ้ นการประชาสัมพนั ธ์กบั ผูใ้ ชง้ าน ทวั่ ไปบนโลกออนไลน์ และช่วยสร้างตวั ตนให้มีความน่าเช่ือถือ ในแวดวงธุรกิจไดอ้ ีกดว้ ย เช่น ระบุ ท่ีต้งั บริษทั ช่องทางการติดต่อ รวมถึงเป็นพ้ืนที่ไวส้ าหรับรวบขอ้ มูลต่างๆ ยกตวั อยา่ งขอ้ มูลสาคญั ๆ ที่ เราสามารถรวบรวมเก็บไวใ้ นเว็บไซตไ์ ดใ้ นที่เดียว และยงั สามารถใชพ้ ้ืนท่ีเวบ็ ไซตใ์ นการสร้าง Email เพื่อรับส่งขอ้ มูลกบั ผูต้ ิดต่อจาก Hosting ไดอ้ ีกดว้ ย และ มีการพฒั นาและมีความกา้ วหนา้ อยา่ งรวดเร็ว ซ่ึงความกา้ วหนา้ ของเทคโนโลยดี า้ นน้ีทาใหผ้ ูค้ นติดต่อแลกเปลี่ยนสิ่งต่างๆ กนั ได้ ไม่ว่าจะอยทู่ ี่ใดบน โลก และยงั สามารถใชง้ านไดต้ ลอด 24 ชวั่ โมง และไดม้ ีการนามาใชใ้ นการพฒั นาธุรกิจอยา่ งกวา้ งขวาง ก่อให้เกิดการเปลี่ยนแปลงทางดา้ นเศรษฐกิจ สังคม เกษตรกรรม และอุตสาหกรรมของประเทศเป็ น อยา่ งมาก ในยุคปัจจุบนั เว็บไซตค์ ือสิ่งท่ีใช้ในการหาขอ้ มูลต่างๆ เป็ นแหล่งใชห้ าความรู้เชิงการศึกษา และยงั มีประโยชน์สาหรับผทู้ ่ีทาเวบ็ ไซตส์ าหรับใชใ้ นองคก์ ร เพราะสามารถใชใ้ นการแข่งขนั ไดใ้ นเชิง ธุรกิจ และยงั สร้างตัวตนให้เป็ นที่รู้จกั ในแวดวงโลกออนไลน์ ซ่ึงจาเป็ นอย่างมากในสมยั น้ี เม่ือ เปรียบเทียบเม่ือ 30 ปี ท่ีแลว้ เวบ็ ไซตย์ งั เป็นสิ่งท่ียงั ใหมม่ าก และนอ้ ยคนท่ีจะเขา้ ถึง และตอนน้ีเครื่องมือ ท่ีใชง้ านบนเวบ็ ไซตน์ ้นั พฒั นามาค่อนขา้ งไกลพอสมควร ช่วยทาใหช้ ีวิตประจาวนั ของเราน้นั สะดวก ยิ่งข้ึน ยกตวั อยา่ งการซ้ือสินคา้ ผา่ นบนเวบ็ ไซต์ โดยท่ีเราไม่ตอ้ งออกไปหนา้ ร้านเองเพื่อซ้ือสินคา้ แบบ เมื่อก่อน รวมถึงเห็นโฆษณาต่างๆ รับข่าวสารไดอ้ ยา่ งรวดเร็วทนั ใจ ดว้ ยเหตนุ ้ีเองโครงการน้ีจึงไดพ้ ิจารณาท่ีจะสร้างเวบ็ ไซตข์ องร้านแซนวิชลองก่อนเพ่ือนาไปสู่ เวบ็ ไซต์ทางธุรกิจ เช่น การสั่งซ้ืออาหารผ่านเวบ็ ไซต์เพื่อช่วยทาให้ชีวิตประจาวนั ของเราน้ันสะดวก ยงิ่ ข้ึน และ เนื่องจากร้านแซนด์วิชลองก่อนเป็ นร้านของครอบครัวหน่ึงในสมาชิกผูจ้ ดั ทา เป็นร้านท่ี ไม่มีหน้าร้านประจา ส่วนมากจะขายตามตลาดนัด หรือทาง Facebook ส่วนตัว แต่ ตอนน้ีเป็ น สถานการณ์โรคระบาดโควิด 19 จึงทาให้ร้านแซนวิชลองก่อนจาหน่ายสินคา้ ไม่ไดก้ าไร เน่ืองจาก ตลาดนัดมีผูค้ นไปใช้บริการน้อยกว่าเดิมอย่างเห็นได้ชดั บางที่ก็ไม่ให้มีการจดั ตลาดนัด จึงจัดทา โครงงานเพราะ จะช่วยเผยแพร่และประชาสัมพนั ธ์ให้กบั ร้านแซนวชิ ลองก่อน และยงั ช่วยสร้างรายได้ ใหก้ บั ครอบครัวอีกดว้ ย

2 1.2 วัตถปุ ระสงค์ 1. เพอื่ เผยแพร่และประชาสมั พนั ธ์ใหก้ บั ร้านแซนวชิ ลองก่อน 2. เพอ่ื นาเวบ็ ไซตท์ ี่สร้างข้นึ ไปประยกุ ต์ เพ่ือสร้างรายไดใ้ ห้แก่ครอบครัว 3. เพ่ือนาเวบ็ ไซตท์ ่ีสร้างข้นึ ไปประยกุ ตใ์ ชไ้ ดจ้ ริงในการเพิ่มยอดขายใหก้ บั สินคา้ และเป็นท่ีรู้จกั อยา่ งแพร่หลาย 1.3 ขอบเขตของการทาโครงการ ร้านแซนวิชลองก่อน บา้ นเลขท่ี 128/1 หมู่5 ตาลบา้ นกร่าง อาเภอเมือง จงั หวดั พิษณุโลก ประชากร และ กลุ่มตวั อยา่ ง คือ นกั ศึกษาระดบั ช้นั ประกาศนียบตั รวชิ าชีพช้นั สูง ช้นั ปี ที่ 1 หอ้ ง 3 และ บุคคลทวั่ ไปในชุมชน ตาบลบา้ นกร่าง จานวน 37 คน โดยเลือกแบบเจาะจง 1.4 นยิ ามศัพท์เฉพาะ แซนด์วิช หมายถึง ขนมปังห่ันแบบคู่หน่ึงประกบกัน ตรงกลางมักมีหมูแฮม ชีส ไข่ดาว แตงกวาดอง ทามายองเนส มสั ตาร์ด หรือแยม ถา้ เป็ นแบบอเมริกนั มกั ใชข้ นมปังท้งั แผ่น บางคร้ังปิ้ ง ดว้ ย เว็บไซ ต์ หมาย ถึ ง เอกส ารหรื อส่ วนที่ ติ ดต่อกับผู้ใช้ในเว็บ เรี ย กว่า เว็บเพจ (Webpage) หมายถึงเอกสารหน่ึงหนา้ การใชเ้ วบ็ กค็ อื การเปิ ดอ่านหรือเปิ ดใชเ้ วบ็ แต่ละหนา้ นนั่ เอง แคนวา หมายถึง โปรแกรมสาเร็จรูปที่อยใู่ นรูปแบบของเวบ็ ไซต์ ที่จะช่วยผใู้ ชใ้ นเรื่องของการ ดีไซน์งานต่าง ๆ ที่ไม่ใช่แค่สไลด์พรีเซนเทชนั่ อย่างเดียว แต่จะช่วยเหลือทุกงาน Artwork เท่าที่จะ เป็นไปได้ ผใู้ ชง้ านไม่จาเป็นจะตอ้ งมีความรู้ศิลปะเลยก็สามารถใช้ Canva ได้ การออกแบบ หมายถึง การสร้างสรรคส์ ิ่งใหม่หรือปรับปรุงดัดแปลงส่ิงที่มีอยู่ให้ดีข้ึนและมี รูปแบบท่ีเปลี่ยนไปจากเดิมการถ่ายทอดรูปแบบจากความคิดออกมาเป็ นผลงาน ที่ผูอ้ ่ืนสามารถ มองเห็นกกรับรู้หรือสัมผสั ไดซ้ ่ึงการออกแบบครอบคลุมถึงการออกแบบวตั ถุระบบหรือปฏิสัมพนั ธ์ ของมนุษย์ โครงงาน หมายถึง การศึกษาคน้ ควา้ เกี่ยวกบั ส่ิงใดส่ิงหน่ึง หรือหลายๆส่ิงที่อยากรู้คาตอบให้ ลึกซ้ึง หรือเรียนรู้ในเร่ืองน้นั ๆใหม้ ากข้ึนโดยใชก้ ระบวนการวธิ ีการที่ศึกษาอยา่ งมีระบบ เป็นข้นั ตอน มี การวางแผนในการศึกษาอยา่ งละเอียด

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

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 ความรู้เกี่ยวกบั Google slides 2.10 ความรู้เก่ียวกบั Google sheets 2.11 ความรู้เกี่ยวกบั Google Data Studio 2.12 ความรู้เกี่ยวกบั Microsoft OneDrive 2.13 Cap cut ใชส้ าหรับตดั ตอ่ วิดีโอ 2.1 แนวคิดของร้านแซนด์วชิ ลองก่อน และวิธีการทา แซนดว์ ิชน้นั เป็นอาหารยอดนิยมอยา่ งหน่ึงของโลกตะวนั ตก และเป็นอาหารที่เก่าแก่ และ ณ ปัจจุบนั แซนด์วิชก็ถูกพฒั นาข้ึนแบบแตกแขนงออกไปทวั่ โลก เป็นอาหารท่ีทามาจาก ขนมปังหน่ั แบบคูห่ น่ึงประกบกนั นิยมรับประทานกนั ในตอนเชา้ และร้านแซนดว์ ชิ ลองก่อน กไ็ ดม้ ีการ นาแซนวิช น้ีมาสร้างสรรคแ์ ละต่อยอดให้เป็ นธุรกิจในครอบครัวเพ่ือเพ่ิม โดยเป็นสูตรไดด้ ดั แปลงให้ ถูกปากกบั บุคคลทวั่ ไปในปัจจุบนั ยงิ่ ข้ึนโดยมีหลายตวั เลือกให้กบั ลูกคา้ เช่น มีแซนวิชครัวซองต์ แซน วิชจิ๋ว แซนวิชโบราณ แซนวิชบิ๊กไซต์ แซนวิชห่อกระดาษ ฯลฯ เป็นตน้ เพ่ือเขา้ ถึงลูกคา้ ท่ีชอบอาหาร แปลกใหม่ และสร้างสรรค์

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

6 2.2 ความรู้เกย่ี วกบั ระบบประมวลผลคลาวด์ “คลาวด”์ น้นั ยอ่ มาจาก “การประมวลผลระบบคลาวด”์ และหมายถึงงานและการบริการท่ี ใหบ้ ริการหรือโฮสตผ์ า่ นอินเทอร์เน็ตแบบจ่ายตามการใชง้ าน ผคู้ นสามารถจดั เก็บ ใชง้ าน และจดั การ ขอ้ มลู ผา่ นอินเทอร์เนต็ ไดใ้ นระยะหน่ึง แต่การประมวลผลระบบคลาวดเ์ ป็นการบริการแบบชาระเงินที่ ใหบ้ ริการขา้ งตน้ ในระดบั ท่ีใหญ่กวา่ มาก คลาวดไ์ ม่ไดเ้ ป็นรูปแบบเสมือนจริงท้งั หมด และถึงแมว้ า่ คุณอาจไมไ่ ดบ้ นั ทึกไฟลล์ งใน คอมพิวเตอร์ของคุณโดยตรง แต่ไฟลก์ ย็ งั ตอ้ งมีท่ีอยใู่ นฮาร์ดแวร์ท่ีไหนสักแห่งในโลก เมื่อคณุ อพั โหลด อะไรบางอยา่ งไปยงั คลาวดผ์ า่ นการบริการอยา่ ง Dropbox ระบบจะส่งไฟลผ์ า่ นอินเทอร์เนต็ ไปยงั เซิร์ฟเวอร์ ซ่ึงเป็นเซิร์ฟเวอร์ท่ีมีอยจู่ ริงและจบั ตอ้ งได้ ผใู้ หก้ ารบริการคลาวดม์ ีเซิร์ฟเวอร์จริงนบั แสน ท่ี รู้จกั กนั ในช่ือ “เซิร์ฟเวอร์ฟาร์ม” ซ่ึงต้งั อยใู่ นกลุ่มเซิร์ฟเวอร์ศูนยข์ อ้ มลู ทวั่ โลก 2.3 ความรู้เกยี่ วกบั Google Sites Google Sites คือโปรแกรมของ Google ที่ใหบ้ ริการสร้างเวบ็ ไซตฟ์ รี สามารถสร้างเวบ็ ไซตไ์ ด้ งา่ ย ปรับแตง่ รูปลกั ษณ์ไดอ้ ยา่ งอิสระ และสามารถรวบรวมความหลากหลายของขอ้ มูลไวใ้ นท่ีเดียว เช่น วิดีโอ, ปฏิทิน, เอกสาร อ่ืนๆ สามารถนามาแทรกในหนา้ เวบ็ เพจได้ เป็นการเพ่ิมลูกเล่น ใชง้ านไดง้ ่าย ทาใหช้ ่วยอานวยความสะดวกไดเ้ ป็นอยา่ งมาก จดุ เด่นของ Google Sites ▪ ใหบ้ ริการฟรี ไม่เสียคา่ ใชจ้ ่าย ▪ พ้นื ท่ีจดั เกบ็ ขอ้ มูลไมจ่ ากดั ▪ มี Gadget มากมาย ▪ ใชง้ านไดง้ า่ ย ภาพท่ี 2.1 Microsoft Site

7 2.4 ความรู้เกยี่ วกบั Microsoft Sway Sway เป็นเครื่องมือสร้างเวบ็ ท่ีใชห้ ลกั การ WYSIWYG (What You See Is What You Get) ซ่ึง ทาให้การสร้างเว็บเป็ นเร่ืองง่ายมากเพราะแทบจะไม่ตอ้ งเขียนโคด้ เลย Sway (สเวย)์ ฉลาดพอที่จะ แนะนาการจัด layout (เลเอ้า) หน้าเว็บให้ผูใ้ ช้และเรนเดอร์มันออกมาให้ดูสดๆ โดยใช้พลังการ ประมวลผลจาก Azure (แอสชัว) โดยมันจะวางรูปและตัวหนังสือในท่ีท่ีอัลกอริทึมของมนั เห็นว่า เหมาะสม ผลที่ไดจ้ ะเป็นหนา้ เวบ็ หน่ึงเวบ็ และเกบ็ อยบู่ นคลาวด์ ซ่ึงสามารถเขา้ ถึงไดจ้ าก sway.comและ หน้าเว็บน้ีก็จะถูกจัดให้สวยงามไม่ว่าจะเข้าดูจากอุปกรณ์ใดก็ตาม ผูใ้ ช้ยงั สามารถนาเน้ือหาจาก OneDrive (วนั ไดร์), YouTube (ยูทูป), Facebook (เฟสบุ๊ค) และ Twitter (ทวิตเตอร์) เขา้ มารวมไวใ้ น Sway ได้ ภาพที่ 2.2 Microsoft Sway 2.5 ความรู้เกย่ี วกบั Microsoft Word เป็ นโปรแกรมประมวลผลคาแบบพิเศษท่ีช่วยให้สร้างเอกสารแบบมืออาชีพ มี ประสิทธิภาพ ประหยดั เช่น เหมาะกบั งานดา้ นการพิมพเ์ อกสารทุกชนิด สามารถพิมพเ์ อกสารออกมาเป็นชุด ๆ ซ่ึง เอกสารอาจเป็ นจดหมาย บนั ทึกขอ้ ความ รายงาน บทความ ประวตั ิย่อ และยงั สามารถตรวจสอบ ทบทวน แกไ้ ข ปรับปรุง ความถูกตอ้ งในการพิมพเ์ อกสารไดอ้ ย่างง่ายดาย สามารถตรวจสอบ สะกด คา และหลกั ไวยากรณ์เพิ่มตาราง เพิ่มกราฟิ ก ในเอกสารไดห้ รือเพ่ิมเติมขอ้ มูลไดต้ ลอดเวลา สามารถ ใช้งานในลกั ษณะ ของการจดั พิมพด์ ว้ ยคอมพิวเตอร์แบบต้งั โต๊ะ (Desktop Publishing) สร้างโบชวั ร์ (Brochures) สร้างงานดา้ นสื่อโฆษณา (Advertisements) และจดหมายขา่ ว (Newsletters) เป็นตน้ ภาพที่ 2.3 Microsoft Word

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

9 2.8 ความรู้เกย่ี วกบั Google Form Google Form เป็นส่วนหน่ึงในบริการของกล่มุ Google Docs ที่ช่วยใหเ้ ราสร้าง แบบสอบถามออนไลน์ หรือใชส้ าหรับรวบรวมขอ้ มูลไดอ้ ยา่ งรวดเร็ว โดยที่ไม่ตอ้ งเสียค่าใชจ้ ่าย ในการใชง้ าน Google Form ผใู้ ชส้ ามารถนาไปปรับประยกุ ตใ์ ชง้ านไดห้ ลายรูปแบบอาทิ เช่น การ ทาแบบฟอร์มสารวจความคิดเห็น การทาแบบฟอร์มสารวจความพงึ พอใจ การทาแบบฟอร์ม ลงทะเบียน และการลงคะแนนเสียง เป็นตน้ ท้งั น้ีการใช้งานกูเกิ้ลฟอร์มน้ัน ผูใ้ ช้งานหรือผูท้ ่ีจะสร้างแบบฟอร์มจะตอ้ งมีบัญชีของ Gmail หรือAccount ของ Google เสียก่อน ผูใ้ ชง้ านสามารถเขา้ ใชง้ านสร้างแบบฟอร์มผ่าน Web Browser ไดเ้ ลยโดยที่ไม่ตอ้ งติดต้งั โปรแกรมใดๆ ท้งั สิ้น ภาพท่ี 2.6 Google Form 2.9 ความรู้เกย่ี วกบั Google Slides Google Slides เป็นโปรแกรมที่สามารถนาเสนอชิ้นงานใหม้ ีความหลากหลาย รูปแบบที่ ทนั สมยั พร้อมเทคนิคท่ีทาใหช้ ิ้นงานเป็นที่โดดเด่น Google Slide คือ โปรแกรมสาเร็จรูปสาหรับสร้างสไลด์ ท่ีสามารถสร้าง แกไ้ ข และทางาน ร่วมกบั ผอู้ ื่นได้ ท้งั ในรูปแบบออนไลน์และออฟไลน์ จุดเด่นของ Google Slides ไดแ้ ก่ 1. สร้างงานนาเสนอใหม่หรือแกไ้ ขงานนาเสนอท่ีสร้างไวบ้ นเว็บไซตห์ รืออปุ กรณ์อ่ืนๆ 2. แชร์งานนาเสนอและทางานร่วมกบั บคุ คลอื่นในงานนาเสนอเดียวกนั ไปพร้อมๆ กนั 3. ทางานใหเ้ สร็จในทุกเวลาที่ตอ้ งการ แมไ้ มม่ ีการเช่ือมต่ออินเทอร์เน็ต 4. เพมิ่ และจดั เรียงสไลดใ์ หม่ จดั รูปแบบขอ้ ความและรูปร่าง และอื่นๆ 5. นาเสนอจากอปุ กรณ์ที่เชื่อมตอ่ อินเทอร์เน็ต เช่น เครื่องคอมพวิ เตอร์ PC แทบ็ เลต็ โน๊ตบ๊คุ ได้ 6. ระบบจะบนั ทึกทุกอยา่ ง ท่ีกาลงั พมิ พโ์ ดยอตั โนมตั ิ ทาใหผ้ ใู้ ชง้ านไม่ตอ้ งกงั วลเรื่องงานหาย 7. Google Slides ทาใหไ้ อเดียของคุณโดดเด่นดว้ ยธีมงานนาเสนอหลากหลายแบบ สามารถแทรก อกั ษร แทรกวดิ ีโอ ภาพเคล่ือนไหว

10 ภาพที่ 2.7 Google Slides 2.10 ความรู้เกย่ี วกบั Google Sheets Google Sheets (กูเกิล ชีท) เป็นแอปพลิเคชนั ในกลุ่มของ Google Drive (กูเกิล ไดรฟ์ ) ซ่ึงเป็ นนวัตกรรมของ Google (กูเกิล) มีลักษณะการทางานคล้ายกันกับ Microsoft Excel (ไมโครซอฟท์ เอ็กเซล) คือสามารถสร้าง Column, Row สามารถใส่ขอ้ มูลต่างๆ ลงไปใน Cell (เซลล)์ ได้ และ คานวณสูตรต่างๆได้ ขอ้ ดีของการใช้ Google Sheets 1. เป็นบริการใหใ้ ชฟ้ รีจาก Google (กเู กิล) 2. สามารถทางานเป็ นทีมได้ : สามารถทางานร่วมกนั ในสเปรดชีท (Spreadsheet) ได้ในเวลา เดียวกนั นอกจากน้ียงั สามารถแชร์งาน แกไ้ ขแบบเรียลไทม์ หรือแมก้ ระทงั่ แชทและแสดงความ คิดเห็นกบั บุคคลใดกไ้ ด้ 3. ไม่ตอ้ งกด \"บนั ทึก\" อีกเลย : เม่ือมีการทางานเกิดข้ึนในสเปรดชีท ทุกการพิมพจ์ ะถูกบนั ทึกไว้ ท้ังหมดโดยอตั โนมตั ิ และยงั สามารถใช้ประวตั ิการแก้ไขเพื่อดูเวอร์ช่ันเก่าๆ ของสเปรดชีท เดียวกนั โดยจดั เรียงตามวนั ที่และคนท่ีแกไ้ ข ภาพท่ี 2.8 Google Sheets

11 2.11 ความรู้เกย่ี วกบั Google Data Studio Google Data Studio เป็นเคร่ืองมือเพ่ือเปล่ียนขอ้ มลู การวเิ คราะหข์ องลกู คา้ ใหเ้ ป็นรายงานท่ีงา่ ย ตอ่ การ เขา้ ใจผา่ นออกมาเป็นรูปภาพ โดยสามารถเช่ือมตวั กบั ขอ้ มลู ที่มีอยู่ อ่านเขา้ ใจงา่ ยข้ึน งา่ ยต่อ การแบง่ ปันและ ปรับแตง่ ให้ลกู คา้ แต่ละรายแบบเฉพาะเจาะจง คุณสามารถเลือกวิธีการนาเสนอ ขอ้ มูล จะเป็นกราฟแทง่ แผนภมู ิ กราฟเส้นและอ่ืน ๆ คณุ ก็สามารถทาไดง้ ่าย รวมถึงสามามรถ เปล่ียนรูปแบบอกั ษร สีและสร้างรายงานดว้ ยโลโกแ้ บรนดข์ องคณุ ไดอ้ ีกดว้ ย ภาพท่ี2.9 Google Data Studio 2.12 ความรู้เกย่ี วกบั Microsoft OneDrive OneDrive คือ พ้ืนท่ีเก็บขอ้ มูลบนคลาวดท์ ่ีสร้างข้ึนโดย บริษทั ไมโครซอฟท์ คอร์ปอเรชน่ั โดย เราสามารถเก็บไฟล์เอกสารต่าง ๆ อาทิ เช่น เอกสาร Excel, Word, PowerPoint และเอกสารอ่ืน ๆ รวมถึงรูปภาพ วีดีโอ และยงั สามารถแชร์ไฟลเ์ พ่ือใชร้ ่วมกนั กบั เพ่ือนไดอ้ ยา่ งง่ายดาย สามารถเขา้ ถึ ง ไฟลไ์ ดท้ กุ ท่ี ทุกอปุ กรณ์ ขอเพยี งแค่สามารถใชง้ านอินเตอร์เน็ตไดเ้ ท่าน้นั ก็พอ OneDrive น้นั ใหเ้ ราสามารถใชง้ านไดฟ้ รี ๆ 5 GB เพยี งแคเ่ รามีบญั ชีของ Microsoft หรือจะเป็น บญั ชีอีเมล์ @outlook.com หรือ @live.com หรือจะเป็นเมลเ์ ก่า ๆ อยา่ ง @hotmail.com ก็ไดเ้ ช่นกนั เราสามารถเขา้ ใชง้ าน OneDrive ไดจ้ ากหลากหลายอุปกรณ์ ไมว่ า่ จะเป็น คอมพิวเตอร์แบบ Desktop, Notebook รวมท้งั อุปกรณ์อยา่ ง tablet และ smartphone ท้งั ระบบปฏิบตั ิการ iOS, Android เพยี งแค่เราติดต้งั แอพ OneDrive เท่าน้นั หรือจะใชง้ านผา่ นเวบ็ บราวเซอร์ก็ไดเ้ ช่นกนั ภาพท่ี 2.10 Microsoft OneDrive

12 2.13 Cap Cut ใช้สาหรับตัดต่อวดิ ีโอ CapCut (Viamaker) เป็ นโปรแกรมตดั ต่อวิดีโอสาหรับแอนดรอยด์ที่ทาให้คุณสามารถตดั ต่อ ผลงานภาพและเสียงของคุณไดอ้ ยา่ งง่ายดาย โปรแกรมตดั ต่อน้ีสามารถเพ่ิมคลิป ตดั คลิป และเพ่มิ เพลง และสต๊ิกเกอร์เขา้ ไปได้ การทาวิดีโอต่าง ๆ ด้วย CapCut ข้ึนอยู่กับการแก้ไขไทม์ไลน์ และคุณสามารถเพ่ิม ส่วนประกอบต่าง ๆ ในหลาย ๆ เลเยอร์เพื่อนาส่วนที่ดีที่สุดของผลงานของคุณออกมา ไม่เพียงเท่าน้ัน คุณยงั สามารถเลือกส่วนใดก็ไดข้ องคลิปมาตดั ตอ่ ตามที่คุณตอ้ งการไดด้ ว้ ย CapCut มีไลบราร่ี เพลงและเสียงท่ีใหญ่มากที่คุณสามารถเพิ่มเข้าไปในวิดีโอของคุณ เช่นเดียวกบั สติ๊กเกอร์และฟอนตเ์ พอ่ื เพ่ิมความสนุก เม่ือคุณตดั ตอ่ เรียบร้อยแลว้ แค่แตะที่ป่ ุมส่งออกเพื่อ แชร์วิดีโอของคุณบนโซเชียลเน็ตเวิร์ก เช่น TikTok การสร้างวิดีโอคุณภาพความคมชดั สูงใชเ้ วลาเพียง ไมก่ ี่นาทีดว้ ยแอปน้ี CapCut มีฟี เจอร์ท้งั หมดท่ีจาเป็นสาหรับการตดั ต่อวิดีโอโดยไม่ตอ้ งใช้ซอฟตแ์ วร์ที่ซับซ้อน ทาใหว้ ิดีโอของคุณสวยงามน่าดูและสนุกดว้ ยฟิ ลเตอร์ สต๊ิกเกอร์เสมือนจริง และส่วนประกอบอื่น ๆ ท่ี มนั มีให้ ภาพที่ 2.11 โปรแกรม Cap Cut

13 บทที่ 3 วิธีดาเนนิ งานโครงการ ในการทาโครงงานเรื่อง เวบ็ ไซตร์ ้านแซนวิชลองก่อน เพอ่ื เป็นการส่งเสริมธุรกิจของครอบครัว จึงจาเป็นตอ้ งศึกษาวธิ ีการทาโครงงาน ดงั น้ี 3.1 ประชากรและสุ่มกลุ่มตวั อยา่ ง 3.2 เครื่องมือในการดาเนินโครงงาน 3.3 หลกั ในการออกแบบเวบ็ ไซต์ 3.4 การเก็บรวบรวมขอ้ มลู 3.5 การวิเคราะหข์ อ้ มลู 3.1 ประชากรและกลุ่มตวั อย่าง ประชากรและกลุม่ ตวั อยา่ งโครงงาน คือ นกั ศึกษาระดบั ช้นั ประกาศนียบตั รวชิ าชีพช้นั สูง ช้นั ปี ท่ี 1 หอ้ ง 3 และ บคุ คลทว่ั ไปในชุมชน ตาบลบา้ นกร่าง จานวน 37 คน โดยเลือกแบบเจาะจง 3.2 เครื่องมือทใ่ี ช้ในการวจิ ัย 3.2.1 ดา้ นฮาร์ดแวร์ ▪ คอมพวิ เตอร์แลป็ ทอ็ ป Windows 10 Home ภาพท่ี 3.1 คอมพิวเตอร์แลป็ ทอ็ ป ▪ โทรศพั ทม์ ือถือ Oppo Reno 5 ภาพที่ 3.2 โทรศพั ทม์ ือถือ

14 3.2.2 ดา้ นซอฟตแ์ วร์ สาหรับการสร้างเวบ็ ไซต์ ▪ Google Sites สาหรับการสร้างเวบ็ ไซตใ์ นการนาเสนอผลงาน ▪ Microsoft Sway สาหรับการพิมพเ์ อกสาร ▪ Microsoft Word สาหรับการทาแผนท ▪ Google Maps สาหรับการตกแต่งรูปภาพนิ่ง หรือ เคลื่อนไหว ▪ Canva ใชส้ าหรับทาแบบฟอร์มสอบถามความพงึ พอใจ ▪ Google Form ของเวบ็ ไซต์ และ การสัง่ ซ้ือสินคา้ ออนไลน์ ใชส้ าหรับสร้างสไลด์ Show ออนไลน ▪ Google slides ใชส้ าหรับการคานวณค่าท่ีไดม้ าจาก Google Form ▪ Google sheets และมาคานวณเป็นสถิติผตู้ อบแบบสอบถาม ใชส้ าหรับสรุปสถิติของผตู้ อบแบบสอบถาม ▪ Google Data Studio ใชส้ าหรับสารองขอ้ มูลบนคลาวด ▪ Microsoft OneDrive ใชส้ าหรับตดั ต่อวิดีโอ ▪ Cap cut

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

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

17 3.5 การวเิ คราะห์ข้อมูล เม่ือผูต้ อบแบบสอบถามตอบกลบั แบบสอบถามท่ีมีความพึงพอใจเสร็จสิ้นแลว้ ผูจ้ ดั ทา โครงงานดาเนินงานตามข้นั ตอนดงั ต่อไปน้ี 3.5.1 การวิเคราะห์ข้อมูลและหาประสิทธิภาพจากการทาโครงงานเร่ือง เว็บไซต์สร้างสรรค์เกม ภาษาไทย มธั ยมศึกษาปี ท่ี 1 3.5.2 วิเคราะห์ความพึงพอใจของกลุ่มตวั อย่าง โดยมีค่าเฉล่ียและค่าเบียงเบนมาตรฐาน โดยใช้เกณฑ์ การประเมินคณุ ภาพ ดงั น้ี ค่าร้อยละ เมื่อ T A x 100 A ������ = ������ a แทน คา่ ร้อยละ แทน คะแนนท่ีได้ ค่าเฉลยี่ X แทน คะแนนเตม็ ∑x ������̅ = n เม่ือ ������̅ แทน ค่าเฉลี่ย ∑ x แทน ผลรวมของขอ้ มลู ทกุ คา่ n แทน จานวนขอ้ มูลท้งั หมด ค่าเบ่ียงเบนมาตรฐาน ( S.D.) เมื่อ S.D. S.D = √( ������−���̅��� ) X X̅ ������−1 N คอื ส่วนเบ่ียงเบนมาตรฐาน คอื ขอ้ มูล ( ตวั ท่ี 1,2,3,..,n ) คอื คา่ เฉล่ียเลขคณิต คือ จานวนขอ้ มลู ท้งั หมด

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

19 บทท่ี 4 ผลการวเิ คราะห์ข้อมูล ผลการดาเนินการจัดทาโครงงานคร้ังน้ีมีวตั ถุประสงค์เพื่อการศึกษาความพึงพอใจของ โครงงานเรื่อง เวบ็ ไซต์ ร้านแซนวิชลองก่อน โดยกลุ่มตวั อยา่ งเป็นกลุ่มบคุ คลทว่ั ไป ในชุมชน ท้งั หมด 37 คน โดยเลือกแบบเจาะจง ผูจ้ ัดทาได้รวบรวมข้อมูลจากเครื่องมือที่ใช้ในการทาโครงงานและ นาเสนอผลการดาเนินการโครงงานดงั ต่อไปน้ี 4.1 ข้นั ตอนการใชง้ านเวบ็ ไซต์ ร้านแซนวชิ ลองก่อน 4.2 ผลการวิเคราะหท์ วั่ ไปของผตู้ อบแบบสอบถาม 4.3 ความพงึ พอใจของผตู้ อบแบบสอบถามที่มีตอ่ เวบ็ ไซต์ ร้านแซนวชิ ลองก่อน 4.1 ข้นั ตอนการใช้งานเวบ็ ไซต์ ร้านแซนวิชลองก่อน 4.1.1 เขา้ เวบ็ เบราวเ์ ซอร์ 4.1.2 เขา้ เวบ็ ไซต์ www.google.co.th และพิมพว์ า่ https://bit.ly/SandwichLongkon ภาพที่ 4.1 แสดงการคน้ หาเวบ็ ไซตร์ ้านแซนวชิ ลองก่อน

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

21 4.1.5 คลิกที่เมนู ข้นั ตอนการทา จะแสดงวสั ดุ อปุ กรณ์ และวิธีการทาของร้านแซนวชิ ลองก่อน ภาพที่ 4.4 แสดง ข้นั ตอนการทา ของร้านแซนวิชลองก่อน 4.1.6 คลิกที่เมนู รายการสินคา้ จะแสดงสินคา้ ท้งั หมดที่ร้านแซนวิชลองก่อนมีจาหน่าย ภาพท่ี 4.5 แสดงหนา้ รายการสินคา้ ของร้านแซนวิชลองก่อน

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

23 ภาพท่ี 4.8 แสดงใบเสร็จที่เวบ็ ไซตส์ ่งใหล้ กู คา้ 4.1.8 คลิกที่เมนู ช่องทางการติดต่อ จะแสดง ช่องทางการติดต่อร้านแซนวชิ ลองก่อน และ ช่อง ทางการติดตอ่ ผพู้ ฒั นาเวบ็ ภาพที่ 4.9 แสดงหนา้ ช่องทางการติดต่อ

24 4.1.9 คลิกท่ีเมนู การประเมินเวบ็ ไซต์ จะแสดง ฟอร์ม แบบสอบถามความพึงพอใจต่อเวบ็ ไซต์ ร้านแซนวชิ ลองก่อน ใหผ้ เู้ ขา้ ชมเวบ็ ไซตส์ ามารถตอบแบบสอบถามออนไลน์ ภาพท่ี 4.10 แสดงหนา้ แบบสอบถามความพงึ พอใจของเวบ็ ไซต์ 4.1.10 คลิกท่ีเมนู สถิติของผตู้ อบแบบสอบถาม จะแสดงหนา้ กราฟแสดงสถิติที่ผตู้ อบ แบบสอบถาม ภาพท่ี 4.11 แสดงหนา้ กราฟแสดงสถิติ แบบสอบถามความพอใจของเวบ็ ไซต์

25 4.1.11 คลิกท่ีเมนู ผจู้ ดั ทา จะแสดงหนา้ ขอ้ มลู ผจู้ ดั ทา พร้อม ช่องทางการติดตอ่ ภาพที่ 4.12 แสดงหนา้ ขอ้ มลู ผจู้ ดั ทา 4.2 ผลการวเิ คราะห์ของผู้ตอบแบบสอบถาม ตารางท่ี 4.1 ผลการวิเคราะห์ขอ้ มลู ทวั่ ไปของผูต้ อบแบบประเมิน ตอนที่ 1 ข้อมูลทว่ั ไป จานวน (คน) ร้อยละ ข้อมูลทัว่ ไป 12 32.40 25 67.60 1. เพศ 37 100.00 1.1 ชาย 1.2 หญิง 3 8.10 33 89.20 รวม 1 2.70 2.อายุ - 2.1 ต่ากวา่ 18 ปี 37 - 2.2 18-30 ปี 100.00 2.3 30-40 ปี 2.4 มากกวา่ 40 ปี รวม

26 3. ระดับการศึกษา 7 18.90 1.ประกาศนียบตั รวิชาชีพ (ปวช) 15 40.50 2.ประกาศนียบตั รวชิ าชีพช้นั สูง (ปวส) 8 21.60 3.ปริญญาตรี - 4.ปริญญาโท 7 - 4.อื่น ๆ 18.90 37 รวม 100.00 จากตารางที่ 1 พบวา่ นกั เรียนนกั ศึกษา และบุคคลทว่ั ไปในชุมชนตาบลบา้ นกร่าง ผใู้ ชง้ าน เวบ็ ไซตร์ ้านแซนวชิ ลองก่อน ส่วนใหญ่เป็นเพศหญิง จานวน 25 คน คดิ เป็นร้อยละ 67.60 รองลงมาเป็น เพศชายจานวน 12 คน คดิ เป็นร้อยละ 32.40 ผใู้ ชง้ านเวบ็ ไซตแ์ บ่งเป็นบคุ คลทวั่ ไปในชุมชนจานวน 37 คน ส่วนใหญ่เป็นช่วงอายุ 18-30 ปี จานวน 33 คน คดิ เป็นร้อยละ 89.20 รองลงมาเป็นช่วงอายุต่ากวา่ 18 ปี คิดเป็นร้อยละ 8.10 และเป็นช่วง อายุ 30-40 ปี คดิ เป็นร้อยละ 2.70 ผใู้ ชง้ านเวบ็ ไซตแ์ บ่งเป็นระดบั การศึกษาระดบั ปวช. จานวน 7 คน คดิ เป็นร้อยละ 18.90 ระดบั ปวส.จานวน 15 คน คิดเป็นร้อยละ 40.50 ระดบั ปริญญาตรี จานวน 8 คน คดิ เป็นร้อยละ 21.60 และระดบั อ่ืน ๆ จานวน 7 คน คิดเป็นร้อยละ 18.90

4.3 ความพงึ พอใจของผ้ตู อบแบบสอบถามท่มี ตี ่อเวบ็ ไซต์ 27 ตารางท่ี 4.2 คา่ เฉลี่ยและส่วนเบี่ยงเบนมาตรฐานดา้ นความพึงพอใจตอ่ เวบ็ ไซต์ ตอนที่ 2 ความพงึ พอใจต่อการใช้งานเว็บไซต์ร้านแซนวิชลองก่อน ระดบั ความเห็ รายการ 4.52 1.เวบ็ ไซตม์ ีความน่าสนใจ 4.47 น 2.ความสวยงามของเวบ็ ไซต์ 4.36 0.60 มากที่สุด 3.เวบ็ ไซตม์ ีความชดั เจน ถูกตอ้ ง และน่าเชื่อถือ 4.41 0.60 มาก 4.มีการจดั หมวดหมู่ใหง้ ่ายต่อการคน้ หา และ ทาความเขา้ ใจ 4.63 0.72 มาก 5.ภาพและสีของเวบ็ ไซตม์ ีความเหมาะสม 4.33 0.60 มาก 6.การเชื่อมโยงลิงค์ ภายใน ภายนอกของเวบ็ ไซตไ์ ดอ้ ยา่ งถูกตอ้ ง 4.27 0.59 มากที่สุด 7.ขอ้ มูลมีความครบถว้ นตามจุดประสงค์ และมีความทนั สมยั 4.36 0.82 มาก 8. ขนาดของตวั อกั ษรมีความเหมาะสม 0.84 มาก 4.43 0.83 มาก รวม 0.71 มาก จากตารางที่ 2 พบว่านักเรียนนักศึกษา และบุคคลทว่ั ไปในชุมชนตาบลบา้ นกร่าง ผูใ้ ช้งาน เว็บไซต์ร้านแซนวิชลองก่อน มีความพึงพอใจต่อการใช้งานโดยรวมอยู่ในระดับมาก ( ������̅̅ = 4.43 ) เรียงลาดบั ค่าเฉล่ียจากมากไปน้อย คือ ภาพและสีของเว็บไซตม์ ีความเหมาะสม ( ������̅=̅ 4.63 ) ลาดบั ท่ี 2 เวบ็ ไซตม์ ีความน่าสนใจ ( ������̅̅ =4.52 ) ลาดบั ท่ี 3 ความสวยงามของเวบ็ ไซต์ ( ������̅̅ =4.47 ) ลาดบั ท่ี 4 มีการจดั หมวดหม่ใู หง้ า่ ยต่อการคน้ หา และ ทาความเขา้ ใจ (������̅̅ =4.41 ) ลาดบั ที่ 5 มี 2 หวั ขอ้ ท่ีเท่ากนั คือ เวบ็ ไซต์ มีความชดั เจน ถูกตอ้ ง และน่าเชื่อถือ , ขนาดของตวั อกั ษรมีความเหมาะสม ( ������̅̅ =4.36 ) ลาดบั ที่ 6 การ เช่ือมโยงลิงค์ ภายใน ภายนอกของเวบ็ ไซตไ์ ดอ้ ยา่ งถกู ตอ้ ง( ������̅̅ =4.33 ) ลาดบั ท่ี 7 ขอ้ มูลมีความครบถว้ น ตามจุดประสงค์ และมีความทนั สมยั ( ������̅̅ =4.27 )

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

29 - ผูต้ อบแบบสอบถาม คือ คือ นักศึกษา ระดบั ช้นั ประกาศนียบตั รวิชาชีพช้ันสูง สาขาวิชา เทคโนโลยีธุรกิจดิจิทลั วิทยาลยั อาชีวศึกษาพิษณุโลก บุคคลทวั่ ไปในชุมชน ตาบลบา้ นกร่าง จานวน 37 คน 5.2.2 เครื่องมือที่ใชด้ าเนินโครงงาน ▪ Google Sites สาหรับการสร้างเวบ็ ไซต์ ▪ Microsoft Sway สาหรับการสร้างเวบ็ ไซตใ์ นการนาเสนอผลงาน ▪ Microsoft Word สาหรับการพมิ พเ์ อกสาร ▪ Google Maps สาหรับการทาแผนท ▪ Canva สาหรับการตกแตง่ รูปภาพนิ่ง หรือ เคล่ือนไหว ▪ Google Form ใชส้ าหรับทาแบบฟอร์มสอบถามความพึงพอใจ ของเวบ็ ไซต์ และ การส่ังซ้ือสินคา้ ออนไลน์ ▪ Google slides ใชส้ าหรับสร้างสไลด์ Show ออนไลน ▪ Google sheets ใชส้ าหรับการคานวณค่าที่ไดม้ าจาก Google Form และมาคานวณเป็นสถิติผตู้ อบแบบสอบถาม ▪ Google Data Studio ใชส้ าหรับสรุปสถิติของผตู้ อบแบบสอบถาม ▪ Microsoft OneDrive ใชส้ าหรับสารองขอ้ มลู บนคลาวด ▪ Cap cut ใชส้ าหรับตดั ต่อวิดีโอ 5.3 สรุปผลการดาเนนิ งาน จากผลการวิจยั จากโครงงานเร่ือง เวบ็ ไซต์ร้านแซนวิชลองก่อน พบวา่ การตอบแบบสอบถาม ท้งั หมดมีค่า และระดบั คุณภาพ มาก โดยความพึงพอใจที่มีต่อเวบ็ ไซตม์ ากที่สุด คือ ขอ้ ท่ี5. ภาพและสี ของเวบ็ ไซตม์ ีความเหมาะสม มีค่า ������̅̅ = 4.63 , S.D. = 0.59 ระดบั คุณภาพ มากที่สุด และรองลงมา ไดแ้ ก่ ขอ้ ที่ 1.เวบ็ ไซตม์ ีความน่าสนใจ มีค่า ������̅̅ = 4.52 , S.D. = 0.50 ระดบั คุณภาพ มากที่สุด ขอ้ ท่ี 2. ความสวยงามของเวบ็ ไซต์ มีค่า ������̅̅ = 4.47 , S.D.= 0.60 ระดบั คุณภาพ มาก ขอ้ ที่ 4.มีการจดั หมวดหมู่ ใหง้ ่ายต่อการคน้ หา และ ทาความเขา้ ใจ มีค่า ������̅̅ = 4.41 , S.D.= 0.60 ระดบั คุณภาพ มาก ขอ้ ท่ี 8.ขนาด ของตวั อกั ษรมีความเหมาะสม มีค่า ������̅̅ = 4.36 , S.D.= 0.83 ระดบั คุณภาพ มาก ขอ้ ที่ 3.เว็บไซตม์ ีความ ชดั เจน ถกู ตอ้ ง และน่าเช่ือถือ มีคา่ ������̅̅ = 4.36 , S.D.= 0.72 ระดบั คุณภาพ มาก ขอ้ ที่ 6.การเชื่อมโยงลิงค์ ภายใน ภายนอกของเวบ็ ไซตไ์ ดอ้ ยา่ งถกู ตอ้ ง มีค่า ������̅̅ = 4.33 , S.D.= 0.82 ระดบั คณุ ภาพ มาก

30 ขอ้ ที่ 7. ขอ้ มูลมีความครบถว้ นตามจุดประสงค์ และมีความทนั สมยั มีค่า ������̅̅ = 4.27 , S.D.= 0.34 ระดบั คณุ ภาพ มาก 5.4 ปัญหาและอปุ สรรค 5.4.1 สถานการณ์โรคระบาดโควดิ -19 ทาใหย้ งุ่ ยากในการทางาน จึงทางานไม่เตม็ ท่ี 5.4.2 การทางานไมเ่ ป็นทีม เพราะสถานการณ์โควิด-19 ทาใหไ้ ม่สะดวกในการส่ือสารกบั สมาชิกในกล่มุ 5.5 ข้อเสนอแนะและแนวทางในการพฒั นา 5.5.1 ในการเผยแพร่เว็บไซต์ควรต้งั ช่ือให้ส่ือความหมายอย่างชดั เจนและเขา้ ใจง่ายเพ่ือการ เรียกใชง้ านอยา่ งสะดวกรวดเร็วมากข้นึ 5.5.2 ในการสร้างเวบ็ ไซตค์ วรทาการศึกษาขอ้ มลู ใหม้ ีความละเอียดก่อนลงมือปฏิบตั ิงาน

31 บรรณานุกรม ความรู้เกี่ยวกบั แซนวชิ สืบคน้ เมื่อวนั ที่ 9 กนั ยายน พ.ศ.2564 https://victorytale.com/th/sandwich-origin ความรู้เก่ียวกบั การใชง้ าน Google Sites สืบคน้ เม่ือวนั ที่ 9 กนั ยายน พ.ศ.2564 http://web.sut.ac.th/g/index.php/documentation/google-sites ขอ้ มลู เกี่ยวกบั การออกแบบและพมั นาเวบ็ ไซต์ สืบคน้ เมื่อวนั ท่ี 9 กนั ยายน พ.ศ.2564 https://sites.google.com/site/heroallboyz/home ความรู้เก่ียวกบั การใชง้ าน Google Form สืบคน้ เม่ือวนั ที่ 9 กนั ยายน พ.ศ.2564 https://sites.google.com/a/tkb.ac.th/kru-nipholp/google-form-khux-xari ความรู้เก่ียวกบั การใชง้ าน Cap Cut สืบคน้ เมื่อวนั ที่ 9 กนั ยายน พ.ศ.2564 https://viamaker.th.uptodown.com/android

32 ภาคผนวก ก เวบ็ ไซตร์ ้านแซนวิชลองก่อน

33 ภาพแสดง หนา้ แรก ของเวบ็ ไซตร์ ้านแซนวิชลองก่อน ภาพแสดงหนา้ ประวตั ิความเป็นมา ของเวบ็ ไซตร์ ้านแซนวชิ ลองก่อน ภาพแสดงหนา้ ข้นั ตอนการทา ของเวบ็ ไซตร์ ้านแซนวิชลองก่อน

34 ภาพแสดงหนา้ รายการสินคา้ ของเวบ็ ไซตร์ ้านแซนวิชลองก่อน ภาพแสดงหนา้ การสงั่ ซ้ือสินคา้ ของเวบ็ ไซตร์ ้านแซนวชิ ลองก่อน ภาพแสดงหนา้ ช่องทางการติดตอ่ ของเวบ็ ไซตร์ ้านแซนวิชลองก่อน

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

36 ภาคผนวก ข การส่งมอบและการสอนใชง้ านเวบ็ ไซต์

37 ภาพแสดงการสอนใชง้ านเวบ็ ไซต์ ภาพแสดงการสอนใชง้ านเวบ็ ไซต์

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

39 ประวัตคิ รูทปี่ รึกษาโครงงาน ชื่อ – นามสกลุ ภูมิพฒั น์ วนพพิ ฒั น์พงศ์ วันเดือนปี เกดิ 20 กรกฎาคม พ.ศ.2527 เบอร์โทรศัพท์มือถือ 086 – 930 - 0382 อเี มล์ [email protected] เวบ็ ไซต์ https://bit.ly/3lw4mif ประวตั ิการศึกษา ระดบั มธั ยมศึกษา วทิ ยาศาสตร์ – คณิตศาสตร์ หลกั สูตรประกาศนียบตั รวิชาชีพครู หลกั สูตรประกาศนียบตั รบณั ฑิตวชิ าชีพครู ปริญญาตรี วท.บ.เทคโนโลยสี ารสนเทศ ปริญญาโท ค.ม.บริหารการศึกษา ปริญญาโท ท.ม.เทคโนโลยสี ารสนเทศและการสื่อสาร ปริญญาเอก ปร.ด.เทคโนโลยแี ละการส่ือสารการศึกษา (กาลงั ศึกษา) ประวตั กิ ารทางาน พ.ศ.2551 ตาแหน่ง ครูพเิ ศษสอน วิทยาลยั อาชีวศึกษาอุตรดิตถ์ พ.ศ.2551 – 2555 ตาแหน่ง พนกั งานขา้ ราชการครู วิทยาลยั สารพดั ช่างอุตรดิตถ์ พ.ศ.2556 – ปัจจุบนั ตาแหน่ง ครูชานาญการ วทิ ยาลยั อาชีวศึกษาพษิ ณุโลก

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

41 ประวตั ิผ้จู ัดทาโครงงาน ชื่อ – นามสกลุ นางสาว ชลธิชา แสนเมือง โรงเรียนวดั ธรรมเกษตร วันเดือนปี เกดิ 6 เมษายน 2546 โรงเรียนบา้ นกร่างวิทยาคม ทอ่ี ย่ปู ัจจบุ นั 31/2 หมู่7 ต.บา้ นกร่าง อ.เมือง โรงเรียนบา้ นกร่างวทิ ยาคม จ.พิษณุโลก 65000 วิทยาลยั สารพดั ช่างพษิ ณุโลก เบอร์โทรศัพท์มือถือ 061-9511472 วทิ ยาลยั อาชีวศึกษาพิษณุโลก อเี มล ประวัตกิ ารศึกษา [email protected] พ.ศ.2552 – 2557 พ.ศ.2558 - 2560 ระดบั ประถมศึกษา พ.ศ.2561 – 2563 ระดบั มธั ยมศึกษาตอนตน้ พ.ศ.2561 – 2563 ระดบั มธั ยมศึกษาตอนปลาย พ.ศ.2564 – ปัจจุบนั ประกาศนียบตั รวชิ าชีพ (ปวช.) ประกาศนียบตั รวชิ าชีพช้นั สูง (ปวส.)

42 ประวตั ผิ ู้จดั ทาโครงงาน ช่ือ – นามสกลุ นางสาว พิรินทร์รัตน์ ศรีสมั ฤทธ์ิ โรงเรียนวดั ธรรมเกษตร วันเดือนปี เกดิ 4 มีนาคม พ.ศ.2546 โรงเรียนบา้ นกร่างวิทยาคม ทอ่ี ย่ปู ัจจุบนั ที่อยู่ 128/1 หมู่ 5 ต.บา้ นกร่าง อ.เมือง โรงเรียนบา้ นกร่างวทิ ยาคม จ.พษิ ณุโลก 65000 วิทยาลยั สารพดั ช่างพษิ ณุโลก เบอร์โทรศัพท์มือถือ 083-9291316 วทิ ยาลยั อาชีวศึกษาพษิ ณุโลก อเี มล [email protected] เวบ็ ไซต์ https://bit.ly/PhirinratS ประวตั กิ ารศึกษา พ.ศ.2552 – 2557 ระดบั ประถมศึกษา พ.ศ.2558 - 2560 ระดบั มธั ยมศึกษาตอนตน้ พ.ศ.2561 – 2563 ระดบั มธั ยมศึกษาตอนปลาย พ.ศ.2561 – 2563 ประกาศนียบตั รวิชาชีพ (ปวช.) พ.ศ.2564 – ปัจจุบนั ประกาศนียบตั รวชิ าชีพช้นั สูง (ปวส.)