รูปเล่มโครงงาน "จับคู่ ดูโอ้"

โครงงานคอมพิวเตอร์ เรอ่ื ง “จับคู่ ดูโอ”้ (Match Duo) โดย ๑.นายสุรพจน์ หินศรี เลขท่ี ๑ ๒.นายณฐั นนท์ ศิริธรรม เลขท่ี ๓ ๓.นางสาวสกลสุภานี ตรกี า เลขท่ี ๑๙ ๔.นางสาวอรวรา ชาเนตร เลขที่ ๒๑ ระดับช้นั มธั ยมศึกษาปที ี่ ๔ ครูท่ีปรึกษา คณุ ครอู ำนาจ พรหมใจรักษ์ กลุ่มสาระการเรยี นรู้การงานอาชีพฯ สาขา คอมพิวเตอร์ โรงเรียนกลั ยาณวตั ร สำนกั งานเขตพ้ืนที่การศกึ ษามธั ยมศกึ ษา เขต ๒๕

ก โครงงาน “จับคู่ ดูโอ”้ ประเภทของโครงงาน โครงงานพัฒนาเกม ครูท่ปี รกึ ษา คณุ ครูอำนาจ พรหมใจรักษ์ ผู้จัดทำโครงงาน ๑.นายสุรพจน์ หนิ ศรี เลขท่ี ๑ ห้อง ม.๔/๑๕ ๒.นายณัฐนนท์ ศริ ธิ รรม เลขท่ี ๓ หอ้ ง ม.๔/๑๕ ๓.นางสาวสกลสภุ านี ตรกี า เลขที่ ๑๙ หอ้ ง ม.๔/๑๕ ๔.นางสาวอรวรา ชาเนตร เลขที่ ๒๑ ห้อง ม.๔/๑๕ ปีการศึกษา ๒๕๖๓ บทคดั ย่อ การพฒั นาโครงงานคอมพิวเตอรน้ี มวี ัตถุประสงค ๑. เพอื่ ออกแบบและพัฒนาโครงงานประเภทโปรแกรม เพ่ือพัฒนาเกม เรอ่ื งเกมจบั คดู่ ูโอ้(Match Duo) ด้วย MIT App Inventor 2 ที่สามารถใช้ไดใ้ นระบบปฏิบตั ิการ Android ๒. เพื่อทดลองใชโ้ ปรแกรม เกมจบั คู่ ดูโอ(้ Match Duo) กบั กลมุ เปาหมายทใี่ ชในการทดลอง โปรแกรมเพอ่ื สงเสรมิ ทกั ษะการเรยี นรใู นคร้ังน้ี ไดแก นักเรียนชั้นมัธยมศกึ ษาปที่ ๔/๑๕ โรงเรียน กลั ยาณวตั ร ปการศกึ ษา ๒๕๖๓ จํานวน ๓๐ คน ผลการทดลอง เม่ือพิจารณาเปนรายขอ พบวา สวนใหญอยใู นระดบั ดีและดีมาก เขาใจงาย ความจำ ของภาพอยูในระดับดมี าก และ ความพึงพอใจโดยรวมตอโปรแกรมเพ่อื สงเสริมทักษะการเรียนรู เร่ือง “จับคู่ ดโู อ้” อยใู นระดับดีมาก คําสําคญั : โปรแกรมเพื่อพฒั นาเกม

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

สารบัญ หนา้ เรื่อง ก ข บทคัดยอ่ กติ ติกรรมประกาศ 1 บทที่ ๑ บทนำ 1 1 - ทม่ี าและความสำคัญ 2 - วัตถปุ ระสงค์ 3 - ขอบเขตของโครงงาน - แผนการดำเนนิ งาน 4 - ผลท่คี าดว่าจะได้รับ 4 บทท่ี ๒ เอกสารทเ่ี กยี่ วขอ้ ง 4 - โครงงานพฒั นาเกม 6 - เทคนิคการจำด้วยภาพ - MIT App Inventor 7 - Adobe Photoshop CS6 7 บทที่ ๓ อปุ กรณแ์ ละวธิ ีการดำเนินงาน - วสั ดุ อปุ กรณ์ เคร่ืองมือหรือโปรแกรมที่ใช้ในการสรา้ งแอพพลิเคช่นั 8 - ขั้นตอนการดำเนนิ งาน 8 บทท่ี ๔ ผลการดำเนนิ งาน - ผลการออกแบบและสร้างแอพพลิเคชัน่ 10 - ผลการประเมินความพงึ พอใจตอ่ โครงงานคอมพิวเตอร์ 10 บทท่ี ๕ สรุปการดำเนินงานและอภปิ รายผลการดำเนินงาน 11 - สรปุ ผลการดำเนินงาน - ขอ้ เสนอแนะ บรรณานุกรม

สารบัญ (ต่อ) ภาคผนวก คมู่ ือการใช้งาน ข้อเสนอโครงงาน

