แอพพลเคชนเสรมการเรยนรรปทรงเรขาคณตดวยเทคโนโลยเสมอนจรง Leaning media in Geometry with Augmented Reality Technology

นายเศรษฐพงศ พรมดวงด 5804800027 นายธนชย กจพงษศร 5804800031

ปรญญานพนธนเปนสวนหนงของการศกษาตามหลกสตรปรญญาวทยาศาสตรบณฑต

ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร มหาวทยาลยสยาม ปการศกษา 2561

ก

หวขอปรญญานพนธ แอพพลเคชนเสรมการเรยนรรปทรงเรขาคณตดวยเทคโนโลยเสมอนจรง

หนวยกตของปรญญานพนธ 3 หนวยกต รายชอคณะผจดท า นายเศรษฐพงศ พรมดวงด 5804800027

นายธนชย กจพงษศร 5804800031 อาจารยทปรกษา อาจารยเอก บ ารงศร ระดบการศกษา วทยาศาสตรบณฑต ภาควชา วทยาการคอมพวเตอร ปการศกษา 2561

บทคดยอ

สมารทโฟนเปนองคประกอบทจ าเปนส าหรบชวตประจ าวนของทกคน นกเรยนพกสมารทโฟนส าหรบใชในสถานการณประจ าวนและสามารถรบความรจากภายในและภายนอกหองเรยน การเรยนรไมเพยง แตตองอานจากหนงสอเทาน น แตนกเรยนยงสามารถเรยนรผานการใชโทรศพทมอถอเปนสอกลางในการเรยน นอกจากนภาพสองมตจากหนงสอน าไปสการตความทนาเบอและไมกระตนการเรยนร ผเขยนโครงงานนตองการน าเทคโนโลยเสมอนจรง (เพมความเปนจรง) เขากบคณตศาสตรและเรขาคณตส าหรบนกเรยนระดบประถมศกษาตงแตชนประถมศกษาปท 1 ถง 6 ความคดคอการใชกลองโทรศพทเปนเครองมอในการสรางแบบจ าลองภาพ 3 มตทมรปทรงเรขาคณตตาง ๆ ในการเลนเกม ผใชจะตองตอบค าถามทเกยวของกบโมเดล 3 มตทสรางขนวารปทรงทเหนนนเปนรปทรงใด และไดท าหนงสอเสรมการเรยนรพรอมแบบฝกหด โปรแกรมสามารถสอนเพมเตมโตตอบในขณะทการวดความรและความเขาใจในเรอง นอกจากนยงชวยใหผเรยนมปฏสมพนธกบค าสอนมากขนเพอใหพวกเขาสนกกบมนมากขน ซอฟตแวรดงกลาวไดรบการพฒนาโดยใช Unity, Visual Studio และ Sublime Text 3 เปนเครองมอในการพฒนาทชวยใหผใชสามารถเหนภาพเรขาคณตใน 3 มต แอปพลเคชนนจะชวยยกระดบประสบการณการเรยนรและเสนอแนวทางใหมในการพฒนาการเรยนร

ค าส าคญ: ภาพสามมต, รปทรงเรขาคณต, แอปพลเคชน

ค

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

(Acknowledgment)

การจดท าปรญญานพนธฉบบนส าเรจไดนน คณะผจดท าไดรบความกรณาจาก อาจารยผสอนทกทานทใหขอมลตางๆ สงผลใหคณะผจดท าไดรบความรและประสบการณตางๆ ทมคามากมายส าหรบปรญญานพนธฉบบนส าเรจลงไดดวยดจากความรวมมอและสนบสนนจากหลายฝายดงน

1. อาจารยเอก บ ารงศร อาจารยทปรกษา

คณะผจดท าใครขอขอบพระคณคณะกรรมการสอบปรญญานพนธ ทไดใหค าแนะน าส าคญในการสอบปรญญานพนธฉบบน และ ผมสวนรวมทกทาน รวมทงผทไมไดกลาวนาม ทมสวนรวมในการใหขอมลใหความชวยเหลอ และเปนทปรกษาใหค าแนะน าตางๆ จนท าใหงานทกอยางประสบความส าเรจไปดวยด และ ท ารายงานฉบบนจนเสรจสมบรณ ซงคณะผจดท าขอขอบพระคณเปนอยางสงไว ณ ทนดวย

คณะผจดท า

นาย เศรษฐพงศ พรมดวงด นาย ธนชย กจพงษศร

สารบญ

หนา

บทคดยอ .......................................................................................................................................... ก Abstract ........................................................................................................................................... ข กตตกรรมประกาศ (Acknowledgment) ........................................................................................... ค บทท 1 บทน า .................................................................................................................................. 1 1.1 ทมาและความส าคญของปญหา ............................................................................................. 1 1.2 วตถประสงค.......................................................................................................................... 2 1.3 ขอบเขตของปรญญานพนธ ................................................................................................... 2 1.4 ประโยชนทคาดวาจะไดรบ ................................................................................................... 2 1.5 ขนตอนและวธการด าเนนปรญญานพนธ .............................................................................. 3 1.6 แผนและระยะเวลาด าเนนงานปรญญานพนธ ........................................................................ 4 1.7 อปกรณและเครองมอทใชในการพฒนา ................................................................................ 5 1.8 อปกรณและเครองมอทรองรบระบบ .................................................................................... 5

บทท 2 การทบทวนวรรณกรรมทเกยวของ ..................................................................................... 6 2.1 Augmented Reality ............................................................................................................... 6 2.2 Three Dimensional Model .................................................................................................... 8 2.3 โปรแกรม Unity .................................................................................................................... 8 2.4 รปเรขาคณตสามมต .............................................................................................................. 9 2.5 Visual Studio....................................................................................................................... 12 2.6 สอการสอนอเลกทรอนกส .................................................................................................. 13 2.7 Vuforia ................................................................................................................................ 13

สารบญ (ตอ) หนา

บทท 3 การวเคราะหและออกแบบระบบ ...................................................................................... 15 3.1 รายละเอยดของปรญญานพนธ ............................................................................................ 15 3.2 Use case Diagram ............................................................................................................... 16 3.3 แสดงฟงกชนการท างานของระบบดวย Use Case Diagram ................................................ 17 3.4 Sequence Diagram ............................................................................................................. 24 3.5 Class Diagram ..................................................................................................................... 31 3.6 โครงสรางของฐานขอมลและความสมพนธระหวางเอนทต ............................................... 32

บทท 4 การออกแบบทางกายภาพ .................................................................................................. 33 4.1 Story Board ......................................................................................................................... 33 4.2 การออกแบบสวนตดตอผใช (User Interface Design) ......................................................... 34 4.3 ออกแบบหนาจอและการใชงาน .......................................................................................... 35

