1. แผนจัดการเรียนรู้
กลุ่มสาระการเรียนรู้ การงานอาชีพและเทคโนโลยี รหัสวิชา ง 43209 ชัน มัธยมศึกษาปี ที 6
หน่ วยการเรียนรู้ ที 1 เรื อง เริ มต้ นใช้ งานโปรแกรมAdobe Flash CS4 แผนการจัดการเรียนรู้ ที 1
เวลาเรียน 1 คาบ วันที 4 พฤศจิกายน พ.ศ. 2552
1. ความเข้ าใจทีคงทน
นักเรี ยนมีความเข้าใจหลักการออกแบบและสามารถเลือกประเภทไฟล์กราฟิ กไปใช้ตกแต่ง
อย่างถูกต้อง
2. มาตรฐานเนือหา
2.1 หลักการออกแบบและการตกแต่ง
2.2 ประเภทไฟล์กราฟิ กทีใช้ในโปรแกรมคอมพิวเตอร์แอนิเมชัน (Adobe Flash CS4)
3. มาตรฐานการปฏิบัติได้
3.1 นักเรี ยนบอกความสําคัญของการออกแบบ และตกแต่งได้
3.2 นักเรี ยนสามารถบอกความแตกต่างของประเภทไฟล์กราฟิ กทีใช้ในโปรแกรมได้
3.3 นักเรี ยนสามารถออกแบบและตกแต่งใบงานประวัติของนักเรี ยนได้
4. ทักษะคร่ อมวิชา
4.1 ทักษะการออกแบบจัดองค์ประกอบ
4.2 ทักษะการเขียน
4.3 ทักษะการตกแต่ง
4.4 การคิดสร้างสรรค์
5. คุณลักษณะทีพึงประสงค์
5.1 นักเรี ยนเข้าชันเรี ยนตรงต่อเวลา
5.2 นักเรี ยนมีความรับผิดชอบต่องานทีได้รับมอบหมาย
5.3 นักเรี ยนมีความซื อสัตย์ในการทํางาน

2. 6. คําถามสําคัญ
6.1 บอกประเภทไฟล์กราฟิ กทีใช้ในโปรแกรม
6.2 บอกประโยชน์ของการออกแบบและตกแต่งชินงาน
6.3 ให้นักเรี ยนออกแบบและตกแต่งประวัติของนักเรี ยนทีครู โดยใช้หลักการทีครู สอน
7. กิจกรรมการเรียนการสอน (วิธีการสอนแบบบรรยาย)
ขันนํา (15 นาที )
7.1 ครู ทกทายและทําความรู ้จกกับนักเรี ยนในคาบแรก และพูดถึงความสําคัญของการ
ั ั
ออกแบบและตกแต่งรวมทังการนําเสนอผลงาน และครู ให้ใบบันทึกประวัตินกเรี ยนไปกรอก
ั
และออกแบบตกแต่งมาส่ ง คาบต่อไป
7.2 ครู กล่าวถึงลักษณะการใช้ภาพนําเสนอผลงาน ในลักษณะต่าง ๆ และเปรี ยบเทียบการ
นําเสนอผลงานแบบเคลือนไหวและไม่เคลือนไหว
ขันสอน (30 นาที )
7.4 ครู อธิบายเรื องกราฟิ ก และเน้นให้เห็นความแตกต่างของภาพแบบบิตแมพ(Bitmap) และ
ภาพแบบเวกเตอร์ (Vector)
7.5 ครู ถามนักเรี ยนเพือให้เกิดความเข้าใจ และสรุ ปเรื องความแตกต่างของภาพแบบบิตแมพ
(Bitmap) และ ภาพแบบเวกเตอร์ (Vector) อีกครัง โดยเปรี ยบการใช้ภาพประเภทต่าง ๆ ในสื อ
ชนิ ดต่าง ๆ
7.6 ครู อธิบายประเภทของภาพ 2 มิติ และ 3 มิติ พร้อมให้นกเรี ยนยกตัวอย่างภาพ 2 มิติ และ
ั
3 มิติ
ขันสรุ ป (5 นาที )
7.7 ครู สรุ ปเนื อหาทีสอน และให้นกเรี ยนบันทึกตามความเข้าใจ
ั
7.8 ครู กล่าวเน้นยําเรื องงานทีมอบหมายและการเตรี ยมเรี ยนในชัวโมงต่อไป เช่น การเตรี ยมสื อ
เพือบันทึกข้อมูล ( Flash Drive)
8. สื อ/แหล่งเรี ยนรู ้
8.1 PowerPoint
8.2 ใบงาน (ประวัติของนักเรี ยน)

