ปริญญานิพนธ์

42 3.4.3 การติดต้งั บนระบบปฏิบตั ิการแอนดรอยด์ 3.2 ข้นั ตอนกำรวเิ ครำะห์ 3.2.1 วเิ คราะห์คาอธิบายรายวชิ า ศึกษาเก่ียวกบั วิวฒั นาของระบบจานวนและความสัมพนั ธ์ระหว่างคณิตศาสตร์กบั การทางานของเคร่ืองคอมพิวเตอร์ระบบเลขฐาน ตรรกศาสตร์ พีชคณิตบูลีน คอมพิวเตอร์กบั เลขฐาน หลกั การคานวณของเครื่องคอมพิวเตอร์ และ ทฤษฎีเมตริกซ์ 3.2.2 วเิ คราะหว์ ตั ถปุ ระสงคท์ วั่ ไป 3.2.2.1 เขา้ ใจหลกั การแปลงเลขฐานสองเป็นฐานแปด 3.2.2.2 เขา้ ใจหลกั การแปลงเลขฐานสองเป็นฐานสิบ 3.2.2.3 เขา้ ใจหลกั การแปลงเลขฐานสองเป็นฐานสิบหก 3.2.2.4 เขา้ ใจหลกั การแปลงเลขฐานแปดเป็นฐานสอง 3.2.2.5 เขา้ ใจหลกั การแปลงเลขฐานแปดเป็นฐานสิบ 3.2.2.6 เขา้ ใจหลกั การแปลงเลขฐานแปดเป็นฐานสิบหก 3.2.2.7 เขา้ ใจหลกั การแปลงเลขฐานสิบหกเป็นฐานสอง 3.2.2.8 เขา้ ใจหลกั การแปลงเลขฐานสิบหกเป็นฐานแปด 3.2.2.9 เขา้ ใจหลกั การแปลงเลขฐานสิบหกเป็นฐานสิบ 3.2.3 การแบง่ เน้ือหา การแบ่งเน้ือหาเกมฝึ กทกั ษะ วิชา คณิตศาสตร์คอมพิวเตอร์ เร่ือง ระบบเลขฐาน สามารถแบ่งเป็น 4 เกม และในแตล่ ะเกมกจ็ ะมี 3 ระดบั ดงั น้ี 3.2.3.1 เกม เลขฐานสอง 1) ระดบั (Easy) (1) จานวน 16 ขอ้ (2) จบั เวลาถอยหลงั 32 นาที (3) กดยนื ยนั ส่งคาตอบจะแสดงคาตอบท่ีถกู ตอ้ ง (4) แสดงคะแนนและเวลาผเู้ ลน่ (5) แสดงอนั ดบั ผเู้ ล่น

43 2) ระดบั (Normal) (1) มีท้งั หมด 20 ขอ้ (2) จบั เวลาถอยหลงั 20 นาที (3) สุ่มแต่ละขอ้ ท่ีแตกต่างกนั (4) กดส่งคาตอบในแตล่ ะขอ้ จะแสดงคาตอบท่ีถกู ตอ้ ง (5) แสดงคะแนนและเวลาผเู้ ล่น (6) แสดงอนั ดบั ผเู้ ลน่ 3) ระดบั (Hard) (1) จานวน 10 ขอ้ (2) 1 ขอ้ มี 4 ตวั เลือก (3) จบั เวลาถอยหลงั 20 นาที (4) มี 3 ชีวิต (5) ระดบั ความยาก 5 เตม็ 10 (6) แสดงคาตอบที่ถูกตอ้ งในแต่ละด่าน (7) แสดงคะแนนและเวลาผเู้ ลน่ (8) แสดงอนั ดบั ผเู้ ลน่ 3.2.3.2 เกม เลขฐานแปด 1) ระดบั (Easy) (1) จานวน 16 ขอ้ (2) จบั เวลาถอยหลงั 32 นาที (3) กดยนื ยนั ส่งคาตอบจะแสดงคาตอบที่ถูกตอ้ ง (4) แสดงคะแนนและเวลาผเู้ ล่น (5) แสดงอนั ดบั ผเู้ ลน่ 2) ระดบั (Normal) (1) มีท้งั หมด 20 ขอ้ (2) จบั เวลาถอยหลงั 20 นาที (3) สุ่มแต่ละขอ้ ท่ีแตกตา่ งกนั

44 (4) กดส่งคาตอบในแตล่ ะขอ้ จะแสดงคาตอบที่ถกู ตอ้ ง (5) แสดงคะแนนและเวลาผเู้ ล่น (6) แสดงอนั ดบั ผเู้ ล่น 3) ระดบั (Hard) (1) จานวน 10 ขอ้ (2) 1 ขอ้ มี 4 ตวั เลือก (3) จบั เวลาถอยหลงั 20 นาที (4) มี 3 ชีวิต (5) ระดบั ความยาก 5 เตม็ 10 (6) แสดงคาตอบท่ีถูกตอ้ งในแต่ละด่าน (7) แสดงคะแนนและเวลาผเู้ ล่น (8) แสดงอนั ดบั ผเู้ ล่น 3.2.3.3 เกม เลขฐานสิบหก 1) ระดบั (Easy) (1) จานวน 16 ขอ้ (2) จบั เวลาถอยหลงั 32 นาที (3) กดยนื ยนั ส่งคาตอบจะแสดงคาตอบท่ีถูกตอ้ ง (4) แสดงคะแนนและเวลาผเู้ ลน่ (5) แสดงอนั ดบั ผเู้ ลน่ 2) ระดบั (Normal) (1) มีท้งั หมด 20 ขอ้ (2) จบั เวลาถอยหลงั 20 นาที (3) สุ่มแต่ละขอ้ ท่ีแตกตา่ งกนั (4) กดส่งคาตอบในแต่ละขอ้ จะแสดงคาตอบท่ีถกู ตอ้ ง (5) แสดงคะแนนและเวลาผเู้ ล่น (6) แสดงอนั ดบั ผเู้ ล่น 3) ระดบั (Hard)

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