1 บทท่ี ๑ บทนำ ๑.๑ ทม่ี าและความสำคญั เนอ่ื งในยุคปัจจุบนั น้ถี ือไดว้ ่าเกมมบี ทบาทสำคญั สำหรับเยาวชนเป็นสว่ นมากเน่ืองจากเข้าถึงได้ง่าย ดงั นั้นการทำกจิ กรรมทช่ี ่วยให้เราไดฝ้ กึ สมอง เชน่ การอ่านหนังสือ การฟงั เพลง และเลม่ เกมฝกึ สมองต่างๆ นอกจากจะชว่ ยใหส้ มองไดท้ ำงานอยูต่ ลอดเวลาแล้วยังชว่ ยลดความเสี่ยงทีจ่ ะมปี ญั หาเรือ่ งความจำหรือโรค สมองเส่อื มอีกดว้ ยข้อเสยี ของการอา่ นหนังสือคือต้องอาศยั พลงั งานในการอา่ นตลอดและอนั ตรายหากแสงไม่ เพียงพอในการอ่านหนังสอื ข้อเสยี ของการฟังเพลงคอื หากเราเปดิ เพลงเสยี งดังเปน็ อันตรายตอ่ หอู าจจะหหู นวก ไดท้ ัง้ นท้ี ก่ี ล่าวมถือเปน็ แรงบันดาลใจใหผ้ ู้จดั ทำพฒั นาเกมน้ีข้ึนมา จากการศึกษาผลงานของช่อง Bo Kalvslund และช่อง Majestic Hero เรื่อง App Inventor2 การสร้างเกมจับค่ภู าพความจำเป็นแรงบนั ดาลใจให้ผูจ้ ดั ทำคดิ ทีจ่ ะสร้างเกมจับค่ภู าพวดั ความจำ หากนำมาใช้ เพอ่ื เสรมิ เพอื่ ฝกึ ทักษะการจดจำภาพให้กับผ้เู ล่นมีความจำทด่ี ีขึ้น เน่ืองจากคณะผพู้ ัฒนาโครงงานมคี วามสนใจในการเล่นเกมเปน็ ทนุ เดมิ อยูแ่ ลว้ และ ไดม้ กี าร ศึกษาการใช้โปรแกรม..App..inventor2 จงึ มจี ดุ มุ่งหมายในการพฒั นาเกมทส่ี ามารถเนน้ การสรา้ งความ ผอ่ นคลายมากกวา่ ความรนุ แรงจากเหตผุ ลขา้ งต้นจึงเป็นสาเหตุให้ผู้พฒั นาโครงงาน มีความตอ้ งการสรา้ งเกมท่ีเนน้ คุณภาพและความสนุกสนานไว้ ไปเพม่ิ เติมแต่ละย่อหนา้ ใหม้ ีเหตแุ ละผมเชอ่ื มโรงและงานเข้าใจงา่ ยแตช่ ัดเจนมากขึ้น ๑.๒ วัตถปุ ระสงค์ ๑. เพือ่ ออกแบบและพฒั นาโครงงานพัฒนาเกม เรอ่ื งเกมจบั คดู่ ูโอ้(Match Duo) ดว้ ย MIT App Inventor 2 ทสี่ ามารถใชไ้ ด้ในระบบปฏบิ ตั ิการ Android ๒. เพอื่ ทดลองใชโ้ ปรแกรม เกมจับคู่ ดโู อ(้ Match Duo) กับกลมุ่ เปา้ หมายจำนวน30คน ๑.๓ ขอบเขตของโครงงาน การออกเเบบเเละพัฒนาโปรแกรมเกมเพื่อการศกึ ษาเรยี นรู้ เร่ือง เกมจบั คดู่ โู อ้(Match Duo) โดยใช้ โปรแกรม MIT App inventor เพอื่ สรา้ งสอ่ื การเรียนรใู้ นรูปเเบบเกม เเละทำให้เปน็ ไฟล์ Apk. ใช้ Pinterest ในการหารูป เเละใช้ MIT Al2 Companion เพอ่ื ใชใ้ นการเเสดงผลโปรแกรมสำหรับใช้ในระบบปฏิบตั กิ าร Android ใช้ Youtube ในการหาเสียงเอฟ็ เฟ็กต์ เเละใช้ Youtube Convert2MP3 ในการเเปลงไฟล์ให้ เปลย่ี นเปน็ MP3 กลุ่มเปา้ หมาย เดก็ และเยาวชนในโรงเรียนกัลยาณวตั ร

๑.๔ แผนการดำเนินงาน ตุลาคม ขั้นตอนการดำเนินงาน ๑๖ ๑๗ ๑) คิดหัวขอ้ โครงงานเพ่อื นำเสนออาจารย์ ๑๘ ทป่ี รกึ ษา ๑๙ ๒๐ ๒) ศึกษาคน้ ควา้ รวบรวมขอ้ มลู เกี่ยวกบั ๒๑ การสรา้ งโปรแกรมพฒั นาเกมในรูป ๒ แบบสื่อเกม และแอพพลิเคชั่น ๒ ๓) ศึกษาโปรแกรมที่ใชใ้ นการสรา้ ง ๓๒ โปรแกรมพฒั นาเกม ๔๒ ๔)จดั ทำเคา้ โครงโครงงานคอมพิวเตอร์ ๒๕๖ เสนออาจารย์ทีป่ รึกษา ๕) ออกแบบโปรแกรมพฒั นาเกม คมู่ ือการ ใชง้ าน ๖) สรา้ งโปรแกรมพฒั นาเกม ๗)ทดลองใช้แอพพลเิ คช่นั เกมท่ีสร้างข้ึน ๘) ตรวจสอบการทำงานของโปรแกรม ๙)นาํ โปรแกรม เกมจับคู่ ดูโอ้(Match Duo) ไปสอบถามข้อเสนอแนะจาก อาจารยทีป่ รึกษา ๑๐)ปรบั ปรงุ แก้ไขขอ้ บกพร่องตามท่ี ผูเ้ ชย่ี วชาญเสนอแนะเพม่ิ เตมิ ๑๑)เผยแพร่แอพพลิเคชั่นเกมที่สรา้ ง ขึ้น

