รหสโครงการ 19p22c0294

ก าเนดเจาเรขาคณต (Drageometry)

โปรแกรมสงเสรมการเรยนร (ระดบนกเรยน)

รายงานฉบบสมบรณ เสนอตอ

ศนยเทคโนโลยอเลกทรอนกสและคอมพวเตอรแหงชาต ส านกงานพฒนาวทยาศาสตรและเทคโนโลยแหงชาต

กระทรวงวทยาศาสตรและเทคโนโลย

ไดรบทนอดหนนโครงการวจย พฒนาและวศวกรรม โครงการแขงขนพฒนาโปรแกรมคอมพวเตอรแหงประเทศไทย ครงท 19

ประจ าปงบประมาณ 2559

โดย นางสาวณฐณชา เดชะเอออารย นางสาวธนาภรณ สทธกรเมธากล นางสาวสภาวด ภสนาม

อาจารยทปรกษา นางสาวศรา หรจตตววฒน

โรงเรยนเซนตฟรงซสซาเวยรคอนแวนต 92 ซอยมตรคาม ถนนสามเสน แขวงวชรพยาบาล เขตดสต กรงเทพฯ 10300

โทร 02-241-2604-5 แฟกซ 02-241-260-6

กตตกรรมประกาศ

(Acknowledgement)

คณะผจดท ำโปรแกรมสงเสรมกำรเรยนร “ก ำเนดเจำเรขำคณต” (Drageometry) ขอขอบคณทนสนบสนนจำกโครงกำรกำรแขงขนพฒนำโปรแกรมคอมพวเตอร แหงประเทศไทย ครงท 19 จำกศนยเทคโนโลยอเลกทรอนกสและคอมพวเตอรแหงชำต ส ำนกงำนพฒนำวทยำศำสตรและเทคโนโลยแหงชำต

ขอขอบพระคณทำนอธกำรณโรงเรยนเซนตฟรงซสซำเวยรคอนแวนต ทสนบสนนใหผจดท ำไดเขำรวมกำรแขงขนทมประโยชนน ขอขอบคณ อำจำรยศรำ หรจตตววฒน อำจำรยทปรกษำและ อำจำรยเดชำ ดรนทพงศ ทคอยใหค ำแนะน ำตำงๆแกผจดท ำ ขอขอบคณผทดสอบโปรแกรม นกเรยนชนประถมศกษำปท 6 ทมำชวยทดสอบโปรแกรมใหกบผพฒนำ

ขอขอบคณบดำ มำรดำของคณะผจดท ำ ทไดสนบสนนใหผจดท ำเขำรวมกำรแขงขนในครงน และขอขอบคณผสรำงโปรแกรมทไดคดคนโปรมแกรมดๆเพอเปนตวชวยในกำรท ำงำนพฒนำในกำรท ำงำนพฒนำโปรแกรมสงเสรมกำรเรยนร

และสดทำยขอขอบคณผจดท ำทกคนทตงใจสรำงสรรคผลงำน จนประสบควำมส ำเรจลลวงไปไดดวยด

ทมผพฒนำก ำเนดเจำเรขำคณต

นำงสำวณฐณชำ เดชะเอออำรย นำงสำวธนำภรณ สทธกรเมธำกล นำงสำวสภำวด ภสนำม

โรงเรยนเซนตฟรงซสซำเวยรคอนแวนต

บทคดยอ

โปรแกรม “Drageometry” ไดถกพฒนำขนมำเพอเปนสอสงเสรมกำรเรยนรวชำคณตศำสตร เรองเรขำคณต ซงผเรยนสำมำรถศกษำเนอหำ และฝกฝนกำรท ำแบบฝกหดได โดยสอกำรเรยนรนถกพฒนำขนดวยโปรแกรม Adobe air, Adobe Illustrator CC, Adobe Photoshop CC และ Adobe Animate CC โดยใชภำษำ Action script 3.0 ในกำรควบคมกำรท ำงำนของโปรแกรม ซงผเรยนจะถกสมมตเปนตวละครทชอ“ชำป” (shapee) ทออกตำมหำหนงสอเพอเพมควำมแขงแกรง เพอสกบมงกรทแขงแรงกวำ

โปรแกรมนประกอบไปดวยเนอหำจ ำนวน 4 บท ซงน ำเสนอในรปแบบ Animation สลบกบกำรท ำแบบฝกหด Interactive ซงผเรยนจะตองท ำแบบทดสอบกอนเรยน และหลงเรยนเพอเปรยบเทยบศกยภำพของตนเองทงกอนเรยนและหลงเรยน โดยโปรแกรมนน ำเสนอในรปแบบภำษำไทย และภำษำองกฤษ เพอใหผเรยนไดฝกทกษะดำนภำษำและสำมำรถน ำควำมรและค ำศพททไดไปใชในชวตประจ ำวน ซงเหมำะกบนกเรยนชนประถมศกษำตอนปลำยจนถงมธยมศกษำตอนตน คณครและผปกครองทตองกำรใชสอกำรสอนในกำรสอนเดก โดยมกำรเมำสในกำรควบคมกำรเลนถำเปนระบบ PC หรอนวสมผสบน Tablet ท ำใหผเรยนรถงกำรสรำงกระบวนกำรคด กำรค ำนวณ ในรปแบบตำงๆ และวเครำะหปญหำตำงๆทเกดขน อกทงผเรยนยงไดฝกจนตนำกำร กำรสงเกต และกำรเรยนรทเพมขนอกดวย

โครงกำรนเปนโครงกำรทไดรบทนอดหนนโครงกำรกำรแขงขนพฒนำโปรแกรมคอมพวเตอรแหงประเทศไทย ครงท 19 จำกศนยเทคโนโลยอเลกทรอนกสและคอมพวเตอรแหงชำต ส ำนกงำนพฒนำวทยำศำสตรและเทคโนโลยแหงชำต

Abstract

The program "Drageometry" has been developed as the media to promote learning mathematics on the topic of geometry, which learners can study the content and practice the exercises. The program "Drageometry has been developed with Adobe air, Adobe Illustrator CC, Adobe Photoshop CC and Adobe Animate CC by using Action script 3. 0 to control the operation of the program. A learner will be supposed to be a fictional dragon named “Shapee", who looks for a book to strengthen himself in order to fight with the stronger dragon.

This program consists of four chapters of which the contents are presented in the form of animation interspersing with interactive exercises. Learners have to take the pre-test and the post-test to compare their potential both before and after learning. The program is provided not only in the Thai but also in the English language in order that learners can practice their language skills and use the vocabulary as well as the knowledge in everyday lives. This programme is proper for grade 4 – grade 9 students. Teachers and parents can use this programme to teach. Learners can control play back by using mouse for Pc system or touching on the Tablet PC. Thus learners will learn the thinking process, how to calculate in various ways and how to solve problems. Moreover, they can use creativity, observation and analysing skills.

This project is supported by the funding to subsidize the development of National Software Contest (NSC) of the 19th from National Electronics and Computer Technology Center. Office of Science and Technology

.

ค าส าคญ (Keywords)