3. 9. หลักฐานและวิธีการประเมิน
หลักฐาน วิธีการประเมิน
ใบประวัตินกเรี ยน “ศิษย์ดีของครู ”
ั 1. นักเรี ยนนําความรู ้เรื องหลักการออกแบบ
มาใช้ในการทํางาน
2. นักเรี ยนมีความรับผิดชอบในการทํางาน
10. เกณฑ์การประเมิน
ความสามารถในด้าน การนําความรู ้เรื อง การออกแบบมาใช้ในการทํางาน
ระดับคุณภาพ คะแนน
นักเรี ยนสามารถนําหลักการไปใช้ ในการ 3
ตกแต่งได้ สวยงาม ตกแต่งได้ เหมาะสม
และถูกต้ องตามหลักการออกแบบ
นักเรี ยนสามารถนําหลักการไปใช้ ในการ 2
ตกแต่งได้ สวยงาม ตกแต่งได้ เหมาะสม
นักเรี ยนสามารถนําหลักการไปใช้ ในการ 1
ตกแต่งได้

4. เนือหาหน่ วยการเรียนรู้ที 1 เรือง เริมต้ นใช้ งานโปรแกรมAdobe Flash CS4
Windows Welcome ของโปรแกรม
พืนฐานของโปรแกรม Flash
Flash คือ โปรแกรมสร้างงานกราฟิ ก เป็ นเทคโนโลยีทีทํางานกับรู ปภาพแบบเวคเตอร์
( Vector ) มากกว่าทีจะทํางานกับบิตแมป ( Bitmap ) ซึ งเหมาะสําหรับโปรแกรมสร้างเว็บเพจให้มี
ภาพเคลือนไหวมากขึน พร้อมกับความสะดวกในระบบสื อสาร ทีทําให้การรับส่ งข้อมูลแบบมัลติมีเดีย
ทังภาพ เสี ยง และข้อมูลข่าวสารต่างๆ ได้ดีขนเป็ นลําดับอย่างรวดเร็ ว
ึ
ภาพกราฟิ กสามารถแบ่งได้เป็ น 2 แบบคือ
1. ภาพแบบพิกเซล (pixel) คือ ภาพทีเกิดจากจุดภาพในรู ปภาพทีรวมกันเป็ นภาพขึน โดยภาพหนึงๆ จะ
ประกอบไปด้วยจุดภาพหรื อพิกเซลมากมาย และเเต่ละภาพทีสร้างขึนจะมีความหนาเเน่นของจุดภาพ
หรื อบางครังแทนว่าความละเอียด (ความคมชัด)ทีเเตกต่างกันไป จึงใช้ในการบอกคุณสมบัติของภาพ
จอภาพ หรื อ อุปกรณ์แสดงผลภาพได้
ั
2. ภาพกราฟิ กส์เวกเตอร์ (vector graphics) คือ ภาพทีเกิดจากการกําหนดพิกดและการคํานวณค่าบน
ระนาบสองมิติ รวมทังมุมและระยะทาง ตามทฤษฎีเวกเตอร์ ในทางคณิ ตศาสตร์ ในการก่อให้เกิดเป็ น
เส้น หรื อรู ปภาพ
ข้อดีคือ ทําให้สามารถย่อขยายได้ โดยคุณภาพไม่เปลียนแปลง ข้อเสี ยคือภาพไม่เหมือนภาพ
จริ งเป็ นได้เพียงภาพวาด หรื อใกล้เคียงภาพถ่ายเท่านัน

