E-Book [ONEPEN]

One pen โ ค ร ง ง า น ค อ ม พิ ว เ ต อ ร์ เ รื อ ง เ ก ม ท า ย คาํ ศั พ ท์ อั ง ก ฤ ษ

ไปดูโครงงาน ของพวกเรากนั เลยยยย

บทที่ ๑ บทนํา ๑.๑ ท่มี าและความสําคญั การศกึ ษาสงผลใหเ กดิ ความรูซ ่ึงความรนู ั้นสามารถนํามาใช พฒั นาคนใหม ีความสามารถท่จี ะใชป ระกอบอาชพี และเอาตัวรอดได รวมทงั้ ชวยขดั เกลาคนใหม ีจิตสํานึกและคุณธรรม เปน ผเู จรญิ ทาง ปญ ญาและจิตใจซ่ึงคนเหลานีน้ อกจากจะสามารถพฒั นาตนเองแลว ยังสามารถพฒั นาสังคมและ ประเทศชาตใิ หเ จรญิ รุงเรืองและ กา วหนาทัดเทยี มอารยประเทศ ในปจจุบนั โลกของการศกึ ษาไดม ี การเปลีย่ นแปลงไปอยางมาก โดยเฉพาะเครื่องมือทางดานสอื่ ดจิ ติ อลและการสื่อสารมีความสาํ คัญมากขึ้น

บทท่ี ๑ บทนาํ ความเจริญกา วหนาทางเทคโนโลยีการส่อื สารทําใหผูเรียนตามารถ คน หาความรูไดด ว ยตนเองจากแหลง เรียนรูข อมูลตางๆ ไดสะดวก มากขึ้น แตส ่ือดจิ ิตอลในยคุ ปจจบุ ันกก็ อใหเกดิ ปญหาเกีย่ วกับ การศึกษาตามมาหลายประการ เชน ปญหาเด็กติดเกม ปญ หาเดก็ ตดิ โซเชยี ลซึ่งปญ หาดังกลาวมีผลทาํ ใหเ ด็กไทยในปจ จุบันไมส นใจใน การเรียน มสี มาธจิ ดจอ กนั สอ่ื โซเชียลมากกวาการเรียนและปญหา การเรยี นไมรเู รือ่ งและปญ หาอกี อยางคนสวนใหญสวนใหญม ักจะใช ภาษาอังกฤษไดไ มค ลอ งไมเ ขาใจภาษาอังกฤษ เปนเหตุทําใหการ ส่อื สารกบั ชาวตา งชาตินนั้ ยากมาก

บทที่ ๑ บทนํา จากปญ หาดังกลา ว ผจู ัดทาํ คดิ วา ถา หากมีเกมที่สามารถใหค วาม บันเทงิ และเสรมิ สรางความรู เพอื่ ไมใ หก ารเรียนรนู ้ันนาเบ่อื จะได จดจาํ ไดมากขึน้ ไดม คี วามรเู ร่ืองคาํ ศัพทภาษาอังกฤษมากขึน้ จงึ ได พฒั นาเกมทายคาํ ศพั ทภาษาองั กฤษมา

บทท่ี ๑ บทนํา ๑.๒ วัตถปุ ระสงค ๑.๒.๑.เพอื่ ออกแบบและพัฒนาเกม เร่อื ง เกมทายคําศัพท ภาษาองั กฤษ (Guess English Vocabulary Game) สําหรับ ใชบนระบบปฏิบัติการAndroid ๑.๒.๒.เพ่ือออกแบบและสรา งโปรแกรมจาก Adobe Photoshop CC 2019 ๑.๒.๓.เพอ่ื ทดลองใชโ ปรแกรม จากการพฒั นาเกม เร่ือง เกม ทายคําศัพทภ าษาอังกฤษ (Guess English Vocabulary Game)