บทท 5 สรปผลและขอเสนอแนะ .................................................................................................. 44 5.1 สรปผลปรญญานพนธ ......................................................................................................... 45 5.2 ปญหาอปสรรคและแนวทางแกไข ...................................................................................... 45 5.3 ขอจ ากดของระบบ............................................................................................................... 46 5.4 ขอเสนอแนะ........................................................................................................................ 46

บรรณานกรม ................................................................................................................................. 47

สารบญตาราง หนา

ตารางท 1.1 ระยะเวลาในการด าเนนงานปรญญานพนธ .................................................................. 4 ตารางท 3.1 Use Case : Select ....................................................................................................... 17

ตารางท 3.2 Use Case : Show camera ........................................................................................... 18 ตารางท 3.3 Use Case : Shining at Marker .................................................................................... 19 ตารางท 3.4 Use Case : Use case : Show Model ........................................................................... 20 ตารางท 3.5 Use Case : Answer a Question .................................................................................. 21 ตารางท 3.6 Use Case : InsertName and Score ............................................................................. 22

ตารางท 3.7 Use Case : Show Ranking ......................................................................................... 23 ตารางท 5.1 ผลการประเมนความพงพอใจตอแอปพลเคชนเสรมการเรยนรรปทรงเรขาคณต....... 45

สารบญรปภาพ หนา

รปท 2.1 Augmented Reality ........................................................................................................... 6 รปท 2.2 ภาพประกอบ 3D Model ................................................................................................... 8

รปท 2.3 รปประกอบ เรขาคณต 3 มต.............................................................................................. 9 รปท 2.4 ปรซม ................................................................................................................................ 9 รปท 2.5 รปทรงกระบอก ................................................................................................................ 9 รปท 2.6 รปพระมด ....................................................................................................................... 10 รปท 2.7 รปทรงกรวย .................................................................................................................... 10

รปท 2.8 ทรงกลม .......................................................................................................................... 11 รปท 2.9 สเหลยมมมฉาก ............................................................................................................... 11 รปท 2.10 ปรซมรปสามเหลยม ..................................................................................................... 12 รปท 2.11 โปแกรม Visual Studio ................................................................................................. 13 รปท 2.12 หนาตางเวบไซตของ Vuforia ....................................................................................... 14 รปท 3.1 Use Case Diagram .......................................................................................................... 16

รปท 3.2 Sequence Diagram : Select ............................................................................................. 24 รปท 3.3 Sequence Diagram : ShowCamera ................................................................................. 25 รปท 3.4 Sequence Diagram : Shining at Marker.......................................................................... 26 รปท 3.5 Sequence Diagram : ShowModel ................................................................................... 27 รปท 3.6 Sequence Diagram : Answer a Question ........................................................................ 28

รปท 3.7 Sequence Diagram : InsertName and Score ................................................................... 29 รปท 3.8 Sequence Diagram : Show Ranking ............................................................................... 30 รปท 3.9 Class Diagram ................................................................................................................ 31 รปท 3.10 Entity Relationship Diagram ........................................................................................ 32

สารบญรปภาพ (ตอ) หนา

รปท 4.1 Story Board ..................................................................................................................... 33 รปท 4.2 แสดงโครงสรางของ แอพพลเคชน ................................................................................. 34

รปท 4.3 หนาแรกของแอปพลเคชน .............................................................................................. 35 รปท 4.4 หนาเลอกชดค าถามของแตละชนป ................................................................................. 36 รปท 4.5 หนาเลนเกมสตอบค าถาม ................................................................................................ 37 รปท 4.6 หนาแสดงคะแนนรวมทหมด ทเลนได ........................................................................... 38 รปท 4.7 หนาแสดงขอความแจงเตอนวาชอซ า .............................................................................. 39

รปท 4.8 หนาแสดงขอความแจงเตอนวาชอนใชได....................................................................... 40 รปท 4.9 หนาแสดงอนดบคะแนนของผเลน ................................................................................. 41 รปท 4.10 หนงสอเสรมการเรยนรรปทรงเรขาคณตของประถมศกษาปท 1 ถงปท 6 .................... 42 รปท 4.11 Marker ส าหรบสองภาพ 3 มต ...................................................................................... 43

บทท 1

บทน ำ

1.1 ทมำและควำมส ำคญของปญหำ

เนองดวยสอการเรยนการสอนในหนงสอเรยนอาจท าใหผเรยนมความเบอหนายในการเรยนรรปทรงเรขาคณตทเปนภาพสองมต ไมสามารถเหนรปทรงเรขาคณตตาง ๆไดอยางชดเจน หรอขยบเคลอนไหวได ภาพสามมตทอยในหนงสอนนกไมสามารถท าใหเหนถงรปทรงไดอยาง

แทจรงจากการมองภาพนงในหนงสอเรยนการศกษาวชาคณตศาสตรในหมวดเรขาคณตไดบรรจการเรยนการสอนในระชนประถมศกษา ดงนนยคสมยทเรมเปลยนไปเดกรนใหมสามารถเรยนรโทรศพทมอถอและเทคโนโลยไดอยางรวดเรว การน าเอาเทคโนโลย AR (Augmented Reality) เขามามบทบาทในดานการเรยนรท าใหเกดแรงกระตนใหเดกอยากเรยนรสงแปลกใหมและดนาสนใจมากขนเนองดวยมภาพ 3 มตสามารถเหนรปทรงเรขาคณตไดอยางชดเจนเปนมมมองแบบ360 องศายงสามารถเลนเกมสตอบค าถามวารปทเหนนนเปนรปทรงอะไรพรอมทงเกบคะแนน สงเหลานท า

ใหเขาใจมากขนและเหนภาพไดชดเจนมากขน

การน าเทคโนโลยเสมอนจรง AR (Augmented Reality) เขามาใชพฒนาสอเสรมการเรยนการสอนในการศกษาและประยกตใชในการน าเสนอสอเสรมการเรยนร ดวยการผสานเทคโนโลยเส ม อน จ ร ง เข าม าใชดว ยก ารใชง าน ผ าน อป ก รณ กลอ งบน Smart Phone โด ยก ารใช

ภาษาคอมพวเตอรเขามาพฒนาดวยภาษา C# และ PHP นอกจากนนยงใชโปรแกรม Unity ทจะ

จดรปแบบออกมาเปนภาพ 3 มต

ผจ ดท าจงมแนวคดทจะพฒนาสอเสรมการเรยนการสอนในเรองรปทรงเรขาคณต มา

