infographicanimation design...

การออกแบบอนโฟกราฟกแอนเมชนเพอการเรยนการสอน พงษพพฒน สายทอง1

InfographicAnimation Design forInstruction Pongpipat Saitong1

1อาจารยประจาคณะวทยาการสารสนเทศ มหาวทยาลยมหาสารคาม จงหวดมหาสารคาม

Lecturer, Faculty of Informatics, Mahasarakham University, Mahasarakham *Corresponding author E-mail address : [email protected] ________________________________________________________________________________________________________________

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

ABSTRACT

Digital media currently plays an important role in teaching-learning process as the medium that build up the effective communication between teachers and students. It also facilitates students to understand more about the lessons and to accomplish the learning objective as planned. Nowadays, the media for has been developed constantly in order to keep up with the advancement of modern technologies, so number of instructional media has also been introduced to the society e.g. animation, infographic, multimedia, electronic book (E-book), etc. However, the development of the instructional media requires an integration between the knowledge body and the media production, lesson plan design, and assessment and evaluation to determine a certain direction for developing the effective instructional media. Keyword : -

วารสารวชาการ ศลปะสถาปตยกรรมศาสตร มหาวทยาลยนเรศวร ปท 5 ฉบบท 2 กรกฎาคม – ธนวาคม 2557 ________________________________________________________________________________________________________

120

บทนา ปจจบนสอดจทลไดถกนามาใชในกระบวนการเรยนการสอน เนองจากผเรยนสามารถเรยนรสงตางๆ ผานสอดจทลไดดกวาการเรยนรแบบฟงการบรรยายจากครผสอนเพยงอยางเดยว โดยสอดจทลทใชในการเรยนการสอนนน ตองไดรบการออกแบบและพฒนาใหเหมาะสมกบผเรยน และเชอมโยงกบเนอหาบทเรยน เพอใหผเรยนมประสทธภาพในการเรยนรสงสด โดยสอดจทลประเภทแอนเมชน 2 มต เปนสอทไดรบความนยมนามาใชในการเรยนการสอน ซงมหลายประเภท เชน การตนแอนเมชน แฟลชแอนเมชน และอนโฟกราฟกแอนเมชน โดยมกระบวนการผลตทแตกตางจากการผลตภาพยนตรแอนเมชน 2 มต ทมโครงสราง เครอขายการผลตขนาดใหญ และมรายละเอยดปลกยอยในการผลตมากมาย การนาแอนเมชน 2 มต มาใชในการเรยนการสอนเปนการบรณาการระหวางการออกแบบบทเรยน (Instructional design) โดยใชคณสมบตของแอนเมชน เพอแกปญหาการเรยนการสอน แตการนาแอนเมชนแตละประเภทไปใชกมความแตกตางกนตามลกษณะเฉพาะของรายวชา เนอหา ตามวตถประสงคการเรยนร ตามลกษณะเฉพาะของผเรยน และประเภทของแอนเมชน จาเปนตองไดรบผานการออกแบบและพฒนาอยางเปนระบบ การออกแบบระบบการเรยนการสอนนน เปนวธการวเคราะหเงอนไขการเรยนรอยางเปนระบบ ซงพนฐานของการออกแบบการสอนขนอยกบจตวทยาการสอน วธการระบบ และการสอสาร ปจจบนมการพฒนารปแบบการเรยนการสอนหลากหลายแนวคด เชน รปแบบของสถาบนพฒนาการสอนสหรฐอเมรกา (IDI) รปแบบของกาเย บรกสและแวกเกอร(Gagne, Briggsand Wager Model) รปแบบของแคมพ มอรสนและรอส(Kemp, Morrison and RossModel) รปแบบของดคคและคาเรย (Dick and Carey Model) รปแบบ (Model) เหลาน ไดรบการตรวจสอบ ทดสอบ และปรบปรงมาแลว กอนทจะเปนรปแบบทสมบรณทเชอไดวาถานาไปใชแลวจะทาใหมประสทธภาพและประสทธผลในการสอนอยางสงสดประสทธภาพและประสทธผลน จะเกดขนอยางแนนอนไมวาจะใชกบจดมงหมายในการสอนลกษณะใด แมผเรยนจะมความแตกตางกนเพยงใด สถานการณสงแวดลอมหรอสอการสอนทแตกตางกนออกไปรปแบบอนหลากหลายนจะมความแตกตางกนออกไปในรายละเอยด แตเมอพจารณาโดยรวมแลวจะเหนวา ความแตกตางนนมไมมากนก อยางไรกตาม รปแบบการเรยนการสอนใดๆ กจะยดแนวทางของรปแบบดงเดม (Generic model) ซงประกอบดวย การวเคราะห (Analysis)การออกแบบ (Design) การพฒนา (Development) การนาไปใช (Implementation) การประเมนผล (Evaluation) หรอทเรยกวา ADDIE Model (ฉลอง ทบศร, ม.ป.ป.) การออกแบบระบบการเรยนการสอนนน ไมใชการออกแบบและสรางระบบการสอนขนใหม แตเปนกระบวนการนารปแบบทมผคดสรางไวแลวมาประยกตใช ซงจาเปนตองออกแบบตามขนตอนตางๆ ของรปแบบนนๆ ทงน เนองจากรปแบบทมผสรางไวใหนนเปนเพยงกรอบและแนวทางในการดาเนนงานเทานน รายละเอยดตางๆ ภายในขนตอนจะแตกตางกนออกไปตามสภาพปญหา จดมงหมายของการเรยนการสอน ลกษณะของผเรยน และเงอนไขตางๆ (วชต สรตนเรองชย, 2550) ในยคทมขอมลขาวสารมากมายจนไมมเวลาเพยงพอทจะบรโภคขอมลเหลานนไดทงหมด สออนโฟกราฟกและอนโฟกราฟกแอนเมชน จงเขามามบทบาทชวยทาใหสามารถบรโภคขอมลไดงายและเรวขน อนโฟกราฟก เปนศาสตรและศลปแหงการสอสาร เปนการนาขอมลทมความซบซอนมาจดกระทาใหเขาใจไดงายยงขนโดยใชภาพกราฟกทสวยงามเปนตวชวย อนโฟกราฟกเปนสอทนาเสนอขอมลดวยภาพ ตวเลขหรอความร ใชแสดงขอมลทซบซอน ซงจะตองมการอธบายอยางรวดเรวและชดเจน เชน สญลกษณในแผนทขาวสารซงตองใชเทคนคในการเขยนและการศกษาคนควา อนโฟกราฟกยงถกใชอยางกวางขวางโดยเปนเครองมอของนกวทยาศาสตรคอมพวเตอร คณตศาสตร และสถต เพอความสะดวกในกระบวนการของการพฒนาและการสอสารขอมลทางความคดเปนการสนบสนนการเรยนรดวยตนเองของมนษย ซงมความสาคญไมนอยไปกวาการสอนภายในหองเรยน เนองจากการเพม