46 3) นาย ธงชาติ พิกุลทอง อาจารยป์ ระจาภาควิชาวิศวกรรมคอมพิวเตอร์ คณะครุศาสตร์ อตุ สาหกรรม มหาวิทยาลยั ราชมงคลธญั บรุ ี 3.3 ข้นั ตอนกำรออกแบบ ภำพที่ 3.1 แผนภมู ิระดมสมอง

47 ภำพที่ 3.2 แผนผงั การทางาน

48 ภำพที่ 3.3 การออกแบบหนา้ เริ่มตน้ และหนา้ เมนู

49 ภำพท่ี 3.4 การออกแบบหนา้ เลือกระดบั การเลน่ และหนา้ คมู่ ือการเล่น

50 ภำพท่ี 3.5 การออกแบบหนา้ ระดบั Easy และหนา้ Normal

51 ภำพที่ 3.6 การออกแบบหนา้ ระดบั Hard และหนา้ เกมรวมเลขฐาน

52 3.4 ข้นั ตอนกำรสร้ำง 3.4.1 การสร้างแอปพลิเคชนั่ การสร้างแอปพลิเคชน่ั น้นั จะเป็นส่วนเริ่มตน้ เม่ือผูเ้ ล่นตอ้ งการเขา้ เล่นตวั เกม โดยในการสร้าง น้นั ใชโ้ ปรแกรม Android Studio เป็นโปรแกรมหลกั เน่ืองจากการใชง้ านโดยรวมของโปรแกรมสามารถ ออกแบบการทางานของตวั แอปพลิเคชนั่ ไดอ้ ย่างอิสระมีส่วนเสริมต่างๆและสามารถรองรับการทางาน ของระบบปฏิบตั ิการ Android เวอร์ชน่ั ปัจจุบนั โดยการสร้างแอปพลิเคชน่ั มีส่วนท่ีตอ้ งสร้าง ดงั น้ี 1) การสร้างหนา้ เร่ิมตน้ 2) การสร้างหนา้ เมนูการเล่น 3) การสร้างหนา้ แบง่ ระดบั การเล่น 4) การสร้างหนา้ ตวั เกม ภำพท่ี 3.7 ตวั อยา่ งสร้างหนา้ เริ่มตน้

53 ภำพที่ 3.8 ตวั อยา่ งการสร้างหนา้ เมนูการเลน่ ภำพที่ 3.9 ตวั อยา่ งการสร้างหนา้ แบ่งระดบั การเลน่

54 ภำพท่ี 3.10 ตวั อยา่ งการสร้างหนา้ ตวั เกม 3.4.2 การสร้างตวั เกม การสร้างตวั เกมโดยจะใชเ้ วบ็ (Wordwall) เป็นโปรแกรมหลกั ในการสร้างตวั เกม โดยวเิ คราะห์ เน้ือหาในหน่วยเรียน เพื่อนามาใช้เป็ นคาถามและคาตอบภายในตัวเกม เน่ืองจากตวั เว็บ (Wordwall) สามารถสร้างเกมออกมาไดอ้ ยา่ งหลากหลายและมีการเก็บขอ้ มูลผูเ้ ล่น คานวณคะแนน เวลาท่ีใช้ในการ เล่น อตั ตราการกระจายคะแนนและรวมไปถึงการสรุปผลคะแนนออกมาเป็นไฟลเ์ อก็ ซ์เซลและซีเอสวี

55 ภำพท่ี 3.11 ตวั อยา่ งเกมเลขฐานสอง ภำพที่ 3.12 ตวั อยา่ งเกมเลขฐานแปด

56 ภำพท่ี 3.13 ตวั อยา่ งเกมเลขฐานสิบหก ภำพท่ี 3.14 ตวั อยา่ งเกมรวมเลขฐาน

57 3.4.3 การติดต้งั บนระบบปฏิบตั ิการแอนดรอยด์ การติดต้งั บนระบบปฏิบตั ิการแอนดรอยด์น้ันเป็ นข้นั ตอนการดาเนินงานข้นั สุดทา้ ย โดยเมื่อ ดาเนินการเชื่อมต่อตวั เกมกบั ตวั แอปพลิเคชนั่ เรียบร้อยแลว้ ทาการแปลงไฟล์เป็ นไฟล์ .APK เพื่อทาการ ติดต้งั ในระบบปฏิบตั ิการแอนดรอยด์เวอร์ชน่ั 6 ข้นึ ไป ภำพที่ 3.15 ตวั อยา่ งการติดต้งั บนสมาทโฟน