5. สําหรับ Adobe Flash CS4 เป็ นซอฟต์แวร์ทีช่วยในการสร้างสื อมัลติมีเดีย, กราฟิ กสําหรับงาน
เว็บ ผลงานทีพัฒนาด้วย Flash มีทงสื อภาพนิง ภาพเคลือนไหว สื อมัลติมีเดีย ตลอดจนสื อทีมีระบบ
ั
โต้ตอบกับผูใช้ (Interactive Multimedia) ซึ งเป็ นสื อทีมีขนาดเล็ก โหลดผ่านเว็บเบราเซอร์ ได้รวดเร็ ว มี
้
่
ความคมชัดสู งแม้วาจะถูกขยายขนาด ทังนีสามารถนําเสนอได้ทงบนเว็บ หรื อผ่านโปรแกรม Flash
ั
่
Player หรื อสร้างเป็ น exe file เพือเรี ยกใช้งานได้ทนที นอกจากนี ยังสามารถแปลงไฟล์ไปอยูใน
ั
ฟอร์ แมตอืนได้ดวย เช่น Animation Gif, AVI, QuickTime
้
การปรับแต่ งหน้ าจอเพือการใช้ งาน
การแสดงไม้บรรทัด View > Rulers หากต้องการแก้ไขหน่ วยวัดเป็ นแบบอืน
เลือกเมนู Modifly > Document..
การใช้งานเส้นไกด์ View > Guides > Show Guides
การแสดงเส้นกริ ด View > Grid > Show Grid
การปรับขนาดพาเนล
ในส่ วนของพาเนลสามารถจะปรับขนาดให้มีขนาดเพิม หรื อซ่ อนพาเนลได้ไม่ยาก โดยทําได้
ดังนี
1. คลิกทีแท็บด้านบนพาเนลเพือซ่ อนพาเนล
>
2. จะได้ผลลัพธ์ดงภาพ หากคลิกอีกครังก็จะแสดงพาเนลดังเดิม
ั
3. ถ้าต้องการขยายพาเนลให้มีมุมมองกว้างกว่าเดิม ให้ใช้เมาส์คลิกลากขยายพืนทีพาเนล
การใช้ พาเนล History
พาเนล History ใช้แสดงขันตอนการทํางานในเอกสารตังแต่การสร้าง การเปิ ด ไปจนถึงขันตอน
ปัจจุบน เพือให้ผใช้งานสามารถย้อนกลับไปแก้ไขยังขันตอนก่อนหน้านี ได้
ั ู้
1. การเปิ ดพาเนล History ให้คลิกเมนู Window > Other Panels > History
2. จะแสดงพาเนล History เพือแสดงขันตอนการทํางานก่อนหน้านี
3. ถ้าต้องการทําซําก็ให้ไปคลิกเลือกคําสังทีต้องการ แล้วคลิกปุ่ ม Replay

6. ความคิดเห็นของผู้บริหารหรื อผู้ทีได้ รับมอบหมาย
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
ลงชือ………………………………..ผูตรวจ
้
(อาจารย์จรู ญวิชญ์ ผลสุ วรรณ)

