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

แนวความคด

ในปจจบนมคอมพวเตอรชวยสอนการท างานมากมายโดยการใชสอการเรยนรตางๆ ทท าใหผเรยนรไดเขาใจถงหวขอทเรยนรไดงาย และถกตอง ทางคณะผจดท าจงมแนวคดในการจดท า สอการเรยนการสอนภาษาญปนเบองตนขนเนองจากปญหาทเกดจากสงคมในตอนนคอ มผตองการเรยนรภาษาญปนมาก ทางคณะผจ ดท าจงไดจดท าสอการเรยนการสอนภาษาญปนเบองตนขนโดยใชโปรแกรม Adobe Photoshop CS6 ในการออกแบบพนหลง และท าการบนทกเสยงภาษาญปนและค าบรรยายตางๆ ดวยโปรแกรม Adobe Audition CS6 จากนนกน าสวนทไดจากโปรแกรมทใชขนตนทง 2 โปรแกรม น าเขาสโปรแกรม Adobe Flash Professional CS6 เพอท าการสรางและพฒนาสอการเรยนการสอนภาษาญปนเบองตนขนมา ภายในสอการเรยนการสอนภาษาญปนเบองตนจะน าเสนองานดวยภาพ 2 มต น าเสนอหวของาน 8 เมน ประกอบดวย ตวอกษร ฮรางานะ และ คาตะคานะ การกลาวค าทกทาย การกลาวถามสขภาพ การกลาวค าอ าลา การกลาวค าขอโทษและขอบคณ การกลาวค าแนะน าตวเอง ค าศพทนาร และแบบทดสอบ ทางคณะผจดท าจงจดท าสอการเรยนการสอนเพอเปนประโยชนแกผเรยนรตามกลมเปาหมาย

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

สอการเรยนการสอนทางคอมพวเตอรรปแบบหนง ซงใชความสามารถของคอมพวเตอรในการน าเสนอสอประสมอนไดแก ขอความ ภาพนง กราฟฟก แผนภม กราฟ วดทศน ภาพเคลอนไหว และเสยง เพอถายทอดเนอหาบทเรยนหรอองคความรในลกษณะท ใกลเคยงกบการสอนจรงในหองเรยนมากทสด โดยมเปาหมายทส าคญกคอ สามารถดงดดความสนใจของผเรยน และกระตนใหเกดความตองการท จะเรยนร คอมพวเตอรชวยสอนเปนตวอยางทดของสอการศกษาในลกษณะตวตอตว ซงผ เ รยนเกดการเรยนรจากการมปฏสมพนธหรอการโตตอบพรอมท งการไดรบผลปอนกลบ (FEEDBACK) นอกจากนยงเปนสอ ทสามารถตอบสนองความแตกตางระหวางผเรยนไดเปนอยางด รวมทงสามารถทจะประเมน และ ตรวจสอบความเขาใจของผเรยนไดตลอดเวลา [ยทธพล, 2554]

6

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

1. สารสนเทศ (Information) หมายถง เนอหาสาระทไดรบการเรยบเรยง ท าใหผเรยนเกดการเรยนร หรอไดรบทกษะอยางหนงอยางใดตามทผสรางไดก าหนดวตถประสงคไว การน าเสนออาจเปนไปในลกษณะทางตรง หรอทางออมกได ทางตรงไดแก คอมพวเตอรชวยสอนประเภทตวเตอร เชนการอาน จ า ท าความเขาใจ ฝกฝน ตวอยางการน าเสนอในทางออมไดแก คอมพวเตอรชวยสอนประเภทเกมและการจ าลอง

2. ความแตกตางระหวางบคคล (Individualization) การตอบสนองความแตกตางระหวางบคคล คอลกษณะส าคญของคอมพวเตอรชวยสอน บคคลแตละบคคลมความแตกตางกนทางการเรยนร คอมพวเตอรชวยสอน เปนสอประเภทหนงจงตองไดรบการออกแบบใหมลกษณะทตอบสนองตอความแตกตางระหวางบคคลใหมากทสด

