3

บทท 2

แนวคด ทฤษฎและงานวจยทเกยวของ

2.1 แนวความคด

การน าขอมล ภาพ เสยง ขอมล ภาพ เสยง และวดโอ และวดโอ มาประมวลผล

เครองคอมพวเตอรผพฒนา เครองคอมพวเตอรผใชงาน

รปท 2.1 แนวความคดการเชอมโยงของสอการสอน CAI

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

4

2.2 ทฤษฎทเกยวของ

2.2.1 ทฤษฏการเรยนรทเกยวของกบการออกแบบคอมพวเตอร

(วฒชย ประสารสอย , 2543) การออกแบบกลยทธเพอถายโยงความรของบทเรยนคอมพวเตอรชวยสอน เปนการประยกตเอาความรทางจตวทยาการศกษาเขามาไวรวมกบความรคอมพวเตอร เรยกวากระบวนการการสนเทศ (Information Process) ทเนนความส าคญในเรองกระบวนการทางความคดและการจดล าดบขนในการจดจ าฟนคนความรเดม และการประมวลความร ท าใหเกดการพฒนาการของ ศาสตรแหงการรบร (Cognitive Science) ซงใหหลกจตวทยาและทฤษฏการเรยนรของมนษยในการท าความเขาใจอธบายกระบวนการรบร และมความหมายรวมไปถงการศกษาในดานสตปญญาและพฤตกรรมของบคคล ทงในสงทเปนรปธรรมและนามธรรม เพอเปดโอกาสใหผเรยนมอสระในการควบคมอตราการเรยนดวยตนเอง และกระตนความรสกสนใจใฝรในตวของผเรยนเปนการเชอมโยงในสเครอขายความรภายในตวบคคลจนท าใหเกดความเจรญงอกงามทางสตปญญา

ผจดท าจงสรปไดวา ทฤษฏและจตวทยาการเรยนรทเกยวของกบการออกแบบบทเรยนคอมพวเตอรชวยสอน สามารถแบงออกไดเปน 2 หมวด คอ ทฤษฏทเกยวของกบการออกแบบคอมพวเตอรชวยสอนจะเปนการออกแบบเพอถายโยงความรของบทเรยนคอมพวเตอรชวยสอนมาใชรวมกบดานเนอหา โดยใชเทคโนโลยประมวลเนอหาความรเพอถายโยงไปสผเรยน เรยกวากระบวนการสารสนเทศ (Information Process) ทเนนความส าคญในเรองกระบวนการทางความคดและการจดล าดบขนในการจดจ าฟนคนความรเดม และการประมวลความท าใหเกดการพฒนาการของศาสตรแหงการรบร

2.2.2 คอมพวเตอรชวยสอน หรอ CAI

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

จากขอความทกลาวมาขางตนผจดท าสรปไดวา “คอมพวเตอรชวยสอน” หรอ CAI การน าคอมพวเตอรเพอมาประยกตใชในการเรยนการสอน ซงเปนโปรแกรมคอมพวเตอรทใชเพอให

5

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

2.3 เวบไซตทเกยวของ

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

รปท 2.2 https://krupiyadanai.wordpress.com

เวบไซตทใหขอมลเกยวกบความหมายของเทคโนโลยสอประสม และอธบายขนตอนการตดตอท าสอวดโอ เพอเปนแนวทางในการท าสอการสอน CAI

6

รปท 2.3 http://www.caistudio.info/

เวบไซตเพอการเรยนรบทเรยนคอมพวเตอรชวยสอน CAI เปนเวบคลงสอบทเรยน ONLNE ทเรยนรดวยตนเอง

7

รปท 2.4 http://61.19.202.164/resource/courseware/multimediatechnology/

เวบไซตชดการเรยนการสอน เรองเทคโนโลยสอประสมทอธบายองคประกอบสวนตางๆ และประโยชนของสอประสม

8

รปท 2.5 https://www.youtube.com/

เวบไซตทสอนวธการเขยนโคด ท าปมลงคไปหนาตางๆ ของ CAI โดยใชโปรแกรม Adobe Flash Professional CS6