ประยกตใชในการน าเสนอดวยการ สรางแอพพลเคชนสอง และใชกลอง Smart Phone ผานระบบปฏบตการ Android ซงจะเปนตวอานจด Marker โดยจดท Marker ไวนนอยบนหนงสอ เมอผ เลนน ากลอง Smart Phone สองไปยงหนงสอ จะแสดงรปทรงเรขาคณตออกมาเปนภาพสามมตเพอเลนเกมสตอบค าถามวารป AR ทเหนนนเปนรปทรงอะไร พรอมเกบคะแนนและจดอนดบคะแนนของผ เลนทไดคะแนนเยอะทสด พรอมเนอหาความรกบแบบฝกหดในแตละช นปต งแตประถมศกษาปท1 ถงปท 6 รวมใวในเลมเดยว ทงนผจดท าหวงทจะประยกตใชเทคโนโลย AR

(Augmented Reality) กบการน าเสนอเรองรปทรงเลขาคณต ใหมความนาสนใจและแปลกใหมมาก

ขน โดยสามารถใหผเรยนมความเขาใจและเกดแรงกระตนทางการเรยนรมากยงขน

2

1.2 วตถประสงค

เพอพฒนาแอปพลเคชนเสรมการเรยนรรปทรงเรขาคณตดวยเทคโนโลยเสมอนจรง

1.3 ขอบเขตของปรญญำนพนธ

1.3.1 แสดงโมเดลรปทรงเรขาคณตตาง ๆ ไดเมอสองไปท maker 1.3.2 สามารถแสดงค าถามตวเลอก 4 ตวเลอก ปรากฏไวทหนาจอโทรศพทได เพอตอบ ค าถามวาโมเดล 3 มตทไดเหนนนเปนรปอะไรของนกเรยนประถมศกษาชนละ10 ขอ

1.3.2.1 สามารถแสดงคะแนนทผเลนไวในแตละขอได 1.3.2.2 สามารถรวมคะแนนทงหมดของผเลนไดในแตละครงเมอเลนครบ 10 ขอ 1.3.2.3 สามารถแสดงอนดบของผเลนทไดคะแนนเยอะทสด 10 อนดบได

1.3.3 ท าหนงสอเสรมการเรยนรเกยวกบรปทรงเรขาคณตพรอมแบบฝกหด 1.3.4 ผเรยนสามารถเลนเกมตอบค าถามเพอเสรมทกษะการเรยนรแบบเชงสรางสรรค 1.3.5 ผเรยนสามารตเขาใจรปทรงเรขาคณตไดมากยงขน 1.3.6 รปแบบของแอปพลเคชนทตอบสนองความตองการของกลมผใช 1.3.7 กลมเปาหมายคอนกเรยนระดบประถมศกษา

1.4 ประโยชนทคำดวำจะไดรบ

1.4.1 ประโยชนของบทเรยนผำน Augmented Reality (AR) 1.4.1.1 ตอบค าถามในแอปพลเคชนเพอสามารถทดสอบผลการเรยนร 1.4.1.2 มการจดอนดบคะแนนของผเลนเพอดงดดความสนใจของผเรยน 1.4.1.3 เพมความนาสนใจในสอเสรมการเรยนรดวยเทคโนโลยเสมอนจรง

1.4.2 ประโยชนของผสอน 1.4.2.1 ท าใหผสอนสามารถสอนงายขนดวยมมมองภาพแบบ 360 องศา 1.4.2.2 มความยดหยนในการสอนสามารถเรยนเสรมไดตงแตระดบชน ประถมศกษาปท 1-6

3

1.4.3 ประโยชนของผเรยน 1.4.3.1 ผเรยนไดรจกและเรยนรเทคโนโลยเสมอนจรง 1.4.3.2 เสรมสรางศกยภาพการเรยนรดวยเทคโนโลยเสมอนจรง 1.4.3.3 ผเรยนไดเรยนรเรองรปทรงเรขาคณต 1.4.3.4 ผเรยนสามารถเขาใจไดงายขนดวยภาพสามมตและมมมองแบบ 360 องศา

1.5 ขนตอนและวธกำรด ำเนนปรญญำนพนธ

1.5.1 รวบรวมควำมตองกำรและศกษำขอมล ( Detailed Study )

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

เพอใหเขาใจถงความยากงายของแตละระดบชนศกษา ทสามารถท าใหผเรยนงายตอการจดจ าศกษาเครองมอในการพฒนาระบบ

1.5.2 วเครำะหระบบ ( System Analysis )

น าขอมลทรวบรวมมา เพอน ามาวเคราะหและออกแบบสวนตาง ๆ ของระบบโดยน าเสนอผานทางแผนการภาพตาง ๆ ประกอบดวย Usecase Diagram , Class Diagram , Sequence Diagram , Class Diagram , RE Diagram เพอเปนแนวทางในการออกแบบและพฒนาระบบ 1.5.3 กำรออกแบบระบบงำน ( System Design ) ในสวนของการออกแบบบทเรยนเนนการออกแบบทมสสนสวยงามโดดเดนสามารถดงดดใหผเรยนมความสนใจในบทเรยนมากยงขน

ในสวนของการของแบบ User Interface และ User Experience ภายในแอปพลเคชนจะตองใชงานงายและไมซบซอน และจะตองไมคลกเยอะจนท าใหผใชรสกไมสะดวกการตอใชงาน

ในสวนของการออกแบบสถาปตยกรรมโครงสรางขอมลและเครองมอในการสราง Marker ในการสราง Augmented Reality (AR) ใชแอปพลเคชน Unity ถอวาเปนความส าคญ เพราะตวแอปพลเคชนนนตองการจดหนาแอปพลเคชนและตวโมเดล และโครงสรางขอมลทใชเปน phpMyAdmin เพอเกบชอของผเลนและ คะแนน

4

1.5.4 กำรพฒนำระบบ ( System Development )

เทคโนโลยเสมอนจรง เขามาใชดวยการใชงานผานอปกรณกลองบน Smart Phone โดยการใชภาษาคอมพวเตอรเขามาพฒนาดวยภาษา C# และ PHP นอกจากนนยงใชโปรแกรม Unity ทจะจดรปแบบออกมาเปนภาพ 3 มต

1.5.5 กำรทดสอบระบบ ( System Testing )

กระบวนการทดสอบใชรปแบบการทดสอบ Acceptant Test เปนการทดสอบโดยผใช (End user) หรอโดยลกคา เพอดวาซอฟตแวรและเนอหาภายในแอปพลเคชนท างานถกตองตามตองการหรอไมหากเกดความผดพลาดระหวางการทดสอบทางผพฒนาจะจดรายงานผลการทดสอบความผดพลาดตาง ๆ และน ากลบมาแกไขและเมอท าการแกไขเสรจ

จะน ากลบไปใหผใชทดสอบอกครงจนกวาจะถกตองและสมบรณทสด