121

และกระจายตวขององคความรอยางรวดเรวทาใหผเรยนตองแสวงหาความรจากแหลงขอมลอนๆ เพมเตม การกระตนใหเกดความตองการเรยนร จงเปนประเดนทสาคญอยางยงของการศกษา จากทไดกลาวมา การพฒนาสอการเรยนรในรปแบบดจทลใหมคณภาพนน จาเปนตองอาศยการวางแผน การออกแบบ เครองมอ อปกรณ โปรแกรมคอมพวเตอร เทคนควธการตางๆ รวมทงการทดสอบและการประเมนผล เพอใหผเรยนบรรลวตถประสงคของการเรยนร ดงนน ในบทความนจะใชรปแบบการเรยนการสอนแบบดงเดม (Generic Model) หรอ ADDIE Model (มนตชย เทยนทอง, 2548) ระบบและกระบวนการผลตภาพยนตรแอนเมชน 2 มตรวมสมย (นพนธ คณารกษ, 2554) และการออกแบบอนโฟกราฟกส (Ross, Anders, 2009) มาเปนกรอบและแนวทางในการออกแบบสออนโฟกราฟกแอนเมชน เพอการเรยนรตามรปแบบทประยกตขน ดงแผนภม 1

แผนภมท 1 การออกแบบอนโฟกราฟกแอนเมชนเพอการเรยนรตามรปแบบ ADDIE modelโดยทประยกตขนจากรปแบบการเรยนการสอนแบบดงเดม (Generic Model) หรอ ADDIE Model(มนตชย เทยนทอง, 2548) ระบบและกระบวนการผลตภาพยนตร

แอนเมชน 2 มตรวมสมย (นพนธ คณารกษ, 2554) และการออกแบบอนโฟกราฟกส (Ross, Anders, 2009)


122