บทที่ 4 ผลการดาเนนิ การ 4.1 บทนา ก่อนจะสร้างเกมฝึ กทกั ษะ วิชา คณิตศาสตร์คอมพิวเตอร์ เร่ือง ระบบเลขฐาน ไดน้ ้ัน ตอ้ งรู้ ปัญหาของวิชาที่ตอ้ งการจะสร้างส่ือการสอน และรู้หลกั การต่าง ๆ ในการทาส่ือสารสอนเพ่ือมาแก้ไข ปัญหาดงั กล่าว ดงั น้นั ผูจ้ ดั ทาไดส้ ร้าง เกมฝึ กทกั ษะ วิชา คณิตศาสตร์คอมพิวเตอร์ เรื่อง ระบบเลขฐาน มา ทาการทดสอบ ท้งั ระดบั ความงา่ ย ปานกลาง และยาก เพอื่ หาขอ้ ผดิ พลาด และแกไ้ ขขอ้ ผิดพลาด เพือ่ ใหต้ วั เกมมีความสมบูรณ์มากท่ีสุด 4.2 วตั ถุประสงค์ของการทดสอบ 4.2.1 เพ่อื ทดสอบเน้ือหาของ เกมฝึกทกั ษะ วชิ า คณิตศาสตร์คอมพวิ เตอร์ เรื่อง ระบบเลขฐาน 4.2.2 เพ่อื ทดสอบการใชง้ าน เกมฝึกทกั ษะ วชิ า คณิตศาสตร์คอมพิวเตอร์ เร่ือง ระบบเลขฐาน 4.2.3 เพือ่ หาจุดบกพร่องและขอ้ ผดิ พลาดท่ีเกิดข้ึนมาทาการแกไ้ ขปรับปรุง 4.3 เคร่ืองมือและอุปกรณ์ท่ีใช้ในการทดสอบ 4.3.1 สมาทโฟนระบบปฏิบตั ิการแอนดรอยด์เวอร์ชน่ั 6 ข้ึนไป พ้ืนที่เกบ็ ขอ้ มูลภายในตวั เคร่ือง 2 GB ข้นึ ไป 4.3.2 อินเตอร์เนต็ 384 kbps ข้ึนไป 4.4 การทดสอบและผลการทดสอบ จากการสร้างเกมฝึ กทกั ษะ วิชา คณิตศาสตร์คอมพิวเตอร์ เรื่อง ระบบเลขฐาน ซ่ึงแบ่งออกเป็น 4 ตวั เกม โดยจะแบ่งย่อยอีกเป็ น 3 ระดบั ไดแ้ ก่ ง่าย ปานกลาง และยาก ซ่ึงในแต่ละระดบั ของตวั เกมจะ แตกต่างกนั ออกไป โดยจะนามาทดสอบเพ่ือตรวจสอบว่านาไปใชง้ านไดด้ ีเพียงใด มีจุดบกพร่องอย่างไร และมีส่วนใดปรับปรุงแกไ้ ขโดยการทดสอบสามารถแบง่ ออกเป็นข้นั ตอนดงั น้ี

59 4.4.1 ระดบั Easy ตารางที่ 4.1 แสดงผลการทดสอบตวั เกมระดบั Easy หมวดเกม คาถาม คาตอบ ตวั จบั เวลา คะแนน เวลา แสดง แสดง แสดง เกมเลขฐานสอง แสดง แสดง แสดง แสดง แสดง แสดง แสดง แสดง เกมเลขฐานแปด แสดง แสดง เกมเลขฐานสิบหก แสดง แสดง สรุป ผลจากการทดสอบตวั เกมระดับ Easy สามารถแสดงผลการทางานได้ตามปกติหรือไม่ ผลปรากฏวา่ จากการทดสอบดว้ ยโทรศพั ทย์ ห่ี ้อ Samsung รุ่น Galaxy j7 prime และใชเ้ ครือขา่ ยมือถือย่ีหอ้ My by cat โดยความเร็วเครือข่ายมือถือที่ 384 kbps การทดสอบตวั เกมระดบั Easy สามารถแสดงผลการ ทางานไดต้ ามปกติ 4.4.2 ระดบั Normal ตารางท่ี 4.2 แสดงผลการทดสอบตวั เกมระดบั Normal หมวดเกม สุ่มขอ้ คาถาม คาตอบ ตวั จบั เวลา คะแนน เวลา เกมเลขฐานสอง แสดง แสดง แสดง แสดง แสดง แสดง เกมเลขฐานแปด แสดง แสดง แสดง แสดง แสดง แสดง เกมเลขฐานสิบหก แสดง แสดง แสดง แสดง แสดง แสดง สรุป ผลจากการทดสอบตวั เกมระดบั Normal สามารถแสดงผลการทางานไดต้ ามปกติหรือไม่ ผลปรากฏวา่ จากการทดสอบดว้ ยโทรศพั ทย์ หี่ อ้ Samsung รุ่น Galaxy j7 prime และใชเ้ ครือข่ายมือถือย่ีหอ้ My by cat โดยความเร็วเครือขา่ ยมือถือที่ 384 kbps การทดสอบตวั เกมระดบั Normal สามารถแสดงผลการ ทางานไดต้ ามปกติ

60 4.4.3 ระดบั Hard ตารางท่ี 4.3 แสดงผลการทดสอบตวั เกมระดบั Hard หมวดเกม สุ่มขอ้ คาถาม คาตอบ ตวั จบั เวลา ชีวิตผเู้ ล่น คะแนน เวลา เกมเลขฐานสอง แสดง แสดง แสดง แสดง แสดง แสดง แสดง เกมเลขฐานแปด แสดง แสดง แสดง แสดง แสดง แสดง แสดง เกมเลขฐานสิบหก แสดง แสดง แสดง แสดง แสดง แสดง แสดง สรุป ผลจากการทดสอบตวั เกมระดบั Hrad สามารถแสดงผลการทางานไดต้ ามปกติหรือไม่ ผล ปรากฏว่า จากการทดสอบดว้ ยโทรศพั ท์ย่ีห้อ Samsung รุ่น Galaxy j7 prime และใช้เครือข่ายมือถือย่ีห้อ My by cat โดยความเร็วเครือข่ายมือถือท่ี 384 kbps การทดสอบตวั เกมระดบั Hardสามารถแสดงผลการ ทางานไดต้ ามปกติ 4.4.4 เกมรวมเลขฐาน ตารางที่ 4.4 แสดงผลการทดสอบเกมรวมเลขฐาน หมวดเกม สุ่มขอ้ คาถาม คาตอบ ตวั จบั เวลา ตวั ช่วย คะแนน เวลา เกมเลขฐานสอง แสดง แสดง แสดง แสดง แสดง แสดง แสดง เกมเลขฐานแปด แสดง แสดง แสดง แสดง แสดง แสดง แสดง เกมเลขฐานสิบหก แสดง แสดง แสดง แสดง แสดง แสดง แสดง สรุป ผลจากการทดสอบเกมรวมเลขฐาน สามารถแสดงผลการทางานได้ตามปกติหรือไม่ ผลปรากฏวา่ จากการทดสอบดว้ ยโทรศพั ทย์ หี่ อ้ Samsung รุ่น Galaxy j7 prime และใชเ้ ครือข่ายมือถือย่ีห้อ My by cat โดยความเร็วเครือข่ายมือถือที่ 384 kbps การทดสอบเกมรวมเลขฐาน สามารถแสดงผลการ ทางานไดต้ ามปกติ