1.5.6 จดท ำเอกสำรประกอบปรญญำนพนธ ( Documentation )

การจดทาเอกสารใช Microsoft Word ในการจดท าเอกสารปรญญานพนธและใน

การจดท าเอกสารบทเรยนเพอใหผใชรถงรปทรงเรขาคณตตาง ๆ ไดอยางถกตอง

1.6 แผนและระยะเวลำกำรด ำเนนงำนปรญญำนพนธ

ตารางท 1.1 ระยะเวลาในการด าเนนงานปรญญานพนธ

ขนตอนในกำรด ำเนนงำน ม.ค. ก.พ. ม.ค. เม.ย. พ.ค. ม.ย.

1. รวบรวมความตองการ 2. วเคราะหระบบ 3. ออกแบบระบบ 4. พฒนาระบบ 5. ทดสอบระบบ

6. จดท าเอกสาร

ระยะเวลำในกำรเดนงำน ป 2562

5

1.7 อปกรณและเครองมอทใชในกำรพฒนำ

1.7.1 ฮารดแวร

1.7.1.1 เครองคอมพวเตอรโนตบครน LENOVO Y520 GAMING Laptop Intel Core i7-7700HQ @2.80GHz 2.81 GHz จ านวน 1 เครอง

1.7.2 ซอฟตแวร

1.7.2.1 ระบบปฏบตการ Microsoft Windows 10 1.7.2.2 โปรแกรม Visual studio 1.7.2.3 โปรแกรม Unity 1.7.2.4 โปรแกรม Sublime Text 3 1.7.2.5 โปรแกรม Microsoft Office 2017 1.7.2.6 โปรแกรม Xampp Control Panel 1.7.2.7 โปรแกรม Google Chrome

1.8 อปกรณและเครองมอทรองรบระบบ

1.8.1 อปกรณ 1.8.1.1 สมารทโฟน ความตองการขนต าของแอปพลเคชน - CPU Quad Core ขนไป - Ram 2 GB ขนไป - พนทความจาภายในเครอง ไมนอยกวา 500 MB

1.8.2 ซอฟตแวร 1.8.2.1 ระบบปฏบตการ Android 4.0 ขนไป

บทท 2

การทบทวนวรรณกรรมทเกยวของ

ในการจดท าแอปพลเคชนระบบเสรมการเรยนรรปทรงเรขาคณตดวยเทคโนโลยเสมอนจรงระบบปฏบตการแอนดรอยด นคณะผจดท าไดใชแนวคดและเทคโนโลยทเกยวของ เพอน ามาใชเปนความรและวเคราะหออกแบบแอปพลเคชน โดยใชเทคโนโลยทน าภาพเสมอนเปนรปแบบ 3 มต จ าลองเขาสโลกจรงผานกลองและการประมวลผลทจะน าวตถมาทบซอนเขาเปนภาพเดยวกน โดยสามารถมองผานกลองไดโดยตรง แตปจจบนพบวาแอปพลเคชน Augmented Reality (AR) ยงไมสามารถประเมนผลการเรยนรไดอยางชดเจนและการเรยนรแบบเดมยงไมดงดดความสนใจของผเรยนเทาทควร จงควรมสอการเรยนการสอนเสรมเพอใหผเรยนรสกตนเตนและดงดดความสนใจและสามารถเลนเกมเสรมทกษะการเรยนร

ในการจดท าปรญญานพนธทคณะผจดท าไดท าการศกษาคนควาทฤษฎ แนวคด เทคโนโลยทมอยในปจจบน และเครองมอ (Tools) ตาง ๆ เพอน ามาประยกตใชส าหรบการพฒนาระบบ ประกอบดวย

2.1 Augmented Reality1

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

รปท 2.1 Augmented Reality

1 Augmented Reality. Augmented Reality คอ[อนเตอรเนต].เขาถงเมอ 1 ม.ย. 2562 เขาถงไดจาก: https://www.thairath.co.th/content/828113

7

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

2.1.1 ขนตอนการท าเทคโนโลยเสมอนจรง ประกอบไปดวย 3 ขนตอน

2.1.1.1 การวเคราะห (Image Analysis) เปนขนตอนการคนหา Marker จากภาพท ไดจากกลองแลวสบคนจากฐานขอมล (Marker Database) ทมการเกบขอมล

ขนาดและรปแบบของ Marker เพอน ามาวเคราะหรปแบบของ Marker การ วเคราะหภาพ สามารถแบงไดเปน 2 ประเภท ไดแก การวเคราะหภาพโดย อาศย Marker เปนหลกในการทางาน (Marker based AR) และการวเคราะห ภาพโดยใชลกษณะตาง ๆ ทอยใน ภาพมาวเคราะห Marker-less based AR 2.1.1.2 การค านวณคาต าแหนงเชง 3 มต Pose Estimation ของ Marker เทยบกบ กลอง 2.1.1.3 กระบวนการสรางภาพสองมต จากโมเดลสามมต (3D Rendering) เปนการ เพมขอมลเขาไปในภาพ โดยใชคาต าแหนง เชง 3 มต ทค านวณไดจน ได ภาพเสมอนจรง

2.1.2 องคประกอบของเทคโนโลยเสมอนจรง ประกอบดวย 2.1.2.1 AR Code หรอตว Marker ใชในการกาหนดต าแหนงของวตถ

2.1.2.2 Eye หรอ กลองวดโอ กลองเวบแคม กลองโทรศพทมอถอ หรอ ตวจบ Sensor อน ๆ ใชมองต าแหนงของ AR Code แลวสงขอมลเขา AR Engine 2.1.2.3 AR Engine เปนตวสงขอมลทอานไดผานเขาซอฟตแวรหรอสวน ประมวลผล เพอแสดงเปนภาพตอไป รปแบบของภาพ หรอ วดโอหรออกวธหนง เราสามารถรวมกลอง AR Engine และจอภาพ เขาดวยกนในอปกรณเดยว เชน โทรศพทมอถอ หรอ

อน ๆ

2.2 Three Dimensional Model (3D)2

โมเดล 3 มต คอแบบจ าลองทถกสรางมาจากเครองคอมพวเตอรทมความหนาความลกสมจรงและสามารถมองเหนได 360 องศา สามารถท าใหเคลอนไหวหรอไมเคลอนไหวกไดสามารถแกไขปรบแตงใหมลกษณะรปทรงใดกได ปจจบนโมเดล 3 มต

2 Three Dimensional Model (3D). โมเดล3มต[อนเตอรเนต].เขาถงเมอ 1 ม.ย. 2562 เขาถงไดจาก: https://jumjaiboon.blog

8

ไดรบทนยมใชในหลายองคกรไมวาจะเปนโครงการหมบาน คอนโดหรอแมแตธรกจเฟอรนเจอรกสามารถน ามาประยกตใชใหเหมาะสมกบองคกรธรกจ

