โครงงานการพัฒนาเว็บไซต์เพื่อการศึกษาเรื่องตัวอักษรภาษาอังกฤษและคำศัพท์เกี่ยวกับสัตว์

โครงงานคอมพิวเตอร์ การสร้างเว็บไซต์เพื่อการศึกษา เรื่อง ตัวอักษรA-Zและคำศัพท์เกี่ยวกับสัตว์ภาษาอังกฤษสำหรับเด็ก2-6ขวบ สมาชิกในกลุ่ม 1.นางสาวทรรศวรรณ บุญฑล เลขที่ 21 2.นางสาววชิรญาณ์ ศรีละพันธ์ เลขที่ 30 3.นางสาวศลิษา ไขจัตุรัส เลขที่ 33 4.นางสาวศศิชา ทองแสน เลขที่ 34 5.นางสาวสุภาวดี แก้วลี เลขที่ 38 ชั้นมัธยมศึกษาปี่ที่6/2 นำเสนอ รต.ญ จิณณ์ณณัช ปุณณภาพงศ์พัฒน์ รายงานนี้เป็นส่วนหนึ่งของการเรียนเทคโนโลยีสารสนเทศ วิชา โครงงานคอมผิวเตอร์ ภาคเรียนที่ 2 ปีการศึกษา 2566 กลุ่มสาระการเรียนรู้วิทยาศาสตร์และเทคโนโลยี สำนักงานเขตพื้นที่การศึกษามัธยมศึกษาศรีสะเกษ ยโสรธร

โครงงานคอมพิวเตอร์ การสร้างเว็บไซต์เพื่อการศึกษา เรื่อง ตัวอักษรA-Zและคำศัพท์เกี่ยวกับสัตว์ภาษาอังกฤษสำหรับเด็ก2-6ขวบ สมาชิกในกลุ่ม 1.นางสาวทรรศวรรณ บุญฑล เลขที่ 21 2.นางสาววชิรญาณ์ ศรีละพันธ์ เลขที่ 30 3.นางสาวศลิษา ไขจัตุรัส เลขที่ 33 4.นางสาวศศิชา ทองแสน เลขที่ 34 5.นางสาวสุภาวดี แก้วลี เลขที่ 38 ชั้นมัธยมศึกษาปี่ที่6/2 นำเสนอ รต.ญ จิณณ์ณณัช ปุณณภาพงศ์พัฒน์ รายงานนี้เป็นส่วนหนึ่งของการเรียนเทคโนโลยีสารสนเทศ วิชา โครงงานคอมผิวเตอร์ ภาคเรียนที่ 2 ปีการศึกษา 2566 กลุ่มสาระการเรียนรู้วิทยาศาสตร์และเทคโนโลยี สำนักงานเขตพื้นที่การศึกษามัธยมศึกษาศรีสะเกษ ยโสรธร

ก เรื่อง โครงงานเว็บไซต์เพื่อการศึกษาตัวอักษรA-Zและคำศัพท์เกี่ยวกับสัตว์ภาษาอังกฤษ สำหรับเด็ก2-6ขวบ ประเภทโครงงาน โครงานการพัฒนาการศึกษา ระดับชั้น มัธยมศึกษาปีที่6/2 โดย 1.นางสาวทรรศวรรณ บุญฑล เลขที่ 21 2.นางสาววชิรญาณ์ ศรีละพันธ์ เลขที่ 30 3.นางสาวศลิษา ไขจัตุรัส เลขที่ 33 4.นางสาวศศิชา ทองแสน เลขที่ 34 5.นางสาวสุภาวดี แก้วลี เลขที่ 38 โรงเรียน กำแพง อำเภออุทุมพรพิสัย จังหวัดศรีสะเกษ สังกัด สำนักงานเขตพื้นที่การศึกษามัธยมศึกษาศรีสะเกษ ยโสรธร ครูที่ปรึกษา ว่าที่รต.ญจิณณ์ณณัช ปุณณภาพงศ์พัฒน์ ปีการศึกษา 2566 บทคัดย่อ ปัจจุบันภาษาอังกฤษนับได้ว่าเป็นภาษาที่มีความสำคัญมากภาษาหนึ่งและเป็นภาษาหลักที่หลายประเทศใช้ในการติดต่อสื่อสาร สิ่งสำคัญพื้นฐานของภาษาอังกฤษนอกจากจะมีคำศัพท์ที่ต้องจดจำแล้ว ยังมีเรื่องของตัวอักษรซึ่งเป็นพื้นฐานของภาษาอังกฤษหาก เราสามารถรู้และเข้าใจถึงโครงสร้างของตัวอักษรก็จะทำให้สะดวกในการพูด การอ่าน และการเขียน ภาษาอังกฤษ ได้ดียิ่งขึ้น ด้วยเหตุนี้กลุ่มของข้าพเจ้าจึงมีความสนใจและตระหนักได้ว่าภาษาอังกฤษมีความจำเป็นอย่างสูงที่เราต้องได้รับการพัฒนาให้ส ามารถติดต่อสื่อสารได้ โดยทักษะสำคัญคือ ทักษะการพูดและการฟัง โดยเราได้นำวิธีพัฒนาทักษะนี้มานำเสนอด้วยกัน 1 วิธี ซึ่งเป็นวิธีที่เราสามารถนำไปใช้ปฏิบัติได้จริงในชีวิตประจำวันเพราะภาษาอังกฤษนั้นสำคัญมากในอนาคตอันใกล้โดยนำเสนอในรูปแบบข องโปรแกรม GoogleSite

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