7. แบบบันทึกหลังการสอน
กลุ่มสาระการเรียนรู้ การงานอาชีพและเทคโนโลยี รหัสวิชา ง 43209 ชัน มัธยมศึกษาปี ที 6
หน่ วยการเรียนรู้ ที 1 เรื อง เริ มต้ นใช้ งานโปรแกรมAdobe Flash CS4 แผนการจัดการเรียนรู้ ที 1
เวลาเรียน 1 คาบ วันที 4 พฤศจิกายน พ.ศ. 2552
4 พฤศจิกายน พ.ศ. 2552
ชันมัธยมศึกษาปี ที 6/2
กิจกรรมการเรียนการสอน
วันนีสอนคาบแรก ไม่ได้ส่งแผนอาจารย์นิเทศโรงเรี ยนก่อนทีจะสอน อาจารย์นิเทศโรงเรี ยน
แนะนําว่าเนื อหาทีใช้ยงน้อยไปอยูน่าจะสอนเด็กให้ยากขึน อาจารย์นิเทศโรงเรี ยนเริ มต้นการสอนโดย
ั ่
อาจารย์แนะนําตัวให้นกเรี ยนทราบก่อนว่าจะมีนิสิตฝึ กประสบการณ์วิชาชีพมาสอน
ั
สิ งทีประทับใจหรือความรู้ สึกในการทํางานข้ างต้ นนีคืออะไร เพราะอะไร
นักเรี ยนชัน ม.6/2 เรี ยบร้อยดี จะมีนกเรี ยนบางคนทีเข้าชันเรี ยนช้าไม่ตรงเวลา ดังนันจึงใช้
ั
เวลาทีนักเรี ยนเข้าชันเรี ยนช้าทําความรู ้จกกับนักเรี ยนคนอืน ๆ
ั
ได้ เรี ยนรู้และเกิดความคิด/แนวคิดใหม่ อะไร และความคิด/แนวคิดนันเชื อมโยงกับความรู้ เดิมอะไร
อย่ างไร
นักเรี ยนไม่ค่อยชอบการจดบันทึก และจากการทีตรวจงานนักเรี ยนยังจดไม่ได้ใจความ
นําประสบการณ์ ความคิด และสิงทีได้ เรียนรู้ ในครังนีไปใช้ ประโยชน์ อย่ างไร
-
คําถามค้างใจทีต้ องหาคําตอบต่ อไป
การทําให้นกเรี ยนสนใจบทเรี ยนมากยิงขึน และทําตามคําแนะนําของอาจารย์นิเทศโรงเรี ยน
ั
ั
และเพิมความหาสนใจให้กบเนือหามากยิง ส่ วนการแก้ปัญหานักเรี ยนทีคุยหรื อไม่สนใจการเรี ยนแก้
โดยใช้สมุด “ระบาย” ซึงเป็ นสมุดบันทึกเพือสื อสารโดยตรงกับนักเรี ยนทุกคน โดยจะให้นกเรี ยนเขียน
ั
สิ งทีต้องการบันทึกท้ายคาบเพือสื อสารกับครู

8. ชันมัธยมศึกษาปี ที 6/6
กิจกรรมการเรียนการสอน
ชีแจงผลการเรี ยนรู ้ทีคาดหวัง สอนเรื องหลักการออกแบบและการตกแต่ง ประเภทไฟล์
กราฟิ กทีใช้ในโปรแกรมคอมพิวเตอร์แอนิเมชัน (Adobe Flash CS4)
สิ งทีประทับใจหรือความรู้ สึกในการทํางานข้ างต้ นนีคืออะไร เพราะอะไร
-
ได้ เรี ยนรู้และเกิดความคิด/แนวคิดใหม่ อะไร และความคิด/แนวคิดนันเชื อมโยงกับความรู้ เดิมอะไร
อย่ างไร
-
นําประสบการณ์ ความคิด และสิงทีได้ เรียนรู้ ในครังนีไปใช้ ประโยชน์ อย่ างไร
นักเรี ยนไม่ค่อยชอบกิจกรรมการเรี ยนทีจะให้นักเรี ยนจดบันทึก นักเรี ยนมีทศนคติว่าการเรี ยน
ั
คอมพิวเตอร์ ไม่ตองเขียนไม่ตองจดบันทึก แต่การเรี ยนรู ้ในวิชานีนอกจะนักเรี ยนจะใช้คอมพิวเตอร์ เพือ
้ ้
ฝึ กปฏิบติแล้วก็ตองมีการจดบันทึกด้วย อย่างไรก็ตามครู อาจจะแก้ปัญหาโดยการทําเอกสาร
ั ้
ประกอบการเรี ยนเพิมด้วย
คําถามค้างใจทีต้ องหาคําตอบต่ อไป
การทําให้นกเรี ยนสนใจบทเรี ยนมากยิงขึน และทําตามคําแนะนําของอาจารย์นิเทศโรงเรี ยน
ั
ั
และเพิมความหาสนใจให้กบเนือหามากยิง ส่ วนการแก้ปัญหานักเรี ยนทีคุยหรื อไม่สนใจการเรี ยนแก้
โดยใช้สมุด “ระบาย” ซึงเป็ นสมุดบันทึกเพือสื อสารโดยตรงกับนักเรี ยนทุกคน โดยจะให้นกเรี ยนเขียน
ั
สิ งทีต้องการบันทึกท้ายคาบเพือสื อสารกับครู
ลงชือ ผูสอน
้
(นายทิณธรรม ไทยธรรม)