บทที่ ๑ บทนาํ ๑.๓ ขอบเขตของโครงงาน การออกแบบและพฒั นาเกมทายคําศพั ทภ าษาองั กฤษ (Guess English Vocabulary Game) โดยใช Mit Inventor App ในการ สรา งโปรแกรม และใช Photoshop ในการออกแบบ UI และปมุ ตางๆ ทกุ ส่งิ ทกุ อยางท่อี ยใู นแอพ เชน Screen, Button เปนตน เพื่อใช พฒั นาเกมและทาํ ใหเ ปนไฟล Apk กลมุ เปา หมายท่ใี ชในการทดลองโปรแกรมจากการหฒั นาเกมในคร้ัง นี้ ไดแก นกั เรยี นช้นั มัธยมศกึ ษาปที่ ๔/๘ โรงเรยี นกัลปย าณวตั ร ป การศึกษา ๒๕๖๓ จาํ นวน ๕ คน และ นกั เรียนชั้นมธั ยมศึกษาปท่ี ๔/๑ และ ๔/๒ โรงเรยี นอรัญประเทศปการศึกษา ๒๕๖๓ จํานวน ๓ คน

๑.๔ แผนการดาํ เนินงาน

บทที่ ๑ บทนํา ๑.๕ ผลทีค่ าดวาจะไดร บั ๑.๕.๑.แอพทีไ่ ดจากการพัฒนาเกมทายคาํ ศัพทภ าษาอังกฤษ (OnePen) สามารถใชบ นระบบปฏบิ ัติการ Android ได ๑.๕.๒.ผูใชไดร บั ความบนั เทิง และความรูเกีย่ วกบั คําศัพทภ าษา องั กฤษมากขึน้

บทท่ี ๒ เอกสารทเี่ กีย่ วขอ ง ๑. Engdict เว็บไซต Dictionary ท่มี ีคาํ ศพั ทภาษาอังกฤษมากมาย และสามารถสบื คนไดฟรี

บทท่ี ๒ เอกสารทีเ่ กย่ี วของ ๒. Mit Inventor App Mit Inventor App เปนเครอื่ งมอื ตัวหน่งึ ท่ใี ชใ นการสราง App บนอุปกรณที่ใชระบบปฏิบัติการ Android ท่มี คี วามงา ยตอการท าความเขา ใจ ใชงานงา ย โดยความรวมมือระหวา งบริษัท Google และ MIT ทาํ การผลิต App Inventor ออกมา โดยมวี ตั ถุประสงคเ พ่ือใหผ ทู ่สี นใจสามารถทาํ ความเขาใจหลัก การพฒั นา Apps บนอุปกรณทใ่ี ชระบบปฏบิ ัติการ Android

บทท่ี ๒ เอกสารทเ่ี กยี่ วขอ ง ๓. Blockly Blockly คือ เคร่อื งมือพัฒนาโปรแกรมแบบวิชวล (Visual) โดยใชสัญลักษณภาพแบบจกิ๊ ซอล แทนคาํ ส่ังมาเรียงตอกนั ตามเงื่อนไขที่ตองการ พฒั นาโดย google for education แลวเปด ใหท ดลอง ใช (Try Blockly) บนเวบ็ ของกูเกลิ้ หรือนักพัฒนาจะดาวนโหลดไปตดิ ต้งั บน website ของตนเอง เพอื่ พัฒนาตอยอดได ในเคร่อื งมอี น้ีมกี ลุมของสัญลักษณท ปี่ ระกอบดวย Logic, Loops, Math, Text, Lists, Colour, Variables, Functions

บทที่ ๒ เอกสารทเ่ี ก่ยี วขอ ง ๔. Photoshop CC 2019 Photoshop เปนโปรแกรมสรา งและแกไขรูปภาพอยา งมอื อาชพี โดยเฉพาะนักออกแบบในทุกวงกายอม รูจกั โปรแกรมตวั นดี้ ี Photoshop เปนโปรแกรมท่ีมเี ครื่องมอื มากมายเพอ่ื สนับสนนุ การสรางงาน ประเภทสง่ิ พมิ พ งานวดิ ที ัศน งานนําเสนอ งานมลั ตมิ ีเดีย ตลอดจนงานออกแบบและพฒั นาเว็บไซต