ค สารบัญ กิตติกรรมประกาศ ก บทคัดย่อ ข สารบัญ ค บทที่ 1 บทนํา 1 ที่มาและความสําคัญ 1 วัตถุประสงค์ 1 ขอบเขตการศึกษา 2 ผลที่คาดว่าจะได้รับ 2 บทที่ 2 เอกสารที่เกี่ยวข้อง 3 ความสำคัญของภาษาอังกฤษ 3 ข้อมูลเกี่ยวกับตัวอักษรA-Zภาษาอังกฤษ 4 เว็บไซต์ (Website) 4 - 5 โปรแกรมที่ใช้ในการดําเนินงาน 6 บทที่ 3 อุปกรณ์และวิธีการดําเนินการ 7 วัสดุอุปกรณ์ 7 เครื่องมือหรือโปรแกรมหรือที่ใช้ในการพัฒนา 7 ขั้นตอนการดําเนินงาน 7 บทที่ 4 ผลการดําเนินโครงงาน 8 ผลการพัฒนาเว็บไซต์ (Website) 8 การทดสอบการพัฒนาเว็บไซต์ 9 ผลการประเมินประสิทธิภาพ 10 บทที่ 5 สรุปผลการดําเนินงานและข้อเสนอแนะ 11 สรุปผลการศึกษา 11 การทดสอบการพัฒนาเว็บไซต์ 11 ผลการประเมินประสิทธิภาพ 11 อุปสรรคในการทําโครงงาน 11 ข้อเสนอแนะ 11

1 บทที่1 บทนำ ที่มาและความสำคัญ ปัจจุบันภาษาอังกฤษนับได้ว่าเป็นภาษาที่มีความสำคัญมากภาษาหนึ่งและเป็นภาษาหลักที่หลายประเ ทศใช้ในการติดต่อสื่อสาร สิ่งสำคัญพื้นฐานของภาษาอังกฤษนอกจากจะมีคำศัพท์ที่ต้องจดจำแล้ว ยังมีเรื่องของ ตัวอักษรภาษาอังกฤษซึ่งเป็นไวยากรณ์พื้นฐานของ ภาษาอังกฤษหากเราสามารถรู้และเข้าใจถึงโครงสร้างของ ตัวอักษรภาษาอังกฤษก็จะทำให้สะดวกในการพูด การอ่าน และการเขียนภาษาอังกฤษได้ดียิ่งขึ้น ภาษาอังกฤษปัจจุบันคือภาษานานาชาติ เป็นภาษากลางของโลก ภาษาอังกฤษเป็นภาษากลาง ใช้ติดต่อสื่อสารระหว่างกันว่าแต่ละคนจะใช้ภาษาอะไรเป็นภาษาประจำชาติเมื่อต้องติดต่อกับคนอื่นที่ต่างภาษ าต่างวัฒนธรรมกันทุกคนจำเป็นต้องใช้ภาษาอังกฤษเป็นหลักอยู่แล้วด้วยเหตุนี้ทุกชาติทุกภาษาจึงบรรจุวิชาภา ษาอังกฤษเป็นภาษาที่สองรองลงมาจากภาษาประจำชาติ เป็นแกนหลักของหลักสูตรการศึกษาทุกระดับ ตั้งแต่ปฐมวัยไปจนถึงการศึกษาตลอดชีวิตเราจึงต้องเรียนรู้ที่จะติดต่อสื่อสารกับพวกเขาเหล่านั้น ซึ่งมีความจำเป็นอย่างมากและภาษาอังกฤษ ยังเป็นภาษาสากลที่คนทั่วโลกใช้อีกด้วย ด้วยเหตุนี้กลุ่มของข้าพเจ้าจึงมีความสนใจและตระหนักได้ว่าภาษาอังกฤษมีความจำเป็นอย่างสูงที่เรา ต้องได้รับการพัฒนาให้สามารถติดต่อสื่อสารได้ โดยทักษะสำคัญคือ ทักษะการพูดและการฟัง โดยเราได้นำวิธีพัฒนาทักษะทั้งสองนี้มานำเสนอด้วยกัน 3วิธี ซึ่งป็นวิธีที่เราสามารถนำไปใช้ปฎิบัติได้ จริงในชีวิตประจำวันเพราะภาษาอังกฤษนั้นสำคัญมากในอนาคตอันใกล้โดยนำเสนอในรูปแบบนำความรู้และ รูปแบบของละครสั้นภาษาอังกฤษ วัตถุประสงค์ 1 .สร้างเว็บไซต์เพื่อการศึกษา เรื่องตัวอักษรA-Zและคำศัพท์เกี่ยวกับสัตว์ภาษาอังกฤษสำหรับเด็ก2- 6ขวบ 2. เพื่อใช้เป็นสื่อในการศึกษาให้กับผู้ที่สนใจเรื่องตัวอังษรและคำศัพท์เกี่ยวกับสัตว์ภาษาอังกฤษ สำหรับเด็ก 2-6ขวบ 3. เพื่อให้มีความรู้ความเข้าใจในตัวอักษรภาษาอังกฤษ ขอบเขตโครงงาน 1. ขอบเขตด้านเนื้อหา เรื่องตัวอักษรA-Zและคำศัพท์เกี่ยวกับสัตว์ภาษาอังกฤษสำหรับเด็ก2-6ขวบ 2. โปรแกรมที่ใช้ในการดำเนินงานได้แก่ 2.1 โปรแกรม GoogleSite 2.2 ไดรฟ์หรือ Google Drive

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