การออกแบบอนโฟกราฟกแอนเมชนเพอการเรยนร รปแบบ ADDIE Modelมกระบวนการดงน 1. การวเคราะห (Analysis) เปนขนตอนแรกของรปแบบการสอน ADDIE ซงมความสาคญยง เนองจากเปนขนตอนทสงผลไปยงขนตอนอนๆ ทงระบบ ถาการวเคราะหไมละเอยดเพยงพอ จะทาใหขนตอนตอไปขาดความสมบรณ ในขนตอนนจงใชเวลาดาเนนการคอนขางมาก เมอเปรยบเทยบกบขนตอนอนๆ โดยจะตองพจารณาในประเดนตางๆ ดงน 1.1 ประเมนความตองการกลมผเรยน การออกแบบอนโฟกราฟกขอมลหรอเนอหาไมซบซอนผรบขอมลอาจรบรไดทนท หากเปนขอมลทมความซบซอนมากๆ การรบรขอมลตองอาศยประสบการณการเรยนรในอดตจนถงปจจบนดงนนควรกาหนดเรองหรอเนอหาสาระในการเรยนรใหสอดคลองเหมาะสมกบผเรยน 1.2 กาหนดเนอหาทงหมดและเปาหมายของการจดทาสอ เปนการกาหนดเรองหรอเนอหาสาระ ตลอดจนวตถประสงคสาคญทจะนาไปสการรบรขอมล และกาหนดเปาหมายของการจดทาอนโฟกราฟกแอนเมชนเพอการเรยนร ซงจะเปนตวกาหนดการนาเสนอขอมลใหออกมาในรปแบบใด ซงประกอบดวย 1) อนโฟกราฟกสาหรบงานทางสถต (Statistical Based Information Graphics)

ภาพ 1 อนโฟกราฟกสถตยอดการผลตอาหารจานดวน ในประเทศสหรฐอเมรกา ทมา http://www.statista.com/topics/863/fast-food/


123

2) อนโฟกราฟกแสดงการเปลยนแปลงในแตละชวงเวลา (Timeline Based Information Graphics)

ภาพ 2 อนโฟกราฟกแสดงชวงเวลาของเครองเลนวดโอเกม ทมา http://wordpress.ed.pacificu.edu/ggillett/2012/09/11/project-1-information-graphics-george-gillett/

3) อนโฟกราฟกแสดงขนตอนการทางานกระบวนการทางาน (Process Based Information Graphics)

ภาพ 3 อนโฟกราฟกขนตอนการแปรรปเมลดกาแฟไปสการบรโภค ทมา https://www.behance.net/gallery/6767489/Information-Graphics-Sustainability-Standards


124

4) อนโฟกราฟกแบบภมศาสตร (Location or Geography Based Information Graphics)

ภาพ 4 อนโฟกราฟกพนทการระบาดของเชอไวรสอโบลา ทมา http://www.broadstreetmaps.org/blog/

1.3 โครงรางของเนอหา การรวบรวมหวขอหรอประเดนทเหมอนกนไวดวยกน หรอตดทซาซอนออก เรยงลาดบขนตอนของหวขอหรอประเดน กอนทจะใสรายละเอยดในแตละสวนของเนอหาตอไป 1.4 วางแผนการประเมนผล กลมผเรยนศกษาเนอหาดวยตนเองและวดผลโดยใชเครองมอในการเกบรวบรวมขอมล คอ แบบประเมนการรบร 2. การออกแบบ (Design) เปนขนตอนทดาเนนการตางๆ ทจะนาไปสเปาหมายทตงไว โดยจดทาอนโฟกราฟกแอนเมชน ตามแนวทางทไดจากขนตอนการวเคราะหโดยจะตองพจารณาในประเดนตางๆพรอมภาพประกอบท 5-20 (พงษพพฒน สายทอง, 2557) ดงน 2.1 ออกแบบบทเรยน กาหนดใหกลมผเรยนไดศกษาเนอหาจากอนโฟกราฟกแอนเมชน ผลงานทเกดจากการเรยนรอาจมความหลากหลายตามประสบการณของกลมผเรยน ถงแมจะเรยนรจากสอเดยวกน 2.2 ออกแบบผงงาน เพอใหเหนโครงสรางโดยภาพรวมของอนโฟกราฟกแอนเมชน ซงจะแสดงถงความเกยวของของสวนทสาคญตางๆ


125

