6

บทท 2

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

แนวความคด แนวความคดในการสรางสอการเรยนการสอนนขนมาเพอใหไดศกษาเกยวกบประชาคมอาเซยน น าเสนอในเรองของอาเซยนใหครอบคลมในทกๆดาน ซงสอการเรยนการสอนนเปนการผสมผสานระหวางความรเกยวกบประวตความเปนมา ประเทศสมาชกในประชาคมอาเซยน และประโยชนของอาเซยน ซงผชมสามารถคลกเพอทจะเลอกชมหวขอตางๆไดตามความสนใจ โดยจะมหวขอหลกๆดงน หวขอแรกจะเปนหวขอรอบรเรองอาเซยน ซงจะอธบายองคประกอบตางๆของอาเซยน ไมวาจะเปนความหมายของอาเซยน จดเรมตน ธงประจ าอาเซยน ค าขวญประจ าอาเซยน และกฎบตร หวขอทสอง จะเปนประเทศสมาชกในประชาอาเซยน จะท าใหเยาวชนหรอผทสนใจศกษาไดรบความรพรอมดวยความเพลดเพลนในเนอเรองสอการเรยนการสอนไดดเยยม เพอปลกฝงใหเยาวชนหรอผทสนใจไดมความรวาประชาคมอาเซยนนนคออะไร และตองการใหตระหนกถงความส าคญของการศกษาหาความร เพอทจะปรบตวใหเขาสประชาคมอาเซยนไดอยางมประสทธทงหมด 10 ประเทศ โดยในทกประเทศจะอธบายทงหมด 3 เรอง คอหนงในเรองของ เมองหลวง ดอกไมประจ าชาต อาหารประจ าชาต และสตวประจ าชาต สองในเรองของลกษณะ ความหมายของธงชาต และลกษณะการปกครอง สามในเรองของเครองแตงกายประจ าชาต หวขอทสาม จะอธบายประโยชนของอาเซยนทง 3 ดาน คอดานการเมอง ดานเศรษฐกจ และดานสงคมและวฒนธรรม หวขอสดทายจะเปนเกมสการตอบค าถาม โดยค าถามทน ามาถามนนไดน ามาจากการน าเสนอเรองราวของประชาคมอาเซยนทง 3 หวขอทไดกลาวมา โดยน าเสนอเปนรปแบบสวนสนก มการน าองคประกอบโดยรวมของสวนสนกมาปรบใชกบสอการเรยนการสอนน การน าเสนอเนนรปแบบสวยงามเหมาะสมกบวยของกลมเปาหมาย และผทสนใจเพอใหไดเรยนรและไดรบประโยชนจากการศกษามากทสด

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

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

7

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

3. การออกแบบตวละครและฉากนนมความจ าเปนเชนเดยวกนกบการคดเนอเรองกบฉาก เพราะถาหากเนอเรองกบฉากไมนนไมมความสมพนธกน กจะท าใหดเนอเรองดผดแปลกไป ดงนนการออกแบบฉากและตวละครตองใหสมพนธกบเนอเรองใหสมดลมากทสด การวาดตวละคร ฉากส าหรบสอการเรยนการสอนนกใชโปรแกรมAdobe Flash Professional CS6 และ Adobe Photoshop CS6 ในการชวยสรางตวละครกได

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

5. การสรางความเคลอนไหวใหกบสอการเรยนการสอน เปนการก าหนดการเคลอนไหวของโมเดล ซงสามารถท าไดหลายแบบทงการใสโครงรางใหกบโมเดล การก าหนดเสนทางการเคลอนไหวของวตถ ก าหนดคยเฟรมใหวตถเคลอนไหวไปตามคยเฟรม

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

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

8

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

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

ภาพท 2.1 http://www.dpu.ac.th/techno/page.php?id=2910

เปนเวบไซตเกยวกบการเรยนร ท าความเขาใจเกยวกบโปรแกรม Adobe Flash Professional

CS6 ซงเปนโปรแกรมทใชท าภาพเคลอนไหวการตนแอนเมชน ซงปจจบนมความนยมน ามาใชกน

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

มากยงขน

9