รปท 2.2 ภาพประกอบ 3D Model

2.3 โปรแกรม Unity3

Unity คอ Game Engine ทสามารถชวยสรางเกม 3 มต และสามารถเกมส 2 มตได และยงสามารถปนโมเดล 3 มตไดในโปรแกรม Maya Unity น นยงสามารถพอตเกมลงไดทกแพลตฟอรมเชน IOS , Android , Flash , Html 5 Unity เปนโปรแกรมทไดรบความนยมมากอกทงยงสามารถคนหาวธทาไดสะดวกจงไมยากส าหรบผทอยากฝกฝนท างานไดอยางมประสทธภาพสงสดนอกจากนนจะพบวา ดวยวธการแยกบรเวณวธแรกจะท าใหสามารถทราบถงบรเวณทงหมดของวตถแตละชนซงขอมลทไดสามารถน าไปค านวณลกษณะ (Feature) ตาง ๆ ของวตถไดงายกวา

2.4 รปเรขาคณตสามมต4

รปเรขาคณตสามมต ( three - dimensional geometric figure ) คอ สงตางๆ รอบตว

เราทม ลกษณะส าคญคอ มความกวาง ความยาว และความหนาหรอความสง การจ าแนกรปเรขาคณตสามมต พจารณาจากรปรางลกษณะของรปเรขาคณตทประกอบกนเปนทรง

3 โปรแกรม Unity. Unity คอ[อนเตอรเนต].เขาถงเมอ 1 ม.ย. 2561 เขาถงไดจาก: https://unity3d-thailand.blogspot.com

4 อางอง http://startitup.in.th/steal-picture-color-by-using-color-thief/

9

รปท 2.3 รปประกอบ เรขาคณต 3 มต 2.4.1 ปรซม (Prism) คอ รปเรขาคณตสามมตทมหนาตด (ฐาน) ทงสองเปนรป

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

รปท 2.4 ปรซม ทมาของภาพ : http://www.thaigoodview.com/node/132600?page=0,10

2.4.2 ทรงกระบอก (Cylinder) คอ รปเรขาคณตสามมตทมหนาตด (ฐาน) ทงสองเปนรปวงกลมทเทากนทกประการ และอยในระนาบทขนานกนมผวโคง เมอคลหนาขางของทรงกระบอกตามแนวความสง จะไดรปสเหลยมมมฉาก

รปท 2.5 รปทรงกระบอก ทมาของภาพ : http://ganitasastra.wordpress.com/2013/06/15/circle-sphere-cylinder

10

2.4.3 พระมด (Pyramid) คอ รปเรขาคณตสามมตทมฐานเปนรปหลายเหลยม ม ยอดแหลม ซงไมอยบนระนาบเดยวกนกบฐาน และมหนาขางเปนรปสามเหลยมการเรยกชอพระมดเรยกตามลกษณะของรปหลายเหลยมทเปนฐาน เชน พระมดฐานสามเหลยม หมายถง

พระมดทมฐานเปนรปสามเหลยม

รปท 2.6 รปพระมด

ทมาของภาพ : http://ganitasastra.wordpress.com/2013/04/02/pyramid/

2.4.4 กรวย (Cone) คอ รปเรขาคณตสามมตทมฐานเปนรปวงกลม มยอดแหลม ซงไมอยบนระนาบเดยวกบฐาน และมผวโคง เมอคลหนาขางของกรวยออก จะไดรปสามเหลยมฐานโคง

รปท 2.7 รปทรงกรวย

ทมาของภาพ : http://www.thaigoodview.com/node/46868?page=0%2C12

2.4.5 ทรงกลม คอ รปเรขาคณตสามมตทมดานขางเปนผวโคงเรยบ และจดทก

11

จดบนผวโคงอยหางจากจดคงทจดหนงเปนระยะเทากน เรยกจดคงทวา "จดศนยกลางของทรงกลม" เรยกระยะทเทากนวา "รศมของทรงกลม"

รปท 2.8 ทรงกลม

ทมาของภาพ : http://ganitasastra.wordpress.com/2013/06/15/circle-sphere-cylinder/

2.4.6 รปสเหลยมมมฉาก คอรปสเหลยมชนดหนงทมมทงสของมนเปนมมฉาก พนทของสเหลยมผนผาเปน ดานกวาง × ดานยาว ยกตวอยางเชนพนทของสเหลยมผนผามความยาว

5 ซม. และความกวาง 4 ซม. พนทของมนจะเปน 20 ตร.ซม. เพราะวา 5 × 4 = 20

รปท 2.9 สเหลยมมมฉาก

ทมาของภาพ : https://th.wikipedia.org/wiki/รปสเหลยมมมฉาก

12

2.4.7 ปรซมรปสามเหลยม คอ เปนรปเรขาคณตสามมตทมหนาตด(ฐาน) ทงสอง ขางเปนรปหลายเหลยมทเทากนทกประการหนาตด (ฐาน) ทงสองอยในระนาบทขนานกน มหนาขางเปนรปสเหลยมมมฉาก การเรยกชอปรซมจะเรยกตามรปหนาตดของปรซมสวนตางๆของ

ปรซมมชอเรยกตามฐานวาปรซมฐานสามเหลยม

รปท 2.10 ปรซมรปสามเหลยม

ทมาของภาพ http://basegeometry1.weebly.com/361136193636359536383617.html

2.5 Visual Studio5

โปรแกรมตวหนงทเปนเครองมอทชวยพฒนาซอฟตแวรและระบบตาง ๆ ซง สามารถตดตอสอสารพดคยกบคอมพวเตอรไดในระดบหนงแลว แตยงไมสามารถพฒนาเปนระบบเองได เหมาะสมส าหรบภาษา VB และ VB.NET เนองจากไมโครซอฟตไดพฒนาโปรแกรมและ

ภาษาขนมาควบคกนเพอใหใชงานไดซงกนและกน ซงนกโปรแกรมเมอรจะน าเครองมอมาใชในการพฒนาตอยอดใหเกดเปนระบบตาง ๆ หรอเปนเวบไซต และแอพพลเคชนตาง ๆ

5 Visual Studio คออะไร[อนเตอรเนต].เขาถงเมอ 1 ม.ย. 2562 เขาถงไดจาก: https://sites.google.com/site/kachapot1150/

13

รปท 2.11 โปแกรม Visual Studio

2.6 สอการสอนอเลกทรอนกส6