3 บทที่2 เอกสารและโครงงานที่เกี่ยวข้อง การจัดทำโครงงานคอมพิวเตอร์การพัฒนาเว็บไซด์เพื่อการศึกษาเรื่องตัวอักษรA-Zและคำศัพท์ เกี่ยวกับสัตว์ภาษาอังกฤษสำหรับเด็ก 2-6 ขวบ ผู้จัดทำได้ศึกษาเอกสารที่เกี่ยวข้องดังตอไปนี้ 1.ความความสำคัญของภาษาอังกฤษ 2.ข้อมูลเกี่ยวกับตัวอักษรภาษาอังกฤษ 3.เว็บไซด์(website) 4. โปรแกรมที่ใช้ในการดำเนินงาน 1. ความสำคัญของภาษาอังกฤษ ความสำคัญของภาษาอังกฤษภาษาอังกฤษได้เข้ามามีบทบาทในชีวิตของคนไทย และคนทั่วโลกไปแล้ว มนุษยชาติทุกวันนี้สื่อสารกันด้วยภาษาอังกฤษ ไม่ว่าจะเป็นการติดต่อสื่อสารกันโดยตรง การใช้อินเตอร์เน็ต การดูทีวี การดูภาพยนตร์ การเขียนโปรแกรมคอมพิวเตอร์หนังสือคู่มือทางด้านวิชาการต่างๆ ฯลฯ บัณฑิตที่สำเร็จการศึกษาออกมาในปัจจุบัน ถ้ามีความรู้ภาษาอังกฤษทั้งพูดและเขียนเสริมเข้าไปด้วยอีก โอกาสที่จะหางานก็จะไม่จำกัดแค่ในประเทศไทย เท่านั้น ถ้าท่านเป็นคนหนึ่งที่สามารถพูดภาษาอังกฤษได้ ท่านคงจะไม่ปฏิเสธได้ถึงสิทธิพิเศษที่ท่านมีเหนือคนอื่นที่ไม่สามารถสื่อสารภาษาอังกฤษได้ด้วยเทคโนโลยีด้าน คอมพิวเตอร์และอินเตอร์เน็ต ทำให้โลกของเราแคบลงไปถนัดตา ทุกวันนี้ท่านสามารถรับรู้ข่าวสาร หรือติดต่อกับเพื่อนต่างชาติได้ภายในเสี้ยววินาทีท่านจะไม่เข้าถึงสิทธิพิเศษเหล่านี้เลย ถ้าท่านไม่รู้ภาษาอังกฤษ ระบบการเรียนการสอนภาษาอังกฤษในโรงเรียนของไทยหลายท่านอาจจะบอกว่าประเทศไทยเราก็ให้ความสำ คัญกับการเรียนภาษาอังกฤษมาตั้งนานแล้ว แต่ทำไมคนไทยถึงพูดภาษาอังกฤษสู้คนฟิลิปปินส์ไม่ได้เลย นั่นก็เพราะว่าหลักสูตรภาษาอังกฤษของกระทรวงศึกษาธิการของเรายังไม่ได้เน้นการพูดภาษาอังกฤษ จะเน้นแต่หลักไวยากรณ์ คำแปล และการอ่านเพื่อความเข้าใจและให้สอบเข้ามหาวิทยาลัยได้เป็นส่วนใหญ่ สิ่งที่จะต้องปรับปรุงอย่างมากในระบบการเรียนภาษาอังกฤษของไทยเราคือ การเน้นการพูดออกเสียง ไม่ว่าจะเป็นการออกเสียงพยัญชนะแต่ละตัว การเน้นเสียงหนักเบา ซึ่งจะต้องมีสื่อช่วยสอนที่เป็นมัลติมีเดีย คือ มีทั้งภาพ เสียง และตัวหนังสือ ให้ด้วย แทนระบบเก่าที่มีแต่ตัวหนังสือเท่านั้น ทำให้การออกเสียงตามคำอ่านที่เขียนในตำราหรือพจนานุกรมที่ผิดๆ