ภาพ 5 ผงงานขนตอนการทาวทยานพนธ ทมา:การพฒนาโมชนอนโฟกราฟก เรองกระบวนการวจยสาหรบนสตระดบบณฑตศกษาคณะวทยาการสารสนเทศ มหาวทยาลย

มหาสารคาม (พงษพพฒน สายทอง, 2557) 2.3 สรางแบบประเมนการรบร เพอประเมนการรบรเนอหาขอมลทนาเสนอ และแบบสอบถามความพงพอใจ เพอวดทศนคตตอการใชอนโฟกราฟกแอนเมชนทพฒนาขน 2.4 เขยนบทบรรยายจากโครงรางเนอหา และทาการบนทกเสยงเพอคานวณเวลา (timing) การเคลอนไหวตางๆ 2.5 จดทาสตอรบอรด เพอใหเหนภาพรวมของการนาเสนอขอมลในอนโฟกราฟกแอนเมชน


126

ภาพ 6 สตอรบอรด ทมา : การพฒนาโมชนอนโฟกราฟก เรองกระบวนการวจยสาหรบนสตระดบบณฑตศกษาคณะวทยาการสารสนเทศ มหาวทยาลย

มหาสารคาม (พงษพพฒน สายทอง, 2557)

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


127

1) สรางเปนเรองราวใหเหมอนอยในเหตการณนนจรงๆ (Simulation)

ภาพ 7 การนาเสนอเนอหาแบบเปนเรองราว ทมา : การพฒนาโมชนอนโฟกราฟก เรองกระบวนการวจยสาหรบนสตระดบบณฑตศกษาคณะวทยาการสารสนเทศ มหาวทยาลย


2) จาลองสถานการณทไมสามารถมองเหนไดในโลกความเปนจรงใหเปนรปธรรมทอธบายได (Modeling)

ภาพประกอบ 8 การจาลองสถานการณ ทมา : การพฒนาโมชนอนโฟกราฟก เรองกระบวนการวจยสาหรบนสตระดบบณฑตศกษาคณะวทยาการสารสนเทศ มหาวทยาลย



128

3) ลาดบความสาคญของขอมลและจดวางขอมลเพอใหกลมผเรยนเขาถงขอมลไดครบถวน (Information Hierarchy)

ภาพ 9 การลาดบความสาคญของขอมลและจดวางขอมล ทมา : การพฒนาโมชนอนโฟกราฟก เรองกระบวนการวจยสาหรบนสตระดบบณฑตศกษาคณะวทยาการสารสนเทศ

มหาวทยาลยมหาสารคาม (พงษพพฒน สายทอง, 2557)

4) การออกแบบใหมความเรยบงาย โดยนาสวนประกอบทไมเกยวของกบขอมลออกไปใหหมด มการคมโทนสโดยรวมของงาน (Simple and Clarity)

ภาพ 10 การออกแบบใหมความเรยบงาย ทมา : การพฒนาโมชนอนโฟกราฟก เรองกระบวนการวจยสาหรบนสตระดบบณฑตศกษาคณะวทยาการสารสนเทศ



129

5) การเพมขอมลเสรมหรอสวนประกอบเสรม จะมสวนชวยทาใหเขาใจไดดยงขน (Adding Redundancy)

ภาพ 11 การเพมขอมลเสรมหรอสวนประกอบเสรม ทมา : การพฒนาโมชนอนโฟกราฟก เรองกระบวนการวจยสาหรบนสตระดบบณฑตศกษาคณะวทยาการสารสนเทศ


6) การออกแบบในลกษณะของสาเหตและผลลพธทเกดขน (Cause and Effect)

ภาพ 12 การออกแบบในลกษณะของสาเหตและผลลพธทเกดขน ทมา : การพฒนาโมชนอนโฟกราฟก เรองกระบวนการวจยสาหรบนสตระดบบณฑตศกษาคณะวทยาการสารสนเทศ



130

7) การจบคและเปรยบเทยบ เปนลกษณะของสาเหตและผลลพธ (Comparison)

ภาพ 13 การจบคและเปรยบเทยบ เปนลกษณะของสาเหตและผลลพธ ทมา : การพฒนาโมชนอนโฟกราฟก เรองกระบวนการวจยสาหรบนสตระดบบณฑตศกษาคณะวทยาการสารสนเทศ


8) นาเสนอขอมลในหลายๆ มต (Multiple Dimension)