3. การโตตอบ (Interaction) คอการมปฏสมพนธกนระหวางผเรยนกบคอมพวเตอรชวยสอนการเรยนการสอนรปแบบทดทสดกคอเปดโอกาสใหผเรยนไดมปฏสมพนธกบผสอนไดมากทสด

4. การใหผลปอนกลบโดยทนท (Immediate Feedback) ผลปอนกลบหรอการใหค าตอบนถอเปนการ เสรมแรงอยางหนง การใหผลปอนกลบแกผ เ รยนในทนทหมายรวมไปถงการทคอมพวเตอรชวยสอนทสมบรณจะตองมการ ทดสอบหรอประเมนความเขาใจของผเรยนในเนอหาหรอทกษะตาง ๆ ตามวตถประสงคทก าหนดไว

7

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

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

ภาพท 2.1 http://www.jatschool.com/

เวบไซตทใหความรเกยวกบการอานออกเสยงภาษาญปน โดยจะสอนอานออกเสยงเกยวกบตวอกษรภาษาญปน 3 ประเภทคอ อกษรฮรางะนะ อกษรคะตะคะนะ และอกษรคนจ เปนตน อธบายเทคนคตางๆ ในการอานตวอกษรภาษาญปน

8

ภาพท 2.2 http://giveuwblog.blogspot.com/2012/11/photoshop-cs6-basic.html

เวบไซตทสอนการใชงานโปรแกรม Adobe Photoshop CS6 สอนการใชอปกรณตางๆ ภายในโปรแกรม การตกแตงภาพ การเปด/ปดไฟล การบนทกไฟล และอธบายเทคนคตางๆ ในการท างานของโปรแกรมเพอน าไปปรบใชในงานอนๆ ได

9

ภาพท 2.3 http://pofb-animation.blogspot.com/2011/06/story-board.html

เวบไซตทอธบายการจดท า Storyboard สอนวธการเรยบเรยง Storyboard ใหงานน าเสนอออกมาไดอยางสมบรณ ท าใหดแลวเขาใจงาย ชดเจน

10

ภาพท 2.4 http://www.vcharkarn.com/varticle/38858

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

11

ภาพท 2.5 http://www.istylebox.com/illust%20tutorial2.html

เวบไซตทอธบายถงการวาดรป เทคนคการใชเครองมอในโปรแกรม Adobe Illustrator CS4 ในการวาดรปตวละคร ฉากและอปกรณตางๆ เพอความสะดวกในการท าสอการเรยนการสอน

12

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

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

ภาพท 2.6 สนกกบมาตราตวสะกด

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

13

ภาพท 2.7 ศลปะตะวนตก

ฐตชญา เหมนต (2556) สาขาวชาวทยาการคอมพวเตอร คณะวทยาศาสตรและเทคโนโลย มหาวทยาลยราชภฏพบลสงคราม น าเสนอในเรอง ศลปะตะวนตก เปนสอการสอนทมเนอหาเกยวกบศลปะตะวนตกต งแตยคกอนประวตศาสตรจนถงปจจบน พฒนาโดยโปรแกรม Adobe Flash Professional CS5

14

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

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

15

ภาพท 2.9 ไมเทายอดกตญญ

บศรนทร เอยมธนากล (2554) สาขาวชาเทคโนโลยสารสนเทศ คณะวทยาศาสตรและเทคโนโลย มหาวทยาลยราชภฏสวนสนนทา น าเสนอในเรอง ไมเทายอดกตญญ เปนการตนทมเนอหาเกยวกบ การเรยนรและปลกฝงจตส านกทดใหกบนกเรยนชนประถมศกษาปท 3-6 และบคคล ทวไป พฒนาโดย Adobe Flash Professional CS5

16

ภาพท 2.10 รกษปา

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