บทท่ี ๓ อุปกรณและวธิ กี ารดาํ เนินงาน ๓.๑ วสั ดุ อุปกรณ เครอ่ื งมือหรือโปรแกรมท่ีใชในการสรา งแอพพลิเคช่นั ๑) เคร่อื งคอมพิวเตอรพ รอ มเชื่อมตอ ระบบเครือขา ยอนิ เทอรเ น็ต - ระบบปฏบิ ัตกิ าร: Windows 10 Pro 64 bit - หนว ยประมวลผล: Intel Core i5-9400F (2.90 GHz) - Ram: 16 GB - Graphic Card: RTX 2060 ๒) โทรศัพทม อื ถอื ระบบปฏิบตั กิ าร Android ๓) Mit Inventor App สําหรบั ใชใ นการทําเกมทายคาํ ศัพทภาษาอังกฤษข้นึ มาและ ทาํ ใหเปน ไฟล Apk ๔) Photoshop CC 2019 สําหรบั การออกแบบ UI ตา งๆ ของแอพ

บทที่ ๓ อปุ กรณแ ละวธิ ีการดาํ เนินงาน ๓.๒ ขน้ั ตอนการดําเนนิ งาน ขัน้ ตอนท่ี ๑ พัฒนาเกมทายคําศัพทภาษาอังกฤษ ดังตอไปนี้ ๑) คิดหวั ขอโครงงานเพื่อนําเสนออาจารยทีป่ รึกษา ๒) ศึกษาคน ควารวบรวมขอมูลเกยี่ วกบั การสรา งโปรแกรมเพ่อื ความบนั เทิงและสง เสริมทักษะการ เรียนรูไ ปดวยภายในตวั ใน รปู แบบ การทายคําศพั ทภาษาอังกฤษ ๓) ศึกษาโปรแกรมที่ใชในการสราง Application (MIT Inventor App) ๔) จดั ทาํ เคา โครงโครงงานคอมพิวเตอรเ สนออาจารยท ีป่ รกึ ษา ๕) ออกแบบโปรแกรมเพื่อสงเสรมิ ทักษะการเรียนรแู ละความบันเทิง UI Graphic คมู ือการเลน ฯลฯ ๖) สรางโปรแกรมเพื่อความบันเทิงควบคกู ับการสงเสรมิ ทกั ษะการเรยี นรู คือ เกมทายคําศพั ท องั กฤษ เปนไฟล Apk. เพอ่ื ใชบนระบบปฏิบตั กิ าร Android

บทท่ี ๓ อุปกรณและวธิ ีการดําเนินงาน ๓.๒ ข้ันตอนการดําเนนิ งาน ๗) ลงมอื สราง UI จาก Photoshop และเขียน Blockly ๘) ตรวจสอบการทาํ งานของโปรแกรมเพอื่ ความบนั เทิงควบคูก ับการสง เสรมิ ทักษะการเรยี นรู คือ เกมทายคาํ ศพั ทอังกฤษ และแกไ ขขอ ผดิ พลาด ๙) นําโปรแกรมเพื่อความบันเทิงควบคกู ับการสง เสรมิ ทกั ษะการเรียนรู คือ เกมทายคําศพั ท อังกฤษ ไปสอบถาม ขอ เสนอแนะจากอาจารยท ี่ปรึกษา ๑๐) ปรับปรุงแกไ ขขอบกพรองตามทผ่ี ูเชี่ยวชาญเสนอแนะเพมิ่ เติม