4 2. ข้อมูลเกี่ยวกับตัวอักษร A-Z ภาษาอังกฤษ 2.1 ต้นกำเนิดของตัวอักษรภาษาอังกฤษ ตัวอักษรเกิดขึ้นในยุคเริ่มต้นสมัย ประวัติศาสตร์ ทำขึ้นเพื่อใช้ในการติดต่อสื่อสารตัวอักษรในสมัย โบราณจะวิวัฒนาการมาจากภาพ เช่นอักษรไฮเออโรกลิฟิก(Hieroglyphic)ของอียิปต์โบราณต่อมาได้วิวัฒนา การ เปลี่ยนแปลงจากภาพมาเป็นสัญลักษณ์ (Symbolic) ที่เข้าใจกันในชนหมู่หรือเผ่าเดียวกัน อักษรยุคอียิปต์ โบราณจะมีลักษณะ เป็นอักษรรูปทรงลิ่ม (Cuneiform) ในเวลาต่อมา จีนและอินเดีย ได้ประดิษฐ์ตัวอักษรขึ้นใช้ นับเป็นอักษรรุ่นแรกเกิดขึ้นใน ตะวันออกกลาง ทวีปอาฟริกาตอนเหนือ และทวีปเอเซีย ตัวอักษรสากลที่นิยมใช้กันมากที่สุด คือ ตัวอักษรภาษาอังกฤษ ซึ่งมีต้นตระกูล มาจากอักษรโฟนิเซียน (Phonician) โดยใช้กันอย่างแพร่หลายในยุโรป ในราว 1000 ปี ก่อนคริสต์กาล ได้มีการปรับปรุงแก้ไข ให้เป็นอักษรที่มี พยัญชนะ 22 ตัว และชาวกรีกได้นำไปใช้เป็นหลักในการเขียนตัวอักษรของตนเอง ต่อมาชาวกรีกได้นำอักษรไปสู่ชาวโรมันพวกโรมันได้นำไปแก้ไขปรับปรุงต่อ จนกลายเป็นตัวอักษรภาษาอังกฤษ (Alphabet) ที่มีพยัญชนะ 26 ตัวใช้กันในปัจจุบัน 3. เว็บไซต์ (website) 3.1 ความหมายของเว็บไซต์(website) เว็บไซต์ (อังกฤษ: website, web site หรือ site) หมายถึง หน้าเว็บเพจหลายหน้า ซึ่งเชื่อมโยงกันผ่านทางไฮเปอร์ลิงก์ส่วนใหญ่จัดทำขึ้นเพื่อนำเสนอข้อมูลผ่านคอมพิวเตอร์โดยถูกจัดเก็บไว้ในเวิ ลด์ไวด์เว็บ หน้าแรกของเว็บไซต์ที่เก็บไว้ที่ชื่อหลักจะเรียกว่า โฮมเพจ เว็บไซต์โดยทั่วไปจะให้บริการต่อผู้ใช้ฟรี แต่ในขณะเดียวกันบางเว็บไซต์จำเป็นต้องมีการสมัครสมาชิกและเสียค่าบริการเพื่อที่จะดูข้อมูลในเว็บไซต์นั้นซึ่ งได้แก่ข้อมูลทางวิชาการ ข้อมูลตลาดหลักทรัพย์ หรือข้อมูลสื่อต่าง ๆ ผู้ทำเว็บไซต์มีหลากหลายระดับ ตั้งแต่สร้างเว็บไซต์ส่วนตัวจนถึงระดับเว็บไซต์สำหรับธุรกิจหรือองค์กรต่างๆการเรียกดูเว็บไซต์โดยทั่วไปนิยม เรียกดูผ่านซอฟต์แวร์ในลักษณะของเว็บเบราว์เซอร์ 3.2 ประเภทของเว็บไซต์ 1.เว็บท่า(PortalSite) เว็บไซต์ประเภทนี้เป็นเว็บไซต์ที่เราๆพบเจอกันอยู่ทุกวันโดยที่บางทีอาจจะไม่รู้ว่ามันคือเว็บไซต์ที่จัดอ ยู่ในเว็บไซต์ประเภท เว็บท่า เว็บไซต์ประเภทนี้เรียกอีกชื่อนึงว่า เว็บไซต์วาไรตี้ เช่น เว็บไซต์สนุกดอทคอม, เว็บไซต์กระปุกดอทคอม เว็บไซต์ประเภทนี้ก็จะเป็นคล้ายๆกับเว็บข่าว(Newssite)แต่เว็บไซต์แนวนี้จะได้รับ ความนิยมมากกว่าเพราะมีความหลากหลายมากกว่าและให้ความบันเทิงมากกว่า

