Post on 17-Jan-2020
การใชภาพ 3 มตและภาพเคลอนไหวในการสรางสอการสอนเชงรก
การใชภาพ 3 มตและภาพเคลอนไหวในการสรางสอการสอนเชงรก
ปต ชตตระการ
การศกษาฉพาะบคคลเปนสวนหนงของการศกษาตามหลกสตร วทยาศาสตรมหาบณฑต สาขาเทคโนโลยสารสนเทศและการจดการ
มหาวทยาลยกรงเทพ พ.ศ.2552
© 2552 นายปต ชตตระการ สงวนลขสทธ
ปต ชตตระการ. วทยาศาสตรมหาบณฑต, มถนายน 2552, บณฑตวทยาลย
มหาวทยาลยกรงเทพ.
การใชภาพ 3 มตและภาพเคลอนไหวในการสรางสอการสอนเชงรก (71 หนา)
อาจารยทปรกษา: ดร. ธนกร หวงพพฒนวงศ
บทคดยอ
รายงานวจยฉบบน ไดศกษาการนาเทคโนโลยมลตมเดยประเภท ภาพ 3 มตและ
ภาพเคลอนไหวมาใชสรางสอการสอนการเรยนเชงรก โดยพฒนาเปนโครงการ ALIET (Active
Learning Integrated Environment Technology) ซงเปนโครงการสรางสอการสอนเชงรกในรปแบบ
ตางๆ โดยผานสอการสอนแบบเวบ ภาพนง วดทศน การศกษาจากปญหา แบบทดสอบ และเกม
โดยสงทคาดหวงจากโครงการนคอ ภาพ 3 มตและภาพเคลอนไหวทนามาใชในสอการสอนการ
เรยนเชงรก จะสามารถกระตนใหผเรยนเกดความสนใจในเนอหาไดมากขน โดยจะทาการวดผล
ผานความพงพอใจของผเรยนทไดรบจากการเรยนรผานสอการสอนในโครงการน
Chittrakarn, P. M.S. (Information Technology and Management), June 2009, Graduate School, Bangkok University THE USE OF 3D AND ANIMATION FOR ACTIVE LEARNING (71 pp.)
Advisor of Independent Study: Thanakorn Wangpipatwong, Ph.D.
ABSTRACT
In this study, 2 types of multimedia technologies, 3D images and animated sequences,
have been applied to develop active learning media contributed to ALIET project (Active
Learning Integrated Environment Technology). Active learning media in this project will be
ranged in varieties from web-based learning media, still images, videos, case studies, exercises
and games with the expectation that 3D images and animated sequences applied to these active
learning media will stimulate users to be more interested in the subjects provided. The project will
also be evaluated with satisfaction level of the users taken part in this project.
สารบญ หนา
บทคดยอภาษาไทย ง บทคดยอภาษาองกฤษ จ สารบญตาราง ณ สารบญภาพ ญ บทท 1 บทนา 1 1.1 ความเปนมาและความสาคญของปญหา 1 1.2 วตถประสงคของการวจย 2 1.3 ขอบเขตการวจย 3 1.4 สงทใชพฒนาโครงการ ALIET 3 1.5 ประโยชนทคาดวาจะไดรบการวจย 4
บทท 2 วรรณกรรมทเกยวของ 5 2.1 การเรยนเชงรก (Active Learning) 5 2.2 ลกษณะการเรยนเชงรก 6 2.3 ขอดของการเรยนเชงรก 7 2.4 องคประกอบการเรยนเชงรก 8 2.4.1 การศกษาจากปญหา (Problem-based Learning) 9 2.4.2 แบบทดสอบ 10 2.4.3 เกม 11 2.5 วธออกแบบสอการสอน 12 2.6 ขนตอนการพฒนา ADDIE 12 2.6.1 การวเคราะห (Analysis) 12 2.6.2 การออกแบบ (Design) 13 2.6.3 การพฒนา (Development) 13 2.6.4 การใชจรง (Implementation) 13 2.6.5 การประเมนผล (Evaluation) 13
ช
สารบญ(ตอ) หนา 2.7 หลกการสรางสอการสอน 14 2.8 ภาพ 3 มต ภาพเคลอนไหว สงทนาสนบสนนการเรยน 16 2.9 การสรางภาพ 3 มต และภาพเคลอนไหว 17 2.9.1 การออกแบบ 19 2.9.2 การขนวตถ 20 2.9.3 การทาพนผว 20 2.9.4 การใสกระดก 21 2.9.5 การทาภาพเคลอนไหว 22 2.9.6 การประมวลผลภาพ 24 2.10 งานพฒนาและงานวจยทเกยวของ 25
บทท 3 การวเคราะหและออกแบบ 27 3.1 การวเคราะห 27 3.1.1 องคประกอบของโครงการ ALIET 28 3.2 การออกแบบ 29 3.2.1 เวบอกษรและรปภาพ 30 3.2.2 วดทศนภาพเคลอนไหว 32 3.2.3 การเรยนจากปญหา 34 3.2.4 แบบทดสอบ 36 3.2.5 เกม 37 3.3 การทาตนแบบ 40 3.3.1 วดทศนภาพเคลอนไหว 40 3.3.2 การเรยนจากปญหา 44 3.4 วธการวดผล 45
ซ
สารบญ(ตอ)
หนา บทท 4 การสรางสอการสอน 47 4.1 การออกแบบบทเรยน 47 4.2 เกม 48 4.3 การเรยนจากปญหา 49 4.4 การประเมนผล 51 4.5 ภาพเคลอนไหวสามมต 52 4.6 เวบอกษรและรปภาพ 53 บทท 5 การดาเนนงานและวดผล 55 5.1 วธการเกบขอมล 55 5.2 การดาเนนงานและวดผล 55 บทท 6 สรปผลการดาเนนงาน 63 6.1 สรปผลการดาเนนงาน 63 6.2 ความเหนจากผใช 64 6.3 ปญหาและอปสรรค ขอจากดการทาตนแบบ 65 6.4 ขอเสนอแนะเพอการวจยครงตอไป 66 6.5 ขอเสนอแนะเพอการนาไปใชจรง 66 6.6 สรป 67 บรรณานกรม 68
ฌ
สารบญตาราง
ตารางท หนา
2.1: แนวคาถามพฒนาจากคง 10
5.1: การรวบรวมคะแนนจากแบบสอบถาม 56
5.2: คาเฉลย สวนเบยงเบนมาตรฐาน และระดบความพงพอใจ 59
ญ
สารบญภาพ
รปท หนา
2.1 เปรยบเทยบการเรยนเชงรกกบการเรยนแบบผเรยนฟงอยางเดยว 7
2.2 องคประกอบการเรยนเชงรก 9
2.3 องคประกอบและสงทตองการในการออกแบบเกม MDA 11
2.4 ขนตอนของ ADDIE 12
2.5 ขนตอนการทาภาพ 3 มตและภาพเคลอนไหวของอตสาหกรรมเกม 17
2.6 ขนตอนการทาภาพ 3มต และภาพเคลอนไหว 18
2.7 รปถายจากวตถจรง 19
2.8 วตถ 20
2.9 พนผวจากตดตอพนผวตนแบบ 20
2.10 พนผวแบบระบาย 21
2.11 กระดกแบบดงเดม 22
2.12 กระดกประเภทสาเรจรป 22
2.13 ระยะกบเวลาองคประกอบการทาภาพเคลอนไหว 23
2.14 โมเดลกอนและหลงการประมวลผลภาพ 24
3.1 องคประกอบโครงการALIET 28
3.2 แผนภาพแสดงขนตอนการทาเวบอกษรและรปภาพ 30
3.3 แผนภาพแสดงขนตอนการทาวดทศนภาพเคลอนไหว 32
ฎ
สารบญภาพ(ตอ)
รปท หนา
3.4 แผนภาพแสดงขนตอนการทาการเรยนจากปญหา 34
3.5 แผนภาพแสดงขนตอนการทาแบบทดสอบ 36
3.6 แผนภาพแสดงขนตอนการทาการเรยนจากเกม 38
3.7 โมเดลคอมพวเตอร 41
3.8 โมเดลอปกรณจดเสนทาง 41
3.9 โมเดลอปกรณจดเสนทางทใสพนผว 42
3.10 โมเดลคอมพวเตอรททาภาพเคลอนไหว 42
3.11 โมเดลอปกรณจดเสนทางและคอมพวเตอรหลงประมวลผล 43
3.12 ใชเทคโนโลย Flash สรางตนแบบ 44
3.13 การใชเทคโนโลย WordPress สรางตนแบบ 45
4.1 หนาจอเวบ ALIET 48
4.2 หนาจอเกมการแปลงเลขฐานสอง 48
4.3 ตวอยางกรณศกษาเรองการออกแบบการจดสรรไอพแอดเดรส 50
4.4 สวนประกอบของกรณศกษา 51
4.5 หนาจอแบบฝกหด 51
4.6 ภาพเคลอนไหวสามมตอธบายเรอง Anonymous system 52
ฏ
สารบญภาพ(ตอ)
รปท หนา
4.7 ภาพเคลอนไหวตวอยาง subnet 52
4.8 ภาพเคลอนไหวตวอยางหมายเลขแตละเครอขาย 53
4.9 ตวอยางเวบอกษรและรปภาพ 53
4.10 หนาจอสอการสอนหมายเลข subnet 54
บทท 1 บทนา
1.1 ความเปนมาและความสาคญของปญหา
นบแตอดตจนถงปจจบน การศกษามความสาคญตอตวบคคลซงจะสงผลรวมไปถงสงคมเปนอยางมาก เพราะผทสามารถนาความรทไดจากการศกษามาประยกตใชกบสงทอยรอบตว หรองานททา ยอมไดเปรยบกวาผทมความรนอยหรอผทไมสามารถประยกตความรเขากบสงทอยรอบตวหรองานได
จากทกลาวมาจะเหนไดวาการศกษาและประสบการณทไดจากการศกษานน เปนสงสาคญอยางยงในการใชชวต ในการทางานและการพฒนาสงคม แตความรใหมนนมเกดขนทกวน ทาใหตองมการเรยนร เพอพฒนาทกษะและความสามารถใหมๆ อยตลอดเวลา
เมอการศกษานนมความสาคญและมความรใหมเกดขนตลอด ทาใหผเรยนตองเรยนดวยตวเองมากขนเพอเพมประสทธผลในการเรยน (สมวงษ แปลงประสพโชค, internet, 2550)มความตองการระบบการเรยนการสอนทดขน เพอใหมการเปลยนพฤตกรรมผเรยนจากฐานะทเคยเปนฝายรบความรจากผสอนอยางเดยว มาเปนผกระทาดวยตวเองมากขน (วระ ประเสรฐศลป, 2546) จงมผทเหนความสาคญของการศกษา ไดพฒนาวธการสอนและคดคนวธการศกษารปแบบตางๆ ขนมาตลอดเวลา เพอใหรปแบบการศกษาใหมๆ นนสามารถถายทอดความรและประสบการณจากผสอนไปสผเรยนไดอยางมประสทธภาพ และประสทธผลมากทสดจนเปนทมาของการเรยนเชงรก (Active Learning) จากศกษางานวจยหลายฉบบทเกยวของกบการสรางสอการเรยนการสอนและสภาพแวดลอมบรณาการ ทาใหสรปไดวาการเรยนเชงรกเปนรปแบบการเรยนการสอนแบบทเนนไปทผเรยน ใหผเรยนไดรบประสบการณและความร จากเนอหาของวชาทผเรยนกาลงศกษาอยดวยตวเอง โดยผานสอการเรยนการสอน ในรปแบบตางๆ ซงจะชวยกระตนความสนใจและสงเสรมใหมความเขาใจในเรองทกาลงศกษาอย โดยผานการมปฏสมพนธรปแบบตางๆ ทงจากการเหนสงทตองศกษา การพดเรองประเดนทกาลงศกษาอย หรอการลงมอทาแบบฝกหด และบททดสอบในเรองทกาลงเรยน ในปจจบนสอประเภทงานมลตมเดยนน ไดมการพฒนาไปอยางรวดเรว ในระยะเวลาทผานมา ไดมการนาการมลตมเดยรปแบบตางๆ เชน ภาพ 3 มต และภาพเคลอนไหว นาไปประยกตเขากบอตสาหกรรม ธรกจ หรองานรปแบบตางๆอยางกวางขวาง (Herrero, internet, 2007; Levoy, internet, 2006 และ Spina, internet, 2004) เพอใหสามารถแสดงรปแบบของงานไดชดเจนและเสนอ
2
ดงนนเพอเปนการสงเสรมการเรยนเชงรก จงไดมการนางานมลตมเดยในรปแบบงาน ภาพ 3 มต และภาพเคลอนไหวมาชวยสงเสรมการเรยนเชงรก โดยการผสมผสานเปนสอการสอนแบบการเรยนเชงรก ซงจะสามารถดงดดและกระตนผเรยน ในดานการชวยสรางบรรยากาศการเรยนเชงรกในหองเรยน โดยการสรางความสนใจผานสอการเรยน ทไดเหนผานสายตาและทาใหผเรยนสามารถใกลชดกระบวนการสอนมากกวากบรบฟงจากผสอนแตเพยงอยางเดยว (Mckeachie, 1998) หรอแมแตการเรยนรดวยตวเองกตาม
วธการจดทาสอการสอนแบบการเรยนเชงรกน จะทาไดโดยการนางานมลตมเดย มาผสมกบสอการสอนรปแบบตางๆ เชน ภาพประกอบเนอหา บทเรยน แบบฝกหด เพอใหงานมลตมเดยไดสรางสอการสอนแบบการเรยนเชงรกได โดยการศกษาในครงน มงไปทการสรางสภาพแวดลอมแบบบรณาการในการเรยนเชงรก โดยใชงานมลตมเดยประเภทภาพ 3 มต และภาพเคลอนไหว นามาประยกตกบเทคโนโลยเวบไซตเพอใหสามารถนาไปใชไดในการเรยนรดวยตวเอง และสงเสรมบรรยากาศการเรยนเชงรกในหองเรยนได โดยผเรยนจะไดรบสอการสอนรปตางๆ ผานการมองเหนแลวสามารถเกดความคด และแลกเปลยนความคดเหนกบผอนวามความเขาใจในเนอหาวชาเหมอนกน หรอไม อยางไร
โครงการการศกษานชอ Active Learning Integrated Environment Technology หรอ ALIET ไดนาองคประกอบสอการเรยนการสอนหลายรปแบบมารวมกน เรยกวาสภาพแวดลอมบรณาการในการเรยนเชงรก 1.2 วตถประสงคของการวจย
1. พฒนาและสรางสภาพแวดลอมบรณาการในการเรยนเชงรกโดยใชภาพ 3 มตและภาพเคลอนไหว โดยประกอบดวยสอการสอนประเภทตางๆ เชน บทเรยนทอธบายดวยภาพ 3 มตและภาพเคลอนไหว แบบฝกหด และกรณศกษาเพอใหผเรยนไดมโอกาสแลกเปลยนความร
2. ศกษาระดบความพงพอใจของผเรยน เมอมการนาภาพ 3 มต และภาพเคลอนไหวมาใชประกอบการเรยน
3
1.3 ขอบเขตการวจย 1. นาภาพ 3 มต และภาพเคลอนไหวมาใชประกอบในสอการเรยนการสอนในวชา
คอมพวเตอรเครอขาย สวน Network layer และสวนของ IP Address 2. สรางตนแบบสภาพแวดลอมบรณาการ เพอเปนแนวทางในการสรางการเรยนเชงรก 3. สรางสอการเรยนการสอนทสามารถเผยแพรผานชองทางอนเทอรเนตได 4. สรางสภาพแวดลอมบรณาการในการเรยนเชงรกโดยมองคประกอบของสภาพแวดลอม
บรณาการเปนสอการสอนดงน 1. เวบไซต 2. ภาพนง 3. วดทศน 4. การศกษาจากปญหา 5. แบบทดสอบ 6. เกม
5. ทาการวดผลความพงพอใจจากผเรยนวา ภาพ 3 มตและภาพเคลอนไหวสามารถดดดดความสนใจผเรยนไดมากนอยเทาใด
1.4 สงทใชพฒนาโครงการ ALIET
1. ฮารดแวรสาหรบผพฒนา 1. CPU Intel® Core(TM) Duo CPUT7300 @ 2.00GHz 2. RAM 1 GB 3. DVD-RAM 16X
2. ฮารดแวรสาหรบผสรางภาพ 3 มต และ ภาพเคลอนไหว
1. กลองดจตอล 2. การดแสดงผล NVIDIA GeForce 7600 GS 3. CPU Pentium® 4 CPU 2.80GHz 4. RAM 1.5 GB
4
3. ซอฟแวรทใชในการพฒนา 1. Window XP 2. XAMPP 3. WordPress 4. MAYA หรอ 3D Studio MAX 5. Adobe Flash
4. ความตองการขนตาของคอมพวเตอรผรบสอการสอน
1. ระบบปฏบตการ Windows 2. Web browser 3. Adobe Flash player 10 4. Intel® Pentium® II 450MHz หรอเทยบเทา 5. RAM 128MB
1.5 ประโยชนทคาดวาจะไดรบ
สงทคาดหวงจากการทาโครงการ ALIET คอ ไดแบบจาลองสภาพแวดลอมเชงบรณาการเพอการเรยนเชงรกทสามารถดงดดความสนใจจากผเรยนดวยภาพ 3 มตและภาพเคลอนไหว เพอกระตนผเรยนใหเกดความสนใจและมความเขาใจในเนอหาไดดขน อกทงยงสามารถนาสอการสอนนเผยแพรผานชองทางอนเทอรเนตได เพอใหเปนแหลงการศกษาสาหรบผเรยน อกประการคอทราบผลการทดสอบวาการใชภาพ 3 มตและภาพเคลอนไหวนน สามารถกระตนความสนใจของผเรยน และทาใหผเรยนมความพงพอใจ ในการเรยนภายใตแบบจาลองสภาพแวดลอมทสรางขนมากนอยเพยงใด
บทท2 วรรณกรรมทเกยวของ
ในบทนเปนการศกษาเกยวกบความหมายและทฤษฎทอธบายถงวธการเรยนเชงรก ขอเดน
ของวธการออกแบบสอการสอนทด องคประกอบวธการทาภาพ 3 มตและภาพเคลอนไหว รวมถงวรรณกรรมทเกยวของเพอศกษาใหทราบวา มโครงการพฒนาสอการสอนเชงรกในรปแบบใดบาง และไดผลการศกษาจากแตละโครงการนน มผลเปนอยางไร เพอนาสงทศกษานน มาออกแบบและสรางสอการสอนเชงรกในโครงการ ALIET 2.1 การเรยนเชงรก (Active Learning)
การเรยนรเชงรกไดมผเสนอความหมายไวหลากหลายความหมาย ซงแตละบคคลนนมความเหนทเกยวกบการเรยนเชงรกในมมมองทแตกตางกนบาง ดงเชน
ไดใหความรผเรยนจากการปฏบต (Learning by doing) หรอจากประสบการณ (Experiential learning) ไดทราบความจรงจากความรสก คนพบความเปนไปไดและความสมพนธ ผเรยนจะไดรบการมองภาพ ตารางและภาพเคลอนไหว เพอใหทราบความหมายตางๆ จากการเขยนและการพด และสามารถเขาใจถง หลกแนวคดและรายละเอยดแบบ เปนขนเปนตอน” (Hamada, 2007)
“การเรยนทผเรยนตองหาความหมายและทาความเขาใจดวยตนเอง หรอรวมกนกบเพอน และรวมกนสรปความคดรวบยอดรวมกน” (ศกดา โชกจภญโญ, 2548)
“เปนกระบวนการเรยนรทมงเนนใหผเรยนไดคด และลงมอทา เพอแสวงหาความรในสงทสนใจ หรอมขอสงสย จนกระทงไดคาตอบ” (พรเทพ รแผน, 2549)
“การเรยนเชงรกเปนการเรยนทเนนใหผเรยนไดปฏบต และสรางความรจากสงทปฏบตในระหวางการเรยนการสอน โดยเนนการพฒนาทกษะ ความสามารถทตรงกบพนฐานความรเดม สงผลใหผเรยนเชอมโยงความรใหมกบความรเดมทม จากการปฏบตและความตองการของผเรยนเปนสาคญ” (ทววฒน วฒนกลเจรญ, internet, 2551)
“ผเรยนทาการแกปญหา ตอบปญหา และสรางหลกการหรอสตรของคาถามนนดวยตวผเรยนเอง และทาการปรกษา อธบาย โตเถยงและรวบรวมความคดระหวางกลมผเรยน” (Rybarczyk, internet, 2008)
6
CDIO™ Standard 8 ใหความหมายไววา การเรยนเชงรกนน คอการใหผเรยนไดคดและแกปญหาโดยตรง โดยใหความรแบบฟงอยางเดยวนอยทสด และใหผเรยนไดจดการความร ประยกต วเคราะห และประมวลผลออกมาเปนความคดของตวเอง (CDIO, internet, 2008)
ซงในความหมายของการเรยนเชงรกทไดรวบรวมมาทาใหเหนไดวา ผเรยนทไดมปฏสมพนธกบสอการสอนรปแบบตางๆ แลวนามาคดและลงมอทา เพอนาสงทไดมาจากประสบการณทผานระบบประสาทสมผส และการรบรมาแปลงความหมายทไดรบเปนความรใหมทไดเพมขนกวาความรเดม
2.2 ลกษณะการเรยนเชงรก จากความหมายทไดกลาวไปขางตนนน สามารถสงเกตไดวาการเรยนเชงรกไดเนนไปยงการปฏบตดวยตวเองเพอใหไดประสบการณเปนของตวเองในการเขาใจองคความรนน โดยยน (Yin, internet, 2007) เปนผใหคณลกษณะของการเรยนเชงรกไวดงน
1. Self-meaningful การเขาใจความหมายดวยตวเอง การเรยนเชงรกนนสงเสรมใหผเรยนสามารถกาหนดความหมายสงทเรยนรดวยตวเอง หรอเขาใจในสงทศกษาดวยความเขาใจดวยรปแบบของแตละบคคล
2. Self-identified purpose การกาหนดเปาหมายดวยตวเอง การเรยนเชงรกนนสงเสรมใหผเรยนกาหนดขอบเขตเปาหมายทบคคลตองการร ทราบ และศกษาตามแตละบคคลเพอเปนการกาหนดขอบเขตสงทตองการดวยตนเอง
3. Self-confidence ความเชอมนในตวเอง ในการเรยนเชงรกผเรยนแตละบคคลอาจไดความรทแตกตางกนขนอยกบประสบการณและความรทมแตเดม ซงไมสามารถทราบไดวาความเขาใจบคคลใดถกตองทสด ดงนนความเชอมนในตวเองจะทาใหไดรบความรทไดจากการเรยนเชงรก แลวจงนาไปพฒนาเพอใหมความรขนตอนตอไป หรอจนกวาจะทราบวาผดพลาดทสวนใด
4. Self-drive to recover from mistakes การเรยนรจากสงทผดพลาดดวยตวเอง เมอทราบวาผดพลาดกตองเรยนรวาพลาดทใด ผดพลาดอยางไร และทาความเขาใจในสงทถกตองกบสงทผดพลาดและนาขอผดพลาดนนมาเปนความรตอไป
5. Self-satisfaction (Joy) ความพงพอใจในตวเองหรอมความสขใจในการเรยนหรอการศกษาในบทเรยนเพอใหงายตอการเรยนและงายตอการพฒนาความรของผเรยน
6. Sense of urgency to learn สรางใหผเรยนมความรสกอยากเรยน
7
ทกลาวมาเปนลกษณะของการเรยนเชงรก ซงสงเกตเหนไดวาสวนใหญทกขอจะเนนเรองการเรยนจากตวผเรยนเอง วาเมอทาการเรยนแลวไดรสงใดบาง ทาใหทราบวตถประสงคทสาคญของการเรยนเชงรก ซงกคอการทาใหผเรยนไดเขาถงในกระบวนการเรยนทลกขน เพอใหมความเขาใจทลกซง ตามแตละบคคลนนเอง (Viterbo University, internet, 2003) 2.3 ขอดของการเรยนเชงรก
จากผลสารวจของแมทคาเชน (Mckeachie, 1998) พบวาการเรยนเชงรกใหผลทแตกตางจากการเรยนแบบใหผเรยนฟงผสอนเพยงอยางเดยว คอการทาใหผเรยนมสวนรวมและสนใจการสอนไดมากกวา
จากผลสารวจโดยมเวลากบระดบความสนใจ เหนไดวาการเรยนแบบฟงอยางเดยว จะทาใหนกเรยนสนใจไดอยางสงเมออยในชวง 10 นาทแรก แตเมอผาน 20 นาทไป ความสนใจของผเรยนนนลดลงไปอยางรวดเรวจนจบชวโมงการสอน แตการเรยนเชงรกนนจะรกษาระดบของความสนใจของผเรยนไดในระดบทคงทไมมการเปลยนแปลงขนหรอลงอยางรวดเรว และทชดเจนกวาคอระดบความสนใจของผเรยนนน อยในระดบคอนขางสงอยทงชวโมงการเรยน
ดงนนจากผลสารวจน ทาใหเหนวาการเรยนเชงรกนนสามารถรกษาระดบความสนใจของผเรยนไดมากกวาการเรยนแบบฟงอยางเดยว ภาพท 2.1 เปรยบเทยบการเรยนเชงรกกบการเรยนแบบผเรยนฟงอยางเดยว
8
การเรยนเชงรกนนสามารถนาไปปรบใชได ทงแบบเรยนดวยตวเอง คอสรางความเขาใจความหมายดวยตวเอง (Self-meaningful) เปนหลก และสรางบรรยากาศในหองเรยนใหผเรยนเกดความรสกอยากเรยนร (Sense of urgency to learn) ดงนนการสงเสรมการเรยนเชงรกนน ตองการใชเครองมอและสอการสอนรปแบบตางๆ นามาสรางสภาพแวดลอมแบบบรณาการเขามาชวยสนบสนน เพอสรางสอการสอนเพอสงเสรมการเรยนแบบเชงรก
2.4 องคประกอบการเรยนเชงรก
องคประกอบของการเรยนเชงรก ประกอบดวยปจจยทมความเกยวของกน 3 ประการ ไดแก ปจจยพนฐาน (Basic Elements) กลวธในการเรยนการสอน (Learning Strategies) และทรพยากรทางการสอน (Teaching Resources) (Meyers & Jones, 1993)
1. ปจจยพนฐาน เปนระบบประสาทสมผสและการรบร หรอการโตตอบของมนษย ไดแก การพด การฟง การเขยน การอาน การโตตอบ การสมผสตางๆ
2. กลวธในการเรยนการสอน ไดแก กรณศกษา สถานการณจาลอง การแกปญหา การทาแบบฝกหด
3. ทรพยากรทางการสอน ไดแก สอการสอนแบบตางๆ เชน อปกรณการศกษา ทวทางการศกษา
จากภาพท 2.2 แสดงใหเหนถง เมอนาองคประกอบของการเรยนเชงรกมาแสดงความสมพนธจะสามารถอธบายไดดงน ผเรยนจะนาปจจยพนฐานเขามาสกลวธทางการเรยนการสอน เพอใหมโอกาสไดใชระบบประสาทการรบร และการโตตอบเพอใชในการเรยนในระบบการเรยนเชงรก และไดรบประสบการณนน ไปเปลยนเปนความรตามแตละบคคล ตามหลกการเขาใจความหมายดวยตวเอง (Self-meaningful) และการนาทรพยากรทางการสอน รปแบบตางๆ มาใชใน กลวธการเรยนการสอนนน เพอสนบสนนกลวธทางการสอน ใหผเรยนสามารถ ใชปจจยพนฐาน สงผลใหผเรยนไดรบประสบการณจากระบบประสาทการรบร และการโตตอบไดหลากหลายรปแบบมากขน สงผลใหผเรยนสามารถไดแนวคด หลายรปแบบขน เมอนามาแสดงความสมพนธองคประกอบการเรยนเชงรก
9
ภาพท 2.2 องคประกอบการเรยนเชงรก (ทววฒน วฒนกลเจรญ, 2551)
ตวอยางของกลวธในการเรยนมดงน 2.4.1 การศกษาจากปญหา (Problem-based Learning) ตวอยางกลวธทนามาใชในการเรยนเชงรก เพอใหผเรยนสามารถไดความร นยมปฏบตผาน
การศกษาจากปญหา (Problem-based Learning) เปนการเปลยนหลกการการสอน โดยดงความสนใจของผเรยน จากการเรยนแบบตงรบมาสการคนควา การคดวเคราะห และการแกปญหาใหมากขน (ไพฑรย สนลารตน, internet, 2551) โดยผเรยนไดรบปญหาแลว นาไปประยกตกบหลกการทไดเรยนมา และความรทไดคนควาเพมเตมซงเปนองคประกอบอยางหนงของการเรยนเชงรก (Basak & Cakir, internet, 2005)
วตถประสงคของการศกษาจากปญหานน ม 2 ขอดวยกน (Moore, internet, 2000) คอ 1. เขาใจถงหลกของความรทมปญหาเปนตวเชอมโยง 2. พฒนาความสามารถทกษะดานการแกปญหาและดานการใชเหตผล โดยการศกษาจากปญหา สามารถทาไดผานกจกรรมการเรยนอยางเชน กรณศกษา (Case studies) คอการนาบทความ หรอสงทเกดขนจรงทเกยวของ กบเนอหาท
ไดเรยนมาใหผเรยนอาน เพอทราบปญหาทเกดขนจรง ในสถานการณจรง และใหผเรยนคดวธแกปญหา เปนการใหผเรยนไดเรยนจากปญหา (Problem-based Learning)
10
ซงการศกษาจากปญหานน สงเสรมในผเรยนนาปญหารปแบบตางๆ มาใชความรทมเพอวเคราะหสงทได กคอความรใหมซงเปนคณลกษณะทสาคญของการเรยนเชงรก
2.4.2 แบบทดสอบ การทดสอบนน มเพอวดผลจากความรทผเรยนไดรบจากการเรยน ซงถอเปนกลยทธการ
เรยนอกรปแบบ โดยมระดบการทดสอบความรจากคาถามหลายรปแบบ เพอใหเหมาะสมกบการทดสอบและวดความรผเรยน
เมอคาถามทใชทดสอบผเรยนนนมความสาคญ จงมการสรางรปแบบของคาถามเพอใหเหมาะสมกบประเภทของความร โดย แมคคอนเนล, สตล, และ โอเวน (McConnell, Steer & Owens, 2003) ไดพฒนาแนวทางการสรางคาถามจาก คง (King,1995) ซงใชการจาแนกจดมงหมายทางการศกษาของบลม (Bloom’s Taxonomy) ในดานพทธพสย (Cognitive Domain) เปนเครองมอเพอใชในการสรางแนวคาถามโดย (ญาณวฒ รงกจการวฒนา, internet, 2550) อธบายความหมายไวดงน “การเนนใหผเรยนมการเปลยนแปลงพฤตกรรมดานความรความเขาใจในสงตางๆ ดขน เรยนรใหมากขน เรยนรอยางถกตองและชดเจน มองเหนความสมพนธของความรในลกษณะเชอมโยงทเปนเหตเปนผลกน มความคดอยางมวจารณญาณสมเหตสมผล รวมทงรจกการแกปญหาอยางเปนระบบระเบยบและมความคดเชงสรางสรรคดวย” ตารางท 2.1: แนวคาถามพฒนาจากคง (King, 1995) ประเภท แนวคาถาม ความร (Knowledge) อะไรคอ............... ความเขาใจ(Comprehension)
อะไรจะเกดขนถา.............. ภาพนแสดงเกยวกบอะไร
การนาไปใช (Application) ลองตวอยางของ.............. วธของ.....ใชอยางไร
การวเคราะห (Analysis) สงททามผลอยางไร อะไรคอความแตกตาง(เหมอน)ของ......... อะไรคอสาเหต...............
การสงเคราะห (Synthesis) อะไรคอแนวทางแกปญหาของ.................. โปรดบอกความสมพนธของ........กบสงทเราเรยนมากอนหนา
(ตารางมตอ)
11
การประเมนคา (Evaluation) ทาไม.........จงมความสาคญ
อะไรคอสงทดทสดของ.............และทาไม คณเหนดวยหรอไมเหนดวยกบ......................
ตารางท 2.1(ตอ): แนวคาถามพฒนาจากคง (King, 1995)
ลกษณะของแบบทดสอบทมมานานและยงใชมาอยางแพรหลายจนปจจบนนน คอ
แบบทดสอบปรนยซงถกคดคนในป 1914 โดยแบบทดสอบปรนยมหลกๆ อย 2 ประเภท คอ (Duroc & Vuong, 2008)
1. เปนสถานการณสนๆ ในทายสถานการณนนมคาถามเพอใหผเรยนไดบอกวธแกเปนคาตอบ
2. คาถามซงมรายการของคาตอบใหเลอก ซงคาตอบอาจถกมากกวาหรอเทากบ 1 ขอกได
2.4.3 เกม เกมเปนสวนหนงของสงทใหความบนเทง แตมคนจานวนมากไดพยายามทาการออกแบบ
และสรางเกมเพอใหความรหรอใหการศกษาในเกมดวย (Overmars, internet, 2004) โดยเกมนนเปนอกรปแบบหนงของกลวธทางการเรยนซงเปนหนงในองคประกอบของการเรยนเชงรก (Weck, Kim & Hassan, internet, 2005) ทมประสทธภาพเพอใชใหผเรยนไดทราบมมมองของความร
การออกแบบเกมนน ไดมผเสนอกรอบแนวคด MDA (Hunicke, LeBlanc & Zubek, 2004) ซงม 3 องคประกอบในกรอบแนวคดของ MDA คอ
1. Mechanics ใชอธบายสวนประกอบสาคญของเกม ในสวนของการแสดงผลขอมลและกระบวนการทางานของเกม
2. Dynamics ใชอธบายสวนของเครองวามการรบขอมลเขาจากผเลนอยางไรและแตละขอมลออกมรปแบบอยางไร
3. Aesthetics ใชอธบายอารมณและความรสกของผเลน วามอารมณและความรสกอยางไรเมอมปฏสมพนธกบเกม
ภาพท 2.3 องคประกอบและสงทตองการในการออกแบบเกม MDA
12
2.5 วธออกแบบสอการสอน หลกการออกแบบสอการสอนนน ไดมผเสนอความคดเหนไวในวธการของออกแบบ การ
สอนจากเวบไซด www.instructionaldesign.org (internet, 2008) ไดใหคานยามการออกแบบการสอนไววา “กระบวนการทปรบปรงการศกษา โดยผานการวเคราะหจากความตองการจากการเรยนและการพฒนาทรพยากรการสอนควบคกน โดยการกระบวนการน ตองผานการใชเทคโนโลยและมลตมเดยเปนเครองมอประกอบการสอนไปดวย”
ซงหลกการออกแบบสอการสอน ไดมตนแบบ หรอวธการหลายรปแบบ แตในปจจบน การทาสอการสอนอเลกทรอนกสไดใช ตนแบบวธการ ADDIE เปนสวนใหญ ซงมลกษณะคลายกบวธการพฒนาระบบแบบจาลองนาตก (Waterfall model) (Punyabukkana, Sowanwanichakul & Suchato, 2006)
2.6 ขนตอนการพฒนา ADDIE
การใชแบบจาลอง ADDIE เพอพฒนาสอการสอนนน มดวยกน 5 ขนตอนดงน ภาพท 2.4 ขนตอนของ ADDIE
2.6.1 การวเคราะห (Analysis) ขนตอนการวเคราะห เปนขนตอนทผทาสอการเรยนตองทาใหชดเจนในเรองของ
จดประสงคและเปาหมายในการทาสภาพแวดลอมในการเรยนหรอสอการสอน และระบระดบของผเรยน โดยมหลกทใชในการทาขนตอนน เชน
1. ใครคอผเรยนและอะไรคอสงทผเรยนสนใจ 2. ระบความรทไดจากการเรยนร 3. สงใดทตองใหผเรยนอปกรณทเกยวกบการเรยนใดทตองใหกบผเรยน
13
4. พจารณาถงวธการสอนและอธบายความร 5. ระยะเวลาของโครงการ 2.6.2 การออกแบบ (Design) ขนตอนการออกแบบนน ทาโดยนาวตถประสงคและเปาหมายของการเรยนจาก ขนตอน
การวเคราะห มาออกแบบใหผลลพธเหมาะสมกบ กลยทธการสอน สอการสอนประเภทตางๆ เชน แบบฝกหด เนอหา ซงควรตองมหลกตรรกะ เหตผล และมเปาหมายทเฉพาะจงเจาะ โดยม หลกทใชในการทาขนตอนน ดงน
1. วางแผนการออกแบบภาพประกอบในการเรยน 2. ทาตนแบบจาลอง 2.6.3 การพฒนา (Development) ขนตอนการพฒนา คอการทาสอการสอนทออกแบบมา จากชวงการออกแบบ โดยใน
ขนตอนน สงทตองทา ไดแก การออกแบบวธนาเสนอเนอหา (Storyboard) เขยนเนอหาวชาและออกภาพกราฟก รวมไปถง การทดสอบเทคโนโลย ทจะใชวาใชไดหรอไม เหมาะสมหรอไม ซงการทาขนตอน ของงานภาพ 3 มตและภาพเคลอนไหว อยในขนตอนการพฒนา
2.6.4 การใชจรง (Implementation) ขนตอนการใชจรง คอนาสงทไดจากการพฒนาในรปแบบตางๆ ไปใชสอนจรงกบผเรยนท
เรยนในเนอหาวชานน 2.6.5 การประเมนผล (Evaluation) เมอทาการสอนกบผเรยนในขนการใชจรงแลว จงนาผลทไดจากการสอนจรงมาประเมนผล
วาสงทออกแบบมานนมประสทธภาพเพยงใด และตองปรบปรง แกไข เปลยนแปลงอยางไร เพอใหเหมาะสมกบการนาไปสอนในครงตอไป
14
2.7 หลกการสรางสอการสอน ในโครงการ ALIET นน ทาการสรางสอการสอนหรอทรพยากรทางการสอน ซงเปน
องคประกอบสาคญในการเรยนเชงรก สวนเทคโนโลยทนามาสรางสอการสอนนน มสอการสอนหลายประเภทนามารวมกน เพอเปนสภาพแวดลอมแบบบรณาการเพอการเรยนเชงรก โดยสอการสอนหลายประเภทน นามาใชใหการมความยดหยนกบการเรยนและรองรบกบกจกรรมการสอนแบบตางๆ
ในการสรางสอการสอนใน โครงการ ALIET นน ตองการสามารถ ทาใหครอบคลมได ทง 2 จดประสงค จากการศกษาในการเรยนเชงรกซงเนนใหผเรยนมสวนรวมกบการเรยนนน การออกแบบตองเนนไปทการดงดด ความสนใจดวย ภาพ 3 มตและภาพเคลอนไหว
ถาเปนสอการสอนประเภท สรางบรรยากาศในหองเรยน จะเนนไปทรปภาพการเคลอนไหว แลวใหอาจารยอธบายแนวคดทฤษฎ เพอใหผเรยนไดเขาใจดวยสงทเหนและเปดโอกาสใหผเรยน สามารถแสดงความคดเหนและถามในมมมองทตวเองสนใจได
สวนการสรางสอการสอนของการเรยนเชงรกเพอนาไปศกษาดวยตวเองนน คลายกบการออกแบบสอการเรยนทางไกล (Notar, Wilson, Restauri & Frierv, 2002 และ Meyer, 2003) คอตองออกแบบใหนกเรยนไดมสวนรวมหรอปฏสมพนธกบสอการสอนอยางตอบโต (interactive) ไดมากทสด (Simonson, Smaldino, Albright & Svacek, 2003) เพอเปนการดงดดความสนใจ ของผเรยนในขณะทไมมผสอนเปนผกระตนความสนใจ
ดงนนการมการตอบโตกน ระหวางสอการสอนจะทาใหผเรยนสนใจและมสมาธในเนอหาไดมากขน โดยสอการสอนประเภทน มกจะถกสรางมาจากสอการสอนหลากหลายรปแบบ เชน แบบจาลอง เนอหาทฤษฎ แบบฝกหด ภาพประกอบ มารวมกนไวเปนสภาพแวดลอมแบบ บรณาการ
การสรางสอการสอนนน เพอใหเหมาะสมกบการเรยนเชงรกทเนนเรองการรบรดวยการผานระบบประสาทสมผสและรบร ดงนน การท ผ เ รยนมปฏสมพนธกบสอการสอนนนแบงเปน 2 ประเภท (Basak & Cakir, 2005)
Synchronous Interaction เปนการทผเรยนสามารถมปฏสมพนธกบสอการสอนไดและสอการสอนกมปฏสมพนธตอบโตกลบผเรยนได ตวอยางเชน เกม หรอแบบทดสอบเปนตน
Asynchronous Interaction เปนการทผเรยนสามารถมปฏสมพนธกบสอการสอนได แตสอการสอนไมสามารถมปฏสมพนธตอบโตกลบผเรยนได ตวอยางเชนเวบไซตงานวจยหรอบทความเปนตน
15
การสรางสภาพแวดลอมการเรยนนนสาคญมาก เพราะการทาใหสอการสอนเหมาะสมกบความตองการของผเรยนจะเปนการดงดดผเรยนไวได ซงมวธการขนพนฐานอย 7 ประการดวยกน (Houser & Deloach, 1998 )
1. ทาให มความรสกตองการ ใหผเรยนมความรสกรวมอยางสง ในการมปฏสมพนธ และ ความรสกตอบสนองตอสอการสอน
2. มขนตอนและเปาหมายทชดเจน 3. สามารถกระตนผเรยนได 4 . ทาใหมความรสกททาทายและไมยากเกนไป เพราะถายากเกนไปจะทาให
ผเรยนรสกทอ แตตองไมงายเกนไป เพราะจะทาใหผเรยนนนรสกเบอตอการเรยน 5. ทาให มความรสกทเขาถง และไดประสบการณโดยตรงจากสภาพแวดลอมการเรยน
จากการเรยนทไดเรยนร หรองานทไดทาในแตละสวน 6. จดหาเครองมอทเหมาะสมซงสามารถสนบสนนผเรยน และงานทเหมาะสมกบ
เครองมอนน เพอชวยใหผเรยนไมสบสนกบงานได 7. หลกเลยงสงททาใหสบสนซงจะทาใหไมเกดประสบการณและความร ดงนนการออกแบบสภาพแวดลอมแบบบรณาการเพอการเรยนเชงรกนน สอการเรยน ใน
แตละชนด ตองมความสอดคลองกบพนฐาน 7 ประการเพอใหไดประสทธผลตอผเรยนมากทสด โดยการออกแบบสภาพแวดลอมแบบบรณาการนน ไดมแนวคดหลกในการปฏสมพนธ เพอใหสอการสอนทสรางสามารถใหความรกบผเรยนมากทสดซงม 2 ขอ ดงน (Resnick, Bruckman & Martin,1996)
1. การปฏสมพนธกบบคคล ซงเปนการปฏสมพนธกบบคคลทเปนผใชหรอผเรยนนนเอง ซงควรทาใหผเรยนมความสนใจความสนกและเพมประสบการณใหผเรยนซงประเดนนสาคญมาก เพราะเปนแรงจงใจ เมอการออกแบบทาไดดงนจะทาใหผเรยนสามารถขามพนจากความรทมมากอน ซงสามารถเชอมโยงความร ทไดใหมกบความรเกาทาใหเกดเปนความรใหมๆ ได
2. การปฏสมพนธกบทฤษฎความร (Epistemological connections) การออกแบบควรมปฏสมพนธกบสาระสาคญของความรและความหมายตางๆ ซงทาใหไดความคดและความรแบบใหมๆ การออกแบบทดทาใหไดรบความรและวธคดใหมกบผเรยน ซงผเรยนจะเชอมตอความรและความคดดวยวธการตามธรรมชาต
16
การนาหลกการออกแบบปฏสมพนธประยกตกบการออกแบบเพอสภาพแวดลอมแบบบรณาการ ตองคานงถงการออกแบบใหผเรยนรสกสนก และสามารถดงดดในผเรยนอยในสภาพแวดลอมแบบบรณาการ และเนอหาทตองเลอกเฟนคดสรรสงทเปนสาระสาคญของเนอหา เพอสรางใหผเรยนและนาผเรยนไปสการพฒนาดานความรและวธการคดทพฒนาขน
2.8 ภาพ 3 มต ภาพเคลอนไหว สงทนาสนบสนนการเรยน ภาพ 3 มตคอกระบวนการทางคณตศาสตรในคอมพวเตอร เพอใหไดนาเสนอภาพออกมาเปน 3 มตโดยเรยกผลทไดออกมาวา 3D Model ภาพเคลอนไหว คอลาดบของภาพทตอเนอง แสดงใหเหนเปนภาพเคลอนทได
การนาเนอหาวชามาสราง เปนสอในรปภาพ แบบ 3 มตและภาพเคลอนไหวมา ใชสาหรบประกอบเนอหาวชา และการเรยนเชงรก เพอเพมความนาสนใจ และดงดดผเรยน ใหตองการมาศกษาเนอหาวชา ในกระบวนการเรยนรแบบทผเรยนไดมสวนรวม ซงภาพเคลอนไหวนน ชวยใหผเรยนเขาใจเนอหาได ดงน
1. ชวยให เหนภาพของแนวคดได การไดเหนภาพบางครงสามารถทาใหเขาใจได มากกวาคาบรรยายทมแตตวอกษรทตองใชความสมผสดวยการมองเหนตวหนงสออยางเดยว .
2. ทาใหผเรยนไดสงเกตตลอดเวลา การมภาพเคลอนไหวเปนการกระตนประสาทสมผสดานการมองเหนอยตลอดเวลา ซงสามารถเรยกความสนใจจากผเรยนได
3. แสดงภาพเบองตนใหผเรยนเหน ทาใหเหนถงความหมายพนฐานทผานจากภาพได 4. ชวยอธบายผเรยนจากภาพทเหน เชน เสน หรอ ลกศร ทใชการเนน วาสวนไหนมสวน
สาคญเปนตน (Frecnch, internet, 2008) โดยการใชภาพเคลอนไหว (Animation) เพอการสอนหวขอทยากเพอใหผเรยนรสงใหม ได
ดวยการเขาถงตามแตละบคคลซงมรปแบบการเรยนรแตกตางกน (Heyden, 2004) นอกจากนน สามารถชวยใหผสอนสามารถอธบายและสาธตการสอนไดงายขน ซงตรงกบหลกการเรยนเชงรก ในการเขาใจความหมายดวยตวเอง “ภาพ 3 มตนน ชวยนาเสนอใหเหนภาพทชดเจน ชวยใหผเรยนนนไดเหนภาพทเหมอนจรง” (Dede, Salzman & Loftin, 2008) ซงแสดงใหเหนไดวาการนาภาพ 3 มตมาใช ยอมชวยใหผเรยนสามารถเขาใจหลกการของเนอหาวชาไดมากขน เพราะทาใหผเรยนมประสบการณดานการมองเหนไดเสมอนจรงทาใหผเรยน ไดรบประสบการณใหมขน และเรยนจากประสบการณใหมทไดมา นาไปสรางความรตามหลกการเรยนเชงรก
17
จากขอความคดเหนตอการนาภาพเคลอนไหวและภาพ 3 มตมาใชในการเรยน แสดงใหเหนไดถงการกระตนประสาทสมผสและรบรของผเรยนและชวยใหผเรยนเขาใจในเนอหาทเรยนไดมากขน
ดงนนการนาภาพเคลอนไหวและภาพ 3 มต มาใชเพอสรางสอการสอนสรางการเรยนเชงรก ยอมทาใหผเรยนไดรบประโยชนในการเรยนรและกระตนผเรยนโดยผานการมองเหนและการมปฏสมพนธกนระหวางผเรยนและสอการสอน ซงเปนประโยชนตอผเรยนอยางแนนอน 2.9 การสรางภาพ 3 มต และภาพเคลอนไหว
การทาภาพ 3 มตในปจจบนนนไดมเครองมอเขามาชวยทสะดวกขนและหลายหลากมากขนเพอผลตภาพ 3 มตทมลกษณะวตถประสงคทแตกตางกนออกไป แมคคาเนย (McKinley, 2006) ไดอธบายขนตอนการผลตในสวนการทางานภาพ 3 มตและภาพเคลอนไหวของอตสาหกรรมเกม (The art production pipeline) ไวมดงน
1. ออกแบบ 2. แนวคดทางศลปะ 3. วตถ 4. พนผว 5. กระดก 6. ภาพเคลอนไหว 7. Special FX 8. การเขยนโปรแกรม 9. Level design
ภาพท 2.5 ขนตอนการทาภาพ 3 มตและภาพเคลอนไหวของอตสาหกรรมเกม (McKinley, 2006)
18
เนองจากการทาโครงการ ALIET นนเปนการสรางสอการสอน ซงความซบซอนของการสรางนน ไมซบซอนเทากบอตสาหกรรมเกม ดงนน ผวจยตองนา ขนตอนการผลตงานกราฟกของอตสาหกรรมเกมมาดดแปลง เพอใหเหมาะสมกบการทาสอการสอนในรปแบบตาง ๆ จงเหลอแตขนตอนทสาคญดงน ภาพท 2.6 ขนตอนการทาภาพ 3 มตและภาพเคลอนไหว
เมอนาขนตอนดงกลาวมาเรยบเรยงเพอแสดงใหเหนถงลาดบขนตอนในการทางานภาพ 3 มตและภาพเคลอนไหว งานทกชนเรมตนจากการออกแบบ และมาสรางวตถทเปนโมเดล เมอเสรจแลวนาไปสรางพนผวเพอใหวตถมลกษณะของพนผว จากนนทาการจดวางมมกลองทตองการและจดแสงใหเหมาะสมกบความตองการของภาพ จากนนจงทาการเคลอนไหวของวตถซงรวมขนตอนการใสกระดกดวย และจงนาไปประมวลผลภาพออกมา เพอนาไปตดตอ ซงรายละเอยดในแตละขนตอนมดงน
19
2.9.1 การออกแบบ การออกแบบ ในการทาภาพ 3 มตนน ตองมการออกแบบจากภาพ 2 มต เพอนามาเปน
ตนแบบการขนโมเดล เพอความถกตองของ รปราง ลกษณะและอตราสวน ของโมเดล 3 มตทจะสรางขน ดวยวธทนยมใช คอ การนารปดานตรงและดานขางในขนาดทอตราสวนของวตถนนเทากนมาทาเปนเครองมอขนโมเดลในเบองตน
ซงรปทนามาใชทนยมม 2 แบบ คอ รปถายจากวตถจรง เปนลกษณะภาพถายจากวตถจรง นามาเปนแบบในการทาภาพ 3 มต
นนซงมลกษณะทดคอ ผทาภาพ 3 มตสามารถเหนพนผวของวตถไดสามารถทาใหจดการลกษณะพนผวทชดเจนในแตละวตถ ลกษณะดอยคอทรปถายไมมรายละเอยดชดเจนหรอวตถชนนนมรายละเอยดมากเกนไป อาจทาใหผทาภาพ 3 มตนนไมสามารถสรางภาพ 3 มตทเหมอนวตถนนได ภาพท 2.7 รปถายจากวตถจรง
รปวาดจากการออกแบบเปนลกษณะภาพวาดทเกดจากการออกแบบของผออกแบบ โดยนวธลกษณะทดคอทาใหผทาภาพโมเดลนนสามารถทาเขาใจรายละเอยดของวตถไดทงหมดตามทผออกแบบนนตองการ แตลกษณะดอยนนทาใหคาดการณลกษณะพนผวของวตถไดลาบากทาใหเกดอาจเกดปญหาเมอประมวลผลภาพมาแลวไมไดตามทผออกแบบตองการ
แตสงทสาคญเพอความถกตองของโมเดล ตองใหรายละเอยดกบผทาภาพ 3 มตมากทสด เทาทจะเปนไปได เชน ความกวาง ความยาว ความสง ของวตถ ภาพถายจากหลายมมของวตถ วสดทใชทาวตถ เปนตน และผสรางภาพถามโอกาสทไดเหนวตถของจรงนน จะทาใหเขาใจในสงทจะสรางเปนภาพ 3 มตได
2.9.2 การขนวตถ เมอไดภาพตนแบบมาจากขนตอนการออกแบบแลวตองนาภาพตนแบบทไดนนมาใชขน
โมเดล ในโปรแกรมประเภททาภาพ 3 มต โดยการทาภาพ 3 มตนน
20
ภาพท 2.8 วตถ
ซงโมเดลสวนใหญนยมขนจาก โพลกอนโมเดล (Polygon Model) ซงมองคประกอบพนฐานคอ จด เสน ขอบ แผน และ วตถ จากนนกทาการสรางองคประกอบพนฐานเหลานเพอใหไดเปนโมเดลตามตนแบบทออกแบบไว
2.9.3 การทาพนผว เมอไดโมเดลแลวการนาโมเดลมาใชในการทาภาพพนผวใหมลกษณะทใหผลเหมอนวตถ
ตนแบบซงโดยปกตใชอย 2วธ การปรบคาใหวตถโมเดลมคาการกระทบแสงเหมอนของวตถจรง โดยปรบใหแตละ
โปรแกรมซงสามารถปรบคากระทบแสงใหเหมอนกบวตถตนแบบได ภาพท 2.9 พนผวจากตดตอพนผวตนแบบ
21
การระบายหรอตดตอพนผวใหเหมอนวตถจรง โดยเรมทาจากการจดการพนผวทอยบนโมเดลเพอใหสามารถทาการระบายหรอตดตอไดโดยรปไมทบพนผวในแตละ โพลกอน แลวนาพนผวนนไปทาในโปรแกรมทใชในการตดตอหรอระบายสเพอใหไดภาพทมความเหมอนกบวตถตนแบบ ภาพท 2.10 พนผวแบบระบาย
2.9.4 การใสกระดก เปนขนตอนหนงในการทาภาพเคลอนไหวเปนการนาโมเดล 3 มต ททาสาเรจแลวมาใส
กระดกเพอใหเปนเครองมอใหการควบคมการเคลอนไหว โดยปกตแลว ถาเปนวตถทไมมการเคลอนไหวทซบซอน หรอไมมการเคลอนรปแบบขอตอแลว จะไมนยมใสกระดก โดยใสกบโมเดลทตองการเคลอนไหวทมรปแบบทหลายหลาก และซบซอน เพอใหผทาการเคลอนไหวไดสะดวกในการทาภาพเคลอนไหว
โดยในปจจบนกระดกนนไดมการพฒนาเครองมอทใชอย 2 ประเภทคอ แบบดงเดม มลกษณะเปนชน นามารวมตอๆ กนโดยผทาภาพ 3 มตนนสามารถออกแบบ
ไดตามทตองการ ซงกระดกประเภทนอาจสรางไดซบซอนแคไหนกไดตามทผสรางภาพ 3 มตตองการ
22
ภาพท 2.11 กระดกแบบดงเดม
แบบสาเรจรปมลกษณะทผผลตโปรแกรมแตละราย จะออกแบบแตโดยสวนใหญแลวจะ
อาจแบบโดยมลกษณะทนยมใชกนคอมนษย โดยสามารถปรบความยดหยนของตวกระดกไดระดบทมขอจากด แตสวนใหญจะออกแบบมาใหสามารถและงายตอการทาภาพเคลอนไหว เชน สามารถสรางวงจรการเดน การวงโดยอตโนมต หรอสามารถเกบรกษาการเคลอนไหว เพอนาไปใชกบกระดกสาเรจรปตวอนๆ เปนตน ภาพท 2.12 กระดกประเภทสาเรจรปจากโปรแกรม 3D studio max.
23
2.9.5 การทาภาพเคลอนไหว คอการนาภาพมาเรยงลาดบแลว แสดงใหวตถในภาพนนเคลอนไหวได ซงหลกการทา
ภาพเคลอนไหวนน มองคประกอบทสาคญซงประกอบดวย ระยะของวตถ ซงถาระยะของวตถนนแตละภาพมพนทวางหางไกลจากกนมากจากภาพตอ
ภาพ ทาใหวตถในภาพนนเคลอนไหวอยางรวดเรว ในทางตรงกนขามถาภาพทมพนทวางใกลกนจากภาพตอภาพ ทาใหวตถในภาพนนเคลอนไหวชา โดยวธการกาหนดการเคลอนไหวนนจะทาการกาหนด ใหทาการเคลอนไหววตถ แลวจงทาการกาหนดคยเฟรมทโปรแกรม โดยโปรแกรมจะทาการจาตาแหนงของวตถไวตามลาดบภาพทไดจาตาแหนงไว
เวลา เปนตวกาหนดจานวนภาพของภาพเคลอนไหว ซงระยะเวลานนนาน กจะทาให จานวนภาพมาก แตถาระยะเวลาสนทาใหจานวนภาพนอย
ภาพท 2.13 ระยะกบเวลาองคประกอบการทาภาพเคลอนไหว (Williams, 2001)
ซงในแตละมาตรฐานจานวนภาพตอวนาท (Frame per second) ทนยมใชในการแพรภาพในโทรทศนแตละประเทศนน มการใชจานวนภาพแตกตางกน เพอใหไดภาพเคลอนไหวใน 1 วนาท
24 ภาพตอ 1 วนาท เปนมาตรฐานของภาพยนตร (Film) 25 ภาพตอ 1 วนาท เปนมาตรฐานของ PAL (Phase Alternate Line) 30 ภาพตอ 1 วนาท เปนมาตรฐานของ NTSC (National Television Standards Committee)
24
ซงในการทาภาพการเคลอนไหวในโปรแกรม 3 มตมหลกการทนามาประยกตจากการทาภาพเคลอนไหวจากภาพ 2 มตหรอแบบดงเดมททาลงในกระดาษ โดยทาการบนทกตาแหนงการเคลอนไหวของวตถในโปรแกรม 3 มตตามแตละชวงเวลาบนโปรแกรม เพอใหโปรแกรมทาการบนทกตาแหนงของวตถ 3 มตและเมอทาการเคลอนไหวภาพในแตละชวงเวลาทไดบนทกไว วตถกจะทาการเคลอนไหวตามทผสรางภาพ 3 มต ไดกาหนดไว
2.9.6 การประมวลผลภาพ คอการนาวตถในโปรแกรม 3 มตทผสรางภาพ 3 มตไดสรางขนมา ไปเขากระบวนของ
โปรแกรมเพอการประมวลผลภาพ เพอทาการคานวณเรองคาของแสงทตกกระทบกบ วตถททาในขนตอนทาพนผว หรอคานวณคาแสงในบรรยากาศของโปรแกรม 3 มตทไดตงคาไว เปนตน ซงโปรแกรมจะทาการประมวลผลคาแสงทตกกระทบตอวตถนนๆ เพอออกมาใหไดภาพตามทผสรางภาพ 3 มต ไดสรางโมเดลและใหคานาหนกของพนผว แสงทไดกาหนดไวออกมาเปนภาพทโปรแกรมคานวณไว ภาพท 2.14 โมเดลกอนและหลงการประมวลผลภาพ
25
2.10 งานพฒนาและงานวจยทเกยวของ เวบเทคโนโลยเพอการศกษาทฤษฎขอมล สอสารโดยใชสอการสอนแบบสามารถตอบโต
ได นามาสรางสภาพแวดลอมแบบบรณาการเพอการเรยนเชงรก โดยนา 1. ภาพยนตร ภาพอกษรเคลอนไหวเพอแนะนาแนวคดเบองตนของทฤษฎขอมล 2. แบบจาลองการตดตอสอสาร และ 3. แบบฝกหดทตอบโตได โดยใชรปแบบสอการสอนทตอบโตไดมาเปนเครองมอการสอนในการเรยนเชงรก ซงผลการสารวจนน ทาใหเหนวา ผเรยนไดเขาใจแนวคดของวชาไดงายขน (Hamada, 2007)
The Escape Website เปนการทาสอการเรยนบนเวบเรองเกยวกบชววทยา โดยม องคประกอบหลกๆ ดงน 1. Self-contained 2. Learning environment 3. Real-world examples 4. Built-in assessment tools ซงแนวคดการทาเวบ The Escape Website มาจากความเชอทวา การเรยนเชงรกนน สงเสรมใหผเรยนไดมประสบการณ และสามารถนาความรทไดใหมมาเชอมโยงกบความรเกาเพอใหไดองคความรใหมๆ โดยการออกแบบสอการสอนเชงรกนน The Escape Website ไดออกแบบมาเพอ 2 รปแบบ คอ นามาใชในหองเรยนเพอสรางบรรยากาศการเรยนแบบเชงรก และนาไปใชเพอการศกษาดวยตวเอง จากการทดลองดวยวธ ทดสอบกอน และ ทดสอบหลง ใหไดผลชดเจนถงการเพมขนของคะแนน (Skinner & Hoback, 2003)
The Technology-Enabled Active Learning (TEAL) Project ท Massachusetts Institute of Technology ไดใชสอหลายรปแบบเพอสรางสภาพแวดลอมแบบบรณาการเพอการเรยนเชงรกของแบบจาลองทางฟสกส โดยใชสอรปแบบหลก 2 รปแบบ คอ 1. ภาพเคลอนไหว 3 มตเพอจาลองสถานการณ 2. แบบจาลองภาพภาพเคลอนไหว 3 มตซงสามารถใสคาตวแปรแลวสงผลตอแบบจาลองได การทดลองดวยการทดสอบกอนใช และหลงใชสภาพแวดลอมแบบบรณาการเพอการเรยนเชงรกซงเหนผลไดชดเจน คอคะแนนเพมขนอยางชดเจน (Dori & Belcher, 2005)
The AquaMOOSE 3D project. ท Georgia Institute of Technology เปนโครงการทนาภาพ 3 มตมาเพอทาสภาพแวดลอมการเรยนสอนวชาคณตศาสตรในระดบมธยมปลายโดยใชภาพ 3 มต โดยทาเหมอนเกมใหผเรยนไดเปนตวละครลงไปในโปรแกรม แลวโปรแกรมกแสดงภาพทางคณตศาสตรให เหนเพออธบายในเนอหาโดยผลสารวจของโครงการทาเปน 2 รปแบบ คอการเคลอนไหวในโปรแกรม และแบบสอบถามจานวนผทเขาไปเลนทงหมด (Elliott & Bruc, internet, 2002)
26
VI-MED เปนโครงการทสรางสภาพแวดลอมการเรยนรเพอทาการฝกนกเรยนพยาบาล เพอใหนกเรยนพยาบาลเรยนรในสงทคณะตองการ และทาใหนกเรยนพยาบาลไดฝกและไมตองเสยงมากในการฝก โดยระบบมเกมใหไดฝกหดแลวใหทาแบบฝกหด ซงยงอยในการพฒนา (Mili et al., 2008)
มหาวทยาลย Carnegie Mellon ไดพฒนาโครงการสภาพแวดลอมในการเรยนรของหลกสตรชววทยาโดยทาสวนของเนอหาทใชรปภาพจาลอง 3 มต และภาพเคลอนไหวประกอบคาอธบายเพอชวยการเรยนรในเนอหาวชาชววทยา และแบบฝกหดเพอวดผล เพอใหผสอนสามารถนาความรไปสผเรยนไดโดยมสอการสอนหลายแบบ (Pagliano et al., internet, 2007)
27
บทท 3 การวเคราะหและออกแบบ
การออกแบบสภาพแวดลอมบรณาการเพอการเรยนเชงรก ไดนาสอการสอนหลากหลาย
รปแบบมารวมกนไวในโครงการ ALIET เพอสรางทรพยากรทางการสอน หรอสอการสอนใหกบการเรยนเชงรก โดยใชภาพ 3 มตและภาพเคลอนไหวชวยอธบายเนอหาและนาสงทสรางขนมานาเสนอผานเทคโนโลยเวบไซต ซงมความสะดวกในการเขาถงเพอใชสรางบรรยากาศการเรยนเชงรกไดอยางทวถง โดยการออกแบบองคประกอบทใช ในโครงการ ALIET เพอใหตรงกบลกษณะการเรยนเชงรกไดนาแนวคดกจกรรมการเรยนเชงรกรปแบบตางๆ มาประยกตเขากบโครงการ ALIET โดยนากลวธทางการเรยนรปแบบตางๆ มาปรบใหเขากบเทคโนโลยทใช โดยการออกแบบเนอหาการเรยนนน ไดนาภาพ 3 มตและภาพเคลอนไหวเพอนามาอธบายเนอหาทเรยนเพอใหสามรถเขาใจและดงดดผเรยนไดมากขน เพอใหการสรางสภาพแวดลอมบรณาการเพอการเรยนเชงรกเปนไปอยางมมาตรฐาน การศกษาครงน ผวจยจงเลอกใชวธการ ADDIE ทเปนหลกการออกแบบสอการสอนทาการสรางโครงการ
3.1 การวเคราะห (Analysis) ขนตอนการวเคราะหน ผวจยไดทาการกาหนดวตถประสงคตางๆ ในการทาโครงการALIET
เนอหาวชาทใชการทาโครงการ ALIET นน ผวจยไดคดเลอกเนอหาวชาบางสวนจาก วชาคอมพวเตอรเครอขาย มาเพอใชเปนเนอหาวชา โดยเพอใหผเรยนทสนใจในการเรยนคอมพวเตอรเครอขาย ไดมโอกาสรบร และมปฏสมพนธกบสอการสอนเพอใหเกดการเรยนเชงรก และนาความรทไดจากสอการสอนไปพจารณา เพอใหเกดความรใหมตามหลกการของการเรยนเชงรก
ซงผวจยมจดมงหมายใหผเรยนไดรบความรวชาคอมพวเตอรเครอขาย จากรปภาพ 3 มตและภาพเคลอนไหวทใชอธบายเนอหา เพอใหเกดความรความเขาใจในมมมองทหลายหลากมากขน และสามารถนาความรทไดรบไปพจารณาจากความรเดม เพอใหเกดความเขาใจทดขนทไดจากการเรยนผานสอการสอนของโครงการ ALIET
28
จากการศกษาในโครงการอนๆ ททาเกยวกบการสรางสอการเชงรกหรอสภาพแวดลอมบรณาการเพอการเรยนเชงรกนน แตละโครงการนน มสงทดและโดดเดนแตกตางกนออกไป ผวจยจงนาสอการสอนแตละรปแบบมาประยกต ใหเขากบกลวธทางการเรยนแตละแบบ ซงปรากฎออกมาเปนสอการสอนแตละแบบแตกตางกนออกไป เมอนาสอการสอนแตละชนดมารวมกน เปนองคประกอบของสภาพแวดลอมเชงบรณาการในโครงการ ALIET
3.1.1 องคประกอบของโครงการ ALIET องคประกอบของโครงการ ALIET เกดจากการนาทรพยากรทางการสอนหรอ สอการ
สอนในรปแบบตางๆ มารวมกน เพอเปนสภาพแวดลอมบรณาการเพอการเรยนเชงรก ใชสนบสนนการเรยนเชงรกทงการเรยนทางไกลดวยตวเองและการสรางบรรยากาศในหองเรยน โดยการออกแบบรปแบบสอการสอน ตองพจารณาในสวนองคประกอบการเรยนเชงรก วาทรพยากรทางการสอนนน ตองมสวนกระตนการมปฏสมพนธกบปจจยพนฐาน คอ ระบบประสาทการรบรและการโตตอบเพอกระตนให ผเรยน ไดประสบการณจากปจจยพนฐานหลากหลายชองทางการรบร ภาพท 3.1 องคประกอบโครงการ ALIET
29
ดงนนจงมการนาสอการสอนหลากหลายรปแบบ มาทาเปนสภาพแวดลอมบรณาการเพอการเรยนเชงรก โดยคดเลอกมาจากตนแบบโครงการอนๆ และความเหมาะสมตอการเรยนเชงรก เมอพจารณาสอการสอนรปแบบ ตางๆแลว ผวจยจงเลอกสอการสอน 5 รปแบบ มาใชในโครงการ ALIET และอธบายหลกการในการสรางโครงการ ALIET ไวเบองตน
จากภาพท 3.1 องคประกอบโครงการ ALIET องคประกอบสวนบนสด คอการนาเนอหาวชาทตองการจะสรางบรรยากาศการเรยนเชงรก ซงเปนเนอหาจากวชาโดยตรงกได แตในการศกษาครงน นาเนอหาวชามาจากบางสวนของวชาคอมพวเตอรเครอขาย มาใชในโครงการ ALIET จากนนจงนาเนอหาวชาทตองการไปผานกระบวนการรปแบบการสรางสอการเรยนแตละประเภทตามทไดมหลกออกแบบในแตละสอการเรยนไวแลว ซงสาหรบโครงการ ALIET นนเนนไปทการสรางภาพ 3 มตและภาพเคลอนไหว เพอใหสามารถกระตนผเรยนใหสนใจในสอการสอนไดตลอดเวลา
โดยสอการเรยน 5 ประเภทนนไดแก 1. เวบและภาพ (Webtext & Picture) 2. วดทศน (VDO & 3D Animation) 3. การศกษาจากปญหา (Problem-based learning) 4. แบบทดสอบ (Self Assessment) 5. เกม (Game) ซงในสวนเวบและภาพ กบ วดทศนนนเปนสอการสอนของสวนทเปนเนอหาทใชอธบาย
ใหผเรยนไดเขาใจในเนอหาวชา โดยผานภาพประกอบทเปนภาพ 3 มตและภาพเคลอนไหว สวนองคประกอบทเหลอ ไดแก การศกษาจากปญหา แบบทดสอบ และเกมนน เปนสอการ
สอนในสวนของการลงมอปฏบต เปนการใหผเรยนไดพจารณาถงสงทไดเรยนรมา เพอนามาทากจกรรมตางๆ ใน 3 องคประกอบน โดยแตละองคประกอบนนจะมการกระตนการเรยนรในรปแบบทแตกตางกนออกไป
3.2 การออกแบบ (Design)
ขนตอนการออกแบบน ผวจยไดนาขอมลทไดมาจากขนตอนการวเคราะหมา เพอนาไปสรางในขนตอนออกแบบ โดยนาสงทเปนองคประกอบ 5 ประเภท มาออกแบบวธการสรางสอการสอนใหไดออกมาเปนมาตรฐานเดยวกน และการทาตนแบบจาลอง เพอทดสอบเทคโนโลยทจะใชในการทาโครงการ ALIET
30
3.2.1 เวบอกษรและรปภาพ (Webtext & Picture) เวบอกษรและรปภาพ สอการสอนประเภทนมลกษณะบรรยายและอธบายเนอหาดวยคา
บรรยายและมรปภาพประกอบทเปนภาพ 3 มต และภาพเคลอนไหว เพอใชประกอบคาบรรยาย เพอใหผเรยนไดอานและเหนภาพประกอบของเนอหาวชาในสงทตองการอธบายนนไดอยางชดเจน โดยขนตอนวธการสรางเวบอกษรและรปภาพนน มแนวทางการปฏบตตามภาพท 3.2 ภาพท 3.2 แผนภาพแสดงขนตอนการทาเวบอกษรและรปภาพ
แสดงผานเวบไซต
31
1. เมอทาการคดเลอกเนอหาทตองการนามาใชทาสภาพแวดลอมการเรยนเชงรกแลว 2. ผวจยตองทาการศกษาเนอหา และแบงเปนลาดบหวขอ เพองายตอการสรางสอการ
สอน 3. จากนนทาการศกษาในเนอหานนๆ ทราบเนอหาและเปลยนเปนคาบรรยายหรอ
คาอธบาย เพอใหเหมาะสมกบการเขยนคาอธบายในสอการสอน 4. นาเนอหาเหลานนมาพจารณาวาสามารถนามาอธบายเปนรปภาพไดหรอไม 5. ถาสามารถอธบายดวยรปภาพได เมอนามาเปนภาพประกอบไดตองทาการพจารณา
องคประกอบในภาพ เพอนาองคประกอบในภาพไปศกษาหาตนแบบเพอนามาใชในการทาภาพ 3 มต
6. ตองนารปภาพนน มาพจารณาวานาการอธบายเนอหาสวนไหนมาดดแปลงเปนภาพเคลอนไหวไดเพออธบายรปภาพและเนอหาในวชาไดชดเจนขน
7. เมอองคประกอบครบตามเงอนไขแลว จงนาเนอหาทไดสรางขนมาไปไวบนเวบเทคโนโลยเพอนาเสนอตอไป
32
3.2.2 วดทศนภาพเคลอนไหว (VDO & 3D Animation) วดทศนภาพเคลอนไหว สอการสอนประเภทนมลกษณะบรรยายและอธบายเนอหาดวย
ภาพเคลอนไหว จดประสงคใหเพอใหผเรยนไดเหนภาพทเคลอนไหวทจาลองมาจากของจรงในสงทตองการอธบายในเนอหานน โดยขนตอนวธการสรางวดทศนภาพเคลอนไหวมแนวทางการปฏบตตามภาพท 3.3 ภาพท 3.3 แผนภาพแสดงขนตอนการทาวดทศนภาพเคลอนไหว
แสดงผานเวบไซต
33
1. เมอนาเนอหามาพจารณาแลวเหนวาสามารถนามาสรางเปนวดทศนภาพเคลอนไหวใหนาเนอหานนไปสขนตอนออกแบบ แตถาพจารณาแลวไมสามารถสรางเปนวดทศนได ใหยตการสรางทนท
2. เรมจากการออกแบบ มวตถสงในบางในภาพเคลอนไหว มการปฏสมพนธอยางไรในแตละวตถ และในแตละวตถมการเคลอนไหวอยางไรบาง
3. เมอออกแบบสมบรณ ใหนาวตถทอยในการออกแบบเขาสกระบวนการสรางรปภาพ 4. นาวตถทสรางมาเคลอนไหวใหสมบรณแลวนาไปประมวลผลในโปรแกรมท
ประมวลผลภาพ และนาไปสขนตอนการตดตอภาพตอเนอง เพอใหเปนภาพเคลอนไหวทสมบรณ
5. เมอไดภาพเคลอนไหวทสมบรณแลว จงนาไปเขาเทคโนโลยเวบ
34
3.2.3 การเรยนจากปญหา (Problem-based learning) การเรยนจากปญหา สอการสอนประเภทนมลกษณะนาเสนอกรณศกษาใหผเรยนไดศกษา
และทาการเสนอและแลกเปลยนความคดเหนกบผเรยนอนๆ เพอใหผเรยนไดอานและใชความคดเพอใหมความคดเหนของตวเองและเสนอความคดเหนของตวผเรยนสผเรยนอนๆ เพอใหเกดขอคดเหนอนๆออกมาโดยขนตอนวธการสรางการเรยนจากปญหา มแนวทางการปฏบตตามภาพท 3.4 ภาพท 3.4 แผนภาพแสดงขนตอนการทาการเรยนจากปญหา
แสดงผานเวบไซต
35
1. เรมจากเลอกเรองทเกยวของกบเนอหา อาจจะเปนขาว บทความ หรอปญหาทมเกดขนจรงนามาเปนกรณศกษา
2. เมอไดกรณศกษาแลว จงนามาออกแบบเนอหาใหเหมาะสมกบสงทตองการใหผเรยนทราบ รวมทงการตงคาถามใหกบกรณศกษาใหกบผเรยนเพอใหผเรยนใชความคดเพอใหไดความรในแนวทางทตองการ และออกแบบในภาพเพอใหเปนสอถงเนอหาในกรณศกษานน โดยพจารณาวาในกรณศกษานมควรมวตถใดบางอยในภาพ และควรใชรปภาพจานวนเทาใดเพอความเหมาะสมกบเนอหา
3. เมอออกแบบสาเรจแลวจงนาไปส ขนตอนเขยนคาอธบายเรยบเรยงเนอหา และขนตอนตงคาถาม
4. อกสวนหนงนาไปสรางรปภาพ ถาไมสามารถสรางได กใหนาขนตอนเขยนคาอธบายไปสเวบไดเลย
5. เมอสรางภาพสาเรจแลว นาไปสรางภาพเคลอนไหวตอ ถาสรางไมไดใหนารปภาพไปรวมกบคาอธบายแลวขนสเวบ แตถาสรางไดกนาไปรวมกบคาอธบายแลวเปลยนเปนเวบได ถอวาสนสดการในทาสอการเรยนจากปญหา
36
3.2.4 แบบทดสอบ (Self Assessment) เมอผเรยนนนไดผานการเรยนเนอหาแลว ตองมการทดสอบความรความเขาใจของผเรยน
ซงถาผเรยนทาแบบทดสอบถกตอง แบบทดสอบนจะสงเสรมคณลกษณะความเชอมนในตวเอง (Self-confidence) ของการเรยนเชงรก แตถาผดแบบทดสอบนจะสงเสรมคณลกษณะการเรยนรจากสงผดพลาดดวยตวเอง (Self-drive to recover from mistakes) โดยในแบบทดสอบจะมเฉลยทนทเพอใหผเรยนไดรถงขอผดพลาดทนท
โดยลกษณะเปน คาถามแบบปรนย (MCQ) เพอใหผเรยนไดมโอกาสพจารณาในการเลอกคาตอบทผเรยนมนใจทสดคาตอบเดยวเทานน โดยขนตอนวธการสรางแบบทดสอบ มแนวทางการปฏบตตามภาพท 3.5 ภาพท 3.5 แผนภาพแสดงขนตอนการทาแบบทดสอบ
แสดงผานเวบไซต
37
1. โดยเรมจากการเลอกเนอหาทจะนามาสรางเปนคาถามพรอมคาตอบทถกตอง 2. สรางคาตอบทไมถกตองเพอนามาเปนตวเลอกลวง 3. นาเนอหาของคาถามมาออกแบบใหเปนคาเฉลย เพอมาสรางเปนรปภาพเพอใหผเรยน
เหนภาพ 4. นาภาพทสรางมาทาเปนภาพเคลอนไหว 5. นาคาถามแตละขอขนสเวบ 3.2.5 เกม (Game) ผเรยนแบบการเรยนเชงรกทเนนการมปฏสมพนธกบสอการสอนนน สามารถใชสอการ
สอนประเภทเกมโตตอบกบผเรยนไดอยางมประสทธภาพ โดยทเกมนนเรมโดยการบอกกตกาของเกมใหผเรยนทราบ และใหผเรยนลงมอปฏบตตามกตกาของเกม ซงการออกแบบเกมนนมไดหลายชนด เชน การจบค การถามตอบ ในรปแบบตาง ๆ โดยมรปแบบวธการเลนทตางกนออกไปในแตละเกมเทานน โดยขนตอนวธการสรางเกม มแนวทางการปฏบตตามภาพท 3.6
38
ภาพท 3.6 แผนภาพแสดงขนตอนการทาการเรยนจากเกม
แสดงผานเวบไซต
1. เรมจากการเลอกเนอหาทนามาทาเปนเกมกอน ซงเนอหาตองเหมาะสมในการทาเกม
คอตองสามารถหาความจรงและเทจ หรอเปนตรรกะได มขอบเขตทแนนอน 2. ออกแบบโครงสรางเกมแบบเบอง เชน กาหนดวธการเลนเบองตน กฎกตกาเกม
เบองตนและออกแบบวตถในเกมเบองตน
39
3. นาโครงสรางเกมมาระบวธการการเลนดวย การออกแบบกฎกตกาและวธเลนเกมทใชเพอทาเกมจรง
4. นากฎกตกาเกมและวธเลนเกมทไดออกแบบมา ไปเขยนเงอนไขตางๆในรปแบบซโดโคด
5. นาโครงสรางเกมมาจาแนกวตถเพอใหทราบวาตองมวตถใดในเกมบาง เพอทาการออกแบบวตถสงนน
6. นาวตถทออกแบบไปสรางเปนรปภาพ 7. เมอไดเปนรปภาพแลว จงนามาพจารณาวารปภาพนนสามารถทาภาพเคลอนไหวได
หรอไม ถาสามารถทาภาพเคลอนไหวได ใหนาไปสรางภาพเคลอนไหวกอน จงนาไปประมวลผลภาพ แตถาไมไดใหนาภาพนนไปสการประมวลผลทนท
8. นาสวนของกฎกตกากบวตถมาเปนสงทใชเพอเขยนโปรแกรมเกม 9. นาไปไวในเวบเทคโนโลย
40
3.3 การทาตนแบบ เมอไดขอมลจากขนตอนการวเคราะหและขนตอนการออกแบบแลว ผวจยจงไดเรมตนทา
ตนแบบ เพอศกษาความเปนไปไดและศกษาความเปนไปไดของเทคโนโลยทจะนาไปใชในโครงการ ALIET โดยประเภทของเทคโนโลยทตองการนามาใชในโครงการ ALIET นน คอ
1. เทคโนโลยทใชนาเสนอผานเวบไซต 2. เทคโนโลยทใชแสดงความคดเหนผานเวบไซต โดยการสรางตนแบบรอบแรกนน พจารณาทการสรางเทคโนโลยการนาเสนอคอ 1. วดทศนภาพเคลอนไหว 2. การเรยนจากปญหา 3.3.1 วดทศนภาพเคลอนไหว พจารณาเนอหา ในขนตอนแรก เรมการพจารณาเนอหา โดยเรมจากการนาเนอหาวชาคอมพวเตอรเครอขาย
ในสวนของ Routing Protocol ซงเปนสวนของ Network Layer อยในมาพจารณาเนอหาทจะนามาสรางเปนตนแบบ ซงในขนแรกผวจยไดนาสวนของความหมายและความสาคญของ Routing Protocol
โดยเนอหาของความหมายและความสาคญของ Routing Protocol นน มความรทตองสอใหถงผเรยนดงน
1. ทาไมตองม Routing Protocol โดยเนอหาสวนน จะกลาวถงปญหาถาไมม Routing Protocol จะเกดสงใดขนกบการสงขอมล
2. ความสาคญของ Routing Protocol โดยเนอหาสวนน กลาวถงความสาคญของ Routing Protocol ซงทาใหเลอกเสนทางการสงขอมลใหดขน
เมอไดเนอหาและความรทตองการใหผเรยนแลวจงนาสงทไดไปจากขนตอนนไปขนตอนไปเพอออกแบบภาพเคลอนไหว
ออกแบบภาพเคลอนไหว เมอไดขอมลจากขนตอนพจารณาเนอหาแลว จงนาเนอหาทไดมาพจารณาในการสราง
ภาพเคลอนไหว และวตถซงเปนภาพประกอบในบทเรยน เมอพจารณาจากเนอหาแลว สงทตองมหรอวตถในสอการสอน คอ
41
1. คอมพวเตอร 2. อปกรณจดเสนทาง (Router) เปนอปกรณททางานใน Network Layer 3. เสนทางจาลอง แสดงใหเหนถงเสนทางทขอมลเดนทางจาก อปกรณ ไปยงอปกรณ 4. ขอมล จากนนใหจดหาสงทตองมเพอใชอธบายเนอหา แลวจงออกแบบวตถในสอการสอน รป
ถายจากวตถจรง หรอรปวาดจากการออกแบบ สงทออกแบบไปสรางวตถเพอทาภาพประกอบ การสรางวตถ เมอแบบจากออกแบบไดเหมาะสมแลว จงนามาขนรปวตถในตนแบบนมวตถทสาคญ 2
อยางทตองนาไปขนเปน 3 มต คอคอมพวเตอร อปกรณจดเสนทาง ภาพท 3.7 โมเดลคอมพวเตอร
ภาพท 3.8 โมเดลอปกรณจดเสนทาง
โดยในการสรางวตถนน ผวจยใชโพลกอนโมเดลจากรปทรงพนฐานสเหลยม ในการสราง
อปกรณจดเสนทาง และคอมพวเดอร โดยใชวธการ ดง ตด และแยก ซงเปนเทคนคพนฐานในการสรางภาพ 3 มตในกบโมเดลจากรปทรงพนฐานสเหลยม จนกระทงไดกลายเปนภาพท3.7และ3.8
42
การสรางพนผว ผวจยไดทาพนผว เพอใหวตถทสรางขนมความเหมอนวตถจรง โดยคอมพวเตอรนน ไดทา
พนผวแบบ ปรบการสะทอนแสงของวตถกบสวตถเทานน โดยคอมพวเตอรและแปนพมพใชสขาวและมคาการสะทอนแสงเทากน เวนแตสวนของปมใหมคาสะทอนแสงมาจนคลายเปนกระจกเงา สวนจอมอนเตอรนนใชสวตถเปนสดา โดยแบงเปน 2 สวนคอ สวนทเปนจอภาพแสดงผลใหมการสะทอนแสงนอยเพอใหภาพออกมาใหความรสกดานแสง สวนชนสวนทวไปใหเปนปรบคาพนผวใหสะทอนแสงเพอใหเกดความรสกแตกตางระหวางวตถ
สวนอปกรณจดเสนทาง ตองทาพนผวใหมความเหมอน ซงมรายละเอยดสวนหนาทใชแสดงผลการทางาน ดงนนจงตองทาพนผวแบบตดตอ โดยนาภาพหนาจอมาใสดานหนาของอปกรณจดเสนทาง และใชสเขยวและสเทาเพอใหมลกษณะคลายกบวตถจรง ภาพท 3.9 โมเดลอปกรณจดเสนทางทใสพนผว
การสรางภาพเคลอนไหว การสรางภาพเคลอนไหวเพอเรยกความสนใจของผเรยนใหอยในสวนของสอการสอนได
โดยผวจยไดทดสอบดวยการหมนคอมพวเตอรเพอทดสอบ วาเมอนาไปใชในการนาเสนอวาสอทใชสามารถรองรบภาพเคลอนไหวไดหรอไม และมประสทธภาพอยางใด ภาพท 3.10 โมเดลคอมพวเตอรททาภาพเคลอนไหว
43
การประมวลผลภาพ เมอไดวตถครบตามการพจารณาเนอหาแลว ผวจยจงทาการประมวลผลภาพวตถออกมา
เพอนาไปใชในสอการสอน โดยรปอปกรณจดเสนทางผวจยประมวลผลภาพเดยว แตคอมพวเตอรผวจยทาการประมวลผลจานวน 45 ภาพ โดยแตละภาพเปนการเปลยนมมองศาของคอมพวเตอร เพอใหคอมพวเตอรสามารถหมนไดตามการเคลอนไหวทกาหนดมาในขนการสรางภาพเคลอนไหว ภาพท 3.11 โมเดลอปกรณจดเสนทางและคอมพวเตอรหลงประมวลผล
นาเขาเวบเทคโนโลย เมอประมวลผลภาพเสรจแลว จงนาภาพและเนอหาทไดจดทามาในขนตอนทผานมา นาสง
ทสรางนนมาแปลงใหอยในรปแบบของเวบเทคโนโลย เพอสามารถนาเขาสอนเทอรเนตได โดยผวจยเลอกเทคโนโลย Adobe Flash เพราะสามารถทาการนาเสนอเนอหาไดสะดวกกวาเวบเทคโนโลยอนๆ เมอนามาประมวลผลแลว จะสามารถนาเปนแสดงฝงอยใน HTML ซงสามารถแสดงไดโดยผาน Adobe Flash Player ไดทนท
44
ภาพท 3.12 ใชเทคโนโลย Flash สรางตนแบบ
สรปการทาตนแบบของวดทศนภาพเคลอนไหวมความเปนไปไดในการทจะนาไปพฒนา
ตอในเนอหาบทสวนอนๆ และการทดสอบเทคโนโลยทใชนนกมความเปนไปไดในการใชเทคโนโลยตอบสนองความตองการในการสราง โครงการ ALIET ได
3.3.2 การเรยนรจากปญหา เลอกกรณศกษา ขนตอนการเลอกกรณศกษานน ผวจยไดคดเลอกกรณศกษาทเกยวกบวธการทางานของ
ผจดการออกแบบเครอขายมานาเปนกรณศกษากอน เพอใชทดสอบเทคโนโลยทนามาใชในการศกษากรณปญหา
เนองจากผวจยตองการแคทดสอบทางเทคโนโลยทจะนามาใชกบกรณศกษากอน ดงนนผวจยจงทาการสรางสอการสอนการเรยนจากปญหาซงเปนการสอดวยตวอกษรเพยงอยางเดยว โดยไมทาการสรางภาพ 3 มตและภาพเคลอนไหว
โดยจดประสงคหลกของการเรยนจากปญหานน คอการมกรณศกษาแลวใหผเรยนไดอาน ไดคดวเคราะหพจารณาและไดออกความคดเหน ซงมไดหลากหลายคาตอบ และใหผเรยนอนๆ ไดมโอกาสไดแลกเปลยนความเหนคดเกยวกบกรณศกษานนๆ และไดรบทราบความคดเหนของผเรยนคนอนๆ โดยอาจไมมคาตอบทถกตองทสด ซงเปนภายแนวคดตามแตละบคคล
45
ดงนนผวจย จงเลอกเทคโนโลยเวบของ WordPress ดวยเหตผลทสามารถตอบสนองความตองการการทาสอการสอนรปแบบการเรยนจากปญหาได เพราะสามารถใหผเรยนทาการแลกเปลยนแสดงความคดเหนไดในรปแบบของเวบบลอก (Blog) โดยผวจยสามารถนากรณศกษาขนแสดงเพอใหผเรยนอานในกรณศกษาตางๆ และสามารถใหผเรยนสามารถแสดงและแลกเปลยนความคดเหนกนได รปท 3.13 การใชเทคโนโลย WordPress สรางตนแบบ
3.4 วธการวดผล
การวดผลครงนผวจยเลอกใชวธวดความพงพอใจโดยความหมายของความพงพอใจ (satisfaction) เปนเรองของความรสก (feeling) การมความสขหรอไดรบความสาเรจตามความมงหมายความตองการความพงพอใจเปนความรสกของบคคลทมตอสงใดสงหนง ซงความรสกพอใจ จะเกดขนตอเมอ บคคลนนไดรบในสงทตนเองตองการ หรอเปนไปตามเปาหมายทตนเองตองการ ซงระดบความพงพอใจจะแตกตางกนยอมขนอยกบปจจยหรอองคประกอบตางๆ กน การวดความพงพอใจ เปนการวดความรสกของบคคลทมตอสงใดสงหนงในลกษณะหนงลกษณะใด
46
ซง บญเรยง ขจรศลป (2528) ไดเสนอไววา เทคนคของ Likert เปนแบบหนงทสามารถใชกบสถานการณตางๆ ไดอยางกวางขวาง ไดแก การสรางประโยคหรอขอความเกยวกบเรองราวตางๆ ทตองการวด โดยกาหนดหวขอใหเลอก ซงโดยทวไปกาหนดไว 5 หวขอเมอวดทศนคตในประเดนตางๆ ครบทกประเดน กนาคะแนนทไดในแตละประเดนมาหาคาเฉลย
บทท 4 การสรางสอการสอน
4.1 การออกแบบบทเรยน
ในวชาเครอขายคอมพวเตอรหวเรองหมายเลขไอพ หรอ ไอพแอดเดรส (Internet Protocol
Address) คอหมายเลขทใชในระบบเครอขายทใช Internet Protocol โดยวตถประสงคการเรยนใน
สวนนตองการใหผเรยนไดทราบถง
ความหมายของหมายเลขไอพ
วธการจดแบงคลาส (Class)
ความหมายของซบเนต (Subnet)
การใชเลขฐาน 2 เพอแบงซบเนต
การออกแบบจดสรรหมายเลขไอพ
หลงจากไดแบงหวขอทตองการใหผใชระบบไดเรยนรแลว ผวจยจงไดนาเทคโนโลยตางๆ
มาใชเพออธบายหวขอทไดแบงออกมา โดยความหมายของหมายเลขไอพนน ใชเวบอกษรเพอ
อธบายความหมายและใชรปภาพแบบตอบโตกบผเรยนได เปนตวอธบายเรองซบเนตใช
ภาพเคลอนไหวเพอแสดงใหเหนตวอยางของเครอขายคอมพวเตอรใน Class C จากนนจงนาเลข
ฐาน 2 มาสรางเปนเกมสาหรบการใชเพมทกษะดานเลขฐาน 2 และนาการเรยนแบบกรณศกษามาใช
เพอใหผใชระบบไดมทกษะในการวางแผนจดสรรหมายเลขไอพ สวนสดทายจงนาแบบฝกหดมาใช
วดความเขาใจ พรอมทงคาอธบายเพอใหมความชดเจนในเนอหา
เมอไดออกแบบองคประกอบเพอการเรยนเชงรกทตองการสรางในโครงการ ALIET แลว
ผวจยจงไดเรมตนออกแบบและจดสรางองคประกอบสอการสอน เพอรวมใหเปนสภาพแวดลอม
เดยวกน โดยนาสอการสอนแบบตางๆ มารวมไวภายใตรปแบบของเวบไซต ALIET ดงภาพท4.1
48
โดยนาภาพสามมตและภาพเคลอนไหว เกม กรณศกษา และเนอหา นามาใสไวในเวบไซต
ตามทไดออกแบบไว โดยมตวอยางดงตอไปน
ภาพท4.1 หนาจอเวบ ALIET
4.2 เกม
เกมเปนเครองมอทกระตนใหผเรยนเกดความสนใจและสนกสนานในการเรยนร ตวอยาง
เกมทไดนามาพฒนาและทดสอบนคอเกมการแปลงเลขฐานสอง ซงพฒนาจากแนวคดทตองการ
พฒนาทกษะและทาใหผเรยนเขาใจการแปลงของเลขฐานสอง เนองจากเลขฐานสอง นน เปนเลขท
สาคญในการใชเพอเขาใจในความหมายของไอพแอดเดรส รวมถงการแปลงเลขฐานสบ เปน
เลขฐานสองดวย
ภาพท4.2 หนาจอเกมการแปลงเลขฐานสอง
49
โดยเกมนเรมตนท ผใชระบบมเวลา 3 นาท หรอ 180 วนาทในการเลนเกมน โดยม
เลขฐานสอง จานวน 8 หลกแสดงขนมาทหนาจอบรเวณกรอบใหญ โดยมเสนแบงระหวางตวเลข
เพอใหแบงไดชดขน โดยเลขฐานสองในกรอบนนมคาไดตงแต 0 ถง 255 และถดลงมาดานลางจาก
กรอบคาถามนน เปนชองวางใหใสคาตอบตรงชอง Answer มหนาทรบขอมลเขาจากผใชระบบ
แลวจากนนใหผเรยนใสคาตอบเปนเลขฐานสบ ทมคาเทากบเลขฐานสอง ทแสดงขนมาในโจทย ถา
คาตอบนนถกตอง คะแนนจะเพม 1 คะแนน แตถาใสคาตอบผดคะแนนจะไมเปลยนแปลง ผเลน
ตองตอบคาถามไปจนครบเวลา 3 นาท จากนนเกมจะทาการแสดงผลคะแนน เลนตอบถกใหผ
เลนทราบวาไดคะแนนเทาใด
อรอยทบรเวณชน 2 และ 3 โดยแบงเปนชนละ 1 หอง ตอร 30 เครอง
5. จะตองออกแบบใหใชไอพแอดเดรสคลาส C นอยทสดเทาทเปนไปได
ทชน
กษา จะแสดงภาพในรายละเอยดแตละชน ซงทาใหรปสามารถอธบายรายละเอยด
ทผ
4.3 การเรยนจากปญหา (Problem-Based Learning)
การเรยนจากปญหานน ผวจยไดรบกรณศกษาตวอยางเพอทาภาพ 3 มต โดยเปนกรณศกษา
การออกแบบจดสรรไอพแอดเดรสภายในองคกรระหวางอาคาร 2 หลง โดยเงอนไขในการ
ออกแบบมดงน
1. ตก A ประกอบดวยหองคอมพวเตอร 1 หองทกชน ยกเวนชน 2 มคอมพวเตอร 3 หอง 2. ความสงของแตละชนทง 2 ตกเทากนคอ 6 เมตร 3. ตก B มหองคอมพวเต4. หองคอมพวเตอรแตละหองมเครองคอมพวเ
ผวจยไดนาเนอหาในกรณศกษาไปออกแบบเปนภาพสามมตเพอในเหนไดชดเจน และ
ผเรยนสามารถทาปฏสมพนธ เมอกดทรปตก ภาพจะเปลยนเปนรปตกและสามารถเขาไปกด
ของตกในกรณศ
ของกรณศกษาไดดขน
50
ภาพท4.3 ตวอยางกรณศกษาเรองการออกแบบการจดสรรไอพแอดเดรส
เมอผเรยนทาการกดเลอกทอาคารแตละอาคารสงผลใหผลนนแสดงรายละเอยดตางของแต
ละชนในอาคารวามรายละเอยดอยางไรบาง
51
ภาพท4.4 สวนประกอบของกรณศกษา
ALIET Case Study
4.4 การประเมนผล (Self Assessment)
ตวอยางนเปนการนาแบบฝกหดทเกยวของกบสวนของ Network layer โดยนาคาถาม
คาตอบและตวเลอกลวง มาสรางเปนโปรแกรมเพอใชในการประเมนผลในรปแบบปรนย เมอ
ผเรยนไดเลอกคาตอบแลว จากนนจะเปนการนาคาเฉลยของแตละขอมาแสดงใหเหนพรอม
ภาพประกอบ และเมอทาแบบฝกหดจนครบทกขอแลว จงแสดงคะแนนทผเรยนสามารถทาได
ภาพท4.5 หนาจอแบบฝกหด
52
4.5 ภาพเคลอนไหวสามมต (3D Animation)
ในสวนภาพเคลอนไหวสามมตนน ผวจยไดนาเนอหาหลายสวนมาจดทาตามกระบวนการ
กราฟฟก ในการขนโมเดล ทาพนผว ทาภาพเคลอนไหว ประมวลผลภาพ และนาภาพนนไปแสดง
ในเครองมอการนาเสนอเพอสามารถแสดงผานเวบไซตได
ตวอยางภาพเคลอนไหวสามมตน เปนการนาเอาสวนของการอธบายเรอง Anonymous
system มาทาเปนภาพประกอบเพออธบายลกษณะของ Anonymous system เพอใหเหนถง
แบบจาลอง
ภาพท4.6 ภาพเคลอนไหวสามมตอธบายเรอง Anonymous system
ตวอยางภาพเคลอนไหวสามมตอกตวอยางหนงคอการแสดงภาพเคลอนไหวของจานวน
คอมพวเตอรแตละซบเนตใน class C โดยแสดงใหทราบถงวามคอมพวเตอรกเครอง เครอขายไหน
ทมคอมพวเตอรไดบาง และหมายเลขใดตองเกบไวเพอเปนหมายเลขทอยของเครอขายและ
ยนนๆ ดงภาพท4.7
ภาพท4.7 ภาพเคลอนไหวตวอยางซบเนต
หมายเลขประกาศของเครอขา
53
ผเรยนสามารถเลอกดไดเปนรายเครอขายวาในเครอขายนน มหมายเลขอะไรบางโดยผาน
การสมผส สามารถเคลอนไหวซายขวาไดตามลกศรทเปลยนทศทาง ภายในภาพมหมายเลขเครองท
เปนสแดง คอหมายเลขทอยของเครอขายนน สเขยวคอหมาย
เลขเครองเพอใชประกาศในแตละ
เครอขาย
เคลอนไหวตวอยางหมายเลขแตละเครอขาย
โดยจะไมมเครองคอมพวเตอรเพอสอใหเหนวาไมควรใชใหคอมพวเตอรใชหมายเลข
เครองทเปนเลขหมายประกาศในเครอขาย ดงภาพท4.8
ภาพท4.8 ภาพ
4.6 เวบอกษรและรปภาพ
สวนของเวบอกษรและรปภาพนนผวจยจดทาโดยการนาเนอหาทเกยวของกบเรองไอพ
แอดเดรสมาใสในเวบไซตตามภาพท4.9 โดยเนอหานนอธบายเกยวกบความหมายของไอพ
แอดเดร
ส และ คลาส
ภาพท4.9 ตวอยางเวบอกษรและรปภาพ
54
การพฒนาการทาสอการสอนเปนหมายเลขซบเนต ทาใหเปนรปภาพใหสามารถทาการ
ตอบโตการการสมผส โดยจดแบงเปน 3 คลาส คอ Class A Class B Class C ตามภาพท4.10
ภาพท4.10 หนาจอสอการสอนหมายเลขซบเนต
เมอเรมตนการทางานสอการสอนเรมตนจาก Class A โดยผใชระบบสามารถเปลยนไป
คลาสอนๆ ไดจากปมดานขาง เมอเปลยนคลาสทาใหเลขฐานสอง เปลยนไปตามจานวนทแตละ
คลาสนนสามารถแบงหมายเลขซบเนต ได
ามารถเลอกเลขฐาน 2 ได 24 หนวย Class B นนสามารถเลอกเลขฐาน 2
ได 16 ห บ
จานวนกเครอง
โดย Class A นนส
นวย Class C นนสามารถเลอกเลขฐาน 2 ได 8 หนวย ซงแตละ Class มรายละเอยดเกยวก
ชวงหมายเลขไอพของแตละคลาส เลขหมายซบเนต ฐานสบ จานวนวงเมอแบงแลวไดกวง และ
จานวนเครองใน 1 วงม
บทท 5
การดาเนนงานและวดผล
5.1 วธการเกบขอมล
การเกบขอมลเพอท นามาวดผลความพงพอใจในการศกษาโครงการ ALIET ครงน ผวจย
แจงถงความตองการใหผรบผดชอบโครงการอบรมหลกการสรางงาน Animatrix ภาควชาการ
ออกแบบเชงโตตอบและการพฒนาเกม คณะเทคโนโลยสารสนเทศ มหาวทยาลยธรกจบณฑตย
ทราบ
หลงจากไดรบอนญาตแลว ผวจยจงใชวนท 28 เมษายน 2552 โดยกลมตวอยางนน ม
จานวน 11 คน เปนนกศกษาคณะเทคโนโลยสารสนเทศ คณะวศวะกรรมศาสตรและอาจารย ซง
ผวจยทาการอธบายเนอหาวชาประกอบกบใหกลมตวอยางทดลองใชสอการสอนโครงการ ALIET
โดยใหกลมตวอยางทดลองใชระบบ หลงจากนนจงแจกแบบสอบถามวดความพงพอใจใหกลม
ตวอยางตอบแบบสอบถามและคดเลอกมาสมภาษณ 3 คน ใชเวลาประมาณ 50 นาท จงเสรจสนการ
เกบขอมลในครงน
5.2 ผลลพธ
หลงจากการพฒนาโครงการ ALIET ผวจยไดทดลองนาสอการสอนรปแบบตางๆ ทได
สรางขนเปนตนแบบ ไปทดลองกบกลมโดยการใหกลมตวอยางรบฟงการสอน และไดใชสอการ
สอนเปนเวลา 20 นาท แลวผวจยจงทาการแจกแบบสอบถามความพงพอใจใหกบกลมตวอยางไดทา
การตอบแบบสอบถาม
แบบสอบถามทใชในการวดผลนนใชในลกษณะการประเมนแบบลเคท (Likert) ซงม
ดวยกน 5 ระดบ ซงกาหนดคาระดบความคดเหนดงนระดบ 5, 4, 3, 2 และ 1 หมายถง ดมาก,ด,ปาน
กลาง,พอใช และตองปรบปรงแกไข ตามลาดบ และความหมายของคาเฉลยของแบบประเมนคอ
4.51 - 5.00 หมายถง ดมาก 3.51 - 4.50 หมายถง ด 2.51 - 3.50 หมายถง ปานกลาง 1.51 - 2.50
หมายถง พอใช และ 1.00 - 1.50 หมายถงตองปรบปรงแกไข
56
โดยแบบสอบถามแบงออกเปนสดานคอ การวดความพงพอใจโดยรวมตอการใชระบบ
ALIET ความคดเหนของผเรยนตอระบบ ALIET วาสามารถกระตนความอยากเรยน ความสนใจใน
เนอหา และทาใหเกดความสนกสนานในการเรยน แบบสอบถามแบงออกเปน 5 ระดบ โดย
รวบรวมผลทไดออกมาตามตารางท 5.1 ดงน
ตารางท5.1: การรวบรวมคะแนนจากแบบสอบถาม
หวขอ
ระดบความพงพอใจ
ดมาก ด ปาน
กลาง
พอ
ใช
ควร
ปรบ
ปรง
1. การนาเสนอเนอหาของสวน Webtext นน
สามารถทาใหทานสนใจได
1 7 3 - -
2. สและขนาดตวอกษรของสวน Webtext นน
เหมาะกบการมองเหน
8 3 - -
3. ภาพ 3 มตและภาพเคลอนไหวประกอบ
บทเรยนนน ทาใหทานเขาใจบทเรยนได
มากขน
2 5 4 - -
4. ภาพ 3 มตและภาพเคลอนไหวประกอบ
บทเรยนนน ทาใหทานสนใจการสอน
ไดมากขน
1 6 3 - -
5. ทานคดวาภาพ 3 มตและภาพเคลอนไหว
นนมขนาดทเหมาะสม
3 5 3 - -
6. การสมผส( Interactive ) ทาใหทานสนใจ
การสอนไดมากขน
4 1 6 - -
7. ภาพ 3 มตในกรณศกษานน สามารถ
บรรยายรายละเอยดเพมเตมได ทานเขาใจ
ถงสงทเกดขนไดชดเจน
2 8 - -
(ตารางมตอ)
57
ตารางท5.1(ตอ): การรวบรวมคะแนนจากแบบสอบถาม
หวขอ
ระดบความพงพอใจ
ดมาก ด ปาน
กลาง
พอ
ใช
ควร
ปรบ
ปรง
8. ภาพ 3 มตในกรณศกษา มขนาดเหมาะสม
ตอการมองเหน
3 5 3 - -
9. ภาพ 3 มตในกรณศกษา สามารถกระตนให
ทานสนใจการสอนได
2 7 2 - -
10. ทานรสกไมกงวลกบการทากรณศกษา 2 5 4 - -
11. เกมมขนาดตวอกษร ป ม และ โจทย
เหมาะสมชดเจน
1 6 4 - -
12. เกมสามารถทาใหทกษะการแปลงเลขฐาน
ของทานสงขน
1 8 2 - -
13. เกมสามารถทาใหทานรสกสนกในขณะเลน 1 2 7 1 -
14. แบบฝกหดทาใหทานรวาตองศกษา เนอหา
อะไรเพมเตม
4 4 3 - -
15. ทานไดรบความรเพมเตมจากเฉลยของ
แบบฝกหด
5 5 1 - -
16. ทานคดวาสวนเฉลยนนมเนอหาททาให
เขาใจได
3 7 1 - -
17. สและขนาดตวอกษรของสวน แบบฝกหด
นนเหมาะกบการมองเหน
3 6 2 - -
18. ทานคดวาโครงการ ALIET สามารถทาให
ความเขาใจเนอหาเพมขน
1 8 2 - -
(ตารางมตอ)
58
ตารางท5.1(ตอ): การรวบรวมคะแนนจากแบบสอบถาม
หวขอ
ระดบความพงพอใจ
ดมาก ด ปาน
กลาง
พอ
ใช
ควร
ปรบ
ปรง
19. โครงการ ALIET สามารถทาใหการสอนม
ความสนก
2 7 2 - -
20. โครงการ ALIET สามารถกระตนความ
อยากเรยน
1 5 5 - -
21. โครงการ ALIET สามารถการกระตน
ความรสกสนใจในเนอหา
3 6 2 - -
22. การใชสอการเรยนในโครงการ ALIET นน
มความงาย
1 4 6 - -
23. ทานคดวาการออกแบบขนาดหนาจอของ
โครงการ ALIET นน เหมาะสม
- 7 4 - -
24. ทานมความพงพอใจกบโครงการ ALIET 2 7 2 - -
59
เมอผวจยทาการสารวจเสรจสนจากนนจงนาผลการสารวจมาทาการหาคาเฉลยและสวน
เบยงเบนมาตรฐานเพอหาคาระดบความพงพอใจของแบบประเมน
ตารางท5.2 :คาเฉลย สวนเบยงเบนมาตรฐาน และระดบความพงพอใจ
คาเฉลย
สวน
เบยงเบน
มาตรฐาน
(SD)
ระดบความพง
พอใจ
1. การนาเสนอเนอหาของสวน Webtext นน
สามารถทาใหทานสนใจได
3.82 .603 ด
2. สและขนาดตวอกษรของสวน Webtext นน
เหมาะกบการมองเหน
3.73 .467 ด
3. ภาพ 3 มตและภาพเคลอนไหวประกอบ
บทเรยนนน ทาใหทานเขาใจบทเรยนไดมาก
ขน
3.82 .751 ด
4. ภาพ 3 มตและภาพเคลอนไหวประกอบ
บทเรยนนน ทาใหทานสนใจการสอน
ไดมากขน
3.82 .603 ด
5. ทานคดวาภาพ 3 มตและภาพเคลอนไหวนน
มขนาดทเหมาะสม
4.00 .775 ด
6. การสมผส( Interactive ) เพมความสนใจทา
ใหการสอนมากขน
3.82 .982 ด
7. ภาพ 3 มตในกรณศกษานน สามารถบรรยาย
รายละเอยดเพมเตมได ทานเขาใจถงสงท
เกดขนไดชดเจน
4.00 .775 ด
8. ภาพ 3 มตในกรณศกษา มขนาดเหมาะสม
ตอการมองเหน
4.00 .775 ด
(ตารางมตอ)
60
คาเฉลย
สวน
เบยงเบน
มาตรฐาน
(SD)
ระดบความพง
พอใจ
9. ภาพ 3 มตในกรณศกษา สามารถกระตนให
ทานสนใจการสอนได
4.00 .632 ด
10. ทานรสกไมกงวลกบการทากรณศกษา 3.82 .751 ด
11. เกมมขนาดตวอกษร ป ม และ โจทย
เหมาะสมชดเจน
3.73 .647 ด
12. เกมสามารถทาใหทกษะการแปลงเลขฐาน
ของทานสงขน
3.91 .539 ด
13. เกมสามารถทาใหทานรสกสนกในขณะเลน 2.64 .674 ปานกลาง
14. แบบฝกหดทาใหทานรวาตองศกษา เนอหา
อะไรเพมเตม
4.09 .831 ด
15. ทานไดรบความรเพมเตมจากเฉลยของ
แบบฝกหด
4.36 .674 ด
16. ทานคดวาสวนเฉลยนนมเนอหาทาใหเขาใจ
ได
4.18 .603 ด
17. สและขนาดตวอกษรของสวน แบบฝกหด
นนเหมาะกบการมองเหน
4.09 .701 ด
18. ทานคดวาโครงการ ALIET สามารถทาให
ความเขาใจเนอหาเพมขน
3.91 .539 ด
19. โครงการ ALIET สามารถทาใหการสอนม
ความสนก
4.00 .632 ด
20. โครงการ ALIET สามารถการกระตนความ
อยากเรยน
3.64 .674 ด
21. โครงการ ALIET สามารถการกระตน
ความรสกสนใจในเนอหา
4.09 .701 ด
(ตารางมตอ)
ตารางท5.2 (ตอ) : คาเฉลย สวนเบยงเบนมาตรฐาน และระดบความพงพอใจ
61
22. การใชสอการเรยนในโครงการ ALIET นน
มความงาย
3.55 .688 ด
23. ทานคดวาการออกแบบขนาดหนาจอของ
โครงการ ALIET นน เหมาะสม
3.64 .505 ด
24. ทานมความพงพอใจกบโครงการ ALIET 4.00 .632 ด
จากขอบเขตงานวจยทไดกลาวไวในบทท 1 ซงกลาวไวถงการวดผลความพงพอใจจาก
ผเรยนวา ภาพ 3 มตและภาพเคลอนไหวสามารถดดดดความสนใจผเรยนไดมากนอยเพยงใด
หลงจากทาการเกบผลสารวจแลวไดผลดงน
ผลลพธจากแบบสอบถามความพงพอใจทเกยวของกบความดดดดความสนใจผเรยนจาก
คาถาม ทานมความพงพอใจกบโครงการ ALIET เพยงใด โดยรวมนนไดคะแนน 4.00 ซงอยใน
ระดบด สวนคาถามอนๆ ทเกยวของคอ ความกระตนความอยากเรยนไดคะแนน 3.64 ซงอยใน
ระดบด ความสนใจในเนอหาไดคะแนน 4.09 ซงอยในระดบด และทาใหเกดความสนกสนานใน
การเรยนไดคะแนน 4.00 ซงอยในระดบดเชนเดยวกน
นอกจากนผวจยไดสมภาษณความคดเหนเกยวกบระบบ ALIET เพมเตมจากกลมตวอยาง
จานวน 3 คนดงน
ผใหสมภาษณรายท 1 ไดใหความเหนเกยวกบโครงการ ALIET ดงน “เปรยบเทยบการอาน
อยางเดยว อาจไมเขาใจ โดยภาพรวมแลวกโอเค แตถาใชภาพจะสามารถใหคาอธบายไดชดเจน ถาม
ขอความอธบายควบคไปดวย จะทาใหภาพสามารถอธบายไดชดเจนกวา”
ผใหสมภาษณรายท 2 ใหความเหนเกยวกบการทดสอบดงน “ชอบในสวนการใหตดตง
ระบบคอมพวเตอร (กรณศกษา) เมอไดลองแลวรสกวามนจบตองไดมากกวาอานโจทยเพยงอยาง
เดยว” อกความคดเหนเกยวกบการนาไปใชเปนสอในการสอน “ถานาไปสอนในวชา Network กด
ครบ รปแบบมนดกวาพวกสไลดใน Powerpoint อยางเดยว”
ตารางท5.2 (ตอ) : คาเฉลย สวนเบยงเบนมาตรฐาน และระดบความพงพอใจ
62
ผใหสมภาษณรายท 3 ใหความเหนกบโครงการดงน “ด ทาใหผเรยนไดเหนภาพจาก
นามธรรม โดยเฉพาะนกศกษาทหวชา โดยสวนของเกมทตองนาความคดมาประยกตใชกบสงท
เรยนมาแนวความคดนดมาก สวนในแบบฝกหดนนกเปนเรองทดจะทาใหเดกรวาตวเองมความร
ความเขาใจในหวขอนนขนาดไหน จะใหดตองทาออกมาในรปแบบเปนสดสวน”
บทท 6 สรปผลการดาเนนงาน
6.1 อภปรายผลการดาเนนงาน
การพฒนาโครงการ ALIET นนมงประเดนไปทการสรางสภาพแวดลอมการเรยนเชงรก
โดยใชสอการสอนรปแบบตางๆ เปนองคประกอบ 5 อยาง โดยใชภาพ 3 มตและภาพเคลอนไหว
เพอใหผเรยนไดรบการกระตนจากการมองเหนและการคด การแกปญหา เพอใหไดเปนความรตาม
หลกของการเรยนเชงรก โดยหลงจากพฒนาตนแบบเสรจสนแลว ผวจยตองการทราบผลทไดจาก
ตนแบบ จงทาการทดสอบกบกลมตวอยางเพอทราบถงความพงพอใจตามขอบเขตของงานวจยทได
ตงเปาหมายไวในเบองตน
หลงจากการพฒนาและทดสอบโครงการ ALIET กบกลมตวอยางเสรจสนแลว จงไดผล
ความพงพอใจของโครงการจากแบบสอบถามทงหมด 24 ขอ ทาใหทราบถงภาพรวมของการใช
ภาพ 3 มตและภาพเคลอนไหว วาสามารถกระตนและดงดดผเรยนพรอมกบสรางความพงพอใจ
ใหกบผเรยนไดจากแบบสอบถามความพงพอใจทสรางขนเพอวดความพงพอใจเกยวกบภาพรวมทง
โครงการไดทกดานตงแตการออกแบบ องคประกอบแตละสอการสอน ความนาสนใจและความนา
ดงดดของสอการสอน
ซงภาพรวมนนไดคาเฉลยทงหมดไดประมาณ 3.86 ซงอยในระดบด ซงภาพรวมจาก
แบบสอบถามนนทาใหทราบไดวาโครงการ ALIET นน มคะแนนเฉลยอยในระดบดในอตรา
95.83% และจากแบบสอบถามคาคะแนนทสาคญเกยวของความเหนกบผเรยนกบภาพรวมของ
โครงการ ALIET โดยผวจยเรยงลาดบจากจานวนคะแนนทมากมาหานอย มดงน
สามารถการกระตนความรสกสนใจในเนอหาไดคะแนน 4.09 ซงอยในระดบด
ความพงพอใจตอโครงการนนไดคะแนน 4.00 ซงอยในระดบด
การสอนมความสนกไดคะแนน 4.00 ซงอยในระดบด
64
สามารถทาใหความเขาใจเนอหาเพมขนไดคะแนน 3.91 ซงอยในระดบด
สามารถการกระตนความอยากเรยนไดคะแนน 3.64 ซงอยในระดบด
การใชสอการเรยนนน มความงายไดคะแนน 3.55ซงอยในระดบด
ซงผวจยมความเหนเกยวกบเรองท สอการสอนสามารถการกระตนความรสกสนใจใน
เนอหาไดคะแนนมากสดแตในทางตรงขามสอการสอนสามารถการกระตนความอยากเรยนซง
ตางกนถง 0.45 คะแนน ในความจรงคะแนน 2 เรองนควรใกลเคยงกนอาจเปนเพราะจากความ
แปลกใหมในการนาเสนอเนอหาผานสอการสอนรปแบบตางๆ ดวยภาพ 3 มตและภาพเคลอนไหว
ซงทาใหผเรยนมความสนใจในสอการสอนทอธบายเนอหา
สวนความงายนนไดคะแนนนอยสดอาจเปนสวนทตองพฒนาในรปแบบของสอของ
โครงการใหสามารพใชงายกวาน
ซงเปนผลทคาดหวงไวตงแตชวงเรมโครงการวา ประโยชนทคาดวาจะไดรบจากโครงการ
ALIET คอเพอกระตนผเรยนใหเกดความสนใจและมความเขาใจในเนอหาไดดขน โดยผานสอการ
สอนแบบการเรยนเชงรกดวยภาพ 3 มตและภาพเคลอนไหว โดยเฉพาะสวนของความสามารถใน
การกระตนความรสกสนใจในเนอหานนไดรบคะแนนมาเปนลาดบแรกซงเปนไปตามประโยชนท
คาดวาจะไดรบ แตโครงการ ALIET อาจตองพฒนาความงายของการใชใหไดมากกวาน โดยผวจย
ไดทาการสรปความคดเหนของผใชระบบไวเพอรวบรวมเปนขอมลในการพฒนาตอไปดวย
6.2 ความเหนจากผใช
จากการสมภาษณพบวา การศกษาจากโครงการ ALIET น เมอนาไปเปรยบเทยบกบการ
อานอยางเดยว อาจไมเขาใจ แตถาใชภาพพบวาสามารถใหคาอธบายไดชดเจน และถามขอความ
อธบายควบคไปดวย จะทาใหเขาใจไดมากขน นอกจากน ผเรยนยงชอบในสวนของกรณศกษาเชน
การใหตดตงระบบคอมพวเตอร เนองจากเมอไดลองแลวรสกวาเปนรปธรรมมากกวาการ
จนตนาการจากการอานเพยงอยางเดยว และยงเหนวา การเรยนโดยใชระบบ ALIET ดกวาการสอน
โดยใช PowerPoint เพยงอยางเดยว
65
การสรางสอการสอนในระบบ ALIET ยงทาใหผเรยนวชาระบบเครอขายคอมพวเตอรได
เหนภาพทเปนรปธรรม มากกวาการจนตนาการจากสงทเปนนามธรรม โดยเฉพาะอยางยงนกศกษา
ทหวชา แนวความคดในเรองของเกมทผเรยนจะตองนาความคดมาประยกตใชกบสงทเรยนมาดมาก
สวนในแบบฝกหดนนกเปนเรองทดจะทาใหผเรยนรวาตวเองมความรความเขาใจในหวขอนนมาก
นอยแคไหน
6.3 ปญหาและอปสรรค ขอจากดการทาตนแบบ
ปญหาประสทธภาพของเครองทใชในการพฒนาภาพ 3 มต โดยประสทธภาพของเครอง
พฒนาตองสง เนองจากตองการความเรวในการทาวตถและประมวลผลภาพ ถาประสทธภาพเครอง
ไมสง จะสงผลใหการทางาน 3 มต ไมสามารถทาไดเตมประสทธภาพโดยอาจทาใหไดชนงาน 3 มต
ทตางจากสงทออกแบบและสรางไวแตแรก เนองจากไมสามารถมโพลกอนจานวนมากได
ปญหาความเหลอมลาของเวลาจากการประมาณการ โดยปญหานเกดในขนตอนการทางาน
ภาพ 3 มต ในขนตอนการประมวลผลภาพเนองจากการประมวลผลภาพนนจาเปนตองใชระยะเวลา
ทนานและผทาภาพ 3 มตอาจไมทราบถงความผดพลาดในการทางาน จนกระทงการประมวลผล
ภาพนนเสรจสนทาใหตองเรมขนตอนประมวลผลภาพใหม ทาใหการประมาณระยะเวลานน
คลาดเคลอนไปอยางมาก
ปญหาขนาดของไฟลในการนาเสนอ การทาภาพเคลอนไหวโดยใชลาดบภาพจานวนมาก
ใน Flash ซงออกมาในรปแบบไฟล .swf ทาใหขนาดไฟลใหญในการแสดงผลผานระบบ
อนเตอรเนต
ปญหาการออกแบบสอการสอนใหผเรยนสามารถเขาใจไดงาย ในบางวชา เนอหาวชาท
นามาพฒนานน การนาเสนอออกมาเปนรปภาพ 3 มตและภาพเคลอนไหวนนคอนขางยาก อาจ
ตองการนาสญลกษณอนๆ มาแทนคาอธบายเพอใหผเรยนเขาใจมากขน
66
6.4 ขอเสนอแนะเพอการวจยครงตอไป
1. การวดผลอาจทารปแบบอนนอกจากการวดความพงพอใจ เชน การเปรยบเทยบความรท
เพมขนจากการทดสอบ
2. ปรมาณจานวนตวอยางการวดผลทตองมปรมาณมากกวาครงน เพอใหสามารถยอมรบ
ผลการวจยไดในทางสถต
3. การศกษาครงนเลอกทาตนแบบเฉพาะเนอหาวชาคอมพวเตอรเครอขายสวนของ
หมายเลขไอพแอดเดรส (IP Address) ททางานในสวน Network Layer ซงสามารถนาเนอหาจากบท
อนหรอวชาอนทเหมาะสมมาเปนตนแบบได
4.การพฒนาสอการสอนในครงตอไป อาจพจารณารปแบบของโปรแกรมนาเสนอรปแบบ
อน เชน Silverlight JavaFx เปนตน
5. จานวนโพลกอนกบประสทธภาพของเครองควรเหมาะสมกนหรอจานวนโพลกอนหรอ
การคานงถงจานวนโพลกอนทสามารถใชเพออธบายใหผเรยนเขาใจไดภายใน 1 ภาพ ใหเหมาะสม
เพอใหสามารถสรางภาพ 3 มตและภาพเคลอนไหวไดโดยไมมอปสรรค หรอ นาเทคนคตดตอ
รปแบบอนๆ มาเพอลดจานวนโพลกอน
6.5 ขอเสนอแนะเพอการนาไปใชจรง
ในหลกการแนวคดโครงการ ALIET นน สามารถนาไปใชพฒนาการเรยนการสอนได
หลากหลายรปแบบและสามารถกระตนความสนใจตอผเรยนไดดวย เพอเพมประสทธภาพในการ
เรยนเชงรก โดยงานทแบงออกมาจาก ALIET นน ม งาน 3 รปแบบหลกคอ
1. งานกราฟฟก
2. งานโปรแกรมมลตมเดย
3. งานเนอหาวชา
67
ดงนนถาตองการนาแนวคด ALIET ไปใชจรง ควรทาในรปแบบโครงการทมบคลากรท
แบงความรบผดชอบงานใหชดเจน เพอสามารถทาสอการสอนออกมาใหไดรวดเรวและม
ประสทธภาพ
6.6 สรป
สงทโครงการ ALIET ไดพฒนาคอการนากราฟฟกรปแบบ 3 มตและภาพเคลอนไหว
กราฟฟกรปแบบ 2 มตทไดรบความนยมอยในปจจบน นามาประยกตเขาการเรยนเชงรกรปแบบตาง
ๆ ผานบนเทคโนโลยเวบไซตเพอใหเขาถงไดงาย โดยสงทตองการทราบนนคอความสามารถสราง
แรงกระตนใหผเรยนนนมความสนใจกบสอการสอนไดมากขน และทาใหการอธบายเนอหาในวชา
นนมรปแบบการอธบายใหเขาใจและมความสนกได
โดยผลลพธทไดมาจากการสารวจความพงพอใจจากผใชนน คออยในระดบด รวมทงการ
สมภาษณจากผใชดวยจากการคานวณผานแบบสอบถาม โดยผลลพธทไดรบนนเปนไปตามทผวจย
คาดหมายไว ซงในอนาคตเทคโนโลยดานกราฟฟกนน มแนวโนมสามารถพฒนาไปไดทง อปกรณ
ทใชพฒนา และ โปรแกรม ทาใหการนาภาพกราฟฟกทมาอธบายหรอใชเปนสอนน มความดงดด
ผเรยนมากขน ซงผวจยเหนวาเปนประโยชนตอการเรยนรทสามารถทาใหผเรยนเขาใจ สนใจ
กระตนความอยากเรยนและดงดดความสนใจจากผเรยนไดมากขน โดยการนาภาพ 3 มตและ
ภาพเคลอนไหวมาใชรวมกบการศกษาและสอการสอนในรปแบบตาง ๆ
บรรณนกรม
พรเทพ รแผน. (2549). KM กบ Active Learning : ประสบการณในมหาวทยาลยราชภฏนครสวรรค. วารสารการจดการความรมหาวทยาลยราชภฏนครสวรรค, 1(1), 1-5.
วระ ประเสรฐศลป, (2546). การจดการนวตกรรมและสารสนเทศ(2). กรงเทพฯ : สานกงานคณะกรรมการการอดมศกษา.
ศกดา โชกจภญโญ, (2548). สอนอยางไรให Active learning. วารสารนวตกรรมการเรยนการสอน, 2(2), 12.
ญาณวฒ รงกจการวฒนา(2550). “Bloom's Taxonomy คออะไร ?” สบคนวนท 22 ธนวาคม จาก http://learners.in.th/blog/yanawut/99610
ทววฒน วฒนกลเจรญ. (2551). “การเรยนเชงรก (Active Learning)”. สบคนวนท 28 มถนายน 2551 จาก http://www4.eduzones.com/images/blog/sasithep/File/activet.pdf
ไพฑรย สนลารตน (2551). “Problem-Based Learning” สบคนวนท 13 พฤศจกายน 2551, จาก http://www.sciencetech.nrru.ac.th/km/article1/pbl8.pdf
สมวงษ แปลงประสพโชค, (2007). “เรยนอยางไรใหเกง” สบคนวนท 21 ธนวาคม 2551 จาก http://http://patooman.blogspot.com/2007/08/blog-post.html
McKeachie, W.J. (1998). Teaching tips: Strategies, research and theory for college and university teachers. Boston, MA: Houghton-Mifflin.
McKinley, M. (2006). The Game Animator's Guide To Maya. Indiana: Wiley Publishing, Inc. Meyers, Thomas B, Chet & Jones. (1993). Promoting Active Learning: Strategies for the College
Classroom. San Francisco: Jossey-Bass. Simonson, M., Smaldino, S., Albright, M. & Zvacek, S. (2003). Teaching and learning at a
distance: Foundations of Distance Education ( 2nd Ed). Upper Saddle River, NJ: Merill Prentiss-Hall.
Williams, R. (2001). The Animator’s Survival Kit. Singapore: Faber and Faber.
69
บรรณนกรม (ตอ) Basak, H. H. & Cakir, Sen. (2005). Active learning on web. CIMCA '05: Proceedings of the
international conference on computational intelligence for modelling, control and automation and international conference on intelligent agents, web technologies and internet commerce, 1(1), 757 - 761.
Dede, C., Salzman, M.C. & Loftin, B. (1996). Sciencespace: Virtual realities for learning complex and abstract scientific concepts. Virtual reality annual international symposium, 246-252.
Dori, Y.J. & Belcher, J. (2005), How does technology-enabled active learning affect undergraduate students’ understanding of electromagnetism concepts ?. The journal of the learning sciences, 14(2), 243–279.
Duroc, Y. & Vuong, T. (2008) Multiple-choice question enhanced with interactive software for autonomous learning. Advanced learning technologies, 2008. ICALT apos; 08. eighth IEEE international conference on, 662-663.
Hamada, M. (2007). Web-based tools for active learning in information theory. ACM SIGCSE bulletin, 39(1), 60-64.
Heyden, R. J. (2004). Approaches to cell biology: developing educational multimedia. Cell biology. education. (3), 93–98. Houser, R. & Deloach, S. (1998). Learning from games: Seven principles of effective design.
Technical Communication, 45(3), 319-329. King, A. (1995). Designing the instructional process to enhance critical thinking across the
curriculum. Teaching of Psychology, 22(1), 13-17. McConnell, D. A., Steer, D.N., & Owens, K.D., (2003). Assessment and active learning
strategies for introductory geology courses. Journal of Geoscience Education, (51)2, 205-216. Meyer, K.A. (2003). The web’s impact on student learning. T.H.E. Journal, 30(10), 14-24. Mili ,F., Barr, J., Harris, M & Pittiglio, L. (2008). Nursing training: 3D game with learning
objectives, Proceedings of the first international conference on advances in Computer-Human Interaction ACHI 2008, 236-242.
70
บรรณนกรม (ตอ) Notar, C.E., Wilson, J.D., Restauri, S.L. & Freiry, K.A. (2002). Going the Distance: Active
Learning. Education. 122(4), 649-654. Punyabukkana, P. Sowanwanichakul, B. & Suchato, A. (2006). RELAD: A rapid elearning
authoring and development model, Special issue of the international journal of the computer, the internet and management, 14(SP1), 43.1-43.5.
Skinner, K. & Hoback,W.W. (2003). Web-based, active learning experiences for biology students. Bioscene, 29(1), 23-29
Basak, P. & Cakir, J. (2005). “Game, Motivation, and Effective Learning” . สบคนวนท 1 กนยายน 2551 จาก http://www.digra.org/dl/db/06276.18065.pdf.
CDIO (2008), “ Standard 8 — Active Learning ”. สบคนวนท 29 สงหาคม 2551, จาก http://www.cdio.org/tools/cdio_standards.html#standard8
Elliott, J. & Bruc, A. (2002). “ Design of a 3D Interactive Math Learning Environment.” สบคนวนท 15 สงหาคม 2551, จาก www.cc.gatech.edu/~asb/papers/aquamoose-dis02.pdf
Frecnch, D. P. (2008). “ Animating your students: Promoting active learning through animations. ” สบคนวนท 29 สงหาคม 2551, จาก conference.merlot.org/2003/presentations/MERLOT-2003-DPF-WWW.pps
Herrero, C. (2007). “ History of Multimedia: Convergence of Television and Computers ” สบคนวนท 21 ธนวาคม 2551 จาก http://www.tml.tkk.fi/Opinnot/T-111.5350/2007/History.pdf
Instructional Design (2008). “/in.struc.tion.al de.sign/(n.d.).” สบคนวนท 21 พฤศจกายน 2551 จาก www.instructionaldesign.org
Levoy, M. (2006). “ History of computer graphics ” สบคนวนท 21 ธนวาคม 2551 จาก http://www-graphics.stanford.edu/courses/cs248-06/History-of-graphics/History-of-graphics.pdf Moore, G. (2000). “ Problem Based Learning for the Design Process ” สบคนวนท 1กนยายน
2551, จากhttp://www.ascilite.org.au/conferences/coffs00/papers/graham_moore.pdf Overmars, M.H. (2004). “ GAME DESIGN IN EDUCATION.” สบคนวนท 3 ธนวาคม 2551 จาก
http://www.cs.uu.nl/research/techreps/repo/CS-2004/2004-056.pdf
71
บรรณนกรม (ตอ) Pagliano, O & Brown, W.D. & Rule, G.S. & Bajzek, D.M. (2007) “ Improving Animation
Tutorials by Integrating Simulation, Assessment, and Feedback to Promote Active Learning. ” สบคนวนท 6 กนยายน 2551 จาก http://www.cmu.edu/oli/publications/ImprovingTutorialsWithFeedback.pdf
Rybarczyk, B , (2008). “ Introduction to Active Learning ” สบคนวนท กนยายน 1, 2551, จาก www.nescent.org/eog/documents/IntrotoActiveLearning.ppt
Spina, S. (2004). “ History of computer graphics ” สบคนวนท 21 ธนวาคม 2551 จาก http://www.cs.um.edu.mt/~sspi3/HistoryOfGraphics.pdf
Viterbo University. (2003). “ Active Learning & Technology ”. สบคนวนท 1 กนยายน 2551, จาก www.viterbo.edu/academic/titleiii/faculty/events/files/may05/Active%20Learning%20and%20Technology.ppt
Weck, O.L. , Kim, I.Y. & Hassan, R. (2005). “ ACTIVE LEARNING GAMES ”, สบคนวนท กนยายน 6, 2551 , จาก http://strategic.mit.edu/PDF_archive/3%20Refereed%20Conference/3_57_CDIO_active_learning.pdf
Yin, L. R. (2007). “ Engaging Active Learning and Multimedia Literacy in IT Education.” สบคนวนท กนยายน, 20 ,2551 จาก http://www.osra.org/2008/yin.pdf