ภาพท 2.2 http://www.arit.rmutp.ac.th/kms/?p=148

เปนเวบไซตทใหความรเกยวกบการสรางแบบทดสอบดวยการใชโปรแกรม Adobe Flash

Professional CS6 สรางเปนบทเรยนแบบ E-Learning ไดเพอเพมลกเลนและความนาสนใจใหกบงาน

10

ภาพท 2.3 http://sw-eden.net/2012/04/21/flash-animation/

เปนเวบไซตทสอนการใชโปรแกรม Adobe Flash Professional CS6 ในการท าแอนเมชน และ

กราฟกตางๆ เชน การสรางตวอกษร เพมลกเลนใหกบตวอกษร และการสรางภาพเคลอนไหวของตว

ละครในรปแบบอนๆ

11

ภาพท 2.4 http://www.f0nt.com/release/layiji-mahaniyom-bao-1-2/

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

12

ภาพท 2.5 http://thaistickman.0forum.biz/t1782-topic

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

13

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

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

ภาพท 2.6 แมไมมวยไทย

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

14

ภาพท 2.7 งานวจยโครงการออกแบบแอนเมชนความรกของตนไม

ชนดา โสภณวฒ (2550) สาขาวชาศลปกรรม (ออกแบบนเทศศลป) คณะมณฑนศลป มหาวทยาลยศลปากร ไดท างานวจยโครงการออกแบบแอนเมชนเกยวกบความส าคญของปาไมทมตอชวตมนษย เพอใชเปนสอในการรณรงคส าหรบการอนรกษปาไม และปลกฝงใหเยาวชนไดรจกการรกษาปาไม การสรางแอนเมชนนมการพฒนาโปรแกรมดวย Macromedia Flash Professional 8

15

ภาพท 2.8 โปรแกรมบทเรยนคอมพวเตอรเรองจ านวนจรง

เกรยงไกร มาตรมล (2553) โรงเรยนบานคา ส านกงานเขตพนทการศกษาประถมศกษาพะเยา เขต 1 ไดจดท าโครงงานโปรแกรมบทเรยนคอมพวเตอร เรองจ านวนจรง ซงในโปรแกรมจะเปนการใหความรเกยวกบจ านวนจรงเบองตน มบทเรยนและบททดสอบมากมาย มการพฒนาดวยโปรแกรม Adobe Flash Professional CS3

16

ภาพท 2.9 บทเรยนคอมพวเตอรชวยสอน เรอง การเคลอนทแนวตรง

วฒนชย โพธทบไทย (2554) พฒนาโปรแกรมบทเรยนคอมพวเตอรชวยสอน ส านกงานเขตพนทการศกษามธยมศกษา เขต 32 ไดสรางงานบทเรยนคอมพวเตอรชวยสอน เรอง การเคลอนทแนวตรง โดยมวตถประสงคเพอใหนกเรยนไดศกษาและไดเรยนรเกยวกบการเคลอนทแนวตรงวามการวดอตราเรวอยางไร และปรมาณตางๆ ของการเคลอนทมปรมาณเทาใด เปนตน ในการสรางบทเรยนคอมพวเตอรชวยสอน มการน าเอาโปรแกรม Adobe Flash Professional CS6 และ Adobe Illustrator CS6 มาใชในการสรางงาน

17

ภาพท 2.10 โปรแกรมบทเรยนคอมพวเตอรชวยสอนการสรางงานกราฟกดวย Abode Flash CS3

สนนท กลางพระเนตร (2553) กลมสาระการงานอาชพและเทคโนโลย โรงเรยนสตรชยภม ไดจดท าโครงงานเรองโปรแกรมบทเรยนคอมพวเตอรชวยสอนการสรางงานกราฟกดวย Adobe Flash Professional CS3 เปนโปรแกรมทสอนในเรองของสรางกราฟก การใชเครองมอตางๆของโปรแกรม สรางภาพเคลอนไหว น าเขาและปรบแตงไฟลเสยง อกทงยงรวมไปถงแนะน าในการสรางแอนเมชนเบองตนอกดวย โดยโปรแกรมทใชในการพฒนาคอ Adobe Flash Professional CS3