บทที่ 5 สรุปผลการวจิ ัย อภิปรายผล และข้อเสนอแนะ 5.1 บทนา เน่ืองจากการดาเนินการในการสร้างโปรเจค 2 เกมฝึกทกั ษะ วชิ า คณิตศาสตร์คอมพวิ เตอร์ เรื่อง ระบบเลขฐาน เป็นโครงการที่ทาใหผ้ พู้ ฒั นาที่ทาโครงการสามารถพฒั นาความรู้ในหลาย ๆ ดา้ นระยะเวลา ท้งั หมดท่ีผ่านมาช่วงของการทางานย่อมเกิดปัญหาและอุปสรรคต่าง ๆ ทาให้ผูจ้ ดั ทารู้จกั หาวิธีการเพื่อ แกป้ ัญหาที่เกิดข้ึน ซ่ึงถือว่ามีความสาคญั อย่างมาก เพราะผจู้ ดั ทาสามารถนาประการณ์ที่เรียนรู้มาไปปรับ ใชใ้ นการทางาน โดยสรุปผลการดาเนินการและขอ้ เสนอแนะพร้อมท้งั อปุ สรรคปัญหาที่เกิดข้ึนในระหว่าง ทาโครงการไว้ในหัวข้อถัดไป ซ่ึงผู้ที่สนใจสามารถนาโครงการน้ีไปเพ่ือศึกษาและพัฒนาให้มี ประสิทธิภาพมากยงิ่ ข้นึ 5.2 สรุปผลการจดั ทาโครงการ 5.2.1 ผลการทดสอบตวั เกมระดบั Easy สรุป ผลจากการทดสอบตวั เกมระดบั Easy สามารถแสดงผลการทางานไดต้ ามปกติหรือไม่ ผล ปรากฏวา่ การทดสอบการทดสอบตวั เกมระดบั Easy สามารถแสดงผลการทางานไดต้ ามปกติของผเู้ รียนที่ บกพร่องทางการไดย้ นิ 5.2.2 ผลการทดสอบตวั เกมระดบั Normal สรุป ผลจากการทดสอบตวั เกมระดบั Normal สามารถแสดงผลการทางานไดต้ ามปกติหรือไม่ ผลปรากฏว่า การทดสอบการทดสอบตวั เกมระดับ Normal สามารถแสดงผลการทางานได้ตามปกติ 5.2.3 ผลการทดสอบตวั เกมระดบั Hard สรุป ผลจากการทดสอบตวั เกมระดบั Normal สามารถแสดงผลการทางานไดต้ ามปกติหรือไม่ ผลปรากฏ วา่ การทดสอบการทดสอบตวั เกมระดบั Normal สามารถแสดงผลการทางานไดต้ ามปกติ 5.2.4 ผลการทดสอบเกมรวมเลขฐาน สรุป ผลจากการทดสอบเกมรวมเลขฐาน สามารถแสดงผลการทางานได้ตามปกติหรือไม่ ผลปรากฏวา่ การทดสอบการทดสอบเกมรวมเลขฐาน สามารถแสดงผลการทางานไดต้ ามปกติ

62 5.3 ปัญหาและแนวทางแก้ปัญหา 5.3.1 ในการสร้างโปรเจค 2 เกมฝึ กทกั ษะ วิชา คณิตศาสตร์คอมพิวเตอร์ เรื่อง ระบบเลขฐาน จาเป็ นตอ้ งใช้ Wordwall ในการสร้างตวั เกมน้นั มีอยู่จากัด จึงจาเป็ นตอ้ งอพั เกรดบญั ชีผูจ้ ดั ทา ให้อยู่ใน ระดบั ท่ีสามารถลบขอ้ จากดั เหลา่ น้นั ได้ 5.3.2 ปัญหาเรื่องการออกแบบตวั คาถาม ในการออกแบบตวั คาถามน้นั จาเป็นตอ้ งออกแบบให้ สามารถแบ่งระดบั ความยากง่ายและประเภทของตวั คาถาม ซ่ึงสอดคลอ้ งกบั รายวิชาและวตั ถุประสงค์ ทว่ั ไปของหน่วย แนวทางการแกป้ ัญหาจึงจาเป็นตอ้ งขอความอนุเคราะห์ผูท้ รงคุณวุฒิจานวน 3 ท่านเพ่ือ ตรวจสอบตวั คาถามคาตอบและเวลาที่ใชใ้ นแต่ละขอ้ และนาผลการตรวจมาวิเคราะห์เพื่อนาไปใชภ้ ายใน ตวั เกม 5.4 ข้อเสนอแนะ 1) ควรศึกษาการแปลงเลขฐานใหช้ านาญ 2) การจดั เตรียมเน้ือหาควรมีแหล่งอา้ งอิงท่ีเชื่อถือได้ โดยศึกษาจากแหล่ง ตารา ผูท้ รงคุณวุฒิ เพราะบางคร้ังผเู้ ลน่ มีการศึกษาการแปลงเลขฐานท่ีแตกต่างกนั 3) การสร้างแอปพลิเคชน่ั ควรสร้างใหร้ องรับระบบปฏิบตั ิการ Android เวอร์ชนั่ 6 ข้ึนไป