ภาพ 14 นาเสนอขอมลในหลายๆ มต ทมา : การพฒนาโมชนอนโฟกราฟก เรองกระบวนการวจยสาหรบนสตระดบบณฑตศกษาคณะวทยาการสารสนเทศ



131

3. การพฒนา (Development) เปนขนตอนทนาผลลพธทไดจากขนตอนการออกแบบมาดาเนนการตอเปนการลงมอปฏบตจรง เพอพฒนาเปนอนโฟกราฟกแอนเมชนตามแผนการทวเคราะหไวตงแตขนตอนแรก โดยใชโปรแกรมคอมพวเตอร เพอใหไดมาซงสอตนแบบพรอมจะนาไปทดลองใชในขนตอนตอไป ซงประกอบดวยการดาเนนการตางๆ ดงน 3.1 จดวางองคประกอบงาน (Layout) โดยนาเอาแนวคดหลกการในการนาเสนอขอมล สตอรบอรด และงานออกแบบตางๆ มาพจารณาลกษณะของการออกแบบจดวางองคประกอบตางๆ ในแตละฉากแตละชอต ใหมภาพรวมของงานไปในทศทางเดยวกน

ภาพ 15 จดวางองคประกอบงาน ทมา : การพฒนาโมชนอนโฟกราฟก เรองกระบวนการวจยสาหรบนสตระดบบณฑตศกษาคณะวทยาการสารสนเทศ

มหาวทยาลยมหาสารคาม (พงษพพฒน สายทอง, 2557) 3.2 วาดภาพลายเสนและตดเสน นาภาพกราฟก ฉากหลงและอปกรณประกอบทไดจากขนตอนการออกแบบมาวาดลายเสน และวาดแยกสวนทเคลอนไหวออกเปนชน (Cut Out) เพอนามาประกอบเชอมตอกนตามจดขอตอตางๆ สาหรบทาเปนดจทลแอนเมชน 2 มต อาจวาดในกระดาษแลวนามาสแกนหรอวาดแบบดจทลโดยใชโปรแกรม Adobe Photoshopหรอโปรแกรมสาหรบงานลงสแบบดจทลอนๆ


132

ภาพ 16 วาดภาพลายเสนและตดเสน

ทมา : การพฒนาโมชนอนโฟกราฟก เรองกระบวนการวจยสาหรบนสตระดบบณฑตศกษาคณะวทยาการสารสนเทศ มหาวทยาลยมหาสารคาม (พงษพพฒน สายทอง, 2557)

ตดเสนภาพลายเสนโดยคานงถงการตอเสนใหตดตอกนทกจด ไมใหมสวนขาด เพอใหเกดพนทอาณาบรเวณของสวนตางๆ ทสามารถจะลงสไดงาย ไดดวยการใชการคลกเพอเทสครงเดยวในแตละสวน โดยใชโปรแกรม Adobe Illustrator หรอโปรแกรมสาหรบงานลงสแบบดจทลอนๆ 3.3 การเลอกใชส พนผวและลงสภาพกราฟกและฉากหลง ในงานออกแบบอนโฟกราฟกขอมลหนงๆ ประกอบไปดวยขอมลทซบซอนหลายรปแบบ การเลอกใชสเพอแยกแยะขอมลและการแบงเนอหาเปนสวนๆ ทาใหสามารถรบรไดงายและรวดเรว เปนการลงสแบบดจทล (Digital Painting) โดยใชโปรแกรม Adobe Photoshopหรอโปรแกรมสาหรบงานลงสแบบดจทลอนๆ

ภาพ 17 การเลอกใชส พนผวและลงสภาพกราฟกและฉากหลง ทมา : การพฒนาโมชนอนโฟกราฟก เรองกระบวนการวจยสาหรบนสตระดบบณฑตศกษาคณะวทยาการสารสนเทศ