5 2.เว็บข่าว(NewsSite) เว็บไซต์ประเภทนี้ทุกท่านน่าจะรู้จักและคุ้นเคยกันเป็นอย่างดีเช่นเว็บไซต์ไทยรัฐออนไลน์ก็จัดว่าเป็น เว็บไซต์ในประเภทนี้ด้วย เว็บไซต์ในประเภทนี้คือเว็บไซต์ที่ให้ข้อมูลข่าวสารต่าง ๆ ไม่ว่าจะเป็นข่าวธุรกิจ, ข่าวการเมือง,ข่าวการศึกษา,ข่าวบันเทิงเป็นต้น 3.เว็บข้อมูล(InformationSite) เป็นเว็บที่ให้บริการเกี่ยวกับการสืบค้นข้อมูลข่าวสารหรือข้อเท็จจริงต่างๆที่น่าสนใจ 4.เว็บธุรกิจหรือการตลาด(Business/MarketingSite) เป็นเว็บไซต์ที่จัดทำขึ้นโดยบริษัทองกรค์ธุรกิจต่างๆโดยมีจุดประสงค์เพื่อประชาสัมพันธ์สินค้า/บริการ ของตนให้เป็นที่รู้จักซึ่งเว็บไซต์ CMPRODEV.COMรับทำเว็บไซต์ที่เชียงใหม่ ก็จัดว่าอยู่ในกลุ่มเว็บ ไซต์ประเภทนี้ด้วยเช่นกัน 5.เว็บการศึกษา(EducationalSite) ส่วนใหญ่เว็บไซต์ประเภทจัดทำขึ้นโดยสถาบันการศึกษา เช่น เว็บโรงเรียน, เว็บมหาวิทยาลัย หรืออีกประเภทนึงก็จะเป็นเว็บแนวให้ความรู้เรื่องเกี่ยวกับการศึกษาหรือที่เรียกว่าเว็บe-learning 6.เว็บบันเทิง(EntertainmentSite) เว็บบันเทิงนั้นมุ่งเสนอและให้บริการต่างๆ เพื่อเสริมสร้างความบันเทิงโดยทั่วไปอาจนำเสนอเรื่องราว เกี่ยวกับการบันเทิงทั่วไป เช่น ดนตรี ภาพยนตร์ ดารา กีฬา ความรัก บทกลอน การ์ตูน เรื่องขำขัน รวมถึงการให้บริการดาวน์โหลดโลโก้และริงโทนสำหรับโทรศัพท์เคลื่อนที่อีกด้วยเว็บประเภทนี้อาจมีรูปแบบที่เ ป็นอินเตอร์แอคทีฟที่ตื่นตาตื่นใจ หรือใช้เทคโนโลยีมัลติมิเดียได้มากกว่าเว็บประเภทอื่น 7.เว็บองค์กรที่ไม่แสวงหาผลกำไร(Non-profitOrganizationSite) ส่วนใหญ่สร้างขึ้นโดยบุคคลหรือองค์การต่างๆที่มีนโยบายในการสร้างและช่วยเหลือสังคมโดยที่ไม่หวัง ผลกำไรหรือค่าตอบแทน ซึ่งกลุ่มบุคคลหรือองค์การเหล่านี้ได้แก่ สมาคม ชมรม มูลนิธี และโครงการต่างๆ โดยอาจจะมีจุดประสงค์เฉพาะที่แตกต่างกันเช่น เพื่อทำความดี สร้างสรรค์สังคม พิทักษ์สิ่งแวดล้อม ปกป้องสิทธิมนุษยชนรณรงค์ไม่สูบบุหรี่เป็นต้น 8.เว็บส่วนตัว(PersonalSite) บางครั้งอาจเป็นเว็บของคนๆเดียวเพื่อนฝูงหรือครอบครัวก็ได้โดยอาจจะจัดทำขึ้นด้วยเหตุผลที่แตกต่า งกัน เช่น แนะนำตนเอง แนะนำกลุ่มเพื่อน โชว์รูปภาพ แสดงความคิดเห็น เขียนไดอารี่ประจำวัน นำเสนอผลงาน ถ่ายทอดประสบการณ์เกี่ยวกับสิ่งที่เชี่ยวชาญหรือสนใจ