รปทรง คอ รปทลกษณะเปน 3 มต โดยนอกจำกจะแสดงควำมกวำง ควำมยำวแลว ยงมควำมลก หรอควำมหนำ นน ดวย เชน รปทรงกลม ทรงสำมเหลยม ทรงกระบอก เปนตน ใหควำมรสกมปรมำตร ควำมหนำแนน มมวลสำร ทเกดจำกกำรใชคำน ำหนก หรอกำรจดองคประกอบของรปทรง หลำยรปรวมกน

(ทมำ http://geometrybasicmean.weebly.com) รปเรขาคณตสองมต แบงออกเปน 2 กลมใหญๆ ตำมลกษณะของขอบหรอดำนของรป ไดแก 1. กลมทมขอบหรอดำนของรปเปนสวนของเสนตรง กลมนคอ รปหลำยเหลยม ( polygon ) 2. กลมทมขอบหรอดำนเปนเสนโคงงอ เชน รปวงกลม และรปวงร เปนตน กลมนไมมชอเรยกโดยเฉพำะ (ทมำ http://porntawee520.blogspot.com ) เสนรอบรป หมำยถง เสนทำงปดทลอมรอบพนทหนง ค ำนอำจใชอำงถงเสนทำงหรอควำมยำวของเสนทำง

นน ซงกคอควำมยำวรอบรปของรปรำงชนดใดชนดหนง นอกจำกนเสนรอบรปของรปวงกลมเรยกวำเสนรอบวง (ทมำ http://www.wikiwand.com/th ) พนท คอปรมำณทแสดงถงขอบเขตเนอทของพนผวหรอรปรำงสองมต พนทสำมำรถเขำใจไดวำเปนจ ำนวน

วสดทหนำขนำดหนงเทำทจ ำเปนทจะประกอบขนเปนรปรำง หรอปรมำณสทำเทำทจ ำเปนทจะทำผวหนำในครงเดยว พนทเปนมโนทศนในสองมตทคลำยคลงกบควำมยำวของเสนโคงในหนงมต หรอปรมำตรของทรงตนในสำมมต ปรมาตร หมำยถง ปรมำณของปรภมหรอรปทรงสำมมต ซงยดถอหรอบรรจอยในภำชนะไมวำจะสถำนะใดๆกตำม บอยครงทปรมำตรระบปรมำณเปนตวเลขโดยใชหนวยก ำกบ เชนลกบำศกเมตรซงเปนหนวยอนพนธเอสไอ นอกจำกนยงเปนทเขำใจกนโดยทวไปวำ ปรมำตรของภำชนะคอ ควำมจ ของภำชนะ เชนปรมำณของของไหล (ของเหลวหรอแกส) ทภำชนะนนสำมำรถบรรจได มำกกวำจะหมำยถงปรมำณเนอวสดของภำชนะ

(ทมำ http://funny-geometric.weebly.com )

บทน า

ในปจจบนเรองเรขำคณตเปนหวขอหนงทส ำคญมำกในวชำคณตศำสตร เนองจำกเรขำคณตเปนพนฐำนในกำรเรยนรวชำคณตศำสตร และมสวนชวยในกำรพฒนำศกยภำพทำงควำมคดของมนษย ท ำใหมนษยสำมำรถคดวเครำะหไดอยำงเปนระบบ มเหตผล และสำมำรถจนตนำกำรได แตจำกกำรสอบถำมและสงเกตนกเรยนชนประถมศกษำปท 5 และประถมศกษำปท 6 โรงเรยนเซนตฟรงซสซำเวยรคอนแวนตและเดกนกเรยนทวไป พบวำนกเรยนไมสำมำรถเรยนเรองเรขำคณตไดเขำใจอยำงดเทำทควร หรอไมสนใจในกำรเรยนและกำรท ำแบบฝกหด เรยนรดวยวธกำรทองจ ำ ท ำใหรสกวำยำก จนสงผลท ำใหเกดปญหำกบทกษะกำรคดวเครำะห กำรแกปญหำในขนพนฐำน และกำรเรยนรประยกตใชของคณตศำสตรขนสง

จำกปญหำดงกลำวทำงทมงำนผพฒนำจงคดทจะน ำเสนอสอกำรเรยนกำรสอน “Drageometry” ซงเปนสอกำรเรยนกำรสอนวชำคณตศำสตร เรองเรขำคณต ระดบชนประถมศกษำตอนปลำย-มธยมศกษำตอนตน ในรปแบบของ Animation และ Interactive โดยมตวด ำเนนเรองชอชำป (shapee) เปนตวทออนแอ และไรซงควำมแขงแกรง ชำปทไมรวำท ำไมมนถงแขงแกรงไมได จงพยำยำมทจะคนหำค ำตอบ และนนท ำใหมนไดพบกบค ำตอบทมนเฝำถำมมำแสนนำน มนกไดพบกบหนงสอเลมหนงทชอวำ “Drageometry” เปนหนงสอส ำหรบเพมควำมแขงแกรง เพอสกบมงกรทแขงแรงกวำ

โดยโปรแกรมนจะมกำรปฏสมพนธกบผเลน โดยมกำรเมำสในกำรควบคมกำรเลนถำเปนระบบ PC หรอนวสมผสบน Tablet ซงผเรยนสำมำรถเรยนไดทงภำษำไทยและภำษำองกฤษ ท ำใหผเรยนรถงกำรสรำง กระบวนกำรคด กำรค ำนวณ ในรปแบบตำงๆ และวเครำะหปญหำตำงๆทเกดขน อกทงผเรยนยงไดฝกจนตนำกำร กำรสงเกต และกำรเรยนรทเพมขนอกดวย

สารบญ กตตกรรมประกำศ ...................................................................................................................................................... ก

บทคดยอ .................................................................................................................................................................... ข

ค ำส ำคญ (Keywords) ................................................................................................................................................. ง

บทน ำ ......................................................................................................................................................................... จ

วตถประสงคและเปำหมำย ......................................................................................................................................... 1

รำยละเอยดของกำรพฒนำ ......................................................................................................................................... 1

เนอเรองยอ (Story Board) .................................................................................................................................. 1

ทฤษฎหลกกำรและเทคนคหรอเทคโนโลยทใช ........................................................................................................ 1

เครองมอทใชในกำรพฒนำ ..................................................................................................................................... 3

รำยละเอยดโปรแกรมทไดพฒนำในเชงเทคนค (Software Specification)......................................................... 4

Input Specification ........................................................................................................................................ 4

Output Specification ..................................................................................................................................... 4

Functional Specification...................................................................................................................................... 37

โครงสรำงของซอฟตแวร (Design) ............................................................................................................................ 38

สวนส ำคญ ............................................................................................................................................................ 45

ขอบเขตและขอจ ำกดของโปรแกรมทพฒนำ ......................................................................................................... 45

คณลกษณะของอปกรณทใชกบโปรแกรม ............................................................................................................. 45

กลมผใชโปรแกรม ..................................................................................................................................................... 45

ผลของกำรทดสอบโปรแกรม ..................................................................................................................................... 45

ปญหำและอปสรรค................................................................................................................................................... 45

แนวทำงในกำรพฒนำและประยกตใชรวมกบงำนอนๆ ในขนตอไป ........................................................................... 45

เอกสำรอำงอง (Reference) ..................................................................................................................................... 46

สถำนทตดตอของผพฒนำและอำจำรยทปรกษำ ....................................................................................................... 47

ภำคผนวก (Appendix) ............................................................................................................................................ 48

คมอกำรตดตงอยำงละเอยด ................................................................................................................................. 48

คมอกำรใชงำนอยำงละเอยด ................................................................................................................................ 48

1

วตถประสงคและเปาหมาย

1. เพอพฒนำสอสงเสรมกำรเรยนรในวชำคณตศำสตร เรอง เรขำคณต 2. เพอใหผเรยนมควำมรควำมเขำใจเรองเรขำคณตมำกยงขนสำมำรถน ำไปประยกตในชวตประจ ำวนได 3. เพอใหผเรยนฝกท ำแบบฝกและโจทยปญหำและสรำงจนตนำกำรในกำรคดค ำนวณ 4. เพอใหผเลนไดน ำกระบวนกำรฝกแกไขปญหำ ไปปรบใชในชวตประจ ำวนได

รายละเอยดของการพฒนา

เนอเรองยอ (Story Board) ในดนแดนทแสนกวำงใหญแหงหนง มงกรตำงออนแอ และไรซงควำมแขงแกรง ซงท ำใหมงกรนอยตวหนงท

ชอวำ “ชำป”(shapee) ทมกถกกลนแกลงรงแกเปนประจ ำ ออกตำมหำสำเหตทไมรวำท ำไมมนถงแขงแกรงไมไดและยงออนแอกวำมงกรตวอนๆมำก จนคนพบต ำนำนหนงวำในเมองมหนงสอเลมหนงทเคยชวยท ำใหมงกรทกตวในเมองเมอกอนแขงแกรงขน ถกผนกและซอนไวในสวนลบทหองสมด ซงหลงจำกนนชำปไดออกตำมหำจนเจอ หนงสอเลมหนงทชอวำ “Drageometry” และท ำวธทหนงสอเขยนไวส ำหรบเพมควำมแขงแกรงได ทฤษฎหลกการและเทคนคหรอเทคโนโลยทใช

Animation คอ เกดขนจำกกำรแสดงภำพอยำงเรว ของชดภำพนงแบบสองมต (2D) หรอ เกดจำกกำรเปลยนต ำแหนงของวตถทเรำอยำกใหเคลอนท โดย ใชหลกภำพลวงตำ ใหดเหมอนวำภำพนงเหลำนน มกำรเคลอนไหว จำกหลกกำรมองเหนภำพตดตำของคนเรำนนเอง โดย Animation เกดจำกหลำยองคประกอบรวมตวกน โดยหนงในหวใจของ Animation นน คอกำร animate

Animate คอ กำรเคลอนไหว ใหชวตกบสงตำงๆ ทยงไมมกำรเคลอนไหว หรอทเรำมกเรยกกนตดปำกวำ ภำพนง (Still) ดงนน เหลำ Animator กคอ ผใหชวต Animation

(ทมำ http://it.tni.ac.th/files/2/files/pdf/Animationok.pdf ) สอ Interactive Multimedia คอ เทคโนโลยทำงกำรศกษำทเปนระบบคอมพวเตอรรปแบบใหม ทถก

น ำมำใชในระบบกำรเรยนกำรสอน (ซง SE-ED Learning Center เปนรำยแรกในประเทศไทย ทมกำรน ำเอำเทคโนโลยนมำใชประกอบกำรเรยนกำรสอนในวชำภำษำองกฤษอยำงเปนทำงกำร) โดยมวตถประสงคในกำรกระตนกำรมสวนรวมในกำรเรยนรของนกเรยน โดยมปฏสมพนธผำนระบบ เสยง ขอควำม กำรตน Animation เพลง ดนตร และภำพกรำฟฟกตำงๆ ซงจะท ำใหนกเรยนสำมำรถฝกฝนทกษะกำรใชภำษำองกฤษ ทง ทกษะกำรฟง พด อำน เขยน อยำงกระตอรอรน และสนกสนำน

(ทมำ http://www.act-english.com/qa/q10/ ) ขนตอนการออกแบบการเรยนการสอน Kemp (1985) ระบค ำถำมทตองพจำรณำกอนกำรออกแบบกำรเรยนกำรสอนไวดงน 1. กำรเรยนกำรสอนนออกแบบเพอใคร 2. สงทตองกำรใหผเรยนร หรอจดประสงคในกำรเรยนกำรสอนคออะไร

2

3. วธในกำรถำยทอดเนอหำสำระ หรอกจกรรมกำรเรยนกำรสอนคออะไร 4. วธ และกระบวนกำรประเมนผลผเรยนรวำเกดควำมรตำมทตงจดประสงคไว 5. กระบวนกำรทจะท ำใหประสบควำมส ำเรจตำมทตงวตถประสงคไว 6. กำรทบทวน และกำรทดลองใชสงทพฒนำขนวำเปนไปตำมทคำดหวงหรอไม การเรยนแบบอเลกทรอนกส หรอ e-learning หมำยถงกำรเรยนกำรสอนทถำยทอดเนอหำหรอ สำระกำร

เรยนผำนอปกรณอเลกทรอนกสโดยเฉพำะอยำงยงผำนเครอขำยคอมพวเตอร ไมวำจะเปน เครอขำย อนเตอรเนต อนทรำเนต หรอแมกระทง สญญำณผำนดำวเทยม (satellite) กไดซงเนอหำสำรสนเทศ อำจะอยใน รปแบบกำรเรยนรประเภท คอมพวเตอรชวยสอน (computer-assisted instruction) กำรสอนบนเวบ (web based instruc-tion) กำรเรยนออนไลน และกำรเรยนทำงไกลผำนดำวเทยม ภำยใตกำรจดกำรของระบบบรหำร จดกำรกำรเรยนรทมเครองมอในกำรชวยจดกำรเรยนกำรสอน เชน เครองมอส ำหรบกำรสอสำร ระหวำงผเรยน ดวยกน หรอผเรยนกบผสอน เครองมอในกำรสรำงแบบสอบถำมเพอวดผลกำรเรยน เครองมอในกำรตดตำม ตรวจสอบ และประเมนผลกำรเรยน ผเรยนมโอกำสในกำรเรยนรไดอยำงไมจ ำกดเวลำ และสถำนท (พนโทหญง อมรำภรณ หมปำน 2549)

มลตมเดย หมำยถง กำรน ำองคประกอบของสอชนดตำงๆ มำ ผสมผสำนเขำดวยกนซงประกอบดวยตวอกษร (Text) ภำพนง (Image) ภำพเคลอนไหว (Animation) เสยง (Sound) และวดทศน (Video) โดยผำนกระบวนกำรทำงระบบคอมพวเตอรเพอสอควำมหมำยกบผใชอยำงม ปฏสมพนธ (Interactive Multimedia) และไดบรรลผลตำมวตถประสงคกำรใชงำนสำมำรถกระท ำไดโดยผำน ทำงคยบอรด (Keyboard) เมำส(Mouse) หรอตวช(Pointer) เปนตน กำรใชมลตมเดยในลกษณะปฏสมพนธ 54 กเพอชวยใหผใชสำมำรถเรยนรหรอท ำกจกรรม รวมถงดสอตำง ๆ ดวยตนเองไดสอตำง ๆ ทน ำมำรวมไวใน มลตมเดย เชน ภำพ เสยง วดทศนจะชวยใหเกดควำมหลำกหลำยในกำรใชคอมพวเตอรอนเปนเทคโนโลย คอมพวเตอรในแนวทำงใหมทท ำใหกำรใชคอมพวเตอรนำสนใจ และเรำควำมสนใจ เพมควำมสนกสนำนใน กำรเรยนรมำกขน ทวศกด กำญจนสวรรณ (2546: 2)

บทเรยน WBI จ ำแนกออกเปน 3 ประเภท ตำมระดบควำมยำก ไดแก 3 ประเภท 1. Embedded WBI เปนบทเรยนคอมพวเตอรบนเวบทน ำเสนอดวยขอควำม และกรำฟฟกเปนหลก จดวำ

เปนบทเรยนขนพนฐำนทพฒนำมำจำกบทเรยน CAI สวนใหญพฒนำขนดวยภำษำ HTML (Hypertext Markup Language)

2. IWBI (Interactive WBI) เปนบทเรยนคอมพวเตอรบนเวบทพฒนำขนจำกบทเรยนประเภทแรก โดยเนนกำรมปฏสมพนธกบผเรยนเปนหลก นอกจำกน ำเสนอดวยสอตำงๆทงขอควำมกรำฟฟก และ เคลอนไหวแลว กำรพฒนำบทเรยนในระดบน จงตองใชภำษำคอมพวเตอรยคท 4 ไดแก ภำษำเชงวตถ (Object Oriented Program-ming) เชน Visual Basic, Visual C++ HTML, Perl เปนตน

3. IMMWBI (Interactive Multimedia WBI) เปนบทเรยนคอมพวเตอรบนเวบทน ำเสนอโดยยด คณสมบตทง 5 ดำนของมลตมเดย ไดแก ขอควำม ภำพนง ภำพเคลอนไหว กำรปฏสมพนธ และเสยง จดเปน ระดบสงสดของบทเรยน WBI เนองจำกกำรปฏสมพนธเพอจดกำรทำงดำนภำพเลอนไหว และเสยงของบทเรยน โดยใชเวบเบรำเซอรนนมควำมยงยำกมำกกวำบทเรยนทน ำเสนอแบบใชงำนเพยงล ำพง ผพฒนำบทเรยน จะตองใชเทคนคตำงๆ เขำชวย เพอใหกำรตรวจปรบของบทเรยนจำกกำรมปฏสมพนธเปนดวยควำมรวดเรว และรำบรน เชน กำรเขยนคกก

3

(Cookies) ชวยสอสำรขอมลระหวำงเวบเซรฟเวอรกบตวบทเรยนทอยในไคล แอนท ตวอยำงของภำษำทใชพฒนำบทเรยนระดบน ไดแก Java, ASP, JSP และPHP เปนตน รศ.ดร. มนตชย เทยนทอง (2546)

(ทมำ http://ir.swu.ac.th/xmlui/bitstream ) เครองมอทใชในการพฒนา

- Adobe air - Adobe Animate CC ( และใชภำษำ Action Script 3.0 ในกำรเขยนควบคมโปรแกรม ) - Adobe Illustrator CC - Adobe Photoshop CC

4

ตวอยำงภำพหนำเลอกภำษำ

รายละเอยดโปรแกรมทไดพฒนาในเชงเทคนค (Software Specification)

Input Specification

โปรแกรมสอกำรเรยนร “Drageometry” เปนสอกำรเรยนกำรสอนในรปแบบ 2 มตและมกำรน ำเสนอทงรปแบบภำษำไทยและภำษำองกฤษในรปแบบของไฟล .exe และไฟล .apk น ำเสนอในรปแบบ Animation ทมเสยงดนตรและเสยงบรรยำยประกอบ สวนเนอหำน ำเสนอในลกษณะกำรมปฏสมพนธและเสยงบรรยำยประกอบเนอหำบทเรยน แบบฝกหดและแบบทดสอบเปนภำษำองกฤษ โดยรบขอมลโปรแกรมจะรบคำจำกเมำสและคยบอรดในระบบ PC และนวสมผสในระบบแอนดรอยด

Output Specification

ในสวนของหนำเลอกภำษำ เมอผเรยนเปดโปรแกรม “Drageometry”ขนมำแลวจะพบกบหนำเลอกภำษำ ซงผเรยนสำมำรถเลอกเรยนไดทงภำษำไทยและภำษำองกฤษ

5

ในสวนของหนา Log in เมอเขำสโปรแกรม จะเขำสหนำลงทะเบยนของผเรยน แบงออกเปนสองสวน คอ ส ำหรบผเรยนใหม และ

ส ำหรบผเรยนทเคยใชแลว มตวเลอกดงน

ส ำหรบผเรยนเกำ เมอเลอกปมนจะเขำสหนำ Intro ของโปรแกรม

- ปม

ตวอยำงภำพหนำ Log in

- ปม

ส ำหรบผเรยนใหม เมอเลอกปมนจะเขำสหนำกรอกชอของผเรยนเพอเพมรำยชอและ โปรแกรมจะท ำกำรเกบขอมลของผเรยนรวมถงสถตของกำรท ำแบบทดสอบตำงๆ

6

ในสวนของหนากรอกชอของผเรยน

ส ำหรบผเรยนใหม จะตองกรอกชอผเรยนลงในกลองขำงใต “Please enter your name”

มตวเลอกดงน

ตวอยำงภำพหนำกรอกชอของผเรยน

- ปม OK เมอเลอกจะเขำส หนำ Intro ของโปรแกรม

- ปม Back เมอเลอกจะเขำสหนำ Log in

ในสวนของ Intro

หลงจำก log in จะม Intro ทเปน Animation เลำเรองมงกรนอย “ชำป”(Shapee) ทมกถกกลนแกลงรงแกเปนประจ ำ จงไดออกตำมหำสำเหตทไมรวำท ำไมมนถงแขงแกรงไมได จนคนพบต ำนำนหนงวำในเมองมหนงสอเลมหนงทเคยชวยท ำใหมงกรทกตวในเมองเมอกอนแขงแกรงขน ถกผนกและซอนไวในสวนลบทหองสมด ซงหลงจำกนนชำปไดออกตำมหำจนเจอ หนงสอเลมหนงทชอวำ “Drageometry” และท ำวธทหนงสอเขยนไวส ำหรบเพมควำมแขงแกรงไดน ำเขำสหนำหลก ถำไมตองกำรรบชม ใหกดปม SKIP ขำมหนำ Intro

7

ในสวนของหนาแบบทดสอบวดระดบความรกอนเรยน

หนำแบบทดสอบวดระดบควำมรกอนเรยน คอ สวนทจะวดระดบควำมรของผเรยน ในเรอง เสนรอบรป พนทและรปคลของเรขำคณต ซงโปรแกรมจะท ำกำรเกบคะแนนของผเรยนและน ำไปเปรยบเทยบกบแบบทดสอบหลงเรยน เพอเปรยบเทยบดวำผเรยนมพฒนำกำรมำกขนหรอนอยลงเพยงใด โดยมลกษณะเตมค ำตอบโดยกำรลำก-วำงค ำตอบ เตมค ำตอบ เลอกตอบค ำตอบ โดยกำรสมจำกคลงฐำนขอมลขนมำจ ำนวน 10 ขอ พรอมกบจบเวลำในกำรท ำของผเรยน และมสวนกระดำษทดเพมเตม

โดยกำรท ำแบบทดสอบกอนเรยนจะบงคบใหผเรยนท ำในครงแรกส ำหรบผเรยนทลงทะเบยนเขำใชในครงแรกเทำนน แตถำหำกผเรยนตองกำรท ำแบบทดสอบอกครงโปรแกรมจะมสวนของแบบทดสอบกอนเรยนใหอกครงหรอสวนของแบบทดสอบหลงเรยน

ตวอยำงภำพหนำ Intro

8

มตวเลอกและสญลกษณดงน

- จ ำนวนขอของแบบทดสอบ

- เวลำทใชในกำรท ำแบบทดสอบ

- เมอเลอกจะกลบไปยงหนำหลก

- เมอเลอกจะไปในขอถดไปของแบบทดสอบ

- กลองส ำหรบตอบค ำถำม

- เมอเลอกจะมหนำตำงของกระดำษทด

- ปมออกเมอเลอกจะเขำสหนำหลก

หลงเสรจสนในกำรท ำแบบทดสอบกอนเรยน โปรแกรมจะท ำกำรสรปผลคะแนนและเวลำทผเรยนใชในกำรท ำ

ตวอยำงภำพแบบทดสอบกอนเรยน

9

แบบทดสอบ มตวเลอกดงน

ตวอยำงภำพสรปผลคะแนนแบบทดสอบกอนเรยน

- Answer Key เมอเลอกจะเขำสหนำเฉลยค ำตอบ

- ปม Next เมอเลอกจะเขำสหนำหลก - ปม Answer key เมอเลอกจะเขำสหนำเฉลยของแบบฝกหดกอนเรยน

ในสวนของหนาหลก แบงออกเปน 3 สวน ไดแก สวนท 1 สวนของเนอหำ (Lesson) สวนท 2 สวนของแบบฝกหด (Challenge) ทมกำรรวบรวมจำกเนอหำบทเรยนทงหมด เพอเพม

ควำมทำทำยใหกบผเลน สวนท 3 สวนของแบบทดสอบ (Pre-test และ Post-test) โดยมตวเลอกดงน

2

10

- ปม Lesson เมอเลอกแลวจะเขำสหนำเลอกบทเรยน - ปม Pre-test เมอเลอกแลวจะเขำสหนำแบบทดสอบกอนเรยน ในกรณทผเลนตองกำรทจะท ำ

แบบทดสอบอกครง - ปม Post-test เมอเลอกแลวจะเขำสหนำแบบทดสอบหลงเรยน เมอเรยนบทเรยนครบทกเรองแลว - ปม Challenge เมอเลอกแลวจะเขำสหนำโจทย - ปม Result เมอเลอกจะเขำสหนำแสดงผลแบบทดสอบกอนเรยนและหลงเรยนในรปแบบกรำฟ - ปม About us เมอเลอกแลวจะเขำสหนำ About us เพอแสดงรำยชอผจดท ำ - ปม เมอเลอกแลวจะเปลยนจำกภำษำองกฤษเปนภำษำไทย - ปม เมอเลอกแลวจะเปลยนจำกภำษำไทยเปนภำษำองกฤษ

ในสวนท1 เนอหาบทเรยน ผเรยนสำมำรถเลอกเนอหำบทเรยนได โดยแบงออกเปน 4 บทเรยน ไดแก

บทเรยนท 1 สำมเหลยม เมอเลอกแลวจะเขำสหนำเลอกหวขอสำมเหลยม บทเรยนท 2 สเหลยม เมอเลอกแลวจะเขำสหนำเลอกหวขอสเหลยม บทเรยนท 3 วงกลม เมอเลอกแลวจะเขำสหนำเลอกหวขอวงกลม บทเรยนท 4 รปทรง 3 มต เมอเลอกแลวจะเขำสหนำเลอกหวขอรปทรง 3 มต

ซงมรปแบบกำรน ำเสนอแบบเนอหำเปน Animation สลบกบกำรท ำแบบฝกหดในรปแบบ Interactive ท

ตวอยำงภำพหนำเมนหลก

11

แตกตำงกนออกไปในแตละบท ซงแบงออกเปน 2 สวนใหญๆ คอ ในสวนของกำรวำดรป และในสวนของกำรค ำนวณ เพอชวยใหผเรยนเขำใจในเนอหำบทเรยนมำกยงขนโดยผเรยนสำมำรถเลอกเรองทตองกำรเรยนได

บทเรยนท 1 สามเหลยม

เนอหำของบทเรยนสำมเหลยมแบงออกเปน 4 หวขอยอย ประกอบดวย

- พนฐำนสำมเหลยม

- ชนดของสำมเหลยม

- เสนรอบรปสำมเหลยม

- พนทสำมเหลยม

- ปม Triangle เมอเลอกแลวจะเขำสหนำแอนเมชนแสดงเนอหำพนฐำนสำมเหลยม - ปม Types of Triangle เมอเลอกแลวจะเขำสหนำแอนเมชนแสดงเนอหำชนดสำมเหลยม - ปม Perimeter of a Triangle เมอเลอกแลวจะเขำสหนำแอนเมชนแสดงเนอหำเสนรอบรปสำมเหลยม - ปม Area of a Triangle เมอเลอกแลวจะเขำสหนำแอนเมชนแสดงเนอหำพนทรปสำมเหลยม - ปม Back เมอเลอกแลวจะเขำสหนำเลอกเนอหำบทเรยน

ตวอยำงภำพหนำเลอกหวขอสำมเหลยม

\

12

ในสวนหวขอ พนฐานสามเหลยม สวนของเนอหำ : สมบตของรปสำมเหลยม พรอมกบใหผเรยนนบดำนของสำมเหลยมไดตำมควำมหมำย

สวนแบบฝกหด interactive : หำสำมเหลยม ผเรยนจะตองหำรปสำมเหลยมทงหมดตำมนยำมในภำพทก ำหนดใหโดยเลอกทสำมเหลยม ทงหมด 10 ขอ

ตวอยำงภำพ interactive หำรปสำมเหลยม

ตวอยำงภำพเนอหำพนฐำนสำมเหลยม

13

หลงจำกทผเรยนไดฝกกำรหำสำมเหลยมแลว กจะมกำรสรปในตอนทำยของเรองสำมเหลยมลงในกลองสเหลยมทง 2 กลองเพอเนนย ำและแสดงควำมเขำใจในบทเรยนทผำนมำ -

ตวอยำงภำพในบทเรยนสรปพนฐำนสำมเหลยม

ในสวนหวขอ ชนดของสามเหลยม

สวนแบบฝกหด interactive ท 1 :

ลองใหผเรยนหำสวนตำงระหวำงสำมเหลยม 3 รปตำมโจทยทระบดำนลำงทงหมด 7 ขอ กอนเขำสเนอหำ

สวนของเนอหำท 2 : ตวอยำงภำพในบทเรยนชนดของสำมเหลยม

14

ชนดของรปสำมเหลยมตำงๆ โดยแบงออกเปน 2 ชนด คอแบงตำมมมและตำมดำน

ตวอยำงภำพในบทเรยนชนดของสำมเหลยม

สวนแบบฝกหด interactive ท 2 :

- ใหผเรยนไดเรยนรชอชนดของรปสำมเหลยมตำงๆ จำกกำรเลอกชอสำมเหลยมใหตรงกบรปสำมเหลยมทโจทยก ำหนดทงหมด 10 ขอทสมจำกคลงฐำนขอมล ใหถกตอง โดยมตวเลอก 2 ตว แบงออกเปนตำมมมและตำมดำน

โดยเมอในกำรเลอกตอบค ำถำมในแตละขอผเรยนสำมำรตรวจสอบไดวำถกตองหรอไมไดจำกกำรเฉลยตวอยำงภำพในบทเรยนชนดของสำมเหลยม

15

ค ำตอบ ถำผเลนตอบถกจะแสดงหนำ Correct ขนมำ แตถำผเลนตอบผด กจะแสดงหนำ Try again และปรำกฏค ำตอบทถกตอง

ถำหำกผเลนไมทรำบวำเปนสำมเหลยมชนดใดเกยวกบเรองมม กสำมำรถกดทปม Tips ดำนขวำมอได เพอขวยในกำรตอบค ำถำม

สวนของเนอหำท 3 : - แอนเมชนเนอหำสวนแสดงควำมเชอมโยงระหวำงชนดของสำมเหลยมททงลกษณะมมและดำนทแตกตำง

กนออกไป ทง 7 รป

ตวอยำงภำพในหนำ Tip

16

สวนแบบฝกหด interactive ท 3 : - ใหผเรยนเลอกชองลกษณะของสำมเหลยมทแสดงของสำมเหลยมตำมชนดทงหมดของสำมเหลยม

ตวอยำงภำพในบทเรยนชนดของสำมเหลยม

ตวอยำงภำพในบทเรยนชนดของสำมเหลยม

17

ในสวนหวขอ เสนรอบรปสามเหลยม สวนของเนอหำ : เสนรอบรปสำมเหลยม

- แอนเมชนอธบำยเสนรอบรปสำมเหลยม

ตวอยำงภำพในบทเรยนเสนรอบรปสำมเหลยม

สวนแบบฝกหด interactive : เสนรอบรปสำมเหลยม - โปรแกรมจะมธนใหผเรยนเลอกเพอทจะน ำไปประกอบเปนรปสำมเหลยม

0

ตวอยำงภำพในบทเรยนเสนรอบรปสำมเหลยม

18

ในสวนหวขอ พนทสามเหลยม สวนของเนอหำ : สวนประกอบของสำมเหลยม (สงและฐำนของสำมเหลยม) - มแอนเมชนอธบำยสวนสงและฐำนของสำมเหลยม ทผเรยนตองใชหำพนทสำมเหลยมไดนน เรำตองรจก

กำรหำฐำนและสงกอน สวนแบบฝกหด interactive ท 1 : หำฐำนและสงของสำมเหลยม - ใหผเรยนลำกเสนในสวนทเปนฐำนและสงของแตละสำมเหลยมทก ำหนดใหทง 10 ขอ

ตวอยำงภำพหำควำมสงของสำมเหลยม

ตวอยำงภำพหำฐำนของสำมเหลยม

19

สวนแบบฝกหด interactive ท 2 : หำพนทจำกโจทยทก ำหนดให - ใหผเรยนเตมค ำตอบลงในชองวำงทก ำหนดให

20

บทเรยนท 2 สเหลยม

เนอหำของบทเรยนสเหลยมแบงออกเปน 5 หวขอยอย ประกอบดวย

- พนฐำนสเหลยม

- ชนดของสเหลยม

- สวนประกอบของสเหลยม

- เสนรอบรปสเหลยม

- พนทสเหลยม

21

ตวอยำงภำพหนำเลอกหวขอสเหลยม

- ปม Quadrilateral เมอเลอกแลวจะเขำสหนำแอนเมชนแสดงเนอหำพนฐำนของสเหลยม - ปม Component เมอเลอกแลวจะเขำสหนำแอนเมชนแสดงเนอหำสวนประกอบของ

สเหลยม - ปม Type of Quadrilateral เมอเลอกแลวจะเขำสหนำแอนเมชนแสดงเนอหำชนดของสเหลยม - ปม Perimeter เมอเลอกแลวจะเขำสหนำแอนเมชนแสดงเนอหำเสนรอบรปสเหลยม - ปม Area เมอเลอกแลวจะเขำสหนำแอนเมชนแสดงเนอหำพนทของสเหลยม - ปม Back เมอเลอกแลวจะเขำสหนำเลอกเนอหำบทเรยน

22

ในสวนของหวขอ พนฐานสเหลยม สวนของเนอหำ : สมบตของรปสเหลยม

- แอนเมชนอธบำยสมบตของรปสเหลยม พรอมกบใหผเรยนนบดำนของสเหลยมได ตำมควำมหมำยของรปรำงสเหลยม

สวนแบบฝกหด interactive : หำสเหลยม - ผเรยนจะตองหำรปสเหลยมทงหมดตำมนยำมในภำพทก ำหนดใหโดยเลอกทสเหลยม ทงหมด 10 ขอ

ตวอยำงภำพเนอหำสเหลยม

ตวอยำงภำพแบบฝกหดหำสเหลยม

23

ในสวนของหวขอ สวนประกอบของสเหลยม สวนของเนอหำ : สวนประกอบของสเหลยม

สวนแบบฝกหด interactive : กำรหำสวนประกอบของสเหลยม จะใหผเรยนฝกกำรหำสวนประกอบของสเหลยม ดวยกำรจบคค ำศพทและภำพ

ในสวนของหวขอ ชนดของสเหลยม

สวนของเนอหำ : ชอชนดของสเหลยม - แอนเมชนอธบำยชอชนดของสเหลยมแตละชนด เชน สเหลยมจตรส สเหลยมคำงหม เปนตน

สวนแบบฝกหด interactive ท 1 : - ใหผเรยนไดเรยนรชอชนดของรปสเหลยมตำงๆ จำกกำรเลอกชอสเหลยมใหตรงกบรปสเหลยมทโจทย

ก ำหนดทงหมด 10 ขอทสมจำกคลงฐำนขอมล ใหถกตอง โดยมตวเลอก 2 ตว

24

ตวอยำงภำพแบบฝกหดชนดของสเหลยม

สวนแบบฝกหด interactive ท 2 :

- แบบฝกหดทใหผเรยนรจกแผนผงสเหลยมสำมำรถแตกยอยเปนสเหลยมไดอยำงไรบำง โดยผเรยนตองเลอกรปชนดทถกตองตำมชอและล ำดบของแผนผง แบงออกเปนระดบงำยกบยำก ซงทงสองระดบแตกตำงกนตรงทกำรบอกไบชอชนดของสเหลยม

ตวอยำงภำพแบบฝกหดชนดของสเหลยม

25

ในสวนของหวขอ การหาพนทของสเหลยม สวนของเนอหำ : กำรหำพนทของสเหลยม

ส ำหรบเรองนจะเปนกำรสอนเรองสตรในกำรค ำนวณหำพนทของรปสำมเหลยมชนดตำงๆ

ตวอยำงภำพเนอหำกำรหำพนท

สวนแบบฝกหด interactive

ตวอยำงภำพแบบฝกหดกำรหำพนทสเหลยม

26

บทเรยนท 3 วงกลม

เนอหำของบทเรยนวงกลมแบงออกเปน 4 หวขอยอย ประกอบดวย

- พนฐำนวงกลม

- สวนประกอบของวงกลม

- เสนรอบรปวงกลม

- พนทวงกลม

ตวอยำงภำพหนำเลอกหวขอสำมเหลยม

- ปม Circle เมอเลอกแลวจะเขำสหนำแอนเมชนแสดงเนอหำพนฐำนวงกลม - ปม Component of Circle เมอเลอกแลวจะเขำสหนำแอนเมชนแสดงเนอหำสวนประกอบวงกลม - ปม Circumstance เมอเลอกแลวจะเขำสหนำแอนเมชนแสดงเนอหำเสนรอบรปวงกลม - ปม Area of Circle เมอเลอกแลวจะเขำสหนำแอนเมชนแสดงเนอหำพนทรปวงกลม - ปม Back เมอเลอกแลวจะเขำสหนำเลอกเนอหำบทเรยน

27

ในสวนของหวขอพนฐานวงกลม สวนของเนอหำ : พนฐำนวงกลม - แอนเมชนอธบำยสมบตของรปวงกลมและมสวนทใหผเรยนลองวำดวงกลมตำมจดทก ำหนดให

ในสวนของหวขอสวนประกอบของวงกลม สวนของเนอหำ : สวนประกอบของวงกลม

- ผเรยนสำมำรถเลอกสวนประกอบของวงกลมแตละสวนเพอดควำมหมำยได

ตวอยำงภำพเนอหำวงกลม

ตวอยำงภำพเนอหำพนฐำนของวงกลม

ตวอยำงภำพเนอหำสวนประกอบของวงกลม

28

บทเรยนท 4 รปทรงเราขาคณต

เนอหำของบทเรยนรปทรงเรำขำคณตแบงออกเปน 3 หวขอยอย ประกอบดวย

- รปทรงเรขำคณตสำมมต

- รปคลของรปทรงสำมมต

- ภำคตดขวำง

ตวอยำงภำพหนำเลอกหวขอสำมมต - ปม Properties เมอเลอกแลวจะเขำสหนำแอนเมชนแสดงเนอหำคณสมบตของวงกลม - ปม Nets of polyhedron เมอเลอกแลวจะเขำสหนำแอนเมชนแสดงเนอหำของรปคล - ปม Cross section เมอเลอกแลวจะเขำสหนำแอนเมชนแสดงเนอหำภำคตดขวำงของรป 3 มต

29

ในสวนของหวขอ รปทรงเรขาคณตสามมต

สวนของเนอหำ : รปทรงเรขำคณตสำมมต - แอนเมชนอธบำยรปทรงเรำขำคณตสำมมตมลกษณะเปนแบบใด -

- ในสวนของหวขอ รปคลของรปทรงสามมต

สวนของเนอหำ : รปคลของรปทรงสำมมต - แอนเมชนอธบำยคลของรปสำมมตมลกษณะแบบใดและมรปคลหลำกหลำยแบบ

ตวอยำงภำพเนอหำรปทรงเรขำคณตสำมมต

ตวอยำงภำพเนอหำรปทรงเรขำคณตสำมมต

30

- ปม แสดงรปคลของรปพระมดฐำนสเหลยม

- ปม แสดงรปคลของรปลกบำศก

- ปม แสดงรปคลของรปปรซมหกเหลยม

ตวอยำงภำพเนอหำรปทรงเรขำคณตสำมมต

31

- ผเรยนจะตองลำกรปเรขำคณตสองมตจำกดำนขวำ ไปวำงบนรปคลในต ำแหนงทถกตอง เพอใหผเรยนรวำ

รปเรขำคณตสำมมตเมอคลออกมำจะเปนรปลกษณะใด

ตวอยำงภำพแสดงรปคลลกบำศก

ตวอยำงภำพแบบฝกหดเรองรปทรงเรขำคณตสำมมต

32

ตวอยำงภำพแบบฝกหดเรองรปทรงเรขำคณตสำมมต

ในสวนท2 สวนของแบบฝกหด

ในกำรท ำแบบทดสอบ Challenge Mode จะเปนสวนทใหผเรยนไดก ำหนดเวลำทตองกำรใชในกำรท ำโจทย หลงจำกทเรยนเนอหำทกบทเรยนมำแลว เพรำะในโหมดนจะเปนกำรรวบรวมโจทยปญหำของแตละบทเรยนมำรวมกน คอ สำมเหลยม สเหลยม วงกลม และรปทรงสำมมต เพอเพมควำมทำทำยใหกบผเรยน ผเรยนสำมำรถตงเวลำกำรท ำแบบทดสอบไดเอง สำมำรถตงไดสงสด 20 นำท โดยเวลำจะนบถอยหลงและสมโจทยจำกทกๆบทเรยนและทกๆระดบใหผเรยนท ำ โดยผเรยนจะตองท ำโจทยตำมจ ำนวนขอใหไดมำกทสดโดยจะบนทกสถตกำรท ำไว ผเรยนสำมำรถเลอกระดบควำมยำกของโจทยได คอ Easy, Normal และ Hard

33

34

ในสวนของการสรปผลคะแนนในการท าแบบทดสอบ โปรแกรมจะท ำกำรน ำขอมลกำรท ำแบบทดสอบของผเรยน ทงแบบทดสอบกอนเรยนและแบบทดสอบหลงเรยนจำกฐำนขอมล มำสรปผลในรปแบบของกรำฟ เพอน ำมำเปรยบเทยบวำผเรยนมควำมเขำมำกนอยเพยงใด สญลกษณตำงๆในหนำนประกอบดวย

- กลองแสดงชอของผเรยน - Item จ ำนวนขอทท ำแบบทดสอบ - Pre-test แบบทดสอบกอนเรยน - Post-test แบบทดสอบหลงเรยน - ปม Back เพอกลบไปหนำเมนหลก

ตวอยำงภำพกำรสรปผลคะแนน

35

ในสวนของกระดาษทด กระดำษทด คอ สวนทเสรมเพมเตมใหกบผเรยนไวส ำหรบวำดรปประกอบเพมเตมเละคดบวก ลบ คณ หำรหำค ำตอบ

ตวอยำงภำพกระดำษทด

- ปม delete เมอเลอกแลวจะสำมำรถลบตวทททดไวทงหมดได - ปม เมอเลอกแลวจะปดหนำตำงกระดำษทด

36

ในสวนของหนา About us About us คอ สวนของชอผจดท ำและครทปรกษำของโครงกำร มตวเลอก ดงน

ตวอยำงภำพหนำ About us

- ปม Back เมอเลอกแลวจะไปยงหนำหลก

37

ในสวนของปม Home ในแตละหนา ผเรยนสำมำรถกดปม Home ทำงดำนขวำมอได เมอตองกำรทจะกลบไปเลอกบทเรยนเรองใหม เมอผเรยนเลอกทปม Home แลว จะปรำกฏหนำใหเลอกวำตองกำรกลบไปเลอกบทเรยนใหมหรอไม ถำตอบตกลง กจะเขำสหนำเลอกบทเรยนใหม แตถำตอบไม กจะกลบเขำสหนำเดม

ตวอยำงภำพกำรเลอกปมHome

ตวอยำงภำพหนำกำรเลอกกลบเขำบทเรยนใหม

38

Functional Specification

สอกำรเรยนร “Drageometry” สำมำรถเรยนรเนอหำเรขำคณตในระดบชนประถมศกษำตอนปลำยจนถงมธยมศกษำตอนตน ซงน ำเสนอในรปแบบ Animation สลบกบแบบฝกหด interactive แตกตำงกนไป เพอใหผเรยนไดรบควำมสนกสนำน และไดรบประสบกำรณกำรเรยนรทคลำยคลงกบกำรเรยนรภำยในหองเรยนมำกทสด เชน กำรหำรปทรงตำงๆ วำดรปเพอแกไขปญหำ ซงเปนวธกำรชวยในกำรแกปญหำส ำหรบกำรเรยนเรองเรขำคณต และมแบบทดสอบในแตละบท เพอวดระดบควำมรของผเรยน สำมำรถเรยนรไดทงในรปแบบภำษำไทยและภำษำองกฤษ

โครงสรางของซอฟตแวร (Design)

1. หนำเพมผใชงำน

39

2. หนำกรอกชอผใชงำน 3. หนำ Pre-test

40

4. หนำกระดำษทด

5. หนำหลก

41

6. หนำเลอกบทเรยน

7. หนำเลอกเรองทตองกำรเรยน

42

8. หนำเนอหำเรองสำมเหลยม

9. หนำเนอหำเรองวงกลม

43

10. หนำเนอหำเรองสเหลยม

11. หนำเนอหำเรองรปทรงสำมมต

44

12. หนำ Challenge

13. หนำกำรแสดงผลกำรท ำแบบทดสอบ

45

สวนส าคญ ภำพกรำฟก และแอนเมชนในโปรแกรม “Drageometry” เปนผลงำนทคณะผจดท ำไดพฒนำขนเองจำกโปรแกรม Adobe air, Adobe Illustrator CC, Adobe Photoshop CC และ Adobe Animate CC โดย มไดท าการคดลอกผลงานจากผใด นอกจำกนในสวนของกำรเขยนโปรแกรม คณะผจดท ำไดใชภำษำ Action Script 3.0 ในกำรเขยนโปรแกรมควบคมกำรท ำงำนของโปรแกรม ขอบเขตและขอจ ากดของโปรแกรมทพฒนา 1. เครองทตดตงซอฟตแวรชดน จะตองมโปรแกรม Adobe air 2. สำมำรถเรยนไดครงละ 1 คน คณลกษณะของอปกรณทใชกบโปรแกรม ใชไดบน PC และ Tablet

กลมผใชโปรแกรม

เหมำะส ำหรบคณคร ผปกครองและนกเรยนทตองกำรเรยนรเรองเรขำคณต

ผลของการทดสอบโปรแกรม

จำกกำรทดสอบนกเรยนชนประถมศกษำปท 6 จ ำนวน 10 คน พบวำกลมเปำหมำยกลมนมควำมพงพอใจในบทเรยนทมรปภำพทสวยงำม เขำใจงำย ใชงำนงำย แตมขอเสนอแนะวำ ตองกำรใหเพมในสวนของแบบฝกหด interactive เพอใหเขำใจเนอหำบทเรยนไดดยงขน

ปญหาและอปสรรค

- ระยะเวลำในกำรพฒนำผลงำนรอบชงชนะเลศมเวลำนอย - เวลำของผพฒนำไมตรงกน - ในกำรท ำโปรแกรมตองพบเจอขอผดพลำด (Bug) บำงอยำงทคำดไมถง ท ำใหตองใชเวลำในกำรแกไข ซงท ำ

ใหพฒนำผลงำนไดชำลง

แนวทางในการพฒนาและประยกตใชรวมกบงานอนๆ ในขนตอไป

- พฒนำโปรแกรมใหมเนอหำมำกขนเพอควำมสมบรณ - พฒนำใหมแบบฝกหด Interactive มำกขน

ขอสรปและขอเสนอแนะ - ควรปรบปรงใหมเนอหำมำกขนเพอควำมสมบรณของเนอหำ - เพมแบบฝกหด Interactive เพอใหผเรยนเขำใจบทเรยนไดดยงขน

46

เอกสารอางอง (Reference)

- Dawn Tai B.Sc. (2014). Challenging 4-in-1 Maths Primary 5 (6th ed.). Singapore: Educational Publishing House Ptd Ltd.

- Rupesh Pathak, & Vaishali Bhatia. 2011. “I Did it” Mathematic (3rd ed.). Sanat Printers, Kundli: Cambridge University Press.

- http://funny-geometric.weebly.com - http://geometrybasicmean.weebly.com - http://ir.swu.ac.th/xmlui/bitstream - http://it.tni.ac.th/files/2/files/pdf/Animationok.pdf - https://magoosh.com/gmat/2012/gmat-geometry-is-it-a-square/ - http://penetntopbknebe.po/wpcontent/uploads/2015/ - http://porntawee520.blogspot.com - https://th.wikipedia.org/wiki/ - http://www.dpu.ac.th/techno/page.php?id=5216 - https://www.gotoknow.org/posts/44534 - http://www.hicksvillepublicschools.org/cms/ - http://www.kidsmathgamesonline.com/facts/geometry/squares.html - https://www.math.ksu.edu/~dbski/writings/further.pdf - https://www.mathsisfun.com/geometry/square.html - https://www.mathsisfun.com/quadrilaterals.html - http://www.wikiwand.com/th

47

สถานทตดตอของผพฒนาและอาจารยทปรกษา

1. น.ส.ณฐณชา เดชะเอออารย มอถอ 088-8296106 e-mail nutnicha_g-27@hotmail.com

2. น.ส.ธนาภรณ สทธกรเมธากล มอถอ 085-8227721 e-mail bthanaporn24@gmail.com

3. น.ส.สภาวด ภสนาม มอถอ 082-0116484 e-mail supavadeeying@outlook.com

4. อาจารยทปรกษาโครงการ น.ส.ศรา หรจตตววฒน มอถอ 086-5572330 e-mail puifaih2219@hotmail.com

โรงเรยนเซนตฟรงซสซาเวยรคอนแวนต

92 ซอยมตตคำม ถนนสำมเสน แขวงวชรพยำบำล เขตดสต กรงเทพฯ 10300 โทรศพท 02-2412604-5

48

ภาคผนวก (Appendix)

คมอการตดตงอยางละเอยด คมอการใชงานอยางละเอยด