บรรณานุกรม ความหมายของทฤษฎี UI/UX ประเภทของเกม [ออนไลน์]. เขา้ ถึงไดจ้ าก : https://sites.google.com/a/pypw.ac.th/games/bi-ngan-thi- 4?tmpl=%2Fsystem%2Fapp%2Ftemplates%2Fprint%2F&showPrintDialog=1 จนั ทร์เพ็ญ สอนตวั . (2555). การพัฒนาชุดกิจกรรมเกมการศึกษาเพ่ือเสริมสร้างทักษะการอ่าน ภาษาไทยและความสนใจในการอ่านภาษาไทย สาหรับนักเรียนช้ันประถมศึกษาปี ที่ 1. (วิทยานิพนธ์ปริญญามหาบณั ฑิต, มหาวิทยาลยั ราชภฏั กาแพงเพชร). ดารงพนั ธ์ เพชรคง. (2549). การพัฒนาแบบฝึ กเรื่องเลขฐานที่จาลองบล็อกเลขฐานบน คอมพิวเตอร์สาหรับนักเรียนช้ันมัธยมศึกษาปี ที่ 1. (วิทยานิพนธ์ปริญญามหาบณั ฑิต, มหาวิทยาลยั ราชภฏั ภูเก็ต). นิติภูมิ แยม้ จิตร. (2556). การพัฒนาบทเรียนคอมพิวเตอร์ช่วยสอนแบบเกม เรื่องระบบเลขฐาน วิชาดิจิตอลเบื้องต้น. (วิทยานิพนธ์ปริญญามหาบณั ฑิต, มหาวิทยาลยั เทคโนโลยีพระ จอมเกลา้ พระนครเหนือ). ลดั ดาวลั ย์ ดีปัญญา. (2551). การเปรียบเทียบผลสัมฤทธ์ิทางการเรียนวิชาคณิตศาสตร์ คอมพิวเตอร์ ของนัก เรียนที่เรียนด้ วยกิจกรรมการสร้ างผังมโนมติกับนักเรียนที่เรียน แบบปกติ (วิจยั ในช้นั เรียน, มหาวิทยาลยั เทคโนโลยีพระจอมเกลา้ พระนครเหนือ). วิทยา วรรณมะกอก. (2561). การสร้างบทเรียนอิเล็กทรอนิกส์บนเครือข่าย เร่ืองระบบเลขฐาน สาหรับนักเรียนชั้นมัธยมศึกษาปี ที่ 1 โรงเรียนจักรคาคณาทร จังหวัดลาพูน. (วิทยานิพนธ์ปริญญามหาบณั ฑิต, มหาวิทยาลยั เชียงใหม่). วรวรรณ วฒั นวงค์. (2555). การศึกษาผลของการจัดการเรียนรู้ด้วยเกมคณิตศาสตร์และ แบบฝึ กคณิตศาสตร์ที่มีต่อทักษะการคิดคานวณเรื่องการบวกและความสุขที่เกิดขึน้ จากการเรียนคณิตศาสตร์ของนักเรียนช้ันประถมศึกษาปี ที่ 4 ที่มีความสามารถทาง ส ติปัญ ญาต่างกัน . ( วิท ย านิพนธ์ปริญญ ามหาบณั ฑิต , ม ห า วิทย าลยั ราชภฏั พระนครศรี อยุธยา ).

64 บรรณานุกรม (ต่อ) ศุภชยั จนั ทร์นันทนนท์. (2559). การพัฒนาบทเรียนคอมพิวเตอร์ช่วยสอนบนเครือข่ายแบบ ทบทวนบนระบบ Moodle รายวิชาคณิตศาสตร์คอมพิวเตอร์ หลักสูตรประกาศนียบัตร วิช าชีพ วิทยาลัยการอาชีพพุทธมณฑล . (วิทย านิพนธ์ปริญญามหาบณั ฑิต , มหาวิทยาลยั เทคโนโลยีพระจอมเกลา้ พระนครเหนือ). สิริลดา เสียมไหม. (2559). ประสิทธิผลของเกมส์ “ไม่เล่น ไม่รู้ ไม่เจ้าชู้ ไม่เป็ นโรค (ติดต่อทาง เพศสัมพันธ์)”ในนักศึกษาระดับอุดมศึกษา จังหวัดตรัง. (วิทยานิพนธ์ปริญญา มหาบณั ฑิต, วิทยาลยั การสาธารณสุขสิรินธร จงั หวดั ตรัง). สรวิศ เตชะอมรกุล. (2554). การพัฒนาบทเรียนคอมพิวเตอร์ช่วยสอนบนเครือข่ายแบบทบทวน บนระบบ Moodle รายวิชาคณิตศาสตร์คอมพิวเตอร์ หลักสูตรประกาศนียบัตรวิชาชีพ วิทยาลัยการอาชีพพุทธมณฑล. (วิทยานิพนธ์ปริญญามหาบณั ฑิต, มหาวิทยาลยั เทคโนโลยีพระจอมเกลา้ พระนครเหนือ).

ภาคผนวก ก โค้ดส่วนต่าง ๆ

66 คาสั่งหน้า activity_main2.xml <?xml version=\"1.0\" encoding=\"utf-8\"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android=\"http://schemas.android.com/apk/res/android\" xmlns:app=\"http://schemas.android.com/apk/res-auto\" xmlns:tools=\"http://schemas.android.com/tools\" android:layout_width=\"match_parent\" android:layout_height=\"match_parent\" android:background=\"#FFEBCD\" tools:context=\".MainActivity2\"> <com.airbnb.lottie.LottieAnimationView android:layout_width=\"386dp\" android:layout_height=\"480dp\" app:layout_constraintBottom_toBottomOf=\"parent\" app:layout_constraintEnd_toEndOf=\"parent\" app:layout_constraintHorizontal_bias=\"0.5\" app:layout_constraintStart_toStartOf=\"parent\" app:layout_constraintTop_toTopOf=\"parent\" app:layout_constraintVertical_bias=\"0.405\" app:lottie_autoPlay=\"true\" app:lottie_fileName=\"back1.json\" app:lottie_loop=\"true\" />