6 4. โปรแกรมที่ใช้ในการดำเนินงาน 4.1 Google site คือ เครื่องมือสร้างเว็บไซต์ฟรีจาก Google เปิดตัวเมื่อ 28 กุมภาพันธ์ 2551 หรือ 14ปีเข้าไปแล้วมีTemplateจัดเลย์เอาต์ได้เหมือนกับตัวอื่นๆจุดเด่นคือสามารถเชื่อมต่อแอพในเครือกูเกิลด้วย กัน เช่น Google เอกสาร, Maps, Photos, YouTube และอื่นๆ ได้อย่างง่ายดาย สามารถแก้ไขร่วมกันแบบเรียลไทม์รวมถึงมีการเก็บประวัติการแก้ไขหรือVersionที่สามารถกดย้อนกลับได้ทัน ทีGoogle Site ตัวล่าสุด เริ่มมี Content Blocks คล้ายๆ WordPress ให้เราเลือกใช้ได้ง่ายขึ้น แต่ไม่ได้มากมาย สามารถเชื่อมต่อ Google Analytics ได้เลย 4.2 ไดรฟ์ หรือ Google Drive คือ โปรแกรมการจัดการเอกสารออนไลน์ของทาง Google หรือพื้นที่เก็บข้อมูลระบบคลาวด์หลักการทำงานจะคล้ายกับโปรแกรมเอกสารผู้ใช้สามารถเข้าถึงเอกสารแบบอ อนไลน์ได้ โดยผ่านการใช้บนเว็บเบราว์เซอร์ต่าง ๆ เช่น Inter Explorer, Chrome, Firefox และ Safari ซึ่งจะทำให้การใช้งานของเอกสารมีความสะดวกมากขึ้น สามารถใช้งานหรือแก้ไขข้อมูลได้ทุกที่ทุกเวลา ทำให้เอกสารต่างๆเหล่านั้นมีความเป็นปัจจุบันมากขึ้น และยังสามารถใช้งานร่วมกับผู้อื่นได้โดยบุคคล ที่จะเข้ามาใช้งานต้องได้รับอนุญาตหรือคำเชิญจากเจ้าของเอกสารผ่านทางอีเมลและสามารถทำงานบนเอกสา รเดียวกันได้หลายครั้งและหลายคนพร้อมๆกันซึ่งจะทำให้เห็นว่าใครกำลังพิมพ์อะไรอยู่และสามารถกำหนดสิท ธิ์ในการเข้าใช้งานได้ ว่าคนไหนสามารถแก้ไขข้อมูล หรือ อ่านข้อมูลได้อย่างเดียวและที่สำคัญสา มารถรองรับประเภทไฟล์ได้หลายแบบ เช่น Documents, Spreadsheets, Presentations, Drawings, Forms (แบบสอบถาม) เป็นต้น

7 บทที่3 อุปกรณ์และวิธีการดำเนินงาน การจัดทำโครงการคอมพิวเตอร์ การพัฒนาเว็บไซด์เพื่อการศึกษา เรื่องตัวอักษร A-Zและคำศัพท์เกี่ยว กับสัตว์ภาษาอังกฤษสำหรับเด็ก 2-6 ขวบ มีวิธีการดำเนินงานโครงงานตามขั้นตอนต่อไปนี้ 1. วัสดุอุปกรณ์ เครืองมือหรือโปรแกรมหรือใช้ในการพัฒนา 1.1 เครื่องคอมพิวเตอร์ พร้อมเชื่อมต่อระบบเครือข่ายอินเตอร์เน็ต 1.2 โปรแกรมที่ใช้ในการดำเนินงานได้แก่ - โปรแกรม Microsoft Word - โปรแกรม GoogleSite 2.ขั้นตอนการดำเนินงาน 2.1คิดหัวข้อโครงงานเพื่อนำเสนอครูที่ปรึกษาโครงงาน 2.2ศึกษาและค้นคว้าข้อมูลที่เกี่ยวข้องกับเรื่องที่น่าสนใจคือเรื่องตัวอักษรและศึกษาค้นคว้าเพิ่มเติมจา กเว็บไซด์ต่างๆและจัดเก็บข้อมูลเพื่อจัดทำเนื้อหาต่อไป 2.3ศึกษาการสร้างเว็บไซด์โดยใช้โปรแกรม Google Sites จากเอกสารและเว็บไซด์ต่างๆ ที่เสนอเทคนิควิธีการสร้าง 2.4จัดทำโครงร่างโครงงานภาษาอังกฤษเพื่อเสนอครูที่ปรึกษา 2.5จัดทำโครงงานคอมพิวเตอร์การพัฒนาเว็บไซด์ เรื่อง ตัวอักษรภาษาอังกฤษโดยสร้างบทเรียน ที่สนใจตามแบบเสนอโครงร่างที่เสนอ 2.6นำเสนอรายงานความก้าวหน้าให้ครูที่ปรึกษาโครงงานได้ตรวจสอบซึ่งครูที่ปรึกษาจะให้ข้อเสนอต่า งๆเพื่อให้จัดทำเนื้อหาและการนำเสนอที่น่าสนใจทั้งนี้เมื่อได้รับคำแนะนำก็จะนำมาปรับปรุงแก้ไขให้เป็นที่น่าส นใจเป็นอย่างยิ่ง 2.7 จัดทำเอกสารรายงานโครงงานคอมพิวเตอร์ การพัฒนาเว็บไซต์เพื่อการศึกษา เรื่องตัวอักษร A-Z และคำศัพท์เกี่ยวกับสัตว์ภาษาอังกฤษสำหรับเด็ก2-6ขวบ 2.8 ประเมินผลงานโดยให้ครูที่ปรึกษาโครงงานประเมินผลงานและให้เพื่อนผู้ที่สนใจร่วมประเมิน