มหาวทยาลยมหาสารคาม (พงษพพฒน สายทอง, 2557


133

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

ภาพ 18 การเลอกรปแบบ ขนาด ส และการจดเรยงตวอกษร ทมา:การพฒนาโมชนอนโฟกราฟก เรองกระบวนการวจยสาหรบนสตระดบบณฑตศกษาคณะวทยาการสารสนเทศ


3.5 จดองคประกอบภาพ (Composite) เปนการรวบรวมองคประกอบของงานแตละสวนทเตรยมไว เชน ภาพกราฟก ตวอกษร และฉากหลง มาจดรวมไวดวยกนตามสตอรบอรด

ภาพ 19 จดองคประกอบภาพ ทมา : การพฒนาโมชนอนโฟกราฟก เรองกระบวนการวจยสาหรบนสตระดบบณฑตศกษาคณะวทยาการสารสนเทศ



134

3.6 ตดตอภาพ หลงจากจดองคประกอบภาพแลวจะถกนามาตดตอเรยงรอยเขาดวยกนเปนฉาก (Scene) โดยใชโปรแกรม AdobePremiereหรอโปรแกรมตดตออนๆ

ภาพ 20 ตดตอภาพ ทมา : การพฒนาโมชนอนโฟกราฟก เรองกระบวนการวจยสาหรบนสตระดบบณฑตศกษาคณะวทยาการสารสนเทศ

มหาวทยาลยมหาสารคาม (พงษพพฒน สายทอง, 2557) 3.7 บนทกเสยง ประกอบดวย เสยงดนตรและเสยงประกอบตางๆ มาทาการบนทก แยกเสยง ผสมเสยง (mixing) ทงหมด ในขนตอนนอาจมการบนทกเสยงบรรยายเพมเตมใหมความสมบรณ 3.8 ประเมนคณภาพอนโฟกราฟกแอนเมชนทพฒนาขนโดยผเชยวชาญ และปรบปรงแกไขขอบกพรองตามคาแนะนา 3.9 บนทกไฟลอนโฟกราฟกแอนเมชนกอนนาไปทดลองใช 4. การนาไปใช (Implementation) เปนการนาอนโฟกราฟกแอนเมชนทพฒนาขนไปทดลองใชกบกลมผเรยนตามวธการทวางแผนไวตงแตตน โดยใหกลมผเรยนใชอนโฟกราฟกแอนเมชน ซงเปนการเรยนรดวยตวเองผานคอมพวเตอรหรออปกรณอนทสามารถเลนไฟลได 5. การประเมนผล (Evaluation) เปนขนตอนสดทายของรปแบบการเรยนร เพอประเมนผลอนโฟกราฟกแอนเมชนเมอกลมผเรยนไดเรยนรเนอหาขอมลจากอนโฟกราฟกแอนเมชนแลว จงทาการเกบรวบรวมขอมล โดยใหทาแบบประเมนการรบรและแบบสอบถามความพงพอใจ จะทาใหทราบผลการเรยนรวาเปนไปตามทคาดหวงไวอยางไร มจดออนขอบกพรอง หรอประเดนทควรแกไขอยางไร เพอนาไปปรบปรงระบบการเรยนการสอนและสอการเรยนรใหมคณภาพ


135

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

เอกสารอางอง ฉลอง ทบศร. , (ม.ป.ป.).การเรยนรกบการสอความหมาย. เอกสารการสอน การออกแบบระบบการเรยนการสอน ภาควชาเทคโนโลยทางการศกษา คณะศกษาศาสตร มหาวทยาลยบรพา. นพนธ คณารกษ. ระบบและกระบวนการผลตภาพยนตรแอนเมชน 2 มตรวมสมย. วารสารศลปกรรม ศาสตร มหาวทยาลยขอนแกน, ปท 3 ฉบบท 2 กรกฎาคม - ธนวาคม 2554. พงษพพฒน สายทอง. การพฒนาโมชนอนโฟกราฟก เรองกระบวนการวจยสาหรบนสตระดบบณฑตศกษา คณะวทยาการสารสนเทศ มหาวทยาลยมหาสารคาม. ศลปกรรมสาร มหาวทยาลยธรรมศาสตร, ปท 9 ฉบบท 1 พ.ศ. 2557. มนตชย เทยนทอง. (2548).การออกแบบและพฒนาคอรสแวรสาหรบบทเรยนคอมพวเตอร. พมพครงท 2. กรงเทพมหานคร : สถาบนเทคโนโลยพระจอมเกลาพระนครเหนอ. วชต สรตนเรองชย. การวจยและพฒนาทางการศกษา. วารสารหลกสตรและการสอน ปท1 ฉบบท 1 ตลาคม 2549 - มนาคม 2550. Ross, Anders.InfoGraphicDesigns: Overview, Examples and Best Practices.Inspiration, Showcases(Online),June 7 2009. Availablefromhttp://www.instantshift.com/2009/06/07/infographic-designs-overview- examples-and-best-practices/

infographicanimation design...

Documents