9

ภาพท 2.6 http://twebgraphic.com/2d-and-animation/

เปนเวบไซตทแสดงรปแบบการออกแบบตวละคร การแตงตว ความคด พฤตกรรม และการแสดงในเรองราวตางๆ บทบาทการแสดงของตวละคร และความเปนเอกลกษณของตวละคร

10

2.4 งานวจยทเกยวของ

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

ภาพท 2.7 ศลปากรกบ 5 สดยอดอนดบ

ธนพร ตงตระกลเจรญ (2556) สาขาวชาออกแบบนเทศศลป คณะมณฑนศลป มหาวทยาลยศลปากร งานวจยนไดท าเกยวกบการออกแบบภาพเคลอนไหวประกอบเรองศลปากรกบ 5 สดยอดอนดบขอมลเกยวมหาวทยาลยศลปากรฉบบยอและเรองราวต านานอน ๆ ทคนทวไปไมเคยร พฒนาโดยโปรแกรม Adobe Flash CS5 รวมถงลกษณะของตวละครทมความแปลกนารก สสนสดใส

11

ภาพท 2.8 สอการเรยนการสอน เรอง ค าศพทภาษาองกฤษนาร

อภชญา เกษสงข (2552) โรงเรยนวดหงสปทมาวาส ส านกงานเขตพนทการศกษาปทมธาน เขต 1 ส าหรบโปรแกรมทใชในการพฒนาสอการเรยนการสอน คอ โปรแกรม Adobe Flash CS4 และ โปรแกรม Autoware ในการจดท าสอการเรยนการสอน การวาดตวละครและฉากตางๆ เพอพฒนาสอการเรยนการสอน ใหมประสทธภาพมากยงขน ในการน าเสนอการสอนรปแบบใหมๆ ซงจากสอการสอนแบบเดม มรปแบบตวละครทมทาทางการเคลอนไหวนอย จงตองมการใส Action ลงใหตวละคร เพอดงดดความสนใจใหผเรยนรสกสนกไปกบสอการเรยน

12

ภาพท 2.9 สอการเรยนการสอนพยญชนะไทย

พลอยวรตน นธเดชาธรณ (2555) สาขาวชาคอมพวเตอรอารต คณะดจทลอารต มหาวทยาลยรงสต สอการเรยนการสอนรปแบบใหม ทน าเอาพยญชนะของไทยมาประยกตท าแอนเมชนใหเกดความนาสนใจเพอเดกและเยาวชน พฒนาโดยโปรแกรม Adobe Flash CS5 ซงผ จ ดท าไดดแนวความคดสรางสรรคของชนงานทมความนาสนใจ และมความแปลกใหม

13

ภาพท 2.10 ยปซในกระจกเงา

ขวญมณฑน สารตน (2555) สาขาวชาเทคโนโลยสารสนเทศเพอการออกแบบ คณะเทคโนโลยสารสนเทศและการสอสาร มหาวทยาลยศลปากร เปนงานทใชโปรแกรม Adobe After Effects CS5 ในการสรางสรรคผลงานมความสวยงามและแปลกตา ซงผจดท าไดน ามาปรบใชในการสรางสรรคผลงานใหมความนาสนใจมากยงขน

14

ภาพท 2.11 แอนเมชน: Asean Economics Community

เมตตา มงคลธระเดช ศราวธ บญคง และสพตรา ตงสมบตไพบลย (2555) สาขาวชาวทยาการคอมพวเตอรประยกต-มลตมเดย คณะครศาสตรอตสาหกรรมและเทคโนโลย มหาวทยาลยเทคโนโลยพระจอมเกลาธนบร สอการเรยนร เรองการพฒนาทย งยนทางดานเศรษฐกจของกลมประเทศอาเซยนเปนสวนหนงของ “โครงงานสอการเรยนรส าหรบเดกอาย 13-15 ป เรองการพฒนาทย งยนทางดานเศรษฐกจของกลมประเทศอาเซยน โดยใชเทคนคโมชนกราฟก” โปรแกรมนไดพฒนาโดยโปรแกรม Adobe Flash CS4