8 บทที่4 ผลการดำเนินโครงงาน การจัดทำโครงงานคอมพิวเตอร์ การพัฒนาเว็บไซต์เพื่อการศึกษา เรื่องตัวอักษร A-Zและคำศัพท์เกี่ยว กับสัตว์ภาษาอังกฤษสำหรับเด็ก 2-6 ขวบ มีผลดำเนินโครงงาน ดังนี้ ผลการพัฒนาเว็บไซต์ 1.เปิดเว็บไซต์เพื่อการศึกษาตัวอักษร A-Z และคำศัพท์เกี่ยวกับสัตว์ภาษาอังกฤษ สำหรับเด็ก 2-6 ขวบด้วยคิวอาร์โค้ด ภาพที่1 หน้าปกเว็บไซต์ ภาพที่2 เนื้อหาตัวอักษร A-Z และคำศัพท์เกี่ยวกับสัตว์ภาษาอังกฤษ

9 ภาพที่3 เนื้อหาคำศัพท์เกี่ยวกับสัตว์ภาษาอังกฤษ A-Z 2.การทดสอบการพัฒนาเว็บไซต์ ในการทดสอบ การพัฒนาเว็บไซต์เพื่อการศึกษา เรื่อง ตัวอักษรA-Zและคำศัพท์เกี่ยวกับสัตว์ภาษาอัง กฤษสำหรับเด็ก2-6ขวบ ผู้จัดทําได้ใช้วิธีการทดสอบโดยผู้จัดทำทดสอบความพึงพอใจของผู้ใช้งานจากแบบ ฟอร์ม การทําแบบทดสอบ การศึกษาเนื้อหา ข้อมูลที่นํามาทดสอบเป็นทั้งข้อมูลที่ถูกต้องและข้อมูลที่ผิดพลาด จากการทดสอบ พบว่าเว็บไซต์เพื่อการศึกษา เรื่องตัวอักษรA-Zและคำศัพท์เกี่ยวกับสัตว์ภาษาอังกฤษสำหรับ เด็ก2-6ขวบ ที่ได้พัฒนาขึ้นนี้สามารถพัฒนาสมองของเด็กอายุ2-6ขวบได้ครบความต้องการของผู้ใช้ คือการ อ่านออก สะกดคำได้ รู้จักตัวA-Zและคำศัพท์เกี่ยวกับสัตว์ภาษาอังกฤษ

10 3. ผลการประเมินประสิทธิภาพ ผลการประเมินประสิทธิภาพของ การพัฒนา เว็บไซต์เพื่อการศึกษา เรื่อง ตัวอักษรAZและคำศัพท์เกี่ยวกับสัตว์ภาษาอังกฤษสำหรับเด็ก2-6ขวบ แสดงค่าคะแนนเฉลี่ย ( x̅ ) ส่วนเบี่ยงเบนมาตรฐาน (S.D.) และค่าระดับ ประสิทธิภาพของกลุ่มตัวอยางของผู้ใช้งานจํานวน ่ 20 คน มีดังต่อไปนี้ รายการประเมิน x̅ S.D. ความหมาย 1. ความชัดเจนของข้อความที่แสดงบนจอภาพ 2.25 0.638 ดี 2. ความเหมาะสมของการใช้สีของตัวอักษรA-Zและรูปภาพเกี่ยวกับสัตว์ 2.35 0.812 ดี 3. ความเหมาะสมของตําแหน่งการจัดวางส่วนต่างๆ บนจอภาพ 2.1 0.852 ดี 4. การใช้งานง่าย 2.25 0.638 ดี 5. ความเหมาะสมของปริมาณข้อมูลที่นําเสนอในแต่ละจอภาพ 2.35 0.812 ดี รวมเฉลี่ย 2.26 0.103 ดี จากตารางที่ 1 แบบประเมินเพื่อหาประสิทธิภาพของ การพัฒนาเว็บไซต์เพื่อการศึกษา เรื่อง โครงงานเว็บไซต์เพื่อการศึกษาตัวอักษรA-Zและคำศัพท์เกี่ยวกับสัตว์ภาษาอังกฤษสำหรับเด็ก2-6ขวบ มีค่าเฉลี่ยรวมอยู่ในระดับดี ( x̅= 2.26)