๒ ระยะเวลาดำเนินการ ๒๗ ๒๘๙ พฤศจกิ ายน ๓๐ ๓๑ 2 ๑ ๒ ๓ ๔ ๕ ๖ ๗ ๘ ๙ ๑๐ ๑๑ ๑๒ ๑๓ ๑๔ ๑๕

3 ๑.๕ ผลที่คาดว่าจะได้รบั ๑)โปรแกรม เกมจับคู่ ดโู อ(้ Match Duo) เร่อื ง เกมจบั คภู่ าพเหมือน(Memory game) สามารถใช้บนระบบปฎิบัตกิ าร Androidได้ ๒)ผทู้ ดลองใช้ได้ฝกึ ฝนทักษะด้านความจำ และพัฒนาศักยภาพด้านความจำมากขึน้

4 บทที่ ๒ เอกสารท่ีเกย่ี วขอ้ ง การจัดทำโครงงานคอมพิวเตอร์ เกมจบั ค่ดู โู อ้(Match duo)โดยใชโ้ ปรแกรม MIT App Inventor และโปรแกรม Adobe Photoshop CS6 ผจู้ ัดทาํ ไดศ้ กึ ษาจากเอกสาร ทีเ่ กี่ยวข้องตามรายละเอียด ดังต่อไปนี้ ๑.โครงงานพัฒนาเกม ๒. เทคนิคการจำดว้ ยภาพ ๓. MIT App Inventor ๔. Adobe Photoshop CS6 ๑.โครงงานพัฒนาเกม เปน็ โครงงานพัฒนาซอฟตแ์ วร์เกมเพื่อความรู้ และ ความเพลดิ เพลิน ซงึ่ เกมทพ่ี ฒั นาขึ้นเปน็ เกมท่ไี ม่ มีความรุนแรง เนน้ การใชส้ มองเพอ่ื ฝึกคดิ อยา่ งมีหลักการ โครงงานประเภทน้จี ะมีการออกแบบลักษณะและ กฎเกณฑ์การเล่น เพื่อให้นา่ สนใจแกผ่ ู้เล่น พร้อมท้งั ให้ความรู้สอดแทรกไปดว้ ย ๒.เทคนคิ การจำด้วยภาพ การจำข้อมูลเปน็ ภาพนั้น คนเกง่ หลายคนจะมที ักษะทางดา้ นศลิ ปะควบคู่ไปดว้ ยทำใหเ้ ข้าใจ ขอ้ มลู ได้เรว็ หากไม่ไดม้ ีเทคนิคนเ้ี ราสามารถฝกึ ฝนกนั ได้ วิธีการก็คอื เราตอ้ งฝึกจดจำข้อมูลให้เปน็ ภาพ แบบง่ายๆกอ่ น เมอ่ื ฝกึ ฝนบ่อยเข้าทกุ อยา่ งจะจดจำเป็นสญั ชาติญาณของรา่ งกายจนเม่ือเจอขอ้ มลู ที่ต้องจำ เราจะดงึ แกน่ ของข้อมลู ออกมาแล้วจดจำได้ทันที ๓. MIT App Inventor โปรแกรม App Inventor พัฒนาขึ้นโดย MIT โดยโปรแกรม App Inventor เปน็ เครื่องมือท่ใี ชใ้ น การเขียนโปรแกรมเพ่อื พฒั นาเป็นแอพพลิเคชนั สำหรบั ใชง้ านบนระบบปฏิบตั กิ ารแอนดรอยด์ (Android) โปรแกรม App Inventor พฒั นาขึ้นโดย Professor Hal Abelson โดยไดร้ บั การสนบั สนนุ จากบริษทั กูเกิล (Google Inc.) ซง่ึ มีแนวคิดวา่ คนทอ่ี ยากสรา้ งแอพพลเิ คชันเพ่ือใช้งานบนระบบปฏิบตั ิการแอนดรอยดแ์ ต่ไม่มี ความรู้ ไมม่ ที กั ษะในการเขียนโปรแกรมมากอ่ นก็สามารถสรา้ งแอพพลเิ คชันข้นึ ไดง้ ่ายๆ สามารถพฒั นาแอพ พลเิ คชันได้เหมอื นการต่อจิ๊กซอว์ (Jigsaw puzzle) หรือการต่อตวั ตอ่ เลโก้ (Lego bricks) App Inventor จึง ไดร้ ับความสนใจเปน็ อยา่ งมากสำหรับนักการศกึ ษาและนักพัฒนาแอพพลเิ คชันทย่ี ังไมม่ ปี ระสบการณใ์ นการ พัฒนา

5 ภาพท๑ี่ รปู ภาพตัวอยา่ งโปรแกรม App Inventor ภาพที๒่ รปู ภาพตัวอยา่ งโปรแกรม App Inventor หนา้ Text box

6 ๔. Adobe Photoshop CS6 โปรแกรม Adobe Photoshop CS6 เป็นโปรแกรมในตระกลู Adobe ทใี่ ช้สำหรับตกแตง่ ภาพถา่ ย และภาพกราฟฟกิ ได้อย่างมีประสทิ ธภิ าพ สามารถ Retouching ตกแต่งภาพ สามารถใชโ้ ปรแกรม Photoshop ในการตกแต่งภาพ การใส่ Effect ต่าง ๆ ใหก้ บั ภาพ ภาพท่๓ี รูปภาพตวั อย่างโปรแกรม Adobe Photoshop CS6

