@nano@wtfhyn7~nw1 5.,16JUVI %#. W e.± 4981 ' ; , 1q11egn02 0273l 2565_ 45 .$9l1'fl1 ...................•...........................•.......•..\"I .d;7n73 a7namisfs nun~snaiwuiu@~lunems 4 an.sd.tees« 21e/4«oet ii@1 dbod is8waninunaunwnonusuiunuun/univ 7h 4 «4 me5suii in#nw oboe uu uuns • ii'an . hwunan o~snihs. uww5wsn « ~nunnsiuaensii n.n.@. ors~a~au n.n.. i as. oleob.a/lo avuii « nsnme es roliisissuwin;nlae#ins btuseuiuwas7non mstuiln'hi a #aw ea ihaul5o (uuumun25.) mnvae % n5is nae~nu5uhu ii wtlug an Model teacher new@runs$men7 anniss(Professional Learning Community : PLC) [#~uunit1nan n0o, nn1e75l,5&i/3uuUnUeuAc2tnive uLe«arninng7±2.5'76t.,,54umnia;an7(wPuLnCa,)eualm'1, n1a,5ainn7suaae7w0uwe.naan8614n/ym .ululun Adobe Flash a~int6Leitten~sf(u.) anorais, 7a de4deeded teed 37818188 28/71a1801587W1/21/1/73771/2/,/1077773 11501581@8ua2 947@567/an71/7n1a72 um1nz anasiutum5a~ 5u5uialto • 371 le. au1rito a. et»lueuwiwau ii.uls https://bit.ly/krubon-vec ¾a4el....... %..%(wear av5iu) a,zje a% tea·maria56so % ihw'n@ PLC nariuna5s5- suns ilolusonu (wan ·in1) wain'1��tl . (w as6) ei~nunihtwiwsn w2wugw7/u•na10 n74$e¢ 1 I07% Q\\'U\\'l'1U fl70L . (e 0quilaa) iusnns~on·wins~h1nows ...... ../. ../. .
d ct i 87u4an3w/7wn159907515813928053121n15 run75um~w (Professional Learning Community : PLC) Sanz «runs5et5ms (Professional Learning Community: PLC) awnri5 a-anao. (Model teacher) wt:uasr av~us a4 l. sinunedn 2n8aq8newa4a121/1/37ea14/1d/+n7775 7177727/7081/7721181630e le~~aw~an~u~wans \"naiuaeve~n@nwo~nuns5 i uUu Active Leaming ilsunainunn~aulr asnaiunwn~aulw#ult/sun5 Adobe Flash astute#utene~s's7(h.) a2naais7a\" 3su ~suilnousiouahur'tu+nan, a~jun»hum5wnn o) 5unu e) 1ieuiuriiouou .4. la) vypliusuwit ±4. (wt.age an6iu5) n#au ihwan·norm@isms % 9l'11'1•lEl ..•..•..•...2....r� . (wa ·in1) wdgwww1nan5 uuava. isnns~unowuiuns@~ln»ms (we wan# «5ii) « au• 8nsiheihutwwen n6ye¢ 28n7 e 07nn1 ya7uwtuw O Lisa7w rwe.. # (en 8qua9) wens~un7wins@~lnws
รายงานผลการพฒั นาคณุ ภาพการจัดการเรียนรู้ ดว้ ยกระบวนการชุมชนการเรียนรทู้ างวชิ าชีพ (Professional Learning Community : PLC) โดย นางประเสรฐิ ศรี สทุ ธพิ ันธ์ รายงานน้ี เป็นสว่ นหนง่ึ ของการจัดการเรยี นรู้ ประจำภาคเรียนท่ี 2 ปกี ารศกึ ษา ๒๕๖4 สาขาวิชาคอมพิวเตอร์ธรุ กิจ วทิ ยาลัยการอาชีพนวมินทราชินมี ุกดาหาร สถาบันการอาชีวศกึ ษาภาคตะวนั ออกเฉียงเหนอื ๒ สำนักงานคณะกรรมการการอาชวี ศึกษา กระทรวงศกึ ษาธิการ
๒ คำนำ รายงานผลการพฒั นาคุณภาพการจัดการเรียนรูดวยกระบวนการชุมชนการเรียนรูทางวชิ าชีพ (Professional Learning Community : PLC) ชุดนี้ ใชเปYนสLวนหน่ึงของการจัดการเรียนรูท่ีเกดิ จากการ รวมตัวกันเปYนกลLุมของครู เพ่ือเรียนรูรLวมกันอยLางเปYนระบบและตLอเน่ือง ตามแนวทางชุมชนการเรียนรู ทางวิชาชีพในการพัฒนาการจัดการเรียนรู สมรรถนะ และคุณลักษณะท่ีพึงประสงค,ของผูเรียนใหมีความรู มีทักษะ และการประยุกต,ใชที่เปYนไปตามมาตรฐานคุณวุฒิอาชีวศึกษาแตLละระดับการศึกษา และเปYน ไปตามหลักเกณฑ,และวิธีการพัฒนาขาราชการครูและบุคลากรทางการศึกษา สายงานการสอน โดยหลักเกณฑ,และวิธีการใหขาราชการครูและบุคลากรทางการศึกษาตำแหนLงครู มีวิทยฐานะและ เลื่อนวิทยฐานะ ตามหนังสือสำนักงาน ก.ค.ศ. ที่ ศธ ๐๒๐๖.๓/ว๒๑ ลงวันที่ ๕ กรกฎาคม ๒๕๖๐ ไดกำหนดใหครูที่ตองการมีและเลื่อนวิทยฐานะในชั่วโมงปฏิบัติงานตองมีชั่วโมงการมีรLวมสLวนในชุมชน แหLงการเรียนรูทางวิชาชีพในแตLละปdไมLนอยกวLา ๕๐ ชั่วโมง จึงหวังเปYนอยLางยิ่งวLารายงานผลการพัฒนาคุณภาพการจัดการเรียนรูดวยกระบวนการชุมชน การเรียนรูทางวิชาชีพ (Professional Learning Community : PLC) เร่ืองการสรางและหาประสิทธิภาพ ชุดกิจกรรมการเรียนรูแบบ Active Learning วิชาโปรแกรมสรางภาพเคล่ือนไหว เร่ืองการสราง ภาพเคล่ือนไหวดวยโปรแกรม Adobe Flash ของนักเรียนระดับประกาศนียบัตรวิชาชีพ(ปวช.) สาขาวิชา คอมพิวเตอร,ธุรกิจ ชุดน้ี จะเปYนประโยชน,แกLผูท่ีเกี่ยวของในการจัดการเรียนรู ที่จะใชเปYนแนวทางในการ จัดการเรียนรูใหผูเรียนรูมีความรู ทักษะฝdมือมีความสามารถ มีประสบการณ,ในงานอาชีพตามมาตรฐาน คุณวุฒิอาชีวศึกษาในแตLระดับการศึกษา และบรรลุจุดประสงค,และสมรรถนะของที่หลักสูตรรายวิชาท่ี กำหนด นางประเสรฐิ ศรี สุทธพิ นั ธ,
๓ สารบัญ ความคดิ เหน็ ของผเู ก่ยี วของ............................................................................................................. หนา คำนำ................................................................................................................................................ ๑ สารบัญ............................................................................................................................................. ๒ ชือ่ เรือ่ ง............................................................................................................................................. ๓ ความเปนY มา และความสำคัญของปfญหา......................................................................................... ๔ วตั ถุประสงคโ, ครงการ....................................................................................................................... ๔ ประโยชน,ทไ่ี ดรบั .............................................................................................................................. 5 กลุมL เปาh หมาย................................................................................................................................... 5 นวัตกรรม......................................................................................................................................... 5 ระยะเวลาดำเนินงาน........................................................................................................................ 6 วธิ ดี ำเนินงานดวยกระบวนการชุมชนการเรียนรทู างวชิ าชพี (PLC)……………......……....………………. 6 ผลการวิเคราะห,ขอมูล...................................................................................................................... 6 สรปุ ผลการดำเนนิ งาน...................................................................................................................... 6 บรรณานกุ รม.................................................................................................................................... 7 ภาคผนวก......................................................................................................................................... 9
๔ รายงานผลการพฒั นาคุณภาพการจัดการเรยี นรูดวยกระบวนการ ชมุ ชนการเรียนรูทางวิชาชีพ (Professional Learning Community : PLC) ชื่อเรื่อง การสรางและหาประสิทธิภาพชุดกิจกรรมการเรียนรแู บบ Active Learning วิชาโปรแกรม สรางภาพเคล่ือนไหว เรื่องการสรางภาพเคลื่อนไหวดวยโปรแกรม Adobe Flash ของนักเรียนระดับประกาศนยี บตั รวิชาชีพ(ปวช.) สาขาวิชาคอมพิวเตอรธS รุ กิจ ๑. ความเปนF มาและความสำคัญของปBญหา หลักสูตรประกาศนียบัตรวิชาชีพ พุทธศักราช ๒๕62 เปYนหลักสูตรที่พัฒนาขึ้นใหสอดคลองกับ พระราชบัญญัติการศึกษาแหLงชาติ พ.ศ. ๒๕๔๒ พระราชบัญญัติการอาชีวศึกษา พ.ศ. ๒๕๕๑ และความ เจริญกาวหนาทางเทคโนโลยี เพื่อผลิตกำลังคนระดับฝdมือท่ีมีสมรรถนะวิชาชีพ มีคุณธรรมจริยธรรมและ จรรยาบรรณวิชาชีพ สามารถนำไปใชในการประกอบอาชีพไดตรงตามความตองการของตลาดแรงงานใน ลักษณะผูปฏิบัติหรือประกอบอาชีพอิสระไดสอดคลองกับแผนพัฒนาเศรษฐกิจและสังคมแหLงชาติ และ แผนการศึกษาแหLงชาติ เปYนหลักสูตรท่ีเปmดโอกาสใหเลือกเรียนไดอยLางกวางขวาง เนนสมรรถนะเฉพาะดาน ดวยการปฏิบัติจริง สามารถเลือกวิธีการเรียนตามศักยภาพและโอกาสของผูเรยี น โดยกำหนดจุดหมายของ หลักสูตรในขอท่ี ๑ เพ่ือใหมีความรู ทักษะและประสบการณ,ในงานอาชีพสอดคลองกับมาตรฐานวิชาชีพ สามารถนำความรู ทักษะและประสบการณ,ในงานอาชีพไปปฏิบัติงานอาชีพไดอยLางมีประสิทธิภาพเลือกวิถี การดำรงชีวิติ การประกอบอาชีพไดอยLางเหมาะสมกับตน สรางสรรค,ความเจริญตLอชุมชน ทองถิ่นและ ประเทศชาติ (สำนกั งานคณะกรรมการการอาชวี ศึกษา, ๒๕62) ซึ่งจุดประสงค,หลักสูตรประกาศนียบัตรวิชาชีพ พุทธศักราช ๒๕๕๖ ประเภทวิชาพาณิชยกรรม สาขาวิชาคอมพิวเตอร,ธุรกิจ ไดกำหนดจุดประสงค,สาขาวิชา ขอที่ ๕ เพื่อใหสามารถปฏิบัติงานดาน คอมพิวเตอร,ธุรกิจในสถานประกอบการ และประกอบอาชีพอิสระ รวมท้ังการใชความรู และทักษะเปYน พ้ืนฐานในการศึกษาตLอในระดับสูงข้ึนได โดยกำหนดมาตรฐานการศึกษาวิชาชีพ คุณภาพของผูสำเร็จ การศึกษาระดับคุณวุฒิการศึกษาประกาศนียบัตรวิชาชีพ ประเภทวิชาพาณิชยกรรม สาขาวิชาคอมพวิ เตอร, ธุรกิจ ดานสมรรถนะวิชาชีพขอที่ 3.3.8 ใชโปรแกรมสำเร็จรูปในงานธุรกิจ (สำนักงานคณะกรรมการการ อาชวี ศกึ ษา, 2562) การจัดการเรียนรูแบบ Active Learning เปYนแนวคิดใหมLท่ีเร่ิมเปYนท่ีนิยมในชLวงปลายศตวรรษที่ 21 โดยรูปแบบน้ีเปนY แนวคดิ กวาง ๆ ที่เนนความมีสLวนรLวมและบทบาทในการเรียนรูของผเู รยี น ครอบคลุม วิธีการเรียนการสอนที่หลากหลาย เชLนการเรียนรูดวยการคนพบ (Discovery Learning) การเรียนรูจาก กรณี ปfญหา (Problem-Based Learning) การเรียนรูจากการสืบคน (Inquiry-Based Learning) และ การเรียนรูจากการทำกิจกรรม (Activity-Based Learning) เปYนตน ซ่ึงวิธีการเหลLานี้มีพ้ืนฐานมา จาก แนวคิดเดียวกัน คือใหผูเรียนเปYนผูมีบทบทหลักในการเรียนรูของตนเองรูปแบบการเรียนการ สอนแบบ Active Learning อาศัยหลักการสรางกระบวนการเรียนรูที่เหมาะสมกับธรรมชาติการทำงานของสมอง สLงเสรมิ ใหผเู รยี นมคี วามตื่นตัวและกระตือรือรนดานการ รูคิด (Cognitively Active) มากกวาL การฟfง ผูสอน ในหองเรียนและการทLองจำ ทำใหไดการเรียนรูที่มีประสิทธิผลสูง โดยรูปแบบการเรียนรูแบบ Active Learning นอกจากจะกระตุนใหเกิดการเรียนรูจากตัวผูเรียนเองแลว ยังเปYนการพัฒนาทักษะการเรียนรู ของผูเรียน ใหผูเรียนสามารถเรียนรูไดดวยตัวเอง ทำใหเกิดการเรียนรูอยLางตLอเนื่องนอกหองเรียน (Life- Long Learning) ไดอีกดวย
๕ ชดุ กจิ กรรมการเรียนรูประกอบการสอนเปYนสอื่ การเรยี นรปู ระเภทหนึ่งท่ีชLวยใหผูเรยี นไดมโี อกาส เรียนรูดวยตนเอง โดยครูใชประกอบการสอน (วิชัย, ๒๕๕๗) ในสLวนของการจัดการเรียนรูท่ีสาขาวิชา คอมพิวเตอร,ธุรกิจ วิทยาลัยการอาชีพนวมินทราชินีมุกดาหาร ยังขาดแคลนชุดกิจกรรมการเรียนรู ประกอบการจัดการเรียนรูทจ่ี ะชLวยใหผูเรียนไดเรียนรูฝ{กทักษะปฏิบัติดวยตนเองโดยใชกระบวนการวิจัยมา ชLวยใหเกิดการสรางหรือเกิดการพัฒนา เพ่ือใหมีชุดกิจกรรมการเรียนรูประกอบการจัดการเรียนรูที่ได มาตรฐานผาL นกระบวนการวจิ ัยทดลอง จากความสำคญั และความเปYนมาดงั กลLาวขางตน ผูวิจัยในฐานะผจู ดั การเรียนรจู ึงคิดสรางและหา ประสิทธิภาพชุดกิจกรรมการเรียนรูแบบ Active Learning วิชาโปรแกรมสรางภาพเคลื่อนไหว เร่ืองงาน สรางภาพเคล่ือนไหวดวยโปรแกรม Adobe Flash ในรายวิชารหัสวิชา 20204-2111 ช่ือวิชาโปรแกรม สรางภาพเคล่ือนไหว(Animation Program) เพ่ือใชพัฒนาการเรียนรูของผูเรียนใหบรรลุจุดประสงค, รายวิชา สมรรถนะรายวิชา และคำอธิบายรายวิชาทห่ี ลกั สูตรรายวิชากำหนดไว ๒. วัตถุประสงคขS องการวจิ ัย ๑. เพ่ือสรางชุดกิจกรรมการเรียนรูแบบ Active Learning วิชาโปรแกรมสรางภาพเคลื่อนไหว เร่อื งงานสรางภาพเคล่อื นไหวดวยโปรแกรม Adobe Flash ๒. เพ่อื หาประสิทธภิ าพของชดุ กิจกรรมการเรียนรูท่สี รางข้ึน ๓. เพอ่ื ศึกษาผลสัมฤทธ์ิทางการเรยี นรูจากการเรยี นรดู วยชุดกิจกรรมการเรียนรูทีส่ รางข้ึน ๔. เพอ่ื ศึกษาความพึงพอใจของผเู รียนรทู ่มี ตี Lอการจดั การเรียนรู 3. ประโยชนSที่ไดรับ 1. ไดชุดกิจกรรมการเรียนรูแบบ Active Learning วิชาโปรแกรมสรางภาพเคลื่อนไหว เร่ือง งานสรางภาพเคลอื่ นไหวดวยโปรแกรม Adobe Flash 2. ไดแบบทดสอบวัดผลสัมฤทธิ์การเรียนรู วิชาโปรแกรมสรางภาพเคล่ือนไหว เร่ืองงานสราง ภาพเคลื่อนไหวดวยโปรแกรม Adobe Flash 3. ไดแบบประเมินความพึงพอใจของผูเรียนที่มีตLอชุดกิจกรรมการเรียนรูแบบ Active Learning วิชาโปรแกรมสรางภาพเคลือ่ นไหว เรอื่ งงานสรางภาพเคล่อื นไหวดวยโปรแกรม Adobe Flash ๕. ไดชุดกิจกรรมการเรียนรูแบบ Active Learning วิชาโปรแกรมสรางภาพเคลื่อนไหว เร่ือง งานสรางภาพเคล่อื นไหวดวยโปรแกรม Adobe Flash ทม่ี ีประสิทธิภาพ กลุ4มเปาG หมาย ผเู รียนรูระดับประกาศนียบัตรวิชาชีพ (ปวช.) ชั้นปdท่ี 3 สาขาวิชาคอมพิวเตอร,ธุรกิจ วิทยาลัยการ อาชีพนวมินทราชินีมุกดาหาร ที่ลงทะเบียนเรียน รหัสวิชา 20204-2111 ชื่อโปรแกรมสรางภาพเคล่ือนไหว (Animation Program) ในภาคเรยี นที่ ๒ ปdการศึกษา ๒๕๖4 ชั้นปdที่ 3/1 ,3/2 จำนวน 38 คน
๖ นวตั กรรม ชุดกจิ กรรมการเรยี นรูแบบ Active Learning วชิ าโปรแกรมสรางภาพเคล่ือนไหว เรื่องงาน สรางภาพเคล่อื นไหวดวยโปรแกรม Adobe Flash https://bit.ly/b-krubon ระยะเวลาดำเนินงาน วนั ที่ 1 พฤศจกิ ายน 2564 ถึง 11 มนี าคม 2565 โดยใช แผนการดำเนนิ งานโครงการ PLC ทีก่ ำหนด วิธดี ำเนนิ การดวยกระบวนการชมุ ชนการเรียนรทู างวิชาชีพ (PLC) สาขาวชิ าคอมพิวเตอรS ๑. ประชุมพจิ ารณากำหนดปfญหาในการดำเนนิ งานโครงการ PLC ๒. จัดทำแผนปฏิบัตงิ านการดำเนนิ โครงการ PLC ๓. ดำเนนิ งานตามแผนงานโครงการ PLC ที่กำหนด ๔. ติดตาม ตรวจสอบ สังเคราะห, ปรบั ปรุงการดำเนนิ งาน ๕. ดำเนินงานตามแนวทางที่ปรับปรงุ ๖. สรปุ ผล รายงานผลการดำเนนิ โครงการ PLC ผลการวเิ คราะหSขอมูล ๑. ชุดกิจกรรมการเรียนรูแบบ Active Learning วิชาโปรแกรมสรางภาพเคลื่อนไหว เร่ือง งานสรางภาพเคล่ือนไหวดวยโปรแกรม Adobe Flash จะประกอบดวย คำช้ีแจง สมรรถนะวิชาชีพ สาขาวิชาคอมพิวเตอร, สาระสำคัญ สาระการเรียนรู ผลการเรียนรูที่คาดหวัง แบบทดสอบกLอนเรียน ใบความรู แบบทดสอบหลงั เรียน ๒. แบบทดสอบวัดผลสัมฤทธิ์การเรียนรู ชุดกิจกรรมการเรียนรูแบบ Active Learning วิชาโปรแกรมสรางภาพเคลื่อนไหว เรื่องงานสรางภาพเคลื่อนไหวดวยโปรแกรม Adobe Flash มีคLา ดัชนีความสอดคลอง (IOC) ของแบบทดสอบเทLากับ ๑.๐๐ แสดงวLาแบบทดสอบวัดผลสัมฤทธิ์การเรยี นรู มีความเหมาะสมสอดคลองกับจุดประสงค,การเรียนรูสามารถนำไปใชในการวัดผลทางการเรียน เพื่อนำไป เปรยี บเทยี บผลสัมฤทธท์ิ างการเรยี นได ๓. แบบประเมินความพึงพอใจของผูเรียนท่ีมีตLอชุดกิจกรรมการเรยี นรูแบบ Active Learning วิชาโปรแกรมสรางภาพเคล่ือนไหว เรื่องงานสรางภาพเคลื่อนไหวดวยโปรแกรม Adobe Flash มีคLาดัชนี ความสอดคลองเฉลี่ยเทLากับ ๑.๐๐ แสดงวLาแบบสอบถามความพึงพอใจ/ความคิดเห็นของผูเรียน มีความ เหมาะสมสอดคลองกับจุดประสงค,การจดั การเรียนรสู ามารถนำไปใชในการเกบ็ ขอมลู รวบรวมได
๗ ๔. หาประสิทธิภาพชุดกิจกรรมการเรียนรูแบบ Active Learning วิชาโปรแกรมสราง ภาพเคล่อื นไหว เร่อื งงานสรางภาพเคลอื่ นไหวดวยโปรแกรม Adobe Flash ๔.๑ ผลการใชชุดการจัดการเรียนรูที่สรางขึ้น จากการวิเคราะห,ขอมูลพบวLา ประสิทธิภาพของชุดกิจกรรมการเรียนรูแบบ Active Learning วิชาโปรแกรมสรางภาพเคลื่อนไหว เรื่อง งานสรางภาพเคล่ือนไหวดวยโปรแกรม Adobe Flash ที่สรางขึ้นมีประสิทธิภาพ 78.42/76.14 สูงกวLา เกณฑ,ท่ีกำหนดไว ๗๕/๗๕ จึงสรุปไดวLาชุดการจัดการเรียนรูท่ีสรางข้ึน จากการวิเคราะห,ขอมูลพบวLา ประสิทธิภาพของชุดกิจกรรมการเรียนรูแบบ Active Learning วิชาโปรแกรมสรางภาพเคลื่อนไหว เร่ือง งานสรางภาพเคลื่อนไหวดวยโปรแกรม Adobe Flash ชดุ น้ีมีประสิทธิภาพในการพฒั นาความรขู องผเู รียนรู ๔.๒ ผูเรียนมีคLาเฉล่ียของคะแนนทดสอบกLอนเรียนและหลังเรียน ผลการวิเคราะห, จากการเปmดตารางคLา t ที่ df = 37 = .๐๕ เทLากับ ๑.6871 แตLคLา t ท่ีคำนวณไดเทLากับ 7.29 ซ่ึงมีคLามากกวLาคLา t จากตารางแสดงวLา คLาเฉล่ียของคะแนนทดสอบกLอนเรียนและหลังเรียน มีความ แตกตLางกันอยLางมีนัยสำคัญทางสถิติท่ีระดับ .๐๕ จึงสรุปไดวLาการเรียนรูดวยชุดการจัดการเรียนรูท่ีสราง ขึ้นจากการวิเคราะห,ขอมูลพบวLาประสิทธิภาพของชุดกิจกรรมการเรียนรูแบบ Active Learning วิชา โปรแกรมสรางภาพเคลื่อนไหว เรื่องงานสรางภาพเคลื่อนไหวดวยโปรแกรม Adobe Flash ในคร้ังน้ีทำให ผูเรียนรมู ีความรูสูงข้ึนจรงิ ๔.๓ ผลการวิเคราะห,ความพึงพอใจของผูเรียนตLอชุดการจัดการเรียนรูท่ีสรางข้ึนจาก การวิเคราะห,ขอมูลพบวLาประสิทธิภาพของชุดกิจกรรมการเรียนรูแบบ Active Learning วิชาโปรแกรม สรางภาพเคล่ือนไหว เร่ืองงานสรางภาพเคล่ือนไหวดวยโปรแกรม Adobe Flash อยูLในระดับมากท่ีสุด มีคLาเฉลยี่ ความพึงพอใจเทาL กบั ๔.๗๐ และมีคLาเบีย่ งเบนมาตรฐานเทาL กับ ๐.๔๙ สรุปผลการดำเนนิ การ ดานผเู รียน ผูเรียนมีผลสัมฤทธ์ิทางการเรียนหลังเรียนดวยชุดการจัดการเรียนรูที่สรางข้ึนจากการ วิเคราะห,ขอมูลพบวLาประสิทธิภาพของชุดกิจกรรมการเรียนรูแบบ Active Learning วิชาโปรแกรมสราง ภาพเคล่ือนไหว เร่ืองงานสรางภาพเคล่ือนไหวดวยโปรแกรม Adobe Flash ที่สรางขึ้นสูงกวLากLอนเรียน อยาL งมนี ัยสำคัญทางสถติ ิที่ระดบั .๐๕ ผูเรียนมีความพึงพอใจตLอชุดการจัดการเรียนรูท่ีสรางขึ้นจากการวิเคราะห,ขอมูลพบวLา ประสิทธิภาพของชุดกิจกรรมการเรียนรูแบบ Active Learning วิชาโปรแกรมสรางภาพเคลื่อนไหว เร่ือง งานสรางภาพเคล่ือนไหวดวยโปรแกรม Adobe Flash อยLใู นระดับมากท่สี ดุ ดานครูผสู อน จัดการเรียนรูท่ีเนนผูเรียนเปYนสำคัญ ตอบสนองความตองการของผูเรียน ตามหลักสูตร มาตรฐานคุณวุฒิอาชีวศึกษาในระดับการศึกษา ตามระเบียบหรือขอบังคับเก่ียวกับการจัดการศึกษาและ การประเมินผลการเรียนของหลักสูตร สLงเสริม สนับสนุน กำกับ ดูแล จัดการเรียนการสอนรายวิชาได ถูกตอง ครบถวนสมบูรณ, พัฒนาทักษะการสอน วิธีการสอน ปรังปรุง พัฒนาแผนการจัดการเรียนรูรLวมกับ สมาชิกในกลLุมท่ีมีความรู ปรึกษาหารือ หาวิธีการแกไขปfญหา โดยการสอดแทรกหลักคุณธรรม จริยธรรม และคุณลักษณะท่ีพึงประสงค, เขาไปในการเรียนการสอน เพื่อปลูกฝfงผูเรียนใหเกิดความรู ทักษะวิชาชีพ และสามารถนำความรู ทกั ษะวชิ าชีพไปใชในชวี ิตประจำวนั ได
๘ ดานประเมนิ ดานคณุ ธรรม จริยธรรม และคณุ ลักษณะท่ีพึงประสงคขS องผเู รยี น ผูเรียนมคี ณุ ธรรม จริยธรรม และคุณลักษณะท่ีพึงประสงคผ, Lานเกณฑท, ก่ี ำหนดทุกคน ดานชดุ การจัดการเรียนรรู ายวชิ า ชดุ การจัดการเรียนรูที่สรางขึ้นจากการวิเคราะห,ขอมูลพบวLาประสิทธิภาพของชุดกิจกรรม การเรยี นรแู บบ Active Learning วิชาโปรแกรมสรางภาพเคลอื่ นไหว เร่ืองงานสรางภาพเคลอื่ นไหวดวย โปรแกรม Adobe Flash ระดับประกาศนียบัตรวิชาชีพ(ปวช.) ช้ันปdที่ 3 สาขาวิชาคอมพิวเตอร, ธุรกิจ วิทยาลัยการอาชีพนวมินทราชินีมุกดาหาร ประกอบดวยคำชี้แจง สมรรถนะวิชาชีพสาขาวิชา คอมพิวเตอร, สาระสำคัญ สาระการเรียนรู ผลการเรียนรูที่คาดหวัง แบบทดสอบกLอนเรียน ใบความรู แบบทดสอบหลังเรียน เปYนชุดการจัดการเรียนรู ท่ีมีประสิทธิภาพ 78.42/76.14 ซ่ึงสูงกวLาเกณฑ,ท่ีตั้งไว คือ ๗๕/๗๕ สามารถนำไปใชในการจดั การเรยี นรูทท่ี ำใหผเู รียนมีผลสมั ฤทธกิ์ ารเรยี นรสู งู ขน้ึ ไดจริง
๙ บรรณานกุ รม นราวธุ สีหะวงษ, (๒๕๖๓) การสรางและหาประสทิ ธภิ าพเอกสารประกอบการเรียนรฝู {กทกั ษะ ดวยตนเอง เรื่อง “งานทำระดับพืน้ ที่กLอสราง” รายวิชารหสั วิชา ๒๐๑๒๑-๒๐๐๒ วิชาการสำรวจเพ่อื การ กLอสราง ระดับประกาศนียบตั รวชิ าชีพ ชน้ั ปdท่ี ๒ สาขาวชิ าชาL งกLอสราง วิทยาลยั การอาชพี นวมินทราชินี มกุ ดาหาร เรวณี ชยั เชาวรตั น, (๒๕๖๑) ชมุ ชนการเรียนรูทางวชิ าชพี คณะครุศาสตร, มหาวิทยาลัยราชภฏั อุดรธานี จังหวัดอดุ รธานี สำนกั พัฒนาสมรรถนะครแู ละบคุ ลากรอาชวี ศกึ ษา สำนักงานคณะกรรมการอาชีวศกึ ษา กระทรวงศกึ ษาธิการ (๒๕๖๑) แนวทางการขบั เคลอ่ื นขบวนการชนุ การเรยี นรูทาง วิชาชพี กรุงเทพมหานคร
๑๐ ภาคผนวก
๑๑ ภาคผนวก ก แผนปฏบิ ตั กิ ารชมุ ชนการเรียนรทู างวชิ าชพี (Professional Learning Community Action Plan: PLC-AP) วทิ ยาลยั การอาชีพนวมินทราชินมี กุ ดาหาร
/ utu~oi75$» en6Lnun8et 1ms» 77e iiew PLC os « (PLC) nun~unaiwuiui~own ad s arr& t«do«' as nan#zrprunevmf (PCL ten3sin ~nimn toe eu thesrunaenunix~riuunevzrurim@ (PLC) #er~a'mi ww g_,suniseinarum am?earfueris~is flnhwa~ $1290/345_3E_14E,__i.eE730781/5_2e7 (%(i13ig2/71 le 'nrite let'et isi7a1ere88g86_9ii 44 o. njrpsruninf anrennins»r lo. annozy be.lo wuhean £aui inn'nn,z b.a uuanlnna Lan an7inns• .bte.e wwezaun8sa cw«72 an#nt•h be.« sun5 iu5ls avg.rn,» wurusr aviu5 a. isnaten, 1veana nin# #nun.is niwan@um • inhen wain ti sun.is ernsnaihuwrimwwnns nu« a4 A «. auhemnzy ioiinn;a7naiunisfs o. iautunzmrins slri e ob.mo 1L.- or%.mo L uon ialto» iwon vie.ws.7° hnne•t PLC m1e!l8.--···-··--····-···········-···- (1wwam ·in) izwu•na .7wai.,n.:( 21/6�) V 'et~• wanihurter5wwnn5 Ne7128n728a181787#deW1/21/7741.1/n1717% V• ·······J. J. .
• ------- --- en+7nu~unawair~lnw de ns#nivnrrun5uu5win (PLC ntvii e aeiuneia-avunnlvla~aarun amain5ion-anluila~aan 1le<nnuL 1ln#nn1 oo« unaennin~nun@runty5mi (PLC) uaoln1 1el minbe« 1i5use~un5a#nzg-ins5winlu~ sun 5asnhe:rl v n3184t • njwrune$vi»iuil e e~mini woo« e. nyrnufii an8mi@sf a. anrinn¥ ,. uni rs• iro.a siran n. 175•1< 74r8711 iu.is n• nus» eiwain an.le 174wt/227W5 -·fa• wn• uis m mar niwee I• 9!' / 2•9$1a14¥ +w•nags a.a wwhefgri 2Yao• • a.« Buanlnra lam #iuwit eswin1n a.«amacing•i• s• um•2 mb/c8ur5 is5las vis i•rae «. #Kwunaann#d+ieriasiurinnsie#aui.jnisuni»nhuatnwinr5wen «. • aoriizunzj iainnana:funs a8 A l. iulwe«prgep 4 1l ab.so ocd.ano 1l. 1le en71 / 2ge1e% o in9n281 4.1. bed'bat 4 (win manias) zjruninuium@n»Tr
PLC ๐๒ แผนปฏิบัตกิ ารชมุ ชนการเรยี นรู้ทางวิชาชีพ (Professional Learning Community Action Plan: PLC-AP) วิทยาลัยการอาชีพนวมินทราชนิ มี ุกดาหาร วันที่ 17 พฤศจิกายน 2564 สถานที่ ห้องพกั ครูสาขาวิชาคอมพิวเตอร์ธุรกิจ เวลาประชมุ เรมิ่ . 16.30 น. เวลาสนิ้ สุด 18.30 น. จำนวนผู้เขา้ ร่วมประชุม ๖ คน กลุ่มชมุ ชนการเรยี นรทู้ างวิชาชพี สาขาวิชาคอมพิวเตอรธ์ ุรกิจ รายช่ือสมาชิกกลุ่ม PLC (Buddy teacher) ๑) นางสุดารัตน์ วงศ์คำพา ๒) นางประภาพร ผวิ เรืองนนท์ ๓) นางประเสรฐิ ศรี สทุ ธิพันธ์ ๔) สบิ เอกโกศล โสดา ๕) นางสาวณฏั ฐาวรยี ์ เสอื แกว้ ๖) นายวชั รนิ ทร์ พนั ธ์สำโรง ครูรนุ่ พ่ี (Senior teacher)/ ปราชญท์ อ้ งถิน่ นายอดลุ ศรีภักดี ผ้อู ำนวยการ/รองผู้อำนวยการ ผู้เช่ยี วชาญ (Expert) นายพูลศักด์ิ ศรีวรมย์ ประเดน็ ปญั หาทเ่ี ลือกนำมาเปน็ เปา้ หมาย การสรา้ งและหาประสิทธภิ าพชดุ กจิ กรรมการเรยี นรู้ ของครู ในสาขาวิชาคอมพิวเตอร์ธุรกิจ แผนปฏบิ ตั กิ าร คร้ังท่ี (วงรอบ) ๑-๑5 (1 พฤศจิกายน ๒๕๖4 ถงึ 11 มีนาคม ๒๕๖5) ลำดบั กจิ กรรม บทบาท วัน เดือน ปี 1 ประชุมจดั กำหนดแนวทางการดำเนินงาน สมาชกิ ในกลุ่ม 3 พ.ย. 2564 กลุ่มชมุ ชนการเรยี นรู้ทางวชิ าชพี (PLC) 16.30-18.30 น. คอมพิวเตอร์ธรุ กจิ 2 ประชมุ ร่วมกันพิจารณาเลอื กปญั หา สมาชิกในกล่มุ 10 พ.ย. 2564 เป้าหมาย และร่วมกนั หาแนวทางในการ 16.30-18.30 น. แกป้ ญั หา 3 จดั ทำแผนปฏบิ ัตกิ ารชุมชนการเรยี นรทู้ าง Model teacher ร่วมกบั สมาชกิ 17 พ.ย. 2564 วิชาชีพ (PLC) ในกลุ่ม 16.30-18.30 น. 4 สรา้ งรูปแบบชดุ การจดั การเรียนรู้ ของครู Model teacher 24 พ.ย. 2564 ในสาขาวชิ าคอมพิวเตอรธ์ รุ กิจ ๑. นางสดุ ารตั น์ วงศ์คำพา 16.30-18.30 น. 30001 - 2003 เทคโนโลยี ดิจทิ ัลเพือ่ การจัดการอาชีพ ๒. นางประภาพร ผิวเรอื งนนท์ รหสั วิชา 30200-0014 วิชาการเขยี นโปรแกรมเชงิ วัตถุ เบ้ืองต้น ๓. นางประเสรฐิ ศรี สทุ ธิพนั ธ์ รหสั วชิ า 20204-2111 วชิ าโปรแกรมสรา้ งภาพเคลื่อนไหว ๔. สิบเอกโกศล โสดา รหสั วชิ า 20205 2105 วิชาโปรแกรมฐานขอ้ มลู
แผนปฏิบตั กิ าร ครั้งที่ (วงรอบ) ๑-๑5 (1 พฤศจิกายน ๒๕๖4 ถงึ 11 มีนาคม ๒๕๖5)ตอ่ ลำดับ กิจกรรม บทบาท วนั เดอื น ปี ๕. นางสาวณฏั ฐาวรีย์ เสือแกว้ รหสั วชิ า 30001-2001 วชิ าเทคโนโลยีสารสนเทศ เพือ่ การจดั การอาชีพ ๖.นายวชั รนิ ทร์ พันธ์สำโรง ๓๐๒๐๔-๒๐๐๗ วชิ า เครือข่ายคอมพวิ เตอร์และ ความปลอดภัยสำหรบั ธุรกจิ ดจิ ิทัล 5 แลกเปลยี่ นเสนอแนะสะทอ้ นการจัดการ สมาชกิ ในกลมุ่ 1,8 ธ.ค.2564 เรยี นรู้ดว้ ยชุดการจัดการเรยี นรู้ ของครู 16.30-18.30 น. ในสาขาวิชาคอมพวิ เตอร์ธุรกิจ 6 สร้างแบบทดสอบแลกเปล่ียนเสนอแนะ Model teacher และสมาชิก 15 ธ.ค.2564 แบบทดสอบวัดผลสัมฤทธ์ิ ในกลุ่ม 16.30-18.30 น. 7 ลงมอื ปฏิบตั กิ ารสอน/ฝกึ /จัดกจิ กรรม Model teacher 20 ธ.ค.-24 ธ.ค. 64 08.30-18.30 น. 8 สรุป สงั เคราะห์รปู แบบการจัดการเรยี นรู้ Model teacher 5 ม.ค. 2565 ดว้ ยชุดการจัดการเรียนรู้ ของครู ใน 16.30-18.30 น. สาขาวชิ าคอมพวิ เตอร์ธรุ กิจ 9 สงั เกตการสอนในชัน้ เรียน สมาชกิ ในกลุ่ม 10-14 ม.ค. 2565 08.30-18.30 น. 10 ประชุมสะท้อนผลต่อการสังเกตชน้ั เรียน สมาชิกในกลุม่ 19 ม.ค. 2565 16.30-18.30 น. 11 สรปุ สังเคราะหก์ ารจัดการเรียนการสอน Model teacher 26 ม.ค. 2565 ออนไลน์จากสมาชิกในทีม จุดอ่อน 16.30-18.30 น. จดุ เด่นของการดำเนนิ การ 12 สรปุ รปู แบบท่ีปรบั ปรงุ จากบทเรยี นท่ีได้ Model teacher 2 ก.พ. 2565 ทดลองใช้แลว้ แล้วลองปฏบิ ตั ิการสอน 16.30-18.30 น. 13 สร้างแบบประเมนิ ความพึงพอใจของผู้เรยี น Model teacher และสมาชิก 9 ก.พ. 2565 ทมี่ ตี อ่ การจดั การเรยี นรู้การสอนออนไลน์ ในกลมุ่ 16.30-18.30 น. ของครใู นสาขาวชิ าคอมพิวเตอรธ์ รุ กจิ 14 หาประสทิ ธภิ าพการจัดการเรียนการ Model teacher 16,23 ก.พ. 2565 สอนออนไลน์ของครูในสาขาวิชา คอมพวิ เตอรธ์ รุ กิจ 15 สรปุ ผลการดำเนินงาน Model teacher และสมาชิก 2,9 มี.ค. 2565 ในกลมุ่
············r········· ..r······· ·····7··e�,\". -(amuue LA.gun) t onu tuLm-thnLt-ne';» acne~rurue 4 tutMgtLL:Lung e (g, r&cg.,.» guuun) (1tu• Lu~gun) • :\"\"' AUDy0g \" rt~uupaspcuusnj e (rt; gueiau �···············e�,\" gt~setturte 1a rbutrt su«[email protected] 1a ~utu w/ (U4Utt tg[tun) a .............. -(]; .... ··········e•rn \"
๑๕ ภาคผนวก ข แผนการจัดการเรียนรูหนLวยเรยี นรู เรื่องงานสรางภาพเคลอื่ นไหวดวยโปรแกรม Adobe Flash รหสั วชิ า 20204-2111 ช่อื วชิ าโปรแกรมสรางภาพเคล่อื นไหว(Animation Program)
๑๖ แผนการจดั การเรยี นรทู ี่ 5 รหัสวิชา วิชาการสรางภาพเคล่ือนไหวคอมพวิ เตอรS เรียนรคู ร้งั ที่ 5 หนว4 ยท่ี 5 20204-2111 เวลาเรยี นรู 4 ช่ัวโมง ช่ือหน4วยเรียนรู การสรางภาพเคล่อื นไหวดวยโปรแกรม Adobe Flash หวั ของาน/หวั ขอเร่ือง การสรางภาพเคล่อื นไหวดวยโปรแกรม Adobe Flash 1. โปรแกรมสรางภาพเคลอื่ นไหว 2. การเลอื กใชโปรแกรมสรางภาพเคลื่อนไหว 3. การเลอื กใชโปรแกรมทเี่ หมาะสมกับงานประเภทตาL งๆ 4. ความรูเบื้องตนเก่ยี วกับโปรแกรม Adobe Flash 5. การเขาสูโL ปรแกรม Adobe Flash 6. สวL นประกอบของโปรแกรม Adobe Flash สาระสำคัญ ศึกษาการใชโปรแกรมสรางภาพเคล่ือนไหว การเลือกใชโปรแกรมสรางภาพเคลื่อนไหว การ เลือกใชโปรแกรมที่เหมาะสมกับงานประเภทตLางๆ ความรเู บื้องตนเก่ียวกับโปรแกรม Adobe Flash การ เขาสูโL ปรแกรม Adobe Flash สLวนประกอบของโปรแกรม Adobe Flash ซึ่งในการปฏิบัติเก่ียวกับการเลือกใชโปรแกรมภาพเคลื่อนไหว ตอง มีความพอประมาณ อาL นและจดบนั ทึกใหถกู ตองมเี หตผุ ล จะเปYนภูมิคุมกนั ใหแกLผเู รยี น สมรรถนะประจำหนว4 ยการเรยี นรู เขียนรายงานเก่ียวกบั การเลือกใชโปรแกรมภาพเคล่อื นไหว จดุ ประสงคSการเรียนรเู ชงิ พฤติกรรม หลงั จากศึกษาหนวL ยนแ้ี ลว ผเู รยี นรสู ามารถ 1. ดานความรู 1. โปรแกรมสรางภาพเคล่อื นไหว 2. การเลือกใชโปรแกรมสรางภาพเคลอื่ นไหว 3. การเลอื กใชโปรแกรมที่เหมาะสมกับงานประเภทตLางๆ 4. ความรเู บื้องตนเกีย่ วกับโปรแกรม Adobe Flash 5. การเขาสูLโปรแกรม Adobe Flash 6. สLวนประกอบของโปรแกรม Adobe Flash 2. ดานทักษะ 1. เลือกใชโปรแกรมสรางภาพเคล่ือนไหวไดอยLางเหมาะสม อยาL งมีเหตุผล 2. เลือกใชโปรแกรมท่ีเหมาะสมกบั งานประเภทตLางๆไดอยLางเหมาะสม มเี หตผุ ล 3. ดานคณุ ลักษณะที่พึงประสงคS มีกจิ นิสัยในการคนควาหาความรเู พ่ิมเติมและมรี ะเบียบ วนิ ยั ในการปฏบิ ัติงาน พฤตกิ รรมบง4 ชท้ี ่ีตองการเนน ในขณะศึกษาหนLวยน้ี ผูเรียนรูตองมีพฤติกรรมบงL ช้ี ดังน้ี 1. มกี ารเตรียมความพรอมในการเรียนและปฏิบัตงิ าน 2. ซกั ถามปfญหาขอสงสยั 3. สามารถแกไขปfญหาไดดวยตนเอง 4. ไมLนำผลงานของคนอนื่ มาแอบอาง 5. ปฏบิ ัติงานดวยความประณตี รอบคอบ และถกู ตอง
๑๗ เนื้อหาสาระการเรยี นรู 1. โปรแกรมสรางภาพเคลือ่ นไหว 2. การเลอื กใชโปรแกรมสรางภาพเคลือ่ นไหว 3. การเลือกใชโปรแกรมที่เหมาะสมกับงานประเภทตLางๆ 4. ความรูเบ้ืองตนเก่ยี วกบั โปรแกรม Adobe Flash 5. การเขาสLโู ปรแกรม Adobe Flash 6. สวL นประกอบของโปรแกรม Adobe Flash กลยุทธSในการจดั การเรียนรู ในขณะศึกษาหนวL ยน้ี ผูเรียนรูตองปฏบิ ตั ิงานตามขนั้ ตอน ดงั นี้ ฝ{กใหนักเรียนกลาที่จะแสดงความคิดเห็นโดยใหอภิปรายสรุปเน้ือหาในบทเรียน และ รวL มกนั หาขอมลู เพ่ิมเตมิ ตอบขอซกั ถาม แลกเปลย่ี นความคดิ เหน็ ฝ{กใหทำงานเปYนทีม เพื่อแบLงหนาท่ี ความรับผิดชอบและ ระดมความคิด ใหเปYนขอสรุป ของแตลL ะกลมุL และนำมามาอภิปรายในชนั้ เรยี น วัสดุ-อุปกรณS/เครือ่ งมอื /เคร่ืองจักร 1. เคร่ืองคอมพวิ เตอร, 2. สมดุ รายงาน 3. ดนิ สอ 4. ปากกา 5. ไมบรรทดั กจิ กรรมการเรยี นรู ขน้ั นำเขาสบู4 ทเรียน 1. แนะนำจุดประสงค,ของรายวชิ า และมาตรฐานรายวชิ า และเปาh หมายของการศึกษา 2. ชีแ้ จงจุดประสงค,ของการเรยี นรูหนLวยที่ 5 แนวและแนวทางการเรียนการสอน 3. แนะนำเกณฑก, ารใหคะแนน การวัดประเมินผล การลา และจำนวนคาบท่ีขาดได 4. เตรยี มอปุ กรณ,การเรยี น การสอน และสำรวจความพรอมของนักศึกษาโดยรวม 5. ตรวจสอบความพรอมของเครอื่ งคอมพิวเตอร, เปmดตัวอยาL งงานแอนิเมชนั สนั้ ๆ ให นศ.ดู ขั้นสอน 6. นำชุดกิจกรรมการเรียนรแู บบ Active Learning เร่ืองการสรางภาพเคลื่อนไหวดวยโปรแกรม Adobe Flash ใหผเู รยี นไดฝ{กทกั ษะดวยตวั เองโดยมคี รูเปYนผูอำนวยความสะดวกในการจดั การเรยี นรู ขัน้ สรปุ 7. นำเสนอผลงานและแลกเปล่ยี นเรียนรผู ลงานผเู รยี นผLานสื่อ Patlet 8. ผเู รียนรวL มอภปิ ลายและประเมินผลงานรLวมกนั งานทีม่ อบหมาย/กิจกรรม ใหผูเรียนรแู ตลL ะคนศกึ ษาชดุ กจิ กรรมการเรยี นรูแบบ Active Learning ทส่ี รางขึน้ ขอควรระวงั - หลกั ฐานการเรียนรู 1. ผลงาน/ชนิ้ งาน 3. ใบประเมนิ ผลการปฏบิ ตั งิ าน สอ่ื การเรียนรู 2. ใบประเมินพฤตกิ รรมบLงชี้
๑๘ ส่อื การเรียนรู 1. หนังสือเรยี นวิชาเทคนคิ การสรางภาพเคลอื่ นไหวคอมพิวเตอร, 2. ชดุ กจิ กรรมการเรียนรแู บบ Active Learning 3. เครอ่ื งคอมพิวเตอร, 4. เครอื่ งโปรเจค็ เตอร, 5. เคร่อื งคอมพวิ เตอร,พกพา หรือแทบ็ เลต็ หรือ สมาร,ทโฟน 6. ส่อื การเรียนการสอนออนไลน, การวัดผล/ประเมนิ ผล หนวL ยน้วี ัดผลโดยวธิ กี าร ดังนี้ การวดั ผล 1. กอ4 นเรยี นรู ใชการสังเกต สมั ภาษณ, ตรวจสอบความพรอมในการเรยี นรูปฏิบัติงานฝ{กทักษะ 2. ขณะเรียนรู สังเกต สัมภาษณ, ตรวจสอบผลงาน ใชใบประเมินพฤติกรรมบงL ช้ี ใชแบบ ประเมินผลการเรียนรปู ฏบิ ัตงิ านฝ{กทักษะ 3. หลังการเรยี นรู ตรวจผลงาน การประเมินผล 1. ประเมินผลพฤติกรรมบLงชี้ โดยถือเกณฑผ, Lานสำหรับผูท่ไี ดคะแนนจากการประเมนิ ๓ คะแนนขึน้ ไป 2. ประเมินผลการเรียนรูปฏิบตั ิงานฝก{ ทกั ษะ โดยถือเกณฑ,ผาL นสำหรับผูทไ่ี ดคะแนนจาก การวัดประเมินผลงานไดรอยละ ๖๐ ขน้ึ ไป
๑๙ ภาคผนวก ค เครอ่ื งมือท่ีใชในการวจิ ัย ชุดกิจกรรมการเรียนรูแบบ Active Learning เร่ืองงานสรางภาพเคล่ือนไหวดวยโปรแกรม Adobe Flash รหสั วชิ า 20204-2111 ชื่อวิชาโปรแกรมสรางภาพเคลือ่ นไหว(Animation Program)
คำนำ ชุดการจัดการเรียนรู้ การสร้างภาพเคลื่อนไหวด้วยโปรแกรม Flash CS3 รหัสวิชา 20204-2111 รายวชิ าโปรแกรมสรา้ งภาพเคล่อื นไหว ระดบั ประกาศนยี บตั รวิชาชพี (ปวช.) โดยจัดทำขึ้นเพ่ือใช้เป็นส่วนหน่ึง ในการเรียนรู้ของผู้เรียน โดยมุ่งเน้นให้ผู้เรียนศึกษาค้นคว้าด้วยตนเองตามความถนัด ความสนใจ และความ แตกตา่ งระหว่างบคุ คล จนสามารถสรา้ งภาพเคลอ่ื นไหวได้ โดยมีครูคอยดูแลและให้คำแนะนำ เพ่อื สง่ เสรมิ เติม เต็มศกั ยภาพการเรียนรูข้ องนกั เรยี น แตแ่ ละบคุ คล ชุดการจัดการเรียนรู้ การสร้างภาพเคลื่อนไหวด้วยโปรแกรม Flash CS3 ใช้เวลาในการเรียน 4 ชัว่ โมง มเี น้ือหาเกย่ี วกับความร้พู นื้ ฐานเกีย่ วกบั โปรแกรมสร้างภาพเคลอื่ นไหว Flash CS3 สว่ นประกอบของ โปรแกรม แถบเคร่ืองมอื กล่องเครื่องมอื การสรา้ ง การบันทกึ การเปิดไฟล์งาน ประเสรฐิ ศรี สุทธิพันธ์
สำรบญั 1 2 หน้ำ 3 4 คาชแ้ี จงชดุ กิจกรรมการเรียนรู้ 4 คาช้แี จงสาหรับครู 4 คาชี้แจงสาหรับนักเรียน 5 สมรรถนะวิชาชีพสาขาวิชาคอมพิวเตอร์ 6 สาระสาคัญ 8 สาระการเรียนรู้ 9 ผลการเรียนรทู้ ่ีคาดหวงั แบบทดสอบก่อนเรยี น 12 กระดาษคาตอบแบบทดสอบก่อนเรยี น 13 ใบความรทู้ ่ี 1.1 ความร้พู ้ืนฐาน โปรแกรม Flash CS3 15 16 กจิ กรรมการเรยี นร้ทู ่ี 1.1 19 ใบความรทู้ ่ี 1.2 ส่วนประกอบของ โปรแกรม Flash CS3 16 24 กิจกรรมการเรียนรู้ที่ 1.2 25 ใบความรทู้ ่ี 1.3 การใชเ้ ครอ่ื งมอื ของ โปรแกรม Flash CS3 27 28 กิจกรรมการเรียนรู้ท่ี 1.3 29 ใบความรทู้ ี่ 1.4 การสร้าง การบันทกึ การเปดิ ไฟล์งาน 30 30 กิจกรรมการเรยี นรทู้ ่ี 1.4 31 แบบทดสอบหลงั เรียน 32 กระดาษคาตอบแบบทดสอบหลังเรยี น 33 บรรณานุกรม 34 ภาคผนวก - เฉลยแบบทดสอบกอ่ นเรียน - เฉลยแบบทดสอบหลังเรยี น - เฉลยกิจกรรมการเรยี นรทู้ ่ี 1.1 - เฉลยกจิ กรรมการเรยี นรูท้ ่ี 1.2 - เฉลยกิจกรรมการเรยี นรู้ที่ 1.3 - เฉลยกจิ กรรมการเรียนรทู้ ี่ 1.4
2 คาช้ีแจงสาหรับครู ชุดกจิ กรรมการเรียนรู้ เรอ่ื งการสรา้ งภาพเคลื่อนไหว ดว้ ยโปรแกรม Flash CS3 เล่มที่ 1 รจู้ กั กับ โปรแกรม Flash CS3 เบอ้ื งตน้ เลม่ น้ี ใช้ประกอบการจดั กิจกรรมการเรยี นการสอน รายวิชา การสรา้ ง ภาพเคล่อื นไหวโดยมีขัน้ ตอนการจดั กิจกรรมการเรยี นการสอน ดังนี้ 1. ศกึ ษาแผนการจัดการเรียนรแู้ ละชุดกิจกรรมการเรียนรแู้ ละคาชีแ้ จงตา่ งๆให้เข้าใจ 2. ครใู หน้ กั เรียนทาแบบทดสอบก่อนเรียน เพื่อดูวา่ นักเรยี นมพี ้นื ฐานความรูเ้ รอ่ื ง ความเขา้ ใจ เกีย่ วกบั โปรแกรม Flash CS3 มากน้อยเพยี งใด จากนัน้ แจง้ ผลการทดสอบให้นักเรยี นทราบ 3. ครูแจกชุดกิจกรรมการเรยี นรู้ เร่ืองการสรา้ งภาพเคลื่อนไหว ดว้ ยโปรแกรม Flash CS3 เล่มท่ี 1 ร้จู ักกบั โปรแกรม Flash CS3 เบ้ืองตน้ ให้กบั นักเรียน 4. ครูใหน้ ักเรียนศึกษาชดุ กิจกรรมการเรียนรู้ เรอื่ งการสรา้ งภาพเคลอื่ นไหว ดว้ ยโปรแกรม Flash CS3 เลม่ ที่ 1 รู้จกั กบั โปรแกรม Flash CS3 เบือ้ งต้น 5. ครูให้นักเรยี นทากิจกรรมตามใบงานในชุดกิจกรรมการเรยี นรใู้ ห้ครบทุกกจิ กรรม 6. ครตู รวจการทาใบงานตามกิจกรรมตามใบงานของนกั เรียน พรอ้ มทงั้ เฉลยให้นกั เรียนทราบ 7. ครูให้นกั เรียนทาแบบทดสอบหลังเรยี นเพือ่ ดวู า่ นักเรียนมคี วามรู้ ความเข้าใจหลงั เรียนมากน้อย เพียงใด 8. ครูสังเกตพฤตกิ รรมคุณลักษณะท่ีพงึ ประสงค์ และบนั ทกึ ผล 9. ครตู รวจคะแนนและบันทกึ ผลลงในแบบเก็บคะแนน ชดุ กิจกรรมการเรยี นรู้ เร่อื งการสรา้ ง ภาพเคลอ่ื นไหว ด้วยโปรแกรม Flash CS3 เล่มท่ี 1 รู้จกั กับโปรแกรม Flash CS3 เบ้อื งต้น 10. ครูแจง้ คะแนนให้นกั เรียนทราบและชมเชยนักเรยี นพร้อมให้คาแนะนาเพ่มิ เตมิ
3 คาชแ้ี จงสาหรับนักเรยี น ชุดกิจกรรมการเรียนรู้ เรอ่ื งการสร้างภาพเคล่อื นไหว ด้วยโปรแกรม Flash CS3 เลม่ ท่ี 1รจู้ ักกบั โปรแกรม Flash CS3 เบ้ืองตน้ เล่มนี้ ใช้ประกอบการจัดกจิ กรรมการเรยี นการสอน รายวชิ า การสร้าง ภาพเคลอื่ นไหวโดยให้นักศึกษาศกึ ษาก่อนฝึกลงมอื ปฏบิ ัติดงั ต่อไปนี 1. นักเรียนฟังคาชแ้ี จงการใช้ชุดกิจกรรมการเรียนรู้ เร่อื งการสร้างภาพเคล่ือนไหว ด้วยโปรแกรม Flash CS3 เล่มท่ี 1 รูจ้ กั กับโปรแกรม Flash CS3 เบื้องต้น ใหเ้ ข้าใจ 2. นักเรยี นรบั ชุดกจิ กรรมการเรยี นรู้ เรอ่ื งการสรา้ งภาพเคล่อื นไหว ดว้ ยโปรแกรม Flash CS3 เลม่ ที่ 1 ร้จู ักกับโปรแกรม Flash CS3 เบือ้ งตน้ 3. นกั เรียนทาแบบทดสอบก่อนเรียน เพ่ือประเมินดูว่านักเรยี นมีพ้ืนฐานความรเู้ รือ่ ง ความเขา้ ใจ เก่ยี วกับโปรแกรม Flash CS3 มากนอ้ ยเพยี งใด 4. นักเรียน ศกึ ษาเน้อื หาจากชุดกิจกรรมการเรียนรู้ เรือ่ งการสรา้ งภาพเคลื่อนไหว ดว้ ยโปรแกรม Flash CS3 เลม่ ท่ี 1 รูจ้ กั กบั โปรแกรม Flash CS3 เบื้องตน้ ทาความเขา้ ใจให้ดีตงั้ แตห่ น้าแรก ถึงหนา้ สดุ ท้ายตามลาดบั อยา่ ข้ามข้นั ตอนและ ทากจิ กรรมตามใบงานในชดุ กจิ กรรมการเรยี นรใู้ ห้ ครบทกุ กจิ กรรม 5. เม่อื พบคาชแี้ จงหรือคาถามให้นกั เรยี นอ่านและทากิจกรรมทกี่ าหนดใหอ้ ย่างรอบคอบ 6. สง่ ผลงานการทากจิ กรรมการเรยี นรู้จากทา้ ย ชุดกจิ กรรมการเรยี นรู้ เพอ่ื ให้ครตู รวจและบันทกึ ผล 7. เมื่อทาแบบฝกึ หัดเสรจ็ แลว้ จดั เกบ็ อปุ กรณใ์ ห้เรยี บรอ้ ย 8. เมื่อนกั เรียนทกุ คนทากิจกรรมการเรียนรคู้ รบแลว้ ให้นักเรยี นทาแบบทดสอบหลงั เรยี นดว้ ยความ ต้ังใจและซอ่ื สตั ย์ 9. รบั ฟังการบอกคะแนนคาชมเชยและคาแนะนาเพ่มิ เตมิ จากครู
4 สมรรถนะวิชาชีพคอมพิวเตอร์ 3.3.6 ประยุกต์ใชค้ วามรู้ ทักษะทางวิชาชพี เทคโนโลยีสารสนเทศและการสอ่ื สารในการแก้ปัญหา และการปฏิบัตงิ านคอมพิวเตอร์ธุรกจิ 3.3.8 ใช้โปรแกรมสำเร็จรปู ในงานธุรกจิ สาระสาคัญ ในปจั จุบนั คอมพิวเตอร์เปน็ สง่ิ สาคัญในการเรยี นร้สู าหรับนกั เรยี น เพอื่ ใหน้ ักเรยี นมคี วามร้แู ละ มีศักยภาพในการใช้คอมพวิ เตอร์ในการสรา้ งสรรคผ์ ลงานต่างๆ โปรแกรม Flash CS3 เป็นอกี โปรแกรมหน่งึ ทจี่ ะช่วยใหน้ กั เรยี นมศี ักยภาพ ในการสรา้ งสรรค์ผลงานไดม้ ากขน้ึ ซ่ึงโปรแกรม Flash CS3 เป็นโปรแกรมที่ ใช้สาหรับสรา้ งภาพเคลอื่ นไหว (Animation) เช่นการสรา้ งเกม การสร้างการต์ ูนเคลื่อนไหว (Animation) การสร้างเว็บไซต์ เป็นตน้ สาระการเรียนรู้ 1. ความร้พู นื้ ฐาน โปรแกรม Flash CS3 2. สว่ นประกอบของโปรแกรม Flash CS3 3. การใช้เครื่องมอื ของโปรแกรม Flash CS3 4. การสร้าง การบันทึก การเปิด ไฟล์งาน
5 ผลการเรียนรทู้ ่คี าดหวัง ด้านความรู้ (K) 1. สามารถอธิบายความรู้พื้นฐาน โปรแกรม Flash CS3 ได้ 2. สามารถบอกส่วนประกอบของโปรแกรม Flash CS3 ได้ 3. สามารถอธบิ ายวธิ ีการการใช้เครือ่ งมอื ของโปรแกรม Flash CS3 ได้ 4. สามารถสร้าง บันทึก และเปิด ไฟล์งานได้ ทกั ษะ/กระบวนการ/กระบวนการคดิ (P) ใชง้ านเคร่อื งมือและคาสงั่ เพ่ือสร้างภาพเคล่อื นไหว (Animation) ได้ คุณลกั ษณะอันพึงประสงค์ (A) ซอ่ื สตั ย์ มีวินัย ใฝ่เรียนรู้ ม่งุ มัน่ ในการทางาน
6 แบบทดสอบก่อนเรียน เลม่ ท่ี 1 เร่ือง ร้จู กั กบั โปรแกรม Flash CS3 เบื้องต้น คาช้แี จง แบบทดสอบชดุ นเ้ี ปน็ แบบปรนัย 4 ตัวเลอื ก จานวน 10 ขอ้ เวลาในการทาแบบทดสอบ 10 นาที คาส่งั ให้นกั เรียนเลือกคาตอบทีถ่ ูกตอ้ งเพียงคาตอบเดยี ว และทาเคร่ืองหมายกากบาท ลงใน กระดาษคาตอบ (10 คะแนน) 1. โปรแกรม Adobe Flash CS3 มคี วามสามารถในดา้ นใด ก. งานพมิ พ์เอกสาร ข. การสร้างฐานข้อมลู ค. การออกแบบรปู ภาพ ง. การสรา้ งภาพเคลอ่ื นไหว 2. การเข้าใชโ้ ปรแกรม Adobe Flash CS3 ตอ้ งเลือกทคี่ าสง่ั ใด ก. Action Script 1.0 ข. Action Script 2.0 ค. Action Script 3.0 ง. Action Script 4.0 3. ไฟล์ของโปรแกรม Adobe Flash CS3 ขอ้ ใดทีส่ ามารถนากลบั มาแก้ไขได้ ก. .Swf ข. .Flv ค. .Fla ง. .Pdf 4. ไฟล์ Shock Wave Flash ท่ีโปรแกรม Flash CS3 สามารถ Export ได้คือข้อใด ก. .Swf ข. .Flv ค. .Fla ง. .Pdf
7 5. คาสัง่ ใดใช้เรียก กลอ่ งเคร่ืองมือ ในการทางาน ก. Modify > Tools ข. Window > Tools ค. Insert > Tools ง. Edit > Tools 6. Stage ทาหนา้ ท่ีอะไร? ก. พนื้ ทีส่ าหรบั การสร้างภาพเคล่ือนไหว ข. กาหนดการเคลือ่ นไหวของวัตถุ ค. หาเครื่องมอื ท่ีหายไป ง. กาหนดคณุ สมบัติใหก้ บั วตั ถุ 7. ถ้าต้องการกาหนดสีของ Stage จากสขี าว ให้เปน็ สีดาต้องใช้ Panel คาส่ังใด ก. Action ข. Toolbar ค. Properties ง. Motion Editor 8. คีย์ลัด Ctrl + เป็นคยี ์ลัดการทางานของคาส่งั ใด ก. ล๊อคหน้าจอ ข. ขยายหนา้ จอ ค. ลบขนาดหน้าจอ ง. ลดขนาดหนา้ จอ 9. ถ้าต้องการบันทกึ ไฟล์ เพ่อื นากลบั มาแก้ไขใหม่ได้ต้องใชค้ าสั่งใด ก. File > Browse ข. File > Save ค. File > Open ง. File > New 10. ข้อใดต้ังช่อื ไฟลไ์ ม่ถูกตอ้ ง ก. Nadet_64.fla ข. Nadet 64.fla ค. Nadet 6.4.fla ง. Nadet 6/4.fla
8 กระดาษคาตอบแบบทดสอบก่อนเรยี น ชือ่ ...................................................................... ชนั้ ............ เลขที่............. ขอ้ ก ข ค ง 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. รวม
9 ใบความรทู้ ่ี 1.1 ความรูพ้ น้ื ฐาน โปรแกรม Flash CS3 Flash CS3 เป็นผลิตภณั ฑท์ ่ีพัฒนามาเพื่อสนบั สนุนการสร้างงานกราฟิก ทงั้ ภาพนง่ิ และ ภาพเคลื่อนไหว สาหรับการนาเสนอผ่านเครือข่ายอนิ เทอรเ์ นต็ Flash มีฟังกช์ นั ช่วยอานวยความสะดวก ใน การสร้างผลงานหลากหลายรปู แบบ ตลอดจน ชุดคาสั่งโปรแกรมมง่ิ ทเี่ รียกวา่ Flash Action Script ทเ่ี พม่ิ ประสิทธภิ าพในการ ทางาน และสามารถคอมไพล์ (Compile) เป็นโปรแกรมใช้งาน (Application Program) เช่น การทาเปน็ e-Card เพือ่ แนบไปพร้อมกับ E-Mail ในโอกาสตา่ งๆ ความสามารถของ Flash CS3 สรา้ งชิน้ งาน Interactive มีส่วนตอบสนองกบั ผูใ้ ช้ เชน่ ผู้ใช้สามารถคลกิ เลือกเมนูตา่ งๆ ได้ นาไปประยกุ ต์ เป็นสือ่ การสอน (E- Learning) หน้าจอควบคุมการทางานตา่ งๆ สอ่ื โฆษณา (Banner) บน เวบ็ ไซต์ การต์ ูนแอนิเมชันตา่ งๆ เป็นต้น สรา้ งชนิ้ งาน Animation จุดเด่นของการทา งานในโปรแกรม Flash คือการสร้าง Animation หรือ ภาพเคลือ่ นไหว มีเครื่องมืออานวยความสะดวก ทาให้โปรแกรม Flash สร้างผลงาน Animation ได้งา่ ย สรา้ งเวบ็ ไซต์ ( Website ) โปรแกรม Flash สามารถสรา้ งเว็บไซตไ์ ดส้ วยงาม และสรา้ งลกู เล่นตา่ งๆ ไดง้ า่ ย มีจุดอ่อนคอื เว็บไซต์ทสี่ รา้ งด้วยโปรแกรม Flash แก้ไขข้อมลู ได้ยาก และขนาดของไฟล์ เวบ็ ไซต์คอ่ นข้างใหญ่ สร้างเกมส์ ( GAME ) Flash มีเครอ่ื งมือชว่ ยสรา้ งองค์ประกอบต่างๆ ใหเ้ กมส์มีความสวยงาม มีเครือ่ งมือ สาหรบั สร้างคาส่งั ควบคุมการเล่นเกมส์ อีกทงั้ ไฟลเ์ กมสท์ ่สี ร้างออกมามขี นาดเล็ก ทาให้อัพ โหลดสู่เวบ็ ไซต์ไดอ้ ยา่ งรวดเรว็
10 การเข้าเรียกใชง้ าน โปรแกรม Flash CS3 การเข้าสโู่ ปรแกรม Flash Cs 3 สามารถทาได้ 2 วิธี ดังนี้ วิธีที่ 1 ดับเบิลคลิกที่ไอคอน Adobe Flash Cs3 ทอี่ ย่ตู รง หนา้ จอเดสก์ท็อป วิธีที่ 2 1. คลกิ ท่ีป่มุ Start 2. คลิกเลอื กเมนู All Program 3. เลือ่ นเมาส์มาตรงโปรแกรม Adobe Flash Cs3 คลกิ ทีช่ ่ือ โปรแกรม 1 คร้งั เพือ่ เขา้ ใช้งานโปรแกรม
11 เม่ือเปดิ โปรแกรมโปรแกรม Flash Cs3 จะเจอหน้าตา่ งต้อนรับที่ให้เราสามารถเลือกประเภทของงาน Flash ตามทต่ี อ้ งการ ซึ่งประกอบด้วย 3 หัวข้อใหญ่ ดงั ภาพ 1. Open a Recent Item เปน็ การเลอื กเปิดงานที่มีอย่ใู นเคร่อื ง โดยจะโชว์ชอื่ งานชิ้นล่าสุดท่ี เคยเปดิ แลว้ หรอื สามารถกดปมุ่ Open เพ่ือเลอื กงานจากโฟลเดอร์ต่างๆ 2. Create New เปน็ การสรา้ งงาน Flash ขน้ึ มาใหม่ เพื่องา่ ยตอ่ การใชง้ าน ให้คลิกเลือกตรง ActionScript 2.0 เพอ่ื เขา้ สูก่ ารเร่ิมต้นทางาน 3. Create from Template เป็นการสรา้ งงาน Flash จากโครงร่างสาเร็จรปู ท่โี ปรแกรม เตรยี มไวใ้ ห้ นามสกลุ ของโปรแกรม Flash Cs3 โปรแกรม Flash จะสร้างนามสกุลหลักๆ 2 อยา่ ง คือ 1. *.fla คอื ไฟล์ทีไ่ ดจ้ ากการสร้างช้ินงานใน Flash ทเี่ กดิ จากการบนั ทึกเปน็ ไฟล์ตน้ ฉบับ ซง่ึ สามารถ นาเปลีย่ นแปลงแก้ไขได้ *.fla ยอ่ มากจาก Flash Movie หรือทเี่ รยี กว่า Movie 2. *.swf คือไฟลท์ ี่ Flash สร้างขนึ้ หลังจากการแสดงผลออกมา ซง่ึ สามารถดบั เบล้ิ คลกิ ดผู ลการแสดงได้โดยไม่ต้องเปิดโปรแกรม Flash ซง่ึ *.swf ยอ่ มาจาก Shockwave Flash
12 กิจกรรมการเรยี นรู้ท่ี 1.1 ช่ือ – สกลุ ..............................................................................เลขท่ี....................ชน้ั ................. กิจกรรมการเรียนรทู้ ่ี 1.1 ความรพู้ ้นื ฐานเกีย่ วกบั Flash CS3 1. ใหน้ กั เรยี นบอกความสามารถในการทางานของโปรแกรม Flash Cs3 แลว้ บนั ทึกขอ้ มูลลงในแผน่ ภาพ ................................................. ................................................. ความสามารถของ โปรแกรม Flash Cs3 ................................................. ................................................. 2. ให้นกั เรียนศึกษาวิธีการเช้าใชง้ านโปรแกรม Flash Cs3 แลว้ บันทกึ ข้อมูลลงในชอ่ งวา่ ง ............................................................................................................................................. ............................................................................................................................................. ............................................................................................................................................. ............................................................................................................................................. ............................................................................................................................................. ............................................................................................................................................. ............................................................................................................................................. ............................................................................................................................................. .
13 ใบความรทู้ ่ี 1.2 ส่วนประกอบของ โปรแกรม Flash CS3 1. แถบชื่อหัวเรอื่ ง (Title Bar) แสดงปมุ่ ควบคุมหลัก (Control Menu) ชอื่ โปรแกรม และป่มุ ควบคมุ หนา้ ตา่ งโปรแกรม 2. เมนบู าร์ (Menu Bar) ประกอบด้วยเมนหู ลายอยา่ งทจี่ าเปน็ ในการส่ังงาน เชน่ เมนู Window มี สาหรับแสดง และ ซอ่ น เคร่อื งมอื ทุกชนดิ หน้าต่างเครอื่ งมือทห่ี ายไปเราสามารถมาสั่งเรยี กเปดิ ที่น่ี คาส่งั ในเมนตู า่ งๆท่ีสาคัญและใช้อยบู่ ่อยๆมดี งั นี้ - เมนู File - เมนู Edit - เมนู Modify - เมนู Window
14 3. เลเยอร์ (Layer) คือชนั้ ๆตา่ งๆทจ่ี ะทาให้เราทางานเป็นระบบมากขนึ้ เราสามารถแยกวัตถุต่างๆ ออกจากกนั ให้เป็นอสิ ระในการแสดงผลได้ ซ่งึ ทาใหส้ ะดวกและง่ายตอ่ การทางาน โดยท่เี ลเยอรว์ ัตถุ ทอี่ ยดู่ ้านบนนัน้ จะทับวัตถเุ ลเยอร์ด้านล่าง หากตอ้ งการสลับบน-ลา่ ง กเ็ พยี งใหเ้ ราคลิกค้างไวท้ ่ี แถบเลเยอร์ แล้วลากขนึ้ หรือลง นอกจากน้นั แล้วในการทางานกบั เลเยอรท์ ี่ดีควรจะทาการตง้ั ชอ่ื ของเลเยอร์น้นั ๆไวเ้ พื่อให้เราสามารถกลบั มาแก้ไขสง่ิ ตา่ งๆ ในเลเยอรน์ ั้นไดง้ า่ ยและสะดวก สามารถซ่อน/แสดง ได้ด้วยการคลกิ เมนู Windows > Layer 4. ไทม์ไลน์ (Time Line) มไี ว้สาหรับควบคมุ และกาหนดการนาเสนอผลงาน การเคลอ่ื นไหวตา่ งๆ โดยจะประกอบ ดว้ ยเฟรม (frame) ซึ่งจะสามารถบรรจสุ ่งิ ต่างๆไม่ว่าจะเปน็ ภาพ เสยี ง และอ่นื ๆ ลงไปเพือ่ ให้ในชว่ ง เวลาน้ันประกอบดว้ ยอะไรบ้างท่ตี ้องการแสดงผล เวลาสรา้ งงานเราจะทา การ สามารถซอ่ น/แสดง ได้ด้วยการคลกิ เมนู Windows > Timeline 5. ทูลบ็อกซ์ (Toolbox) แถบเคร่ืองมือ กลมุ่ เครอื่ งมือสรา้ งงานและจัดการวัตถุ ประกอบดว้ ยป่มุ เคร่ืองมือย่อยต่างๆ สามารถซอ่ น/แสดง ไดด้ ้วยการคลกิ เมนู Windows > Tool โดยแบง่ เครื่องมือ เปน็ หมวดๆ ได้ 5 กลุม่ - เครื่องมอื เลอื กวัตถุ (Selection) - เครอื่ งมอื วาดภาพ (Drawing) - เครือ่ งมอื จดั แต่งวัตถุ (Modify) - เครือ่ งมือควบคุมมุมมอง (View) - เครื่องมือควบคุมสี (Color) 6. สเตจ (Stage) คอื พ้ืนทีท่ ี่เรากาหนดขอบเขตขนาดของการทางาน ซึ่งเราสามารถตั้งคา่ หรือปรับได้ ท่ี Properties โดยคา่ ของสเตจจะเร่ิมตน้ ที่ 550x400 โดยกอ่ นเริ่มทางานควรจะวางแผนในการ กาหนดขนาดไวก้ อ่ นจะดี เพราะหากมาแกไ้ ขขนาดภายหลงั จะทาให้ยุ่งยากในการปรับตาแหนง่ ของ วัตถตุ ่าง เพราะเมือ่ มีการนาเสนอผลงานจะ แสดงเฉพาะวตั ถบุ นสเตจ เท่าน้ัน 7. แถบคุณสมบตั ิ (Properties) ใช้กาหนดคา่ คุณสมบัตขิ อง สเตจและวตั ถตุ ่างๆ โดยรายละเอยี ดที่ ปรากฏขึ้นมาจะเปล่ียนแปลงไปตามเครือ่ งมอื หรือออบเจก็ ตท์ ี่ กาลังคลิกเลอื ก สามารถซ่อน/แสดง ได้ด้วยการคลกิ เมนู Windows > Properties > Properties 8. พาเนล (Panel) หน้าต่างหรอื ชดุ คาสัง่ พเิ ศษทีใ่ ช้ทางานเฉพาะด้าน เชน่ พาเนล Color ใชเ้ ลอื ก และผสมสี พาเนล Library ใชจ้ ัดเก็บออบเจ็กตต์ า่ งๆ เปน็ ต้น ซึง่ สามารถเปิดเรียกไดด้ ว้ ยการคลกิ ท่ี เมนู Windows
15 กจิ กรรมการเรียนร้ทู ่ี 1.2 ชื่อ – สกุล..............................................................................เลขท่ี....................ช้ัน................. กิจกรรมท่ี 1.2 ส่วนประกอบของโปรแกรม Flash Cs3 1. ให้นกั เรยี นศึกษาและสรุปหน้าท่กี ารทางาน สว่ นประกอบของโปรแกรม Flash Cs3 ดังนี้ ขอ้ ท่ี ช่ือสว่ นประกอบ หนา้ ที่การทางาน 1. เมนูบาร์ …………………………………………………………………………….…………………………………… (Menu Bar) …………………………………………………………………………….…………………………………… …………………………………………………………………………….…………………………………… 2. เลเยอร์ …………………………………………………………………………….…………………………………… (Layer) …………………………………………………………………………….…………………………………… …………………………………………………………………………….…………………………………… 3. ไทมไ์ ลน์ …………………………………………………………………………….…………………………………… (Time Line) …………………………………………………………………………….…………………………………… …………………………………………………………………………….…………………………………… 4. ทลู บ็อกซ์ …………………………………………………………………………….…………………………………… (Toolbox) …………………………………………………………………………….…………………………………… …………………………………………………………………………….…………………………………… 5. สเตจ …………………………………………………………………………….…………………………………… (Stage) …………………………………………………………………………….…………………………………… …………………………………………………………………………….…………………………………… 6. แถบคณุ สมบัติ …………………………………………………………………………….…………………………………… (Properties) …………………………………………………………………………….…………………………………… …………………………………………………………………………….…………………………………… 7. พาเนล …………………………………………………………………………….…………………………………… (Panel) …………………………………………………………………………….…………………………………… …………………………………………………………………………….……………………………………
16 ใบความร้ทู ี่ 1.3 การใชเ้ ครื่องมือของ โปรแกรม Flash CS3 ทลู บ็อกซ์ (Toolbox) แถบเครอ่ื งมอื กลุ่มเครื่องมอื สร้างงานและจดั การวตั ถุ โดยแบ่งเครือ่ งมือเป็นหมวดๆ ได้ 5 กล่มุ คอื กลมุ่ เคร่อื งมอื เลือกวตั ถุ (Selection) กลมุ่ เคร่ืองมอื วาดภาพ (Drawing) กลมุ่ เครอื่ งมือจัดแตง่ วตั ถุ (Modify) กลมุ่ เครือ่ งมือควบคุมมุมมอง (View) กลมุ่ เคร่อื งมอื ควบคุมสี (Color)
>> เลม่ ที่ 1 ร้จู กั กับโปรแกรม Flash CS3 17 เบอ้ื งต้น กลุ่มเครอ่ื งมือสรา้ งงานและจดั การวตั ถใุ นทูลบอ็ กซ์ (Toolbox) ไอคอน ช่อื เรยี ก หนา้ ที่ของปมุ่ เคร่ืองมือ กลมุ่ เครอ่ื งมอื เลอื กวตั ถุ (Selection) Arrow Tool ใชส่ าหรบั เลือกวัตถโุ ดยการคลกิ หรอื คลิกแลว้ ลากใหเ้ ปน็ บริเวณ สี่เหลย่ี มรอบวัตถทุ ตี่ อ้ งการเลอื ก Subselection Tool ใช้สาหรบั เลือกจดั การกับวตั ถุเฉพาะบางส่วน Free Transform Tool ใช้สาหรบั ย่อ – ขยายวตั ถุ Lasso Tool ใช้สาหรบั เลือกวัตถุ โดยการวาดเส้นแบบอสิ ระรอบวัตถุ กลมุ่ เครือ่ งมอื วาดภาพ (Drawing) Pen Tool ใชส้ าหรับวาดรูปทรง เส้นตรง เสน้ โคง้ Add Anchor Point Tool ใชส้ าหรบั เพ่ิมจดุ แองเคอร์ Delete Anchor Point Tool ใช้สาหรับลบจดุ แองเคอร์ Convert Anchor Point Tool ใชส้ าหรับหรบั จดุ แองเคอร์ Line Tool ใช้สาหรบั วาดเส้นตรง Rectangle Tool ใชส้ าหรบั วาดรปู สเ่ี หลี่ยม Oval Tool ใชส้ าหรบั วาดวงกลม หรอื วงรี Rectangle Primitive Tool ใช้วาดสีเ่ หลยี่ มทีป่ รบั แตง่ มมุ ได้ภายหลงั Oval Primitive Tool ใช้วาดวงกลมหรือวงรีท่ปี รับแตง่ รูปแบบไดภ้ ายหลัง PolyStar Tool ใช้วาดรปู หลายเหล่ียมและรปู ดาว Text Tool ใชส้ าหรบั สรา้ งตัวอักษร หรอื ข้อความ Brush Tool ใชส้ าหรบั ระบายสีคลา้ ยพกู่ ัน หรือแปลงทาสี Pencil Tool ใช้สาหรับวาดลายเส้นแบบอสิ ระ กลมุ่ เครือ่ งมอื จดั แต่งวตั ถุ (Modify) Ink Bottle Tool ใชส้ าหรับเปล่ยี นสเี ส้นขอบ Eyedropper Tool ใชส้ าหรับดูดสีภายในของส่วนท่ถี กู คลกิ เพอ่ื นนาไปใส่ใหเ้ ส้น หรือ รปู ทรงอนื่ Paint Bucket Tool ใช้สาหรับเตมิ สีพ้นื ภายในของวัตถุ Eraser Tool ใช้สาหรบั ลบเสน้ หรือสีพ้นื ภายใน
18 ไอคอน ช่ือเรียก หนา้ ที่ของปุ่มเครือ่ งมอื กลมุ่ เครื่องมอื ควบคมุ มมุ มอง (View) ใช้สาหรบั เคล่ือนยา้ ยจอภาพของ Stage Hand Tool ใช้สาหรับยอ่ หรอื ขยาย Stage Zoom Tool กลมุ่ เครอ่ื งมอื ควบคุมสี (Color) ใชส้ าหรับเลือกสีเส้นขอบของวตั ถุ Stroke Color ใช้สาหรบั เลือกสพี นื้ ภายในของวตั ถุ Fill Color ใช้สาหรบั เลอื กสพี นื้ ผิว และสีเสน้ เป็นสีมาตรฐานคือ สขี าว-ดา Default Color คลกิ เลอื กเมื่อไมต่ อ้ งการกาหนดสใี หก้ ับเสน้ หรือสพี ้นื วัตถุ No Color ใชส้ ลบั สรี ะหวา่ งสีพน้ื ที่ กบั สีเสน้ ขอบ กาหนดสีท่เี ลอื กไวก้ อ่ น Swap Colors Tool หน้าของวตั ถุ 2
19 กิจกรรมการเรียนรทู้ ่ี 1.3 ชอื่ – สกลุ ..............................................................................เลขที่....................ชั้น................. กจิ กรรมการเรียนรู้ท่ี 1.3 การใช้เครื่องมือของ โปรแกรม Flash CS3 1. ให้นักเรยี นจบั ครู่ ูปภาพและการทางานต่อไปนี้ ให้ถูกตอ้ ง 1. …………..…. A ใช้สาหรบั เคลื่อนยา้ ยจอภาพของ Stage 2. ……………… B ใช้สาหรับวาดรปู ทรง เสน้ ตรง เส้นโคง้ 3. ……………… C ใช้สาหรบั ดูดสภี ายในของสว่ นที่ถกู คลกิ 4. ……………… D ใช้สาหรับระบายสคี ล้ายพู่กนั หรือแปลงทาสี 5. ……………… E ใช้สาหรบั วาดวงกลม หรอื วงรี 6. ……………… F ใชส้ าหรบั เลือกสพี ื้นภายในของวตั ถุ 7. ……………… G ใช้สาหรับเลอื กวตั ถุ โดยการวาดเส้นแบบอิสระรอบวตั ถุ 8. ……………… H ใชส้ าหรบั ย่อ – ขยายวตั ถุ 9. ……………… I ใช้สาหรับเปล่ียนสีเสน้ ขอบ 10. …………… J ใชส้ าหรับเพิ่มจดุ แองเคอร์ 11. …………… K ใชส่ าหรบั เลอื กวัตถุโดยการคลิก 12. …………… L ใช้สาหรับลบจุดแองเคอร์ 13. …………… M ใชส้ าหรับวาดรปู ส่ีเหลีย่ ม 14. …………… N ใชส้ าหรับลบเสน้ หรือสพี ื้นภายใน 15. …………… O ใช้สาหรบั เลือกสีเสน้ ขอบของวัตถุ 16. …………… P ใชส้ าหรบั ย่อ หรือขยาย Stage 17. …………… Q ใช้สาหรบั วาดเสน้ ตรง 18. …………… R ใช้สาหรับวาดลายเส้นแบบอิสระ 19. …………… S ใชส้ าหรบั สรา้ งตัวอักษร หรอื ข้อความ 20. …………… T ใชว้ าดรูปหลายเหลี่ยมและรูปดาว
20 ใบความร้ทู ี่ 1.4 การสร้าง การบนั ทึก การเปดิ ไฟล์งาน การสรา้ งไฟลง์ าน วธิ ีที่ 1 เลือกจากหน้าตา่ งเร่มิ ต้นการทางาน หลงั จากทีเ่ ปดิ โปรแกรม Flash ขึ้นมา เราสามารถเลอื กสร้าง ไฟลใ์ หมไ่ ด้จากหน้าตา่ งเร่มิ ตน้ การทางานไดเ้ ลย โดยปกตกิ ารสรา้ งไฟล์งานทัว่ ไปทีเ่ รานิยมใชค้ ือ การสร้าง ไฟล์เปลา่ เลอื กท่ี Flash File (ActionScript 2.0) ดังภาพ
21 วิธีท่ี 2 1. เลือกคาสง่ั File>New... เพ่อื สรา้ งไฟลใ์ หม่ 2. จะปรากฏหน้าตา่ งสาหรบั สร้างไฟลข์ น้ึ มา ใหเ้ ราเลอื กแทบ็ General แลว้ เลอื กรปู แบบของ ลักษณะไฟลใ์ หม่ เลอื กท่ี Flash File (ActionScript 2.0) ดังภาพ
การบันทึกไฟลง์ าน 22 เราสามารถสั่งบันทกึ หรือเซฟไฟล์ช้ินงานที่ สร้างใน Flash (ไฟล์ชิน้ งานจะถูกบันทกึ เปน็ นามสกลุ .FLA) ไวห้ ลายวิธี ดังน้ี 1. เลือก File>Save บนทูลบาร์ หารเปน็ การบันทกึ ไฟลค์ รั้งแรก เราจะต้องตงั้ ช่อื ไฟล์ทตี่ อ้ งการส่ังเซฟดว้ ย 2. เลอื ก File>Save and Compact หาก เราเคยบนั ทกึ ไฟล์ชิ้นนแ้ี ล้วและตอ้ งการ บันทกึ ไฟลใ์ นชือ่ อ่ืน หรอื ชือ่ เดมิ ไฟลท์ ไ่ี ด้ จะถูกสรา้ งขน้ึ มาใหม่ ซ่ึงมขี นาดเล็กกวา่ ไฟล์เดมิ และไฟล์เดิมจะถูกลบทิ้งไป 3. เลือก File>Save As…. หากเราเคย บันทึกไฟลช์ ้นิ นี้แลว้ และตอ้ งการบนั ทกึ ชน้ิ งานนีเ้ ปน็ ไฟลอ์ ีกชือ่ หนง่ึ หรอื บนั ทกึ เปน็ สาเนาไวท้ ีอ่ ่นื 4. เลือก File>Save as Template... หาก เราต้องการบนั ทกึ ชิน้ งานเปน็ เทมเพลต เพือ่ นาไปใช้เปน็ ไฟล์
23 การเปดิ ไฟล์งาน 1. เลือกท่ีเมนู File 2. เลอื กที่เมนู Open… เพ่อื เปิดไฟล์ 3. สามารถคลิกเลือกไฟล์ .fla ทบ่ี ันทกึ ไว้กลบั มาแกไ้ ขได้ แต่ไฟลน์ ามสกลุ .swf จะเปิดมาเพ่อื แสดงไดอ้ ย่างเดยี วเพราะเป็นไฟล์ทถ่ี กู พับลิชแลว้ 4. คลิกปุ่ม Open เพื่อเปิดไฟล์
24 กจิ กรรมการเรยี นรู้ท่ี 1.4 ช่อื – สกุล..............................................................................เลขท่ี....................ชนั้ ................. กจิ กรรมการเรยี นรทู้ ่ี 1.4 การสร้าง การบันทกึ การเปดิ ไฟล์งาน 1. ใหน้ กั เรยี นศกึ ษาวธิ กี ารสรา้ งไฟล์งาน แล้วบนั ทึกข้อมลู ลงในช่องว่าง .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. 2. ใหน้ กั เรียนศึกษาวธิ กี ารสร้างไฟล์งาน แล้วบนั ทกึ ขอ้ มูลลงในช่องวา่ ง .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. 3. ให้นกั เรียนศึกษาวิธกี ารสร้างไฟล์งาน แล้วบันทึกข้อมูลลงในช่องวา่ ง .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. .............................................................................................................................................. ..............................................................................................................................................
Search