67 <ImageButton android:id=\"@+id/btn0\" android:layout_width=\"match_parent\" android:layout_height=\"97dp\" android:backgroundTint=\"#00FFFFFF\" android:scaleType=\"centerInside\" app:layout_constraintBottom_toBottomOf=\"parent\" app:layout_constraintEnd_toEndOf=\"parent\" app:layout_constraintHorizontal_bias=\"0.0\" app:layout_constraintStart_toStartOf=\"parent\" app:layout_constraintTop_toTopOf=\"parent\" app:layout_constraintVertical_bias=\"0.917\" app:srcCompat=\"@drawable/bt0\" /> </androidx.constraintlayout.widget.ConstraintLayout>

68 คาสั่งหน้า MainActivity2 package com.example.basenumbergame; import androidx.appcompat.app.AppCompatActivity; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.widget.ImageButton; public class MainActivity2 extends AppCompatActivity { ImageButton ic0; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main2); ImageButton ic0=findViewById(R.id.btn0); ic0.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Intent intentLoadNewActivity=new Intent(MainActivity2.this,home.class); startActivity(intentLoadNewActivity); } }); } }

69 คาสั่ง activity_home.xml <?xml version=\"1.0\" encoding=\"utf-8\"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android=\"http://schemas.android.com/apk/res/android\" xmlns:app=\"http://schemas.android.com/apk/res-auto\" xmlns:tools=\"http://schemas.android.com/tools\" android:layout_width=\"match_parent\" android:layout_height=\"match_parent\" android:background=\"#FFFFCC\" tools:context=\".home\"> <com.airbnb.lottie.LottieAnimationView android:layout_width=\"match_parent\" android:layout_height=\"match_parent\" android:scaleType=\"centerCrop\" app:layout_constraintBottom_toBottomOf=\"parent\" app:layout_constraintEnd_toEndOf=\"parent\" app:layout_constraintHorizontal_bias=\"0.0\" app:layout_constraintStart_toStartOf=\"parent\" app:layout_constraintTop_toTopOf=\"parent\" app:layout_constraintVertical_bias=\"0.0\" app:lottie_autoPlay=\"true\" app:lottie_fileName=\"back2.json\" app:lottie_loop=\"true\" /> <ImageButton

70 android:id=\"@+id/btnt1\" android:layout_width=\"317dp\" android:layout_height=\"110dp\" android:backgroundTint=\"#00FFFFFF\" android:tint=\"#00FFFFFF\" app:layout_constraintBottom_toBottomOf=\"parent\" app:layout_constraintEnd_toEndOf=\"parent\" app:layout_constraintHorizontal_bias=\"0.457\" app:layout_constraintStart_toStartOf=\"parent\" app:layout_constraintTop_toTopOf=\"parent\" app:layout_constraintVertical_bias=\"0.074\" app:srcCompat=\"@drawable/btn5\" /> <ImageButton android:id=\"@+id/btnt2\" android:layout_width=\"324dp\" android:layout_height=\"91dp\" android:backgroundTint=\"#00FFFFFF\" app:layout_constraintBottom_toBottomOf=\"parent\" app:layout_constraintEnd_toEndOf=\"parent\" app:layout_constraintHorizontal_bias=\"0.494\" app:layout_constraintStart_toStartOf=\"parent\" app:layout_constraintTop_toTopOf=\"parent\" app:layout_constraintVertical_bias=\"0.243\" app:srcCompat=\"@drawable/btn6\" /> <ImageButton

71 android:id=\"@+id/btnt3\" android:layout_width=\"wrap_content\" android:layout_height=\"wrap_content\" android:backgroundTint=\"#00FFFFFF\" app:layout_constraintBottom_toBottomOf=\"parent\" app:layout_constraintEnd_toEndOf=\"parent\" app:layout_constraintHorizontal_bias=\"0.494\" app:layout_constraintStart_toStartOf=\"parent\" app:layout_constraintTop_toTopOf=\"parent\" app:layout_constraintVertical_bias=\"0.395\" app:srcCompat=\"@drawable/btn7\" /> <ImageButton android:id=\"@+id/btn4\" android:layout_width=\"wrap_content\" android:layout_height=\"wrap_content\" android:backgroundTint=\"#00FFFFFF\" app:layout_constraintBottom_toBottomOf=\"parent\" app:layout_constraintEnd_toEndOf=\"parent\" app:layout_constraintHorizontal_bias=\"0.494\" app:layout_constraintStart_toStartOf=\"parent\" app:layout_constraintTop_toTopOf=\"parent\" app:layout_constraintVertical_bias=\"0.57\" app:srcCompat=\"@drawable/btn8\" /> <ImageButton android:id=\"@+id/btn5\"

72 android:layout_width=\"wrap_content\" android:layout_height=\"wrap_content\" android:backgroundTint=\"#00FFFFFF\" app:layout_constraintBottom_toBottomOf=\"parent\" app:layout_constraintEnd_toEndOf=\"parent\" app:layout_constraintHorizontal_bias=\"0.494\" app:layout_constraintStart_toStartOf=\"parent\" app:layout_constraintTop_toTopOf=\"parent\" app:layout_constraintVertical_bias=\"0.745\" app:srcCompat=\"@drawable/btn9\" /> <ImageButton android:id=\"@+id/btnt\" android:layout_width=\"wrap_content\" android:layout_height=\"wrap_content\" android:backgroundTint=\"#00FFFFFF\" app:layout_constraintBottom_toBottomOf=\"parent\" app:layout_constraintEnd_toEndOf=\"parent\" app:layout_constraintHorizontal_bias=\"0.494\" app:layout_constraintStart_toStartOf=\"parent\" app:layout_constraintTop_toTopOf=\"parent\" app:layout_constraintVertical_bias=\"0.921\" app:srcCompat=\"@drawable/btn10\" /> </androidx.constraintlayout.widget.ConstraintLayout>