7 บทท่ี ๓ อุปกรณ์และวิธกี ารดำเนินงาน ๓.๑ วัสดุ อปุ กรณ์ เคร่อื งมือหรอื โปรแกรมทีใ่ ชใ้ นการสรา้ งแอพพลเิ คชน่ั ๑) Moblie phone ๒) Computer ๓) MIT App Inventor ๔) MIT AI2 Companion ๕) Photoshop cs6 ๖) QR Code Generator ๗) Flaticon ๓.๒ ข้นั ตอนการดำเนินงาน ๑) คดิ หวั ขอ้ โครงงานเพ่อื นำเสนออาจารยท์ ่ีปรึกษา ๒) ศกึ ษาค้นควา้ รวบรวมขอ้ มลู เกย่ี วกับการสรา้ งโปรแกรมเพ่อื พัฒนาและแกไ้ ขในการสร้าง แอพพลิเคชัน่ และเกม ๓) ศกึ ษาโปรแกรมทีใ่ ช้ในการสรา้ งโปรแกรมพัฒนาเกม ๔) จดั ทำเคา้ โครงโครงงานคอมพิวเตอรเ์ สนออาจารย์ที่ปรกึ ษา ๕) ออกแบบโปรแกรมพัฒนาเกม คมู่ ือการใช้ ฯลฯ ๖) โปรแกรมพฒั นาเกม เรือ่ ง เกมจบั คู่ ดโู อ(้ Match Duo) เพอ่ื ใชบ้ นระบบปฏิบตั กิ าร Android ๗) ทดลองใชแ้ อพพลเิ คชนั่ เกมท่สี ร้างขึ้น ๘) ตรวจสอบการทำงานของ แอพพลเิ คชัน่ บนระบบปฏบิ ตั กิ าร Android และแก้ไขข้อผดิ พลาด ๙) นาํ ปญั หาที่เกิดขนึ้ ไปสอบถามขอ้ เสนอแนะจากอาจารยท่ีปรึกษา ๑๐) ปรับปรุงแก้ไขขอ้ บกพรอ่ งตามที่ผู้เช่ยี วชาญเสนอแนะเพมิ่ เติม ๑๑) เผยแพรแ่ อพพลิเคชั่นเกมทส่ี รา้ งข้ึน

8 บทท่ี ๔ ผลการดำเนนิ งาน การพฒั นาโครงงานคอมพิวเตอรในคร้ังนี้ เพ่ือออกแบบและสรางโปรแกรมเพ่ือสงเสริมทักษะพฒั นาเกม เรอื่ ง เกมจับคดู่ โู อ(้ Match Duo) โดยใชโ้ ปรแกรม MIT App inventor เพื่อสรา้ งสอ่ื การเรียนรู้ในรปู เเบบเกม เเละทำใหเ้ ป็นไฟล์ Apk. ใช้ Pinterest ในการหารูป เเละใช้ MIT Al2 Companion เพือ่ ใชใ้ นการเเสดงผล โปรแกรมสำหรบั ใชใ้ นระบบปฏิบัติการ Android ใช้ Youtube ในการหาเสยี งเอฟ็ เฟ็กต์ เเละใช้ Youtube Convert2MP3 ในการเเปลงไฟล์ใหเ้ ปลี่ยนเปน็ MP3 มีผลการดําเนินงานโครงงานดังน้ี ๔.๑ ผลการออกแบบและสรา้ งแอพพลิเคช่นั ผลการออกแบบและสร้างโปรแกรมพฒั นาเกม เร่ือง เกมจบั คูด่ โู อ้(Match Duo) ทเ่ี กิดจากการ ออกแบบและการออกแบบและการสรา้ งโปรแกรมสง่ เสรมิ ทักษะการเรียนรู้ ในครง้ั นี้ ๑) โปรแกรมพฒั นาเกม เรือ่ ง เกมจบั คู่ดูโอ(้ Match Duo) ๒) หนา้ หลักของโปรแกรมพัฒนาเกม เรอ่ื ง เกมจบั คู่ดูโอ(้ Match Duo) ๓) ตวั อย่างภายในเกม ๔.๒ ผลการประเมนิ ความพึงพอใจตอ่ โครงงานคอมพวิ เตอร์ การสรา้ งโปรแกรมเพอื่ การพฒั นาเกม เร่อื ง เกมจบั ค่ดู โู อ(้ Match Duo) ผูจ้ ัดทำโครงงานได้ออกแบบ การประเมนิ ความพึงพอใจกับการใช้งานของกลุ่มเป้าหมาย โดยมีครูทป่ี รึกษาโครงงานเปน็ ผตู้ รวจสอบหา ประสิทธิภาพของแบบประเมนิ ตารางท่2ี แสดงคา่ เฉลีย่ เลขคณิตการประเมนิ ความพงึ พอใจ รายการการประเมนิ คา่ เฉล่ีย ความพงึ พอใจ ๔.๖๕ ดมี าก ๑.ระบบปฏิบัติการของโปรแกรมเพือ่ สง่ เสรมิ ทักษะการเรยี นรู้ ๔.๖๗ ดีมาก ๒.โปรแกรมเพ่อื สง่ เสรมิ ทกั ษะการเรยี นรู้ มีความทันสมยั และ น่าสนใจ ๔.๗๔ ดมี าก ๓.ประสทิ ธิภาพของโปรแกรมพฒั นาเกม ๔.๕ ดมี าก ๔.ขั้นตอนการใชง้ านโปรแกรมพฒั นาเกม เขา้ ใจง่าย ๔.๖๓ ดมี าก ๕.ความสวยงามของเกม ๔.๖๓ ดมี าก รวม จากตารางท่ี ๒ พบวา่ กลุ่มตัวอยา่ งทท่ี ดลองใช้โปรแกรมพฒั นาเกม เร่อื ง เกมจับคดู่ ูโอ้(Match Duo) จํานวน ๓๐ คน มีความพึงพอใจใน การใช้ส่ือในความบนั เทิง ซึ่งเม่อื พจิ ารณาเปน็ รายข้อ พบว่า ส่วนใหญ่อยใู่ น ระดบั ดมี าก หวั ขอ้ ทม่ี คี า่ เฉลย่ี น้อยสุด คอื ขน้ั ตอนการใชง้ านโปรแกรมพฒั นาเกม เข้าใจงา่ ย อยู่ในระดบั ดมี าก

