การใชภาพ 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