73 คาส่ังหน้า home package com.example.basenumbergame; import androidx.appcompat.app.AppCompatActivity; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.widget.ImageButton; public class home extends AppCompatActivity { ImageButton ic1; ImageButton ic2; ImageButton ic3; ImageButton ic4; ImageButton ic5; ImageButton ic6; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);

74 setContentView(R.layout.activity_home); ImageButton ic1=findViewById(R.id.btnt1); ic1.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Intent intent=new Intent(home.this,menu1.class); startActivity(intent); } }); ImageButton ic2=findViewById(R.id.btnt2); ic2.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Intent intent=new Intent(home.this,menu2.class); startActivity(intent); } });

75 ImageButton ic3=findViewById(R.id.btnt3); ic3.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Intent intent=new Intent(home.this,menu3.class); startActivity(intent); } }); ImageButton ic4=findViewById(R.id.btn4); ic4.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Intent intent=new Intent(home.this,game10.class); startActivity(intent); } });

76 ImageButton ic5=findViewById(R.id.btn5); ic5.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Intent intent=new Intent(home.this,Manual.class); startActivity(intent); } }); ImageButton ic6=findViewById(R.id.btnt); ic6.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Intent intent=new Intent(home.this,tests.class); startActivity(intent); } }); } }

77 คาสั่ง activity_menu1.xml <?xml version=\"1.0\" encoding=\"utf-8\"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android=\"http://schemas.android.com/apk/res/android\" xmlns:app=\"http://schemas.android.com/apk/res-auto\" xmlns:tools=\"http://schemas.android.com/tools\" android:layout_width=\"match_parent\" android:layout_height=\"match_parent\" tools:context=\".menu1\"> <com.airbnb.lottie.LottieAnimationView android:layout_width=\"match_parent\" android:layout_height=\"match_parent\" android:scaleType=\"centerCrop\" app:layout_constraintBottom_toBottomOf=\"parent\" app:layout_constraintEnd_toEndOf=\"parent\" app:layout_constraintHorizontal_bias=\"0.0\" app:layout_constraintStart_toStartOf=\"parent\" app:layout_constraintTop_toTopOf=\"parent\" app:layout_constraintVertical_bias=\"0.0\" app:lottie_autoPlay=\"true\" app:lottie_fileName=\"back3.json\" app:lottie_loop=\"true\" /> <ImageButton android:id=\"@+id/btnt1\"

78 android:layout_width=\"325dp\" android:layout_height=\"129dp\" android:backgroundTint=\"#00FFFFFF\" app:layout_constraintBottom_toBottomOf=\"parent\" app:layout_constraintEnd_toEndOf=\"parent\" app:layout_constraintStart_toStartOf=\"parent\" app:layout_constraintTop_toTopOf=\"parent\" app:layout_constraintVertical_bias=\"0.177\" app:srcCompat=\"@drawable/btn1\" /> <ImageButton android:id=\"@+id/btnt2\" android:layout_width=\"wrap_content\" android:layout_height=\"wrap_content\" android:backgroundTint=\"#00FFFFFF\" app:layout_constraintBottom_toBottomOf=\"parent\" app:layout_constraintEnd_toEndOf=\"parent\" app:layout_constraintHorizontal_bias=\"0.494\" app:layout_constraintStart_toStartOf=\"parent\" app:layout_constraintTop_toTopOf=\"parent\" app:layout_constraintVertical_bias=\"0.378\" app:srcCompat=\"@drawable/btn2\" /> <ImageButton android:id=\"@+id/btnt3\" android:layout_width=\"wrap_content\" android:layout_height=\"wrap_content\"

79 android:backgroundTint=\"#00FFFFFF\" app:layout_constraintBottom_toBottomOf=\"parent\" app:layout_constraintEnd_toEndOf=\"parent\" app:layout_constraintHorizontal_bias=\"0.494\" app:layout_constraintStart_toStartOf=\"parent\" app:layout_constraintTop_toTopOf=\"parent\" app:layout_constraintVertical_bias=\"0.553\" app:srcCompat=\"@drawable/btn3\" /> </androidx.constraintlayout.widget.ConstraintLayout>

80 คาส่ัง activity_menu2.xml <?xml version=\"1.0\" encoding=\"utf-8\"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android=\"http://schemas.android.com/apk/res/android\" xmlns:app=\"http://schemas.android.com/apk/res-auto\" xmlns:tools=\"http://schemas.android.com/tools\" android:layout_width=\"match_parent\" android:layout_height=\"match_parent\" tools:context=\".menu2\"> <com.airbnb.lottie.LottieAnimationView android:layout_width=\"match_parent\" android:layout_height=\"match_parent\" android:scaleType=\"centerCrop\" app:layout_constraintBottom_toBottomOf=\"parent\" app:layout_constraintEnd_toEndOf=\"parent\" app:layout_constraintHorizontal_bias=\"0.0\" app:layout_constraintStart_toStartOf=\"parent\"

81 app:layout_constraintTop_toTopOf=\"parent\" app:layout_constraintVertical_bias=\"0.0\" app:lottie_autoPlay=\"true\" app:lottie_fileName=\"back3.json\" app:lottie_loop=\"true\" /> <ImageButton android:id=\"@+id/btn8\" android:layout_width=\"wrap_content\" android:layout_height=\"wrap_content\" android:backgroundTint=\"#00FFFFFF\" app:layout_constraintBottom_toBottomOf=\"parent\" app:layout_constraintEnd_toEndOf=\"parent\" app:layout_constraintHorizontal_bias=\"0.494\" app:layout_constraintStart_toStartOf=\"parent\" app:layout_constraintTop_toTopOf=\"parent\" app:layout_constraintVertical_bias=\"0.18\" app:srcCompat=\"@drawable/btn1\" />