9 หวั ขอ้ ทีม่ คี ่าเฉลย่ี สงู สดุ คอื ประสทิ ธภิ าพของโปรแกรมพัฒนาเกม อยูใ่ นระดับดีมาก และความพงึ พอใจ โดยรวมต่อ โปรแกรมพฒั นาเกม เรื่อง เกมจบั คูด่ โู อ(้ Match Duo) อยู่ ในระดบั ดมี าก โดยมคี ่าเฉล่ยี เทา่ กบั ๔.๖๓

10 บทที่ ๕ สรปุ การดำเนินงานและอภิปรายผลการดำเนินงาน การพฒั นาโครงงานคอมพวิ เตอรในครัง้ นี้ เพือ่ ออกแบบและสรางโปรแกรมเพ่ือสงเสรมิ ทกั ษะพฒั นาเกม เรอ่ื ง เกมจับคดู่ ูโอ(้ Match Duo) โดยใช้โปรแกรม MIT App inventor เพ่อื สร้างส่อื การเรยี นรใู้ นรปู เเบบเกม เเละทำใหเ้ ปน็ ไฟล์ Apk. ใช้ Pinterest ในการหารปู เเละใช้ MIT Al2 Companion เพ่อื ใช้ในการเเสดงผล โปรแกรมสำหรบั ใช้ในระบบปฏบิ ัติการ Android ใช้ Youtube ในการหาเสียงเอฟ็ เฟก็ ต์ เเละใช้ Youtube Convert2MP3 ในการเเปลงไฟล์ให้เปลี่ยนเป็น MP3 สรปุ ผลการดําเนนิ งานโครงงาน ดงั ต่อไปนี้ สรุปผลการดำเนินงาน ผลการออกแบบและสรา้ งโปรแกรมพัฒนาเกม เร่ือง เกมจับคดู่ โู อ(้ Match Duo) ที่เกิดจากการออกแบบ และการออกแบบและการสรา้ งโปรแกรมสง่ เสริมทกั ษะการเรยี นรู้ ในครงั้ นี้ เป็นไปตามวตั ถปุ ระสงคท์ ค่ี าดไว้ และสามารถใชง้ านได้จริง ขอ้ เสนอแนะ ๑. นำไปพฒั นาเกมและแอพหลิเคชัน่ ๒. ประยุกต์ใชใ้ นงานอืน่ เพ่ือใหเ้ กดิ ประโยชนส์ งู สุดได้

11 บรรณานุกรม สร้างเกมเกบ็ ผลไมด้ ว้ ย Appinventor ตอนท่ี 1 course introduction.[ออนไลน์]. สืบคน้ เมอ่ื ๒๓ ตลุ าคม ๒๕๖๓,/จากhttps://www.youtube.com/watch?v=gbyQK576kTc&feature=emb_logo App inventor ตอนที่ 8 การลงิ กร์ ะหวา่ งหนา้ จอ.[ออนไลน]์ . สบื ค้นเมอื่ ๒๓ตลุ าคม๒๕๖๓,/ จากhttps://www.youtube.com/watch?v=eKktKY5WQ7M&feature=emb_logo 3-4 Appinventor 2 คำสงั่ เปลยี นหนา้ และคำสั่งคลิก้ ปุ่ม.[ออนไลน]์ .สบื ค้นเมอ่ื ๒๓ตลุ าคม ๒๕๖๓,/ จากhttps://www.youtube.com/watch?v=WXWjHofCB2A&t=2849s สรา้ งส่ือสวยๆ ดว้ ย Appinventor2 ตอนที่ 1 Course introduction.[ออนไลน]์ . สืบคน้ เม่ือ ๒๓ตลุ าคม ๒๕๖๓,/ จากhttps://www.youtube.com/watch?v=0DImqZ6IWGU&feature=emb_logo App Inventor 2 Tutorial: Memorygame for your Android device.[ออนไลน์]. สืบคน้ เมอื่ ๒๓ตุลาคม๒๕๖๓,/ https://www.youtube.com/watch?v=WXWjHofCB2A&t=2849s ข้อเสนอโครงงานคอมพวิ เตอร.์ [ออนไลน์].สบื คน้ เมือ่ ๒๓ตลุ าคม๒๕๖๓,/ https://drive.google.com/file/d/13mT6NgiI6zhjG3L4-x6Em9EknV6J9Vgc/view 1

ภาคผนวก