สออเลกทรอนกส (Electronic media) หมายถง สอทไมไดอยในรปแบบของ หนงสอแตจะอยในรปแบบของอกขระแบบดจตอลไมสามารถอานไดดวยตาเปลา ตองใชเครองคอมพวเตอรหรอสมารทโฟนบนทกและอานขอมล ในปจจบนเทคโนโลยการสอนแบบสออเลกทรอนกสไดเขามามบทบาทกบแนวทางในการน ามาใชประกอบในการเรยนการสอนและ การ

ฝกอบรมและจะไดน ามาเปนแนวทางในการออกแบบและสรางสอประเภทน ใหมประสทธภาพมากทสดขอดของสอการสอนอเลกทรอนกสคอสามารถเรยนรไดทกเวลาขยายขอบเขตของการเรยนรของผเรยนในทกหนทกแหง จากหองเรยนปกตไปยงบาน และทท างาน ท าใหไมเสยเวลาในการเดนทางสงเสรมแนวคด

2.7 Vuforia7 แพลตฟอรม Vuforia คอผลตภณฑของบรษท ควอล คอมม เทคโนโลย เปนชด

พฒนา ซอฟตแวรเพอการพฒนาความเปนจรง (SDK) ส าหรบมอถอทชวยใหสามารถสรางแอปพลเคชน Augmented Reality ไดใหการเชอมตอโปรแกรมประยกต(API) ในภาษา C++, JAVA, Objective C++ และ NET ภาษาผานสวนขยายไปยง Unity Vuforia SDK รองรบประเภทเปาหมายแบบ 2D และ 3D หลากหลายรปแบบ การก าหนดคาเปาหมายแบบ Multi-Target 3D และรปแบบของ Flducial Marker Vuforia เปนเครองมอส าหรบนกพฒนาเทคโนโลย AR

6 สอการสอนอเลกทรอนกส. สออเลกทรอนกส คออะไร[อนเตอรเนต].เขาถงเมอ 1 ม.ย. 2562 เขาถงไดจาก: http://bmamedia.in.th/bmamedia/?p=7160 อางอง http://startitup.in.th/steal-picture-color-by-using-color-thief/ 7 Vuforia เขาถงเมอ 1 ม.ย. 2562 เขาถงไดจาก: https://developer.vuforia.com/

14

รปท 2.12 หนาตางเวบไซตของ Vuforia

บทท 3

การวเคราะหและออกแบบระบบ

3.1 รายละเอยดของปรญญานพนธ

คณะผจดท ำไดไปเกบควำมตองกำร ณ โรงเรยนแหงหนง โดยผใหขอมลเปนอำจำรยสอนวชำคณตศำสตรตงแตชนประถมศกษำปท 1 ถง ประถมศกษำปท 6 โดยกำรเรยนวชำคณตศำสตรของนกเรยนประถมศกษำปท 1- 3 เปนในเรองของรปทรงเรขำคณตตำง ๆ และในชนประถมศกษำปท 4-6 จะเปนกำรค ำนวนหำพนทตำง ๆ ของรปทรงเรขำคณต โดยอำจำรยสวนใหญใหขอมลวำในปจจบนกำรเรยนรมำจำกหนงสอเปนสวนใหญ ท ำใหนกเรยนไมเกดกำรเรยนรในสงใหม ๆ นอกหนงสอเรยน คณะผจดท ำจงเลงเหนควำมส ำคญตรงน จงไดมควำมนำสนใจในกำรน ำเอำเทคโนโลนย AR มำผนวกกบหมวดหมวชำเรขำคณต ทมำชวยในกำรเรยนรของนกเรยนใหมควำมรควำมเขำใจในเรองของรปทรงเรขำคณตมำกยงขน และไดเปนสอกำรเรยนรใหกบนกเรยน โดยจะน ำเอำเทคโนโลย AR มำผนวกกบสอกำรเรยนรในเรองของรปทรงเรขำคณต และสรำงแอปพลเคชนโจทยตอบค ำถำมโดยใชระบบ AR เทคโนโลยทเรำจะน ำมำใชกคอ Augmented Reality หรอ AR ซงเปนเทคโนโลยทน ำเอำภำพเสมอน 3 มตจ ำลองเขำสโลกจรงผำนกลองและมกำรประมวลผลโดยกำรท ำใหวตถ 3 มต (ภำพเสมอน) ทบซอนเขำกนกบภำพจรงเปนภำพๆ เดยว ทสำมำรถผนวกโลกแหงควำมเปนจรงและโลกดจตอลเขำดวยกน บนเทคโนโลยเสมอนจรงทแสดงภำพดจตอลซอนทบบนสภำพแวดลอมของจรงได เพอสรำงควำมดงดด นำสนใจ จำกแนวคดดงกลำว ผจดท ำจงไดน ำเทคโนโลย Augmented Reality มำประยกตใชในกำรใหควำมรเปนสอกำรเรยนกำรสอนของวชำคณตศำสตรในหมวดหมวชำเรขำคณตใหกบนกเรยนประถมศกษำปท 1 ถงประถมศกษำปท 6 โดยพฒนำในรปแบบของแอพพลเคชนสอกำรเรยนรแสดงภำพเคลอนไหว 3 มต ของรปทรงเรขำคณตและเกมสตอบค ำถำมทำยบทไวเพมกำรเรยนรทนำสนใจ

16

3.2 Use Case Diagram

รปท 3.1 Use Case Diagram ของระบบ Augmented Reality หรอ AR โมเดล 3มต รปทรงเรขำคณต

เพอกำรเรยนร

17

3.3 แสดงฟงกชนการท างานของระบบดวย Use Case Diagram

ตำรำงท 3.1 แสดงรำยละเอยดของ Use Case : Select Use Case Name Select Use Case ID UC1 Brief Description เลอกชนปทตองกำรจะเลน Primary Actors Users Secondary Actors - Preconditions - Main Flow :

1. ยสเคสจะเกดขนเมอผใชคลกปมเลอกชนป 2. ผใชจะเหนกลองและค ำตอบของขอนน ๆ

Post Condition - Alternative Flows -

18

ตำรำงท 3.2 แสดงรำยละเอยดของ Use case : Show Camera

Use Case Name Show Camera Use Case ID UC2 Brief Description แสดงกลองและค ำตอบ 4 ค ำตอบและสกอร Primary Actors Users Secondary Actors - Preconditions - Main Flow :

1. ยสเคสจะเกดขนเมอผใชคลกปมเลอกชนป 2. แสดงกลองและค ำตอบ 4 ค ำตอบและสกอร

Post Condition - Alternative Flows -

19

ตำรำงท 3.3 แสดงรำยละเอยดของ Use case : Shining at Marker

Use Case Name Shining at Marker Use Case ID UC3 Brief Description น ำกลองสองทมำรคเกอร Primary Actors Users Secondary Actors - Preconditions - Main Flow :