บทท่ี ๓ อุปกรณและวธิ กี ารดําเนินงาน ๓.๒ ขน้ั ตอนการดําเนนิ งาน ขั้นตอนที่ ๒ การทดลองเกมทายคําศพั ทภ าษาอังกฤษ มีขนั้ ตอนการทดลองดังนี้ ๑) นําเกมทายคาํ ศัพทภ าษาองั กฤษ ไปทดลองใชกับกลุม เปาหมาย ซ่งึ ไดแกน ักเรยี นชั้น มัธยมศกึ ษาปท ่ี ๔/๘ โรงเรยี นกัลปยาณวัตร ปก ารศกึ ษา ๒๕๖๓ จํานวน ๕ คน และ นักเรียนชัน้ มัธยมศกึ ษาปท ่ี ๔/๑ และ ๔/๒ โรงเรยี นอรัญประเทศ ปการศึกษา ๒๕๖๓ จํานวน ๓ คน ๒) กอนทดลองไดมีวิธกี ารแนะนาํ วิธีเลน เกมทายคําศพั ทภ าษาอังกฤษ ใหผ ูทดลอง ๓) ใหก ลุม เปาหมายทาํ การประเมนิ ความพึงพอใจของเกมทายคําศพั ทภ าษาอังกฤษ ๔) นําผลการประเมนิ ความพึงพอใจของกลมุ เปา หมายมาวเิ คราะห ๕) ทําเอกสารสรุปรายงานโครงงานและเผยแพรผลงาน

บทท่ี ๔ ผลการดาํ เนินงาน ๔.๑ ผลการออกแบบและสรางแอพพลิเคชน่ั ๑) Logo เกมทายคําศัพทภ าษาอังกฤษ ๒) UI หนา Menu ของ OnePen ๓) UI หนา เน้ือหาของเกม

บทที่ ๕ สรุปการดําเนนิ งานและอภิปรายผลการดําเนินงาน สรุปผลการนําเนนิ งาน การพฒั นาเกมทายคําศัพทภาษาองั กฤษ สรางโดย Mit Inventor App โดยคาํ ส่งั Blockly และใช โปรแกรมในการสราง Photoshop CC 2019 ในการออกแบบ UI ของแอพ แลว ทาํ การ Build ไฟลโ ดย Mit Inventor App เพื่อสรา งเกมทายคําศัพทภาษาอังกฤษในรปู แบบไฟล Apk เพื่อใหสามารถใชง านบนโทรศัพทมือ ถือหรอื อปุ กรณอ ิเล็กทรอนกิ สใ นระบบ ปฏบิ ัติการ Android ได ผลการประเมนิ ความพงึ พอใจในการเลน เกมทายคาํ ศพั ทภาษาอังกฤษกบั กลุม เปา หมาย จํานวน 8 คน พบวา มคี วามพึงพอใจในการใชสอ่ื ในกิจกรรมการเรยี นรู ซึ่งเมื่อพจิ ารณาเปน รายขอ พอวา สว นใหญอยใู นระดับ ดีและดีมาก และความพึงพอใจใน OnePen อยใู นระดบั ดีมาก สรปุ ไดว าโครงงานคอมพิวเตอรก ารพัฒนาเกมทายคําศัพทภ าษาอังกฤษ มปี ระโยชนส ามรถใหความบนั เทิง และพัฒนาความรูคาํ ศัพทภาษาอังกฤษ

บทที่ ๕ สรุปการดาํ เนินงานและอภิปรายผลการดําเนนิ งาน ขอ เสนอแนะ ๑) ในการพฒั นาเกมทายคาํ ศัพทภ าษาอังกฤษ (Guess English Vocabulary Game) มคี าํ ศพั ทภาษา อังกฤษทน่ี า สนใจ ๒) การพฒั นาเกมทายคําศัพทภาษาอังกฤษ (Guess English Vocabulary Game) มี ความบนั เทิงและ ความรแู ฝงอยุ

ขอบคณุ !