11 บทที่5 สรุปผลการดำเนินงานและข้อเสนอแนะ สรุปผลการศึกษา จากการจัดทำโครงงานพบว่า การสร้าง Google sites เพื่อการศึกษา เรื่องตัวอักษร A-Z และคำศัพท์เกี่ยวกับสัตว์ภาษาอังกฤษสำหรับเด็ก2-6ขวบ มีจุดมุ่งหมายของการศึกษาค้นคว้าตรงตามจุด ประสงค์ที่ตั้งไว้อย่างเป็นประสิทธิภาพ เพื่อให้ผู้รับสารได้รับความรู้เป็นอย่างมาก ตามความต้องการของผู้รับ และตามความต้องการสื่อสารของผู้จัดทำโครงงาน การทดสอบการพัฒนาเว็ปไซต์ ในการทดสอบการพัฒนาเว็ปไซต์ เรื่องโครงงานเว็บไซต์เพื่อการศึกษาเรื่องตัวอักษรA-Zและคำศัพท์ เกี่ยวกับสัตว์ภาษาอังกฤษสำหรับเด็ก2-6ขวบผู้จัดทำได้ใช้วิธีการทดสอบโดยผู้จัดทำทดสอบจากแบบฟอร์มการ ทําแบบทดสอบการศึกษาเนื้อหาจากการทดสอบพบวาเว็บไซต์เพื่อการศึกษษเรื่องเรื่องตัวอักษรA-Zและคำศัพ ท์เกี่ยวกับสัตว์ภาษาอังกฤษสำหรับเด็ก2-6ขวบ ได้พัฒนาขึ้นนี้สามารถทํางานได้ครบความต้องการของผู้ใช้ คือ ทําแบบทดสอบก่อนเรียน ศึกษา เนื้อหา ใบความรู้ ทําใบงาน และทําแบบทดสอบหลังเรียนได้ ผลการประเมินประสิทธิภาพ ผลการประเมินประสิทธิภาพของการพัฒนาเว็บไซต์เพื่อการศึกษาเรื่องตัวอักษรA-Zและคำศัพท์เกี่ยว กับสัตว์ภาษาอังกฤษสำหรับเด็ก2-6ขวบ มีค่าเฉลี่ยรวมอยู่ในระดับดี ( x̅ =2.26) อุปสรรคในการทําโครงงาน การพัฒนาเว็บไซต์เพื่อการศึกษาเรื่องตัวอักษรA-Zและคำศัพท์เกี่ยวกับสัตว์ภาษาอังกฤษสำหรับเด็ก2- 6ขวบและได้มีการทดลองใช้งานทําให้พบปัญหาต่าง ๆ ดังนี้ 1. รูปแบบตัวอักษรในเว็ปGoogle sites.ห่างกันมากเกินไป 2. การหาคำศัพท์เพื่อที่จะให้ตรงกับตัวอักษร A-Z ข้อเสนอแนะ 1.สามารถทำได้หลากหลายรูปแบบที่แตกต่างออกจากตัวอักษรภาษาอังกฤษ 2.สามารถใช้สื่อสารได้หลายรูปแบบมากกว่าการทำใน Google sites.

12 ภาคผนวก

13 1.เปิดเว็บไซต์เพื่อการศึกษาตัวอักษร A-Z และคำศัพท์เกี่ยวกับสัตว์ภาษาอังกฤษ สำหรับเด็ก 2-6 ขวบด้วยคิวอาร์โค้ด ภาพที่1 หน้าปกเว็บไซต์ ภาพที่2 เนื้อหาตัวอักษร A-Z และคำศัพท์เกี่ยวกับสัตว์ภาษาอังกฤษ

14 ภาพที่3 เนื้อหาคำศัพท์เกี่ยวกับสัตว์ภาษาอังกฤษ A-Z

15 บรรณานุกรม ความสําคัญของภาษาอังกฤษ.[ออนไลน์].เข้าถึงได้จาก: https://www.gotoknow.org/posts/548608 (วันที่สืบค้น :12 พฤศจิกายน 2566). ต้นกำเนิดตัวอักษรภาษาอังกฤษ.[ออนไลน์].เข้าถึงได้จาก:https://www.blockdit.com/posts/60a493c947 97ca0c3ca59c8b (วันที่สืบค้น:12 พฤศจิกายน 2566) เว็บไซต์.[ออนไลน์].เข้าถึงได้จาก: https://www.1belief.com/article/website/ (วันที่สืบค้น:12 พฤศจิกายน 2566) Google site.[ออนไลน์].เข้าถึงได้จาก: https://www.dmit.co.th/th/google-workspace-updates-th (วันที่สืบค้น:12 พฤศจิกายน 2566) ไดรฟ์หรือ Google Drive.[ออนไลน์].เข้าถึงได้จาก: https://www.dmit.co.th/th/gsuite-updates-th (วันที่สืบค้น:12 พฤศจิกายน 2566)

16 ข้อมูลผู้จัดทำ