1. ยสเคสจะเกดขนเมอผใชคลกปมเลอกชนป 2. แสดงกลองและค ำตอบ 4 ค ำตอบและสกอร 3. น ำกลองสองไปทมำรคเกอร

Post Condition - Alternative Flows -

20

ตำรำงท 3.4 แสดงรำยละเอยดของ Use case : Show Model

Use Case Name Show Model Use Case ID UC4 Brief Description โมเดลจะแสดงออกมำในรปแบบของสำมมตเมอสองจำก Maker Primary Actors Users Secondary Actors - Preconditions เมอผใชน ำกลองสองท Marker Main Flow :

1. ยสเคสจะเกดขนเมอผใชคลกปมเลอกชนป 2. เมอผใชสองกลองผำนสมำรทโฟน 3. แสดงโมเดล 3 มต รปทรงเรขำคณต

Post Condition - Alternative Flows -

21

ตำรำงท 3.5 แสดงรำยละเอยดของ Use case : Answer a Question

Use Case Name Answer a Question Use Case ID UC5 Brief Description ตอบค ำถำม Primary Actors Users Secondary Actors - Preconditions - Main Flow :

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

Post Condition - Alternative Flows -

22

ตำรำงท 3.6 แสดงรำยละเอยดของ Use case : InsertName and Score

Use Case Name InsertName and Score Use Case ID UC6 Brief Description พมพชอผเลน Primary Actors Users Secondary Actors - Preconditions - Main Flow :

1. ยสเคสจะเกดขนเมอผใชเลนครบทง 10 ขอ 2. จะโชวสกอรทเลนไดแลวพมพชอผเลน

Post Condition - Alternative Flows -

23

ตำรำงท 3.7 แสดงรำยละเอยดของ Use case : Show Ranking Use Case Name Show Ranking Use Case ID UC7 Brief Description โชวอนดบผเลน Primary Actors Administrator Secondary Actors - Preconditions - Main Flow :

1. ยสเคสจะเกดขนเมอผใชพมพชอผเลน 2. คลกปม save 3. แสดงอนดบผเลนทไดคะแนนมำกทสด 10 อนดบ

Post Condition - Alternative Flows -

24

3.4 Sequence Diagram

รปท 3.2 Sequence Diagram : Select

25

รปท 3.3 Sequence Diagram : ShowCamera

26

รปท 3.4 Sequence Diagram : Shining at Marker

27

รปท 3.5 Sequence Diagram : ShowModel

28

รปท 3.6 Sequence Diagram : Answer a Question

29

รปท 3.7 Sequence Diagram : InsertName and Score

30

รปท 3.8 Sequence Diagram : Show Ranking

31

3.5 Class Diagram

รปท 3.9 Class Diagram ของระบบ Application of leaning media in Geometry with Augmented Reality technology

32

3.6 โครงสรางของฐานขอมลและความสมพนธระหวางเอนทต

รปท 3.10 Entity Relationship Diagram

บทท 4

การออกแบบทางกายภาพ

4.1 Story board

การออกแบบโดยใช Story Board เปนการวางแผนเพอใหระบบงานมความผดพลาดนอย และตรงตามความตองการของผใชงานทสด โดยมการแสดงรายละเอยดทปรากฏในแตละฉากหรอ

ในแตละหนาจอมล าดบกอนและหลงเพอใหวางแผนไดอยางสมบรณแบบ

รปท 4.1 การออกแบบดวย Story Board

34

4.2 การออกแบบสวนตดตอผใช (User Interface Design)

มการน าเอาผลลพธทไดจากการวเคราะหระบบมาพฒนารปแบบทางกายภาพ (Physical Model) การออกแบบสวนน าขอมลเขา (Input) สวนการประมวลผล (Process) และสวนแสดงผล ลพธ (Output) เพอออกแบบสวนหนาจอผใชและวางแทบค าสงตาง ๆ เพอใหผใชสามารถ

ใชงานได ไมยงยาก โดยออกแบบโดยการน าหลกการออกแบบ Flat Design มาประยกตใชใหเขากบระบบ

4.2 แสดงโครงการของแอปพลเคชน

รปท 4.2 แสดงโครงสรางของแอปพลเคชน

35

4.3 การออกแบบหนาจอและการใชงาน

การเรมใชงานแอปพลเคชนเปนครงแรก แอปพลเคชนจะเปนหนาหลกเพอเขาสเลนเกม

ตอบค าถาม

รปท 4.3 หนาแรกของแอปพลเคชน หนาจอหลกของแอปพลเคชนมปม Play เพอเขาสหนาตอไป

36

รปท 4.4 หนาเลอกชดค าถามของแตละชนป

จากรปท 4.4 คอหนาเมนเลอกชดค าถามของแตละชนป มตงแตชนประถมศกษาปท 1 ถง ประถมศกษาปท 6 เมอกดคลปปมจะไปสหนาเลนเกมสตอบค าถามของชนปนน ๆ

- ปมเลอกชดค าถามของแตละชนป

37

รปท 4.5 หนาเลนเกมสตอบค าถาม

จากรปท 4.5 คอหนาเลนเกมสตอบค าถาม เมอสอง Marker จะปรากฎโมเดลออกมาเพอตอบค าถามวารปทเหนนนเปนรปอะไร หากกดปมตวเลอกทถกจะไดคะแนน 1 คะแนนตอขอ

แสดงอยบนขวาของจอมอถอ หากตอบผดจะไมไดคะแนน แลวจะขามไปเลนขอตอไป

- แสดงค าถามวา ขอทเทาไหร

-ปมตวเลอกในการตอบค าถาม

-แสดงคะแนนทตอบถก

38

รปท 4.6 หนาแสดงคะแนนรวมทงหมดทเลนได พรอมกรอกชอผเลนเพอบนทกลงฐานขอมล

แลวน าไปแสดงในหนาจดอนดบคะแนนสงสด จากรปท 4.6 หนานเปนการแสดงคะแนนรวมทงหมดทผเลน เลนได พรอมทงกรอกชอของ

ผเลน เพอน าไปแสดงในหนาจดอนดบคะแนนสงสด

-ปมตรวจสอบวาชอซ าหรอไม

- ปมบนทกคะแนนและ ชอ

-คะแนนรวมทงหมดทเลนได

-ชองกรอกชอของผเลน

39

รปท 4.7 หนาแสดงขอความแจงเตอนวาชอซ า

จากรปท 4.7 เมอกรอกชอแลวกดปม CheckName หากเปนชอซ า จะแจงเตอนวา

“ ชอนมคนใชแลว กรณาปอนใหม” ดานบนของหนาจอ

40

รปท 4.8 หนาแสดงขอความแจงเตอนวาชอนใชได

