บทที่ แนวคิด...
TRANSCRIPT
![Page 1: บทที่ แนวคิด ทฤษฏีและงานวิจยัที่เกี่ยวขอ้งinter.siam.edu/wp-content/uploads/2015/01/05_ch23.pdf ·](https://reader033.vdocuments.mx/reader033/viewer/2022041500/5e213785620165092e32cb69/html5/thumbnails/1.jpg)
6
บทท 2
แนวคด ทฤษฏ และงานวจยทเกยวของ
แนวความคด แนวความคดในการสรางสอการเรยนการสอนนขนมาเพอใหไดศกษาเกยวกบประชาคมอาเซยน น าเสนอในเรองของอาเซยนใหครอบคลมในทกๆดาน ซงสอการเรยนการสอนนเปนการผสมผสานระหวางความรเกยวกบประวตความเปนมา ประเทศสมาชกในประชาคมอาเซยน และประโยชนของอาเซยน ซงผชมสามารถคลกเพอทจะเลอกชมหวขอตางๆไดตามความสนใจ โดยจะมหวขอหลกๆดงน หวขอแรกจะเปนหวขอรอบรเรองอาเซยน ซงจะอธบายองคประกอบตางๆของอาเซยน ไมวาจะเปนความหมายของอาเซยน จดเรมตน ธงประจ าอาเซยน ค าขวญประจ าอาเซยน และกฎบตร หวขอทสอง จะเปนประเทศสมาชกในประชาอาเซยน จะท าใหเยาวชนหรอผทสนใจศกษาไดรบความรพรอมดวยความเพลดเพลนในเนอเรองสอการเรยนการสอนไดดเยยม เพอปลกฝงใหเยาวชนหรอผทสนใจไดมความรวาประชาคมอาเซยนนนคออะไร และตองการใหตระหนกถงความส าคญของการศกษาหาความร เพอทจะปรบตวใหเขาสประชาคมอาเซยนไดอยางมประสทธทงหมด 10 ประเทศ โดยในทกประเทศจะอธบายทงหมด 3 เรอง คอหนงในเรองของ เมองหลวง ดอกไมประจ าชาต อาหารประจ าชาต และสตวประจ าชาต สองในเรองของลกษณะ ความหมายของธงชาต และลกษณะการปกครอง สามในเรองของเครองแตงกายประจ าชาต หวขอทสาม จะอธบายประโยชนของอาเซยนทง 3 ดาน คอดานการเมอง ดานเศรษฐกจ และดานสงคมและวฒนธรรม หวขอสดทายจะเปนเกมสการตอบค าถาม โดยค าถามทน ามาถามนนไดน ามาจากการน าเสนอเรองราวของประชาคมอาเซยนทง 3 หวขอทไดกลาวมา โดยน าเสนอเปนรปแบบสวนสนก มการน าองคประกอบโดยรวมของสวนสนกมาปรบใชกบสอการเรยนการสอนน การน าเสนอเนนรปแบบสวยงามเหมาะสมกบวยของกลมเปาหมาย และผทสนใจเพอใหไดเรยนรและไดรบประโยชนจากการศกษามากทสด
ทฤษฏทเกยวของ
การท าสอการเรยนการสอนทตองการน าเสนอในรปแบบเนอเรอง หรอตองการใหมการด าเนนเรอง มการเคลอนไหวของตวละคร หรอสงของภายในเรอง โดยตองการมการสราง Storyboard เปนการจดวางองคประกอบภาพใหตรงกบทฤษฏการจดองคประกอบภาพ เพอความสมดลทางสายตาและมความเปนเอกภาพ ซงมขนตอนดงน
![Page 2: บทที่ แนวคิด ทฤษฏีและงานวิจยัที่เกี่ยวขอ้งinter.siam.edu/wp-content/uploads/2015/01/05_ch23.pdf ·](https://reader033.vdocuments.mx/reader033/viewer/2022041500/5e213785620165092e32cb69/html5/thumbnails/2.jpg)
7
1. การคดเนอเรองเปนการสรางเรองราวใหกบตวละครวาตองการสรางใหตวละครท าอะไร อยกบใคร ทไหน เพอใหเกดความสมพนธกนในเรองทจะท า 2. เขยน Storyboard การก าหนดและวาดตวละคร ฉากตางๆ ในเรอง ซงสอการเรยนการ สอนทเคลอนไหวไดจะตองจ าเปนจะตองเขยน Storyboard ลงบนกระดาษในแตละฉาก โดยจะมการวาดรปรางของตวละครไวดวย เพอใชในการสรางโมเดลในขนตอนตอไป จากนนจะเรยบเรยงล าดบเรองใหสอดคลองกนไป
3. การออกแบบตวละครและฉากนนมความจ าเปนเชนเดยวกนกบการคดเนอเรองกบฉาก เพราะถาหากเนอเรองกบฉากไมนนไมมความสมพนธกน กจะท าใหดเนอเรองดผดแปลกไป ดงนนการออกแบบฉากและตวละครตองใหสมพนธกบเนอเรองใหสมดลมากทสด การวาดตวละคร ฉากส าหรบสอการเรยนการสอนนกใชโปรแกรมAdobe Flash Professional CS6 และ Adobe Photoshop CS6 ในการชวยสรางตวละครกได
4. ใสพนผวและลวดลาย การใสพนผวและลวดลายใหกบตวละครหรอวตถทเราสรางขนมาเพอเพมความเหมอนตามธรรมชาตหรอตามแบบทเราออกแบบไว เชน การสรางตนไม หรอตนหญาควรจะใชสทไมเขมมากจนเกนไปเพราะจะท าใหตวหนงสอ หรอตวละครนนมความโดดเดนมากขน
5. การสรางความเคลอนไหวใหกบสอการเรยนการสอน เปนการก าหนดการเคลอนไหวของโมเดล ซงสามารถท าไดหลายแบบทงการใสโครงรางใหกบโมเดล การก าหนดเสนทางการเคลอนไหวของวตถ ก าหนดคยเฟรมใหวตถเคลอนไหวไปตามคยเฟรม
6. การพากยเสยง เพอใหไดการตนทสมบรณการพากยเสยงทเปนธรรมชาตและสอดคลองไปกบสหนา ทาทางของตวละครกจะท าใหไดการตนทสมบรณมากยงขนหลกในการพากยเสยง ควรพากยใหชดถอยชดค า เสยงดงฟงชด และพากยใหตรงกบคาแรคเตอรตวละคร
7. การประมวลผลชนงานและน าไปตดตอ หรอการเรนเดอรเปนการท างานโดยการน าไฟลภาพเคลอนไหวทท าเสรจเรยบรอยแลวน าไปตดตอภาพเพมเตมเพอใหงานเกดความราบรน มความสมพนธกน และเพอใหงานออกมาสมบรณแบบมากทสด
![Page 3: บทที่ แนวคิด ทฤษฏีและงานวิจยัที่เกี่ยวขอ้งinter.siam.edu/wp-content/uploads/2015/01/05_ch23.pdf ·](https://reader033.vdocuments.mx/reader033/viewer/2022041500/5e213785620165092e32cb69/html5/thumbnails/3.jpg)
8
เวบไซตทเกยวของ
สอการเรยนการสอน เรอง: “ดนแดนแหงประชาคมอาเซยน” ไดมการศกษาคนควาและหาขอมลทมประโยชนและเกยวกบการจดท าภาคนพนธมาจากแหลงขอมลทหลากหลาย เชน เวบไซต หนงสอและตวอยางจากงานวจย ดงนนทางคณะผจดท าจะกลาวถงเวบไซตทใหความรค าแนะน าตางๆ ทเปนประโยชนตอการด าเนนงานเปนอยางยง
ภาพท 2.1 http://www.dpu.ac.th/techno/page.php?id=2910
เปนเวบไซตเกยวกบการเรยนร ท าความเขาใจเกยวกบโปรแกรม Adobe Flash Professional
CS6 ซงเปนโปรแกรมทใชท าภาพเคลอนไหวการตนแอนเมชน ซงปจจบนมความนยมน ามาใชกน
อยางแพรหลาย เพราะนอกจากจะใหความสมจรง ยงสามารถท าใหสอมความนาสนใจตอการรบชม
มากยงขน
![Page 4: บทที่ แนวคิด ทฤษฏีและงานวิจยัที่เกี่ยวขอ้งinter.siam.edu/wp-content/uploads/2015/01/05_ch23.pdf ·](https://reader033.vdocuments.mx/reader033/viewer/2022041500/5e213785620165092e32cb69/html5/thumbnails/4.jpg)
9
ภาพท 2.2 http://www.arit.rmutp.ac.th/kms/?p=148
เปนเวบไซตทใหความรเกยวกบการสรางแบบทดสอบดวยการใชโปรแกรม Adobe Flash
Professional CS6 สรางเปนบทเรยนแบบ E-Learning ไดเพอเพมลกเลนและความนาสนใจใหกบงาน
![Page 5: บทที่ แนวคิด ทฤษฏีและงานวิจยัที่เกี่ยวขอ้งinter.siam.edu/wp-content/uploads/2015/01/05_ch23.pdf ·](https://reader033.vdocuments.mx/reader033/viewer/2022041500/5e213785620165092e32cb69/html5/thumbnails/5.jpg)
10
ภาพท 2.3 http://sw-eden.net/2012/04/21/flash-animation/
เปนเวบไซตทสอนการใชโปรแกรม Adobe Flash Professional CS6 ในการท าแอนเมชน และ
กราฟกตางๆ เชน การสรางตวอกษร เพมลกเลนใหกบตวอกษร และการสรางภาพเคลอนไหวของตว
ละครในรปแบบอนๆ
![Page 6: บทที่ แนวคิด ทฤษฏีและงานวิจยัที่เกี่ยวขอ้งinter.siam.edu/wp-content/uploads/2015/01/05_ch23.pdf ·](https://reader033.vdocuments.mx/reader033/viewer/2022041500/5e213785620165092e32cb69/html5/thumbnails/6.jpg)
11
ภาพท 2.4 http://www.f0nt.com/release/layiji-mahaniyom-bao-1-2/
เปนเวบไซตทเกยวของกบการสรางแอนเมชนทมตวอยางและฟอนตตางๆ ใหสามารถเลอกน ามาใชในการสรางงานแอนเมชนเพอใหไดฟอนตทสวยงามตรงตามความตองการ ในเวบไซตนมฟอนตตางๆ ใหดาวนโหลดไปใชงานได
![Page 7: บทที่ แนวคิด ทฤษฏีและงานวิจยัที่เกี่ยวขอ้งinter.siam.edu/wp-content/uploads/2015/01/05_ch23.pdf ·](https://reader033.vdocuments.mx/reader033/viewer/2022041500/5e213785620165092e32cb69/html5/thumbnails/7.jpg)
12
ภาพท 2.5 http://thaistickman.0forum.biz/t1782-topic
เปนเวบไซตเกยวกบการใสเสยงเอฟเฟคในโปรแกรม Adobe Flash Professional CS6 ซงมการอธบาย ในเรองของการใสเสยงอยางละเอยด มรปภาพประกอบ พรอมทงอธบายการใสเสยงเอฟเฟค หลากหลายแบบใหลองใช และยงสอนการดาวนโหลดเสยงเอฟเฟค เพอไปใชในตวงานภาคนพนธได ท าใหเอฟเฟคของตวสอการเรยนการสอนดสวยงามและนาตนเตน
![Page 8: บทที่ แนวคิด ทฤษฏีและงานวิจยัที่เกี่ยวขอ้งinter.siam.edu/wp-content/uploads/2015/01/05_ch23.pdf ·](https://reader033.vdocuments.mx/reader033/viewer/2022041500/5e213785620165092e32cb69/html5/thumbnails/8.jpg)
13
งานวจยทเกยวของ
จากการศกษางานวจยตางๆ ทไดมการพฒนา จงไดน าเอาขอมลทเปนประโยชนจากโปรแกรมเหลานมาชวยในการพฒนาสอการเรยนการสอนในปจจบน ดงนนทางคณะผจดท าจงยกตวอยางงานวจยทเปนงานในรปแบบสอการเรยนการสอน ดงน
ภาพท 2.6 แมไมมวยไทย
สารช รบไว และสชาต เขยนด (2550) ภาควชาคอมพวเตอรธรกจ คณะบรหารธรกจ มหาวทยาลยสยาม ไดศกษาเกยวกบแมไมมวยไทยไดเหนถงความส าคญของแมไมมวยไทยจงตองการเผยแพร จงไดจดท าสอการเรยนการสอนชนนขนมา เพอเปนการน าเสนอศลปะแมไมมวยไทย ในรปแบบใหมเนนเพอใหความบนเทงท าใหคนหนมาสนใจแมไมมวยไทยมากขนในการสรางงานสอการสอนมการพฒนาโปรแกรมดวย Macromedia Flash Professional 8
![Page 9: บทที่ แนวคิด ทฤษฏีและงานวิจยัที่เกี่ยวขอ้งinter.siam.edu/wp-content/uploads/2015/01/05_ch23.pdf ·](https://reader033.vdocuments.mx/reader033/viewer/2022041500/5e213785620165092e32cb69/html5/thumbnails/9.jpg)
14
ภาพท 2.7 งานวจยโครงการออกแบบแอนเมชนความรกของตนไม
ชนดา โสภณวฒ (2550) สาขาวชาศลปกรรม (ออกแบบนเทศศลป) คณะมณฑนศลป มหาวทยาลยศลปากร ไดท างานวจยโครงการออกแบบแอนเมชนเกยวกบความส าคญของปาไมทมตอชวตมนษย เพอใชเปนสอในการรณรงคส าหรบการอนรกษปาไม และปลกฝงใหเยาวชนไดรจกการรกษาปาไม การสรางแอนเมชนนมการพฒนาโปรแกรมดวย Macromedia Flash Professional 8
![Page 10: บทที่ แนวคิด ทฤษฏีและงานวิจยัที่เกี่ยวขอ้งinter.siam.edu/wp-content/uploads/2015/01/05_ch23.pdf ·](https://reader033.vdocuments.mx/reader033/viewer/2022041500/5e213785620165092e32cb69/html5/thumbnails/10.jpg)
15
ภาพท 2.8 โปรแกรมบทเรยนคอมพวเตอรเรองจ านวนจรง
เกรยงไกร มาตรมล (2553) โรงเรยนบานคา ส านกงานเขตพนทการศกษาประถมศกษาพะเยา เขต 1 ไดจดท าโครงงานโปรแกรมบทเรยนคอมพวเตอร เรองจ านวนจรง ซงในโปรแกรมจะเปนการใหความรเกยวกบจ านวนจรงเบองตน มบทเรยนและบททดสอบมากมาย มการพฒนาดวยโปรแกรม Adobe Flash Professional CS3
![Page 11: บทที่ แนวคิด ทฤษฏีและงานวิจยัที่เกี่ยวขอ้งinter.siam.edu/wp-content/uploads/2015/01/05_ch23.pdf ·](https://reader033.vdocuments.mx/reader033/viewer/2022041500/5e213785620165092e32cb69/html5/thumbnails/11.jpg)
16
ภาพท 2.9 บทเรยนคอมพวเตอรชวยสอน เรอง การเคลอนทแนวตรง
วฒนชย โพธทบไทย (2554) พฒนาโปรแกรมบทเรยนคอมพวเตอรชวยสอน ส านกงานเขตพนทการศกษามธยมศกษา เขต 32 ไดสรางงานบทเรยนคอมพวเตอรชวยสอน เรอง การเคลอนทแนวตรง โดยมวตถประสงคเพอใหนกเรยนไดศกษาและไดเรยนรเกยวกบการเคลอนทแนวตรงวามการวดอตราเรวอยางไร และปรมาณตางๆ ของการเคลอนทมปรมาณเทาใด เปนตน ในการสรางบทเรยนคอมพวเตอรชวยสอน มการน าเอาโปรแกรม Adobe Flash Professional CS6 และ Adobe Illustrator CS6 มาใชในการสรางงาน
![Page 12: บทที่ แนวคิด ทฤษฏีและงานวิจยัที่เกี่ยวขอ้งinter.siam.edu/wp-content/uploads/2015/01/05_ch23.pdf ·](https://reader033.vdocuments.mx/reader033/viewer/2022041500/5e213785620165092e32cb69/html5/thumbnails/12.jpg)
17
ภาพท 2.10 โปรแกรมบทเรยนคอมพวเตอรชวยสอนการสรางงานกราฟกดวย Abode Flash CS3
สนนท กลางพระเนตร (2553) กลมสาระการงานอาชพและเทคโนโลย โรงเรยนสตรชยภม ไดจดท าโครงงานเรองโปรแกรมบทเรยนคอมพวเตอรชวยสอนการสรางงานกราฟกดวย Adobe Flash Professional CS3 เปนโปรแกรมทสอนในเรองของสรางกราฟก การใชเครองมอตางๆของโปรแกรม สรางภาพเคลอนไหว น าเขาและปรบแตงไฟลเสยง อกทงยงรวมไปถงแนะน าในการสรางแอนเมชนเบองตนอกดวย โดยโปรแกรมทใชในการพฒนาคอ Adobe Flash Professional CS3