82 <ImageButton android:id=\"@+id/btn9\" android:layout_width=\"wrap_content\" android:layout_height=\"wrap_content\" android:backgroundTint=\"#00FFFFFF\" app:layout_constraintBottom_toBottomOf=\"parent\" app:layout_constraintEnd_toEndOf=\"parent\" app:layout_constraintHorizontal_bias=\"0.505\" app:layout_constraintStart_toStartOf=\"parent\" app:layout_constraintTop_toTopOf=\"parent\" app:layout_constraintVertical_bias=\"0.355\" app:srcCompat=\"@drawable/btn2\" /> <ImageButton android:id=\"@+id/btn10\" android:layout_width=\"wrap_content\" android:layout_height=\"wrap_content\" android:backgroundTint=\"#00FFFFFF\"

83 app:layout_constraintBottom_toBottomOf=\"parent\" app:layout_constraintEnd_toEndOf=\"parent\" app:layout_constraintHorizontal_bias=\"0.505\" app:layout_constraintStart_toStartOf=\"parent\" app:layout_constraintTop_toTopOf=\"parent\" app:layout_constraintVertical_bias=\"0.53\" app:srcCompat=\"@drawable/btn3\" /> </androidx.constraintlayout.widget.ConstraintLayout>

84 คาสั่งหน้า menu2 package com.example.basenumbergame; import androidx.appcompat.app.AppCompatActivity; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.widget.ImageButton; public class menu2 extends AppCompatActivity { ImageButton ic8; ImageButton ic9; ImageButton ic10; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_menu2); ImageButton ic8=findViewById(R.id.btn8); ic8.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Intent intent=new Intent(menu2.this,game4.class); startActivity(intent);

85 } }); ImageButton ic9=findViewById(R.id.btn9); ic9.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Intent intent=new Intent(menu2.this,game5.class); startActivity(intent); } }); ImageButton ic10=findViewById(R.id.btn10); ic10.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Intent intent=new Intent(menu2.this,game6.class); startActivity(intent); } }); } }

86 คาส่ัง activity_menu3.xml <?xml version=\"1.0\" encoding=\"utf-8\"?> <androidx.constraintlayout.widget.ConstraintLayout xmlns:android=\"http://schemas.android.com/apk/res/android\" xmlns:app=\"http://schemas.android.com/apk/res-auto\" xmlns:tools=\"http://schemas.android.com/tools\" android:layout_width=\"match_parent\" android:layout_height=\"match_parent\" tools:context=\".menu3\"> <com.airbnb.lottie.LottieAnimationView android:layout_width=\"match_parent\" android:layout_height=\"match_parent\" android:scaleType=\"centerCrop\" app:layout_constraintBottom_toBottomOf=\"parent\" app:layout_constraintEnd_toEndOf=\"parent\" app:layout_constraintHorizontal_bias=\"0.0\" app:layout_constraintStart_toStartOf=\"parent\"

87 app:layout_constraintTop_toTopOf=\"parent\" app:layout_constraintVertical_bias=\"0.0\" app:lottie_autoPlay=\"true\" app:lottie_fileName=\"back3.json\" app:lottie_loop=\"true\" /> <ImageButton android:id=\"@+id/btn11\" android:layout_width=\"wrap_content\" android:layout_height=\"wrap_content\" android:backgroundTint=\"#00FFFFFF\" app:layout_constraintBottom_toBottomOf=\"parent\" app:layout_constraintEnd_toEndOf=\"parent\" app:layout_constraintHorizontal_bias=\"0.494\" app:layout_constraintStart_toStartOf=\"parent\" app:layout_constraintTop_toTopOf=\"parent\" app:layout_constraintVertical_bias=\"0.186\" app:srcCompat=\"@drawable/btn1\" />

88 <ImageButton android:id=\"@+id/btn12\" android:layout_width=\"wrap_content\" android:layout_height=\"wrap_content\" android:backgroundTint=\"#00FFFFFF\" app:layout_constraintBottom_toBottomOf=\"parent\" app:layout_constraintEnd_toEndOf=\"parent\" app:layout_constraintHorizontal_bias=\"0.494\" app:layout_constraintStart_toStartOf=\"parent\" app:layout_constraintTop_toTopOf=\"parent\" app:layout_constraintVertical_bias=\"0.361\" app:srcCompat=\"@drawable/btn2\" /> <ImageButton android:id=\"@+id/btn13\" android:layout_width=\"wrap_content\" android:layout_height=\"wrap_content\" android:backgroundTint=\"#00FFFFFF\"

89 app:layout_constraintBottom_toBottomOf=\"parent\" app:layout_constraintEnd_toEndOf=\"parent\" app:layout_constraintHorizontal_bias=\"0.494\" app:layout_constraintStart_toStartOf=\"parent\" app:layout_constraintTop_toTopOf=\"parent\" app:layout_constraintVertical_bias=\"0.536\" app:srcCompat=\"@drawable/btn3\" /> </androidx.constraintlayout.widget.ConstraintLayout>

90 คาสั่งหน้า Menu3 package com.example.basenumbergame; import androidx.appcompat.app.AppCompatActivity; import android.content.Intent; import android.os.Bundle; import android.view.View; import android.widget.ImageButton; public class menu3 extends AppCompatActivity { ImageButton ic11; ImageButton ic12; ImageButton ic13; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_menu3);

91 ImageButton ic11=findViewById(R.id.btn11); ic11.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Intent intent=new Intent(menu3.this,game7.class); startActivity(intent); } }); ImageButton ic12=findViewById(R.id.btn12); ic12.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { Intent intent=new Intent(menu3.this,game8.class); startActivity(intent); } });