จากรปท 4.8 เมอกรอกชอแลวกดปม CheckNsme หากเปนชอทไมซ า จะแจง

เตอนวา “ ชอนสามารถใชได ” ดานบนของหนาจอ แลวกด save ไปหนาตอไป

41

รปท 4.9 หนาแสดงอนดบคะแนนของผเลน

จากรปท 4.9 หนานเปนการจดอนดบคะแนนของผเลนทไดเลนไวทงหมด จ านวน 10

อนดบ ของแตละชนป

-ปม Refresh หากคะแนนของผเลนไมแสดง

-ปม Home เพอกลบไปหาเลอกชดค าถาม

42

รปท 4.10 หนงสอเสรมการเรยนรรปทรงเรขาคณตของประถมศกษาปท 1 ถงปท 6

43

รปท 4.11 Marker ส าหรบสองภาพ 3 มต

บทท 5

สรปผลและขอเสนอแนะ

5.1 สรปผลปรญญานพนธ

แอปพลเคชนเสรมการเรยนรรปทรงเรขาคณต AR เปนแอปพลเคชนบนระบบปฏบตการแอนดรอยด ทพฒนาโดยใชโปรแกรม Unityโดยใชภาษา C# และ phpในการพฒนาแอปพลเคชน AR ซง สามารถสราง Marker เพอใหโมเดลสามมตแสดงขนมาใน Marker ได และใชโปรแกรมVisual Studio ในการเขยนค าสงตาง ๆทอยในแอปพลเคชน และใช PhpMyAdmin ส าหรบจดการกบฐานขอมลกคอ ชอและคะแนนของผเลน รายละเอยดของตวแอปพลเคชนสามารถพฒนาไดไมม

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

โครงการ

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

พฒนาและปรบปรงโดยนกศกษารนถดไป

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

เปนสอเสรมการเรยนรใหผเรยนเกดความเขาใจในบทเรยนมากยงขนและเสรมสรางพฒนาการของ

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

45

ตารางท 5.1 ผลการประเมนความพงพอใจตอแอปพลเคชนเสรมการเรยนรรปทรงเรขาคณต

รายการประเมน

คะแนนเฉลย (คะแนนเตม5)

การออกแบบอนเตอรเฟสสวยงาม 3.6 ขนาดตวอกษรเหมาะสม

3.1 ขอมลเนอหาเหมาะสมกบผใชงาน 3.9 การใชสในแอปพลเคชนตรงคอนเซป 4.1 เมนตาง ๆใชงานงาย

4.0

ความเรวในการตอบสนองการทางาน 4.0 แอปพลเคชนงายตอการใชงาน 4.1 มความเขาใจมากกวาภาพ 2D 3.9 ความพงพอใจตอการใชงานโดยรวม 3.8

รวม 3.9

จากตารางพบวา ผลการประเมนความพงพอใจทมตอแอปพลเคชน โดยใชวธทางสถตคาเฉลย โดยผใหประเมนทงหมด 20 คน แบงเปนอาจารยจ านวน 5 คน นกเรยนประถมศกษาปท 1 ถงปนะถมศกษาปท 6 จ านวน 15 คนของโรงเรยนราชวนตประถมบางแค ผลคอ 3.9 สามารถ

สรปไดวาคาเฉลยความพงพอใจของแอปพลเคชนอยในระดบปานกลาง

5.2 ปญหาอปสรรคและแนวทางแกไข

การศกษาการเขยนแอปพลเคชน AR (Augmented Reality) บนระบบปฏบตการ แอนดรอยดโดยใช Unity, จ าเปนตองใชเวลามากกวาทคาดการณไวในตอนแรกเนองจากทางคณะผจดท าไมมความรและประสบการณดานงาน 3D Unity มากอนจงเปนการยากทจะสามารถปนโมเดลสามมตไดอยางรวดเรว ทางคณะผจดท าไดคนควาหาขอมลและไดน าตวอยางโมเดลทอยในอนเตอรเนตมาใชเพอเปนกรณศกษาเบองตนในการท าโมเดล และวธจ าแนกค าถามในแตละชนปไดสอบถามรนพในคณะเดยวกนและสามารถแกไขปญหาดงกลาวได

46

5.3 ขอจ ากดของระบบ 5.3.1 มอถอควรม RAM ขนต า 2 GB ขนไปเนองจากรายละเอยดของโมเดลในแตละชนป

คอนขางเยอะ 5.3.2 ผใชงานจ าเปนตองถอกลองสอง Marker ตลอดเวลาเพอฉายโมเดลนน ๆ 5.3.3 ใชไดกบระบบปฏบตการแอนดรอยดเทานน

5.4 ขอเสนอแนะ ส าหรบผทสนใจจะน าไปพฒนาเพม ควรจะเพมคณสมบตตอไปน

5.4.1 เพมเสยงบรรยายประกอบเมอสองไปท marker นน ๆ 5.4.2 เพมค าสงสมขอค าถามในแตละชนปได 5.4.3 เพมการซม/ขยาย ของโมเดล และหมนโมเดลไดเพอเปลยนมมมอง 5.4.4 เพมการตอบถกหรอตอบผด ใหเฉลยขอทถกหรอขอทผด

บรรณานกรม

บรษท โคช มารเกตตง จ ากด(ประเทศไทย) จ ากด. (2014). เรยนท ำเกมมอถอดวย UNITY3D. เขาถงไดจาก https://taladpanya.com/course/unity3d/ บรษทดทว มเดย จ ากด (ประเทศไทย) จ ากด. (2019). เทคโนโลยโลกเสมอนกำวสโลกควำมเปนจรง. เขาถงไดจาก https://www.dootvmedia.com/news/detail/7/Virtual-Reality--VR----Augmented-Reality--AR--เทคโนโลยโลกเสมอนกาวสโลกความเปนจรง วกพเดย. (ม.ป.ป). สยาม. วนทสบคน 20 มกราคม 2562, จาก https://th.wikipedia.org/wiki/ความเปนจรงเสรม วกพเดย. (ม.ป.ป). สยาม. วนทสบคน 20 มกราคม 2562, จาก https://th.wikipedia.org/wiki/รปรางและรปทรงเรขาคณต EASTERN PEAK. (2010). AUGMENTED REALITY IN EDUCATION.เขาถงไดจาก https://easternpeak.com /blog/augmented-reality-in-education-the-hottest-edtech-trend-2018-and-how-to-apply-it-to-your-business/ FREE 3D. (2019). FREE 3D. เขาถงไดจาก https://free3d.com/ PATCHARAPON JANTANA. (2015). UNITY + VUFORIA 2 :ท ำใหสองพรอมกนหลำย MARKER ได. เขาถงไดจาก https://www.youtube.com/watch?v=CmzDyhHi54Q