คมู่ ือการใช้งาน โครงงานคอมพิวเตอร์ เรื่อง จบั คู่ดโู อ้ (Match Duo) โดย ๑.นายสรุ พจน์ หินศรี เลขที่ ๑ ๒.นายณัฐนนท์ ศิรธิ รรม เลขที่ ๓ ๓.นางสาวสกลสุภานี ตรกี า เลขท่ี ๑๙ ๔.นางสาวอรวรา ชาเนตร เลขท่ี ๒๑ ระดบั ชัน้ มธั ยมศึกษาปีท่ี ๔/๑๕ โรงเรยี นกัลยาณวตั ร สังกัดสำนกั งานเขตพน้ื ทก่ี ารศกึ ษามธั ยมศกึ ษา เขต ๒๕

การเข้าใชโ้ ครงงานคอมพิวเตอร์ เร่อื ง จับคูด่ ูโอ้ (Match Duo) ๑.ตดิ ตั้งไฟล์ MATCHDUO.apk ลงบนโทรศัพท์มือถอื Android ๑.๑ เข้าไปท่เี ว็บไซต์ เกมจบั ค่ดู ูโอ้(Match Duo) ๑.๒ ไปทห่ี นา้ หลักของเวบ็ ไซต์ หาQRCODE

๑.๓ สแกนQRCODEหรอื เข้าผ่านล้ิงดาวนโ์ หลด เพื่อเขา้ ไปรบั ไฟล์ .apk ๑.๔ เมื่อสแกนQRCODEหรอื เขา้ ผา่ นลง้ิ ดาวน์โหลด จะเจอไฟล์ .apk ไฟลน์ ึง ชือ่ MEMORY.apk

๒.ตดิ ตั้งโปรแกรม MATCHDUO ลงบนโทรศพั ทม์ ือถอื Android ๒.๑. กดคลิกท่ี MEMORY.apk เพ่อื ดาวนโ์ หลด ๒.๒. โทรศพั ทม์ ือถือจะแสดงข้อความว่าคณุ ตอ้ งการดาวนโ์ หลด MEMORY.apk กดไปทดี่ าวน์โหลด ๒.๓. Browserที่ใชด้ าวน์โหลดจะแจ้งเตือนเราว่าดาวน์โหลดเสรจ็ สิน้ คลิกทีไ่ ฟล์ .apk ท่ดี าวนโ์ หลดเสรจ็ สนิ้

๒.๔. จะแสดงหนา้ ตา่ งวา่ “คณุ ตอ้ งการจะติดตง้ั แอปพลิเคชนั น้หี รอื ไม่ แอป พลิเคชนั ไมต่ ้องมกี ารเขา้ ถึงพิเศษใดๆ” ใหก้ ด “ตดิ ตัง้ ” ๒.๕. รอการตดิ ตั้ง ๒.๖. เม่อื ติดตั้งแอปพลิเคชันแล้ว กด “เปิด” เพื่อเขา้ สู่ เกมจบั คู่ดโู อ้ ๓.กดปมุ่ เพ่อื เริ่มเกม ๔.กดปุ่ม ปรับต้งั ค่าเสยี งต่างๆ

๕.กดปุ่ม ดูรายละเอียดผู้พัฒนา ๖.กดปมุ่ แบบสำรวจความพึ่งพอใจของผใู้ ชง้ านเพ่อื ให้ คะแนนความพ่ึงพอใจและแสดงความคดิ เหน็ ของแอพพลิเคชัน่ ๗.กดปุ่ม ศกึ ษาวิธกี ารใช้งานแอพพลเิ คช่ัน ๘.กดปุ่ม กลับสู่หน้าหลัก ๙.กดปมุ่ เพือ่ เลน่ เกมอกี คร้ัง ๑๐.กดปุ่ม เพ่ืออกจากโปรแกรม

๑๑.กติกาการเล่น ผูเ้ ลน่ จะต้องจับคู่ภาพใหค้ รบภายในระยะเวลาที่สั้นทีส่ ุดโดยเวลาจะหยดุ เมื่อแตม้ ผ้เู ลน่ มอี ยู่ ทง้ั หมด8แต้ม และจะได้แต้มจากการจบั คู่ภาพถูก 1แต้ม หากจบั คู่ภาพผดิ ผเู้ ลน่ จะไมไ่ ดแ้ ตม้ เลย (ก)แสดงเวลาท่ใี ช้ในการเล่น (ข)แสดงแผ่นรปู ภาพจบั คู่ (ค)แสดงแต้มทผี่ ้เู ล่นทำได้

ขอ้ เสนอโครงงาน ประจำปกี ารศกึ ษา ๒๕๖๓ ชื่อโครงงาน(ภาษาไทย) “จบั คู่ ดโู อ”้ ชอ่ื โครงงาน(ภาษาอังกฤษ) Match Duo ประเภทโครงงาน โครงงานพัฒนาเกม ผู้จดั ทำโครงงาน ๑.นายสุรพจน์ หนิ ศรี เลขท่ี ๑ หอ้ ง ม.๔/๑๕ ๒.นายณัฐนนท์ ศริ ธิ รรม เลขท่ี ๓ หอ้ ง ม.๔/๑๕ ๓.นางสาวสกลสภุ านี ตรกี า เลขท่ี ๑๙ หอ้ ง ม.๔/๑๕ ๔.นางสาวอรวรา ชาเนตร เลขที่ ๒๑ หอ้ ง ม.๔/๑๕ ครูทป่ี รกึ ษาโครงงาน คุณครูอำนาจ พรหมใจรกั ษ์ ระยะเวลาการดำเนนิ งาน ๒๒ ตุลาคม - ๑๗ พฤศจิกายน ๒๕๖๓

หลกั การและเหตผุ ล เนื่องในยุคปจั จบุ นั นถ้ี ือได้วา่ เกมมีบทบาทสำคญั สำหรับเยาวชนเปน็ ส่วนมากเนือ่ งจากเข้าถึงได้งา่ ย ดงั น้ันการทำกิจกรรมทช่ี ่วยใหเ้ ราไดฝ้ ึกสมอง เชน่ การอ่านหนงั สือ การฟงั เพลง และเลม่ เกมฝกึ สมองตา่ งๆ นอกจากจะชว่ ยใหส้ มองได้ทำงานอยูต่ ลอดเวลาแล้วยังชว่ ยลดความเสยี่ งทจ่ี ะมปี ญั หาเร่อื งความจำหรือโรค สมองเสื่อมอกี ดว้ ยข้อเสียของการอา่ นหนงั สอื คอื ตอ้ งอาศยั พลงั งานในการอา่ นตลอดและอันตรายหากแสงไม่ เพียงพอในการอา่ นหนงั สือ ข้อเสยี ของการฟงั เพลงคือหากเราเปดิ เพลงเสียงดงั เป็นอันตรายตอ่ หูอาจจะหหู นวก ไดท้ ้ังน้ีทกี่ ลา่ วมถือเปน็ แรงบนั ดาลใจใหผ้ จู้ ดั ทำพัฒนาเกมนข้ี ้นึ มา จากการศึกษาผลงานของช่อง Bo Kalvslund และชอ่ ง Majestic Hero เร่อื ง App Inventor2 การสรา้ งเกมจับคู่ภาพความจำเปน็ แรงบันดาลใจใหผ้ จู้ ดั ทำคดิ ท่จี ะสรา้ งเกมจบั คู่ภาพวัดความจำ หากนำมาใช้ เพือ่ เสรมิ เพือ่ ฝกึ ทกั ษะการจดจำภาพให้กบั ผเู้ ล่นมคี วามจำทดี่ ีขนึ้ เนื่องจากคณะผพู้ ัฒนาโครงงานมีความสนใจในการเล่นเกมเป็นทนุ เดิมอยู่แล้ว และ ได้มกี าร ศึกษาการใชโ้ ปรแกรม..App..inventor2 จึงมจี ุดม่งุ หมายในการพฒั นาเกมทส่ี ามารถเนน้ การสรา้ งความ ผอ่ นคลายมากกว่าความรนุ แรงจากเหตุผลขา้ งต้นจึงเป็นสาเหตใุ ห้ผู้พฒั นาโครงงาน มีความต้องการสร้างเกมท่เี นน้ คณุ ภาพและความสนุกสนานไว้ ไปเพิ่มเติมแต่ละย่อหนา้ ให้มีเหตุและผมเชอ่ื มโรงและงานเข้าใจง่ายแตช่ ดั เจนมากขน้ึ วตั ถุประสงค์ ๑. เพ่ือออกแบบและพัฒนาโครงงานประเภท โปรแกรมเพือ่ พฒั นาเกม เรื่อง เกมจบั คู่ ดูโอ้(Match Duo) ดว้ ย MIT App Inventor 2 ท่สี ามารถใช้ไดใ้ นระบบปฏิบตั กิ าร Android ๒. เพ่อื ทดลองใชโ้ ปรแกรม เกมจบั คู่ ดโู อ้(Match Duo) กับกลุ่มเป้าหมายจำนวน30คน วธิ กี ารดำเนนิ งาน ๑) คดิ หวั ขอ้ โครงงานเพื่อนำเสนออาจารย์ที่ปรกึ ษา ๒) ศกึ ษาค้นคว้ารวบรวมขอ้ มลู เกย่ี วกับการสร้างโปรแกรมเพ่ือพัฒนาและแก้ไขในการสร้าง แอพพลเิ คชั่นและเกม ๓) ศกึ ษาโปรแกรมท่ีใช้ในการสรา้ งโปรแกรมพฒั นาเกม ๔) จดั ทำเคา้ โครงโครงงานคอมพิวเตอรเ์ สนออาจารย์ทีป่ รกึ ษา ๕) ออกแบบโปรแกรมพฒั นาเกม คมู่ อื การใช้ ฯลฯ ๖) โปรแกรมเพ่อื พฒั นาเกม เรอ่ื ง เกมจบั คู่ ดโู อ้(Match Duo) เพ่ือใชบ้ นระบบปฏบิ ัติการ Android

๗) ทดลองใชแ้ อพพลเิ คชน่ั เกมทส่ี ร้างขนึ้ ๘) ตรวจสอบการทำงานของ แอพพลเิ คชัน่ บนระบบปฏิบตั ิการ Android และแกไ้ ขขอ้ ผดิ พลาด ๙) นําปญั หาทีเ่ กดิ ขน้ึ ไปสอบถามขอ้ เสนอแนะจากอาจารยท่ปี รึกษา ๑๐) ปรบั ปรุงแกไ้ ขข้อบกพร่องตามทผี่ ู้เชย่ี วชาญเสนอแนะเพ่มิ เตมิ ๑๑) เผยแพร่แอพพลิเคช่ันเกมทสี่ รา้ งข้ึน ขอบเขตของการศกึ ษา การออกเเบบเเละพัฒนาโปรแกรมเกมเพื่อการศกึ ษาเรยี นรู้ เรือ่ ง เกมจบั คู่ดูโอ้(Match Duo) โดยใช้ โปรแกรม MIT App inventor เพื่อสรา้ งส่ือการเรยี นร้ใู นรูปเเบบเกม เเละทำให้เปน็ ไฟล์ Apk. ใช้ Pinterest ในการหารูป เเละใช้ MIT Al2 Companion เพือ่ ใชใ้ นการเเสดงผลโปรแกรมสำหรบั ใชใ้ นระบบปฏิบัติการ Android ใช้ Youtube ในการหาเสยี งเอ็ฟเฟก็ ต์ เเละใช้ Youtube Convert2MP3 ในการเเปลงไฟลใ์ ห้ เปล่ียนเปน็ MP3 กลมุ่ เป้าหมาย เดก็ และเยาวชนในโรงเรียนกลั ยาณวัตร

แผนการดำเนนิ งาน ตลุ าคม ๑๖ ตารางที่ ๑ แผนการดําเนนิ งานของโครงงาน ๑๗ ๑๘ ขั้นตอนการดำเนินงาน ๑๙ ๒๐๑) คดิ หัวขอ้ โครงงานเพอ่ื นำเสนออาจารย์ ๒๑ท่ปี รกึ ษา ๒๒ ๒๓๒) ศกึ ษาค้นคว้ารวบรวมข้อมลู เก่ียวกบั ๒๔การสรา้ งโปรแกรมพฒั นาเกมในรูป ๒๕แบบสือ่ เกม และ . . . . . . . ๓) ศึกษาโปรแกรมทใ่ี ชใ้ นการสรา้ ง โปรแกรมพฒั นาเกม ๔)จดั ทำเค้าโครงโครงงานคอมพิวเตอร์ เสนออาจารย์ทป่ี รึกษา ๕) ออกแบบโปรแกรมพฒั นาเกม คมู่ ือการใช้งาน ๖) สรา้ งโปรแกรมพัฒนาเกม ๗)ทดลองใชแ้ อพพลเิ คชั่นเกมทส่ี ร้างขนึ้ ๘) ตรวจสอบการทำงานของโปรแกรม ๙)นําโปรแกรม เกมจบั คู่ ดโู อ(้ Match Duo)ไปสอบถามขอ้ เสนอแนะจาก อาจารยทปี่ รกึ ษา ๑๐)ปรบั ปรุงแกไ้ ขขอ้ บกพร่องตามท่ี ผเู้ ช่ยี วชาญเสนอแนะเพ่ิมเติม ๑๑)เผยแพรแ่ อพพลิเคช่นั เกมทส่ี ร้าง ข้ึน

๒๖ ระยะเวลาดำเนินการ ๒๗ ๒๘ พฤศจกิ ายน ๒๙ ๓๐ ๓๑ ๑ ๒ ๓ ๔ ๕ ๖ ๗ ๘ ๙ ๑๐ ๑๑ ๑๒ ๑๓ ๑๔ ๑๕

ผลทค่ี าดวา่ จะไดร้ ับ ๑)โปรแกรม เกมจบั คู่ ดโู อ้(Match Duo) เรือ่ ง โปรแกรม เกมจบั คภู่ าพเหมือน(Memory game) สามารถใช้บนระบบปฎบิ ตั ิการ Androidได้ ๒)ผู้ทดลองใช้ได้ฝกึ ฝนทักษะด้านความจำ และพัฒนาศกั ยภาพดา้ นความจำมากขึน้ เอกสารอา้ งองิ สร้างเกมเก็บผลไมด้ ว้ ย Appinventor ตอนท่ี 1 course introduction.[ออนไลน]์ . สบื คน้ เม่อื ๒๓ตลุ าคม ๒๕๖๓,/จากhttps://www.youtube.com/watch?v=gbyQK576kTc&feature=emb_logo App inventor ตอนท่ี 8 การลิงกร์ ะหว่างหน้าจอ.[ออนไลน]์ . สืบค้นเม่อื ๒๓ตลุ าคม๒๕๖๓,/จากhttps://www.youtube.com/watch?v=eKktKY5WQ7M&feature=emb_logo 3-4 Appinventor 2 คำสั่งเปลียนหน้า และคำส่งั คลิ้กป่มุ .[ออนไลน์]. สืบค้นเม่ือ ๒๓ตลุ าคม ๒๕๖๓,/จากhttps://www.youtube.com/watch?v=WXWjHofCB2A&t=2849s สรา้ งสอื่ สวยๆ ดว้ ย Appinventor2 ตอนที่ 1 Course introduction.[ออนไลน]์ . สบื คน้ เมอื่ ๒๓ตุลาคม ๒๕๖๓,/จากhttps://www.youtube.com/watch?v=0DImqZ6IWGU&feature=emb_logo App Inventor 2 Tutorial: Memorygame for your Android device.[ออนไลน]์ . สืบคน้ เม่ือ ๒๓ตลุ าคม๒๕๖๓ ,/https://www.youtube.com/watch?v=WXWjHofCB2A&t=2849s ขอ้ เสนอโครงงานคอมพวิ เตอร.์ [ออนไลน์]. สบื ค้นเมอ่ื ๒๓ตลุ าคม๒๕๖๓ ,/https://drive.google.com/file/d/13mT6NgiI6zhjG3L4- x6Em9EknV6J9Vgc/view

ผลการพจิ ารณา อนมุ ัติ ควรปรบั ปรุง ลงชือ่ ……………… ครูที่ปรกึ ษาโครงงาน