Top Banner
ศึกษาข้อมูลเพิ่มเติมได้ทางเว็บไซต์ http://kruchonlada.wordpress.com 1 คำนำ การจัดกิจกรรมการเรียนรู้ให้กับนักเรียนในทุกกลุ่มสาระการเรียนรู้ จาเป็นอย่างยิ่งที่ครู จะต้องจัดกิจกรรมให้นักเรียนได้เกิดการเรียนรู้ให้มากที่สุด ดังนั้นครูจึงต้องสร้างหรือหา นวัตกรรมใหม่ๆ มาใช้ประกอบการสอนเพื่อเป็นการเพิ่มประสิทธิภาพในการเรียนรู้ของ นักเรียน ชุดกิจกรรมการฝึกเทคนิคพิเศษเพื่อใช้ในการนาเสนอข้อมูลด้วยโปรแกรม Microsoft PowerPoint 2013 สาหรับนักเรียนชั้นประถมศึกษาปีท่ 6 วิชาคอมพิวเตอร์ กลุ่มสาระ การเรียนรู้การงานอาชีพและเทคโนโลยี จัดทาขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรูเรื่องการใช้โปรแกรมนาเสนอข้อมูล มีจานวน 6 ชุดกิจกรรม ดังนีชุดกิจกรรมที่ 1 การฝึกเทคนิคการวาดรูปด้วยเครื่องมือ Shapes ชุดกิจกรรมที่ 2 การฝึกเทคนิคการทา Animation จากเครื่องมือ Shapes ชุดกิจกรรมที่ 3 การฝึกเทคนิคการทาพื้นหลังจากเครื่องมือ Shapes ชุดกิจกรรมที่ 4 การฝึกเทคนิคการทาพื้นหลังแบบ Animation ชุดกิจกรรมที่ 5 การฝึกเทคนิคการสร้างเมนูแบบ Animation ชุดกิจกรรมที่ 6 การฝึกเทคนิคการสร้าง Mini Game ชุดกิจกรรมการเรียนรู้ ชุดกิจกรรมที่ 5 การฝึกเทคนิคการสร้างเมนูแบบ Animation เล่มนี้ประกอบด้วย จุดประสงค์การเรียนรูแบบทดสอบก่อนเรียน ใบความรูแบบฝึกปฏิบัติ เทคนิคพิเศษ และแบบทดสอบหลังเรียน ซึ่งช่วยให้นักเรียนเข้าใจเนื้อหาได้ง่ายและชัดเจน มากยิ่งขึ้นซึ่งจะนาไปสู่การพัฒนาผลสัมฤทธิ์ทางการเรียนที่สูงขึ้น ตลอดจนสามารถนาความรูและประสบการณ์ที่ได้รับไปประยุกต์ใช้กับการใช้โปรแกรมอื่นๆ ได้เป็นอย่างดี หวังเป็นอย่างยิ่งว่า ชุดกิจกรรมการฝึกเทคนิคพิเศษเพื่อใช้ในการนาเสนอข้อมูลด้วย โปรแกรม Microsoft PowerPoint 2013 สาหรับนักเรียนชั้นประถมศึกษาปีท่6 วิชา คอมพิวเตอร์ กลุ่มสาระการเรียนรู้การงานอาชีพและเทคโนโลยีนีจะช่วยอานวยประโยชน์ ในการเรียนการสอนวิชาคอมพิวเตอร์ให้กับนักเรียนได้อย่างสร้างสรรค์ตลอดจนเป็นแนวทาง ในการจัดทาสื่อ/นวัตกรรมแก่ครูผู้สอนคอมพิวเตอร์และผู้ที่สนใจทั่วไป ชลลดา จารุภา ตาแหน่งครู วิทยฐานะครูชานาญการ โรงเรียนวัดเขาวัง(แสง ช่วงสุวนิช)
41

ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท...

Sep 03, 2019

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

1

ค ำน ำ

การจดกจกรรมการเรยนรใหกบนกเรยนในทกกลมสาระการเรยนร จ าเปนอยางยงทครจะตองจดกจกรรมใหนกเรยนไดเกดการเรยนรใหมากทสด ดงนนครจงตองสรางหรอหานวตกรรมใหมๆ มาใชประกอบการสอนเพอเปนการเพมประสทธภาพในการเรยนรของนกเรยน ชดกจกรรมการฝกเทคนคพเศษเพอใชในการน าเสนอขอมลดวยโปรแกรม Microsoft PowerPoint 2013 ส าหรบนกเรยนชนประถมศกษาปท 6 วชาคอมพวเตอร กลมสาระ การเรยนรการงานอาชพและเทคโนโลย จดท าขนเพอใชควบคกบแผนการจดการเรยนร เรองการใชโปรแกรมน าเสนอขอมล มจ านวน 6 ชดกจกรรม ดงน

ชดกจกรรมท 1 การฝกเทคนคการวาดรปดวยเครองมอ Shapes ชดกจกรรมท 2 การฝกเทคนคการท า Animation จากเครองมอ Shapes

ชดกจกรรมท 3 การฝกเทคนคการท าพนหลงจากเครองมอ Shapes ชดกจกรรมท 4 การฝกเทคนคการท าพนหลงแบบ Animation ชดกจกรรมท 5 การฝกเทคนคการสรางเมนแบบ Animation ชดกจกรรมท 6 การฝกเทคนคการสราง Mini Game

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

หวงเปนอยางยงวา ชดกจกรรมการฝกเทคนคพเศษเพอใชในการน าเสนอขอมลดวยโปรแกรม Microsoft PowerPoint 2013 ส าหรบนกเรยนชนประถมศกษาป ท 6 วชาคอมพวเตอร กลมสาระการเรยนรการงานอาชพและเทคโนโลยน จะชวยอ านวยประโยชน ในการเรยนการสอนวชาคอมพวเตอรใหกบนกเรยนไดอยางสรางสรรคตลอดจนเปนแนวทาง ในการจดท าสอ/นวตกรรมแกครผสอนคอมพวเตอรและผทสนใจทวไป

ชลลดา จารภา ต าแหนงคร วทยฐานะครช านาญการ

โรงเรยนวดเขาวง(แสง ชวงสวนช)

Page 2: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

2

สำรบญ

เรอง หนำ

ค าชแจงส าหรบนกเรยน 3 จดประสงคการเรยนร 4 แบบทดสอบกอนเรยน 5 ใบความรท 1 ความรเกยวกบการท าหนาเมนแบบ Animation 8 ใบความรท 2 การออกแบบเมน Animation แบบสไลดเมน 9

- แบบฝกปฏบตท 1 คลกเมนสไลด Select 12 ใบความรท 3 การออกแบบเมน Animation แบบกงหน 13

- แบบฝกปฏบตท 2 กงหนเมน 18 ใบความรท 4 การออกแบบเมน Animation แบบชงชา 19

- แบบฝกปฏบตท 3 ชงชาเมน 25 ใบความรท 5 การออกแบบเมน Animation แบบภาพ 26

- แบบฝกปฏบตท 4 เมนภาพ 30 ใบความรท 6 การออกแบบเมน Animation แบบปมไอคอน 31

- แบบฝกปฏบตท 5 เมนแบบปมไอคอน 34 แบบทดสอบหลงเรยน 35 ภาคผนวก 37 เฉลยแบบทดสอบกอนเรยน 38 แบบประเมนคะแนนการฝกปฏบต 49 เฉลยแบบทดสอบหลงเรยน 40 บรรณานกรม 41

Page 3: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

3

ค ำชแจงส ำหรบนกเรยน

การเรยนโดยใชชดกจกรรมการฝกเทคนคพเศษเพอใชในการน าเสนอขอมลดวยโปรแกรม Microsoft PowerPoint 2013 ส าหรบนกเรยนชนประถมศกษาปท 6 วชาคอมพวเตอร กลมสาระการเรยนรการงานอาชพและเทคโนโลย ชดกจกรรมท 5 การฝกเทคนคการสรางเมนแบบ Animation ใหนกเรยนปฏบตตามขนตอนดวยความตงใจ ดงน

1. อานค าชแจงการใชชดกจกรรมใหเขาใจกอนลงมอศกษาและปฏบตกจกรรม

2. ท าแบบทดสอบกอนเรยนเพอทดสอบความรพนฐาน ตรวจค าตอบและบนทกผลคะแนนทได

3. ศกษาใบความรและปฏบตตามขนตอนทไดก าหนดไว 4. เมอปฏบตการฝกเทคนคตามขนตอนทไดก าหนดไวแลว ลงมอฝกทกษะ

ตามแบบฝกทกษะใหครบทกแบบฝกและสงครบนทกคะแนนทกแบบฝก 5. ท าแบบทดสอบหลงเรยน ตรวจค าตอบและบนทกผลคะแนนเพอ

ตรวจสอบความกาวหนาทางการเรยน 6. ประเมนผลการเรยนร

ขอควรปฏบต 1. หากมขอสงสยใหขอค าอธบายจากครผสอน 2. เพอใหเกดประโยชนสงสด นกเรยนตองมความาซอสตยตอตนเองไมคดลอกงาน

ผอนมาเปนของตนเองและไมเปดเฉลยแบบทดสอบจนกวานกเรยนจะท า แบบทดสอบเสรจ

Page 4: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

4

1. มความเขาใจเกยวกบการออกแบบเมน Animation 2. สามารถอธบายวธการออกแบบเมน Animation ได 3. สามารถสรางเมน Animation ได

จดประสงคกำรเรยนร

Page 5: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

5

แบบทดสอบกอนเรยน

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

1. เมน (Menu) ทางดานคอมพวเตอร หมายถงอะไร

ก. ค าสงทตองการใช ข. รายการทตองการใช ค. ค าสงทใชในการปฏบตงาน ง. รายการค าสงตาง ๆ ซงมไวใหเปนทางเลอก

2. ขอใดคอความส าคญทสดของเมน ก. ท าใหผใชมทางเลอก ข. ท าใหใชงานไดงายขน ค. ท าใหสะดวกในการเลอก ง. ท าใหผใชสะดวกและมทางเลอกทงายขนในการท างาน

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

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

Page 6: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

6

5. หนาเมนแบบ Animation มลกษณะเดนอยางไร ก. เมนโตตอบได ข. เมนสามารถคลกได ค. เมนมลกษณะเคลอนไหวได ง. เมนสามารถลงคภายนอกได

6. หนาเมนแบบ Animation ลกษณะใดทไมควรออกแบบมาใชงาน ก. สสบายตา สวยงาม ข. สโทนเดยวกบตวอกษร ค. มการเคลอนไหวอยางรวดเรว ง. มลกษณะแปลกตาไมเคยมใครสราง

7. ขอควรระวงในการสรางหนาเมนแบบ Animation คออะไร ก. สรางหนาเมนทมการเคลอนไหวมากเกนไป ข. สรางหนาเมนทพนหลงเคลอนไหวแตปมเมนนง ค. สรางหนาเมนทมการเคลอนไหวชาๆ พลวไหวเบาๆ ง. สรางหนาเมนทพนหลงนงพลวไหวเพยงบางสวนทตองการ

8. หนาเมนมความส าคญอยางไร ก. เพอท าใหงานมหนาเพมขนอก 1 หนา ข. เพอใชเปนจดเชอมโยงขอมลเหมอนสารบญ ค. เพอสรปสาระส าคญของเนอหาหนาทสรางขน ง. เพอใชศกษารายละเอยดตางๆ ทมในงานทสราง

9. การใชงานลกษณะใดบางทควรมหนาเมน ก. CAI ข. เกม ค. เวบไซต ง. ถกทกขอ

Page 7: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

7

10. ขอใดไมใชโปรแกรมทสามารถใชส าหรบการออกแบบหนาเมนแบบ Animation ก. Paint ข. Flash ค. Powerpoint ง. Dreamwever

ตรวจค าตอบดสคะ ไดกคะแนนกนนะ

Page 8: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

8

ใบควำมรท 1 ควำมรเกยวกบกำรท ำหนำเมนแบบ Animation

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

1. เมน Animation แบบสไลด 2. เมน Amimation แบบกงหน 3. เมน Animation แบบชงชา 4. เมน Animation แบบอลบมภาพ 5. เมน Aniamtion แบบมอลากวางสการคลก

สงทวางแผนกอนการสรางเมนแบบ Animation มดงน 1. ออกแบบหนาเมน 2. เลอกเครองมอ Shape มาวาดภาพ 3. ก าหนดลกษณะการเคลอนไหว 4. ก าหนดการเชอมโยง (Link)

(อยาลมค านงถงเนอหาดวยวาเกยวกบเรองอะไรกอนการสรางหนาเมน)

นาสนใจมากๆ เลยใชไหมคะ

ถาอยางนนเราไปเรยนร

การออกแบบในใบความรท 2

กนเลยดกวานะคะ

Page 9: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

9

ใบควำมรท 2 กำรออกแบบเมน Animation แบบสไลด

การออกแบบเมน Animation แบบสไลด เปนการสรางเมนทคลายๆ กบการก าหนดปมเมนบนหนาเวบไซต คอเมอน าเมาสไปคลกทเมน จะปรากฏแถบเมนเคลอนสไลดออกมา

ขนตอนการสรางเมน Animation แบบสไลด

1. ออกแบบหนาเมนใหเหมาะสมกบหวขอเรองทท า เชน การอนรกษทรพยากรธรรมชาต กควรออกแบบใหสบายตาและเปนธรรมชาต

2. ก าหนดใหมรศมหมนเปนล าแสงเหนอค าวา “การอนรกษ” 3. ก าหนดใหใบไมขยบและรวง 4. ก าหนดใหดอกไมใบไมพลวลม

5. ออกแบบปมเมนเพอใหมเมนสไลดออกมาเพอคลกชม

Page 10: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

10

6. พมพชอเมน จากนนจดกลมแตละเมน ก าหนด Animation ใหเลอนลง ทละเมนโดยอตโนมต

7. ก าหนด Link ใหแตละเมน โดยการคลกเมาสคลมชอเมน 8. คลกเมน Insert เลอกเมนไอคอน Hyperlink เพอก าหนดการลงค

Page 11: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

11

9. คลกก าหนดการลงคภายในเพอก าหนดการคลกไปยงหนาทตองการตามเมน

1

2

3

ไมยากเลยใชไหมคะเดกๆ ครเชอวาทกคนท าไดคะ

Page 12: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

12

แบบฝกปฏบตท 1 คลกเมนสไลด Select

ค ำชแจง ใหนกเรยนออกแบบหนาเมน Animation แบบสไลดเมน เกยวกบเรอง ฝนเทยม โดยก าหนดเมนใหดงน

บดาแหงฝนเทยม ฝนเทยมคออะไร ขนตอนการท าฝนเทยม วดโอการท าฝนเทยม

หมายเหต นกเรยนสามารถใชภาพประกอบบางสวนจากอนเตอรเนตได

Page 13: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

13

ใบควำมรท 3

กำรออกแบบเมน Animation แบบกงหน

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

1. ออกแบบหนาเมนใหเหมาะสมกบหวขอเรองทท า เชน พลงงานทดแทน ควรออกแบบใหมองคประกอบทสอถงพลงงานทดแทนตาง ๆ

ก าหนดสพนหลงจากการแทรกภาพ แทรกภาพมาวางประกอบ

Page 14: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

14

2. น าเครองมอ Shape มาวาดภาพฐานกงหน

3. น าเครองมอ Shape รปรางสเหลยม มาวาดหนาตางปรบสเปนสขาว

Page 15: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

15

4. น าเครองมอ Shape เครองหมายบวก มาวาดเปนกานกงหน

และวงกลม มาวาดทบ

5. น าเครองมอ Shape รปรางสเหลยมขาวหลามตด มาวาดใบกงหน

6. คลกขวาทใบกงหน พมพขอความทจะก าหนดเปนหวขอเมน

Page 16: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

16

7. คลกใบกงหนและกานกงหนทกชน จากนนด าเนนการจดกลมเพอเตรยมส าหรบการท า Animation

8. คลกเมน Animation เลอกโหมด Emphasis เลอก Spin

9. คลก Effect Options… ทชอง Animation pane เพอก าหนดคณลกษณะ

พลงงาน

แสงอาทตย

พลงงานน า พลงงานลม

ความ

ส าคญ

Page 17: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

17

10. ก าหนด Link ใหแตละเมน โดยการคลกเมาสคลมชอเมน 11. คลกเมน Insert เลอกเมนไอคอน Hyperlink เพอก าหนดการลงค 12. คลกก าหนดการลงคภายในเพอก าหนดการคลกไปยงหนาทตองการตามเมน

1

2

3

Page 18: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

18

แบบฝกปฏบตท 2 กงหนเมน

ค ำชแจง ใหนกเรยนออกแบบหนาเมน Animation แบบกงหน เกยวกบเรอง กงหนน าชยพฒนา โดยมเมนดงน

ผคดคน คณสมบต วธการท างาน รางวล

Page 19: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

19

ใบควำมรท 4 กำรออกแบบเมน Animation แบบชงชำ

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

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

Page 20: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

20

2. เลอกเครองมอ Shape รปสามเหลยม มาวาดภาพเพอเปนเสาชงชา

(วาดภาพตามแบบปรบมมและสตามแบบ) (รวมรปรางเพอเปนเสาชงชาแลวจดกลม)

3. เลอกเครองมอ Shape รปเครองหมายบวก มาวาดแกนชงชา และ รปราง 10 เหลยม มาวาดวงลอมของชงชา

4. เลอกเครองมอ Shape รปแปดเหลยมและดาวมาประกอบแกนกลาง และ วาดวงกลมมาลอมรอบเพอใหชงชาดมมตและสวยงามมากขน

Page 21: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

21

5. เลอกเครองมอ Shape มาวาดภาพ 6 เหลยม เพอวาดกระเชาชงชา โดยวาด 2 รปซอนกนดงภาพ จากกนนคลกทรปกระเชาทง 2 รปแลวด าเนนการจดกลม

6. ด าเนนการคดลอกกระเชาชงชา แลววางตามต าแหนงทตองการ

7. ปรบเปลยนสใหสวยงามตามความตองการ

Page 22: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

22

8. กด Ctrl + คลกทกระเชาทกกระเชา 9. คลกทรปวงลอกระเชา จากนนเลอกเมน Animation เลอกโหมด Emphasis

เลอก Spin เพอปนวงลอ

10. ก าหนด Effect Options ท Animation pane เพอใหวงลอหมนตลอดเวลา

Page 23: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

23

11. คลกทกระเชาชงชา เลอก Animation เลอกโหมด Motion Paths

เลอก Shapes เพอก าหนดกระเชาใหหมนตามวงลอชงชา

12. ก าหนด Effect Options ท Animation pane เพอใหกระเชาชงชา หมนตามวงลอตลอดเวลา

Page 24: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

24

13. คลกลากเสนประของกระเชาชงชาทละกระเชา ลากใหลอมรอบวงลอ 14. คลกทหวลกศร แลวลากจดเรมตนของกระเชาใหตรงกบกระเชา ดงภาพ

15. กด F5 เพอทดสอบการหมนของกระเชาและวงลอ จากนนปรบใหสมบรณ 16. ก าหนด Link ใหแตละเมน โดยการคลกเมาสคลมชอเมน 17. คลกเมน Insert เลอกเมนไอคอน Hyperlink เพอก าหนดการลงค 18. คลกก าหนดการลงคภายในเพอก าหนดการคลกไปยงหนาทตองการตามเมน

1

2

3

Page 25: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

25

แบบฝกปฏบตท 3 ชงชาเมน

ค ำชแจง ใหนกเรยนออกแบบหนาเมน Animation แบบชงชา เกยวกบเรอง ประเพณไทย โดยมเมนดงน

ภาคกลาง ภาคเหนอ ภาคตะวนออกเฉยงเหนอ ภาคใต

Page 26: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

26

ใบควำมรท 5 กำรออกแบบเมน Animation แบบภำพ

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

1. ออกแบบหนาเมนใหชดเจน สวยงาม และเหมาะสมกบหวขอเรองทจะน าเสนอ เชน พระอจฉรยภาพ รชกาลท 9 หนาเมนควรออกแบบใหยงใหญสวยงาม

Page 27: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

27

2. ด าเนนการวางภาพตามต าแหนงทตองการเพอใหผใชเลอกคลกเขาสเนอหาตางๆ

13. กด Crtl + คลกทเมนภาพทกเมนเพอก าหนดใหเมนภาพมเทคนคเคลอนไหว โดยใหเสนขอบเปลยนสสลบกนไปเรอยๆ

14. เลอกเมน Animation แลวเลอกโหมด Emphasis เลอก Line Color

Page 28: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

28

15. คลกก าหนด Effect Option… ทหนาตาง Animation Pane เพอก าหนด

คาใหกบเมนภาพทเลอก

16. คลกทเมนทละเมนเพอก าหนดการหนวงเวลาในการเลนใหแสดงออกทละเมน 17. ก าหนดคาการหนวงเวลาเลนใหเลนชากวาเมนกอนหนา ให Delay

18. คลกทเมนภาพเพอก าหนด Link ใหแตละเมน 19. คลกเมน Insert เลอกเมนไอคอน Hyperlink เพอก าหนดการลงค

Page 29: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

29

20. คลกก าหนดการลงคภายในเพอก าหนดการคลกไปยงหนาทตองการตามเมน

( ท าเหมอนกนทกเมนภาพ )

21. กดปม F5 เพอชมการน าเสนอและปรบปรงใหสวยงามตามความตองการ

1

2

3

เชญชวนนกเรยนทกคน

ไปท าแบบฝกทกษะกน

เลยดกวาคะ

Page 30: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

30

แบบฝกปฏบตท 4 เมนภาพ

ค ำชแจง ใหนกเรยนออกแบบหนาเมน Animation แบบเมนภาพ เกยวกบเรอง เทศกาลไทย โดยมเมนดงน

เทศกาลสงกรานต เทศกาลปใหม เทศกาลตรษจน เทศกาลกนเจ

Page 31: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

31

ใบควำมรท 6 กำรออกแบบเมน Animation แบบปมไอคอน

การออกแบบเมน Animation แบบปมไอคอน เปนการออกแบบทไมยากแตตองวางแผนใหเหมาะสมสวยงาม เพราะหากเลอกปมเมนไมดจะท าใหหนาสไลดดรกตาและ ไมนาสนใจ ซงการออกแบบเมน Animation แบปมไอคอนนจะเปนสวนหนงทชวยให งานน าเสนอทมเรองราวทเปนทางการดมสสนและนาสนใจ ขนตอนการสรางเมน Animation แบบปมไอคอน

1. ออกแบบหนาเมนใหชดเจน สวยงาม และเหมาะสมกบหวขอเรองทจะน าเสนอ เชน การน าเสนอเกยวกบ เรองเศรษฐกจพอเพยง

Page 32: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

32

2. ก าหนด Animation ใหกบปมเมน โดยการคลกทเครองมอ Shape เลอกรปดาว มาวาดเพอจะก าหนดใหดาวประกายแสงบนพนหลงตามต าแหนงทเหมาะสม

3. ก าหนด Animation ใหกบแสงดาวโดยคลก Animation เลอกโหมด Emphasis เลอก Pulse เพอใหแสงดาวกะพรบ

4. ก าหนด Effect Option ท Animation Pane ใหแสงดาวกะพรบตลอดเวลา

Page 33: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

33

5. คลกทปมเมนทกปม จากนนคลกเมน Animation เลอกโหมด Empasis เลอก Fill color เพอก าหนดใหปมเมนเปลยนสได

6. ก าหนด Effect Option.. เพอใหมการไลเปลยนสตลอดเวลา

7. คลกทปมเมนทละปมแลวก าหนดเวลาการเลนใหมระยะหางกน เพอใหปมไล เปลยนสไมพรอมกน ทชอง Duration

Page 34: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

34

แบบฝกปฏบตท 5 เมนแบบปมไอคอน

ค ำชแจง ใหนกเรยนออกแบบหนาเมน Animation แบบปมไอคอน เกยวกบเรอง ไมโครซอฟตออฟฟศ โดยมเมนดงน

Microsoft Word Microsoft Excel Microsoft Powerpoint Microsoft Accress

ออกแบบตกแตงใหสวยงามไดตามจนตนาการของนกเรยน

Page 35: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

35

แบบทดสอบหลงเรยน

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

1. เมน (Menu) ทางดานคอมพวเตอร หมายถงอะไร ก. ค าสงทตองการใช ข. รายการทตองการใช ค. ค าสงทใชในการปฏบตงาน ง. รายการค าสงตาง ๆ ซงมไวใหเปนทางเลอก

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

3. ขอใดคอความส าคญทสดของเมน ก. ท าใหผใชมทางเลอก ข. ท าใหใชงานไดงายขน ค. ท าใหสะดวกในการเลอก ง. ท าใหผใชสะดวกและมทางเลอกทงายขนในการท างาน

4. หนาเมนแบบ Animation มลกษณะเดนอยางไร ก. เมนโตตอบได ข. เมนสามารถคลกได ค. เมนมลกษณะเคลอนไหวได ง. เมนสามารถลงคภายนอกได

5. ขอใดคอหนาเมนเหมาะสมส าหรบงานน าเสนอ ก. ตวอกษรอานงาย ข. ใชภาพแทนขอความ ค. ชอเมนอธบายรายละเอยดทกอยาง ง. สปมและตวอกษรเปนสโทนเดยวกน

Page 36: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

36

6. ขอควรระวงในการสรางหนาเมนแบบ Animation คออะไร ก. สรางหนาเมนทมการเคลอนไหวมากเกนไป ข. สรางหนาเมนทพนหลงเคลอนไหวแตปมเมนนง ค. สรางหนาเมนทมการเคลอนไหวชาๆ พลวไหวเบาๆ ง. สรางหนาเมนทพนหลงนงพลวไหวเพยงบางสวนทตองการ

7. หนาเมนแบบ Animation ลกษณะใดทไมควรออกแบบมาใชงาน ก. สสบายตา สวยงาม ข. สโทนเดยวกบตวอกษร ค. มการเคลอนไหวอยางรวดเรว ง. มลกษณะแปลกตาไมเคยมใครสราง

8. หนาเมนมความส าคญอยางไร ก. เพอท าใหงานมหนาเพมขนอก 1 หนา ข. เพอใชเปนจดเชอมโยงขอมลเหมอนสารบญ ค. เพอสรปสาระส าคญของเนอหาหนาทสรางขน ง. เพอใชศกษารายละเอยดตางๆ ทมในงานทสราง

9. ขอใดไมใชโปรแกรมทสามารถใชส าหรบการออกแบบหนาเมนแบบ Animation ก. Paint ข. Flash ค. Powerpoint ง. Dreamwever

10. การใชงานลกษณะใดบางทควรมหนาเมน ก. CAI ข. เกม ค. เวบไซต ง. ถกทกขอ

เกงมากๆ เลย ปรบมอรวๆ เลยคะ

Page 37: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

37

ภำคผนวก

Page 38: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

38

เฉลยแบบทดสอบกอนเรยน

ขอ เฉลย 1 ง 2 ง 3 ค 4 ก 5 ค 6 ข 7 ก 8 ข 9 ง 10 ก

เปนอยำงไรบำงคะ...ตรวจค ำตอบกนแลว

ผลกำรทดสอบเยยมเลยใชไหมคะ

Page 39: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

39

แบบประเมนคะแนนกำรฝกปฏบต ชดกจกรรมท 5 กำรฝกเทคนคกำรสรำงเมนแบบ Animation

แบบฝกปฏบตท ........... เรอง .......................................................................

เลขท ชอ – สกล เกณฑกำรประเมน ระดบ

คะแนน 5 4 3 2 1

เกณฑกำรประเมนหรอแนวทำงกำรใหคะแนน ชวงคะแนน ควำมหมำย

5 ออกแบบสรางสรรคดมาก / สวยงามมาก / เคลอนไหวได / เสรจตามเวลา 4 ออกแบบสรางสรรคด / สวยงาม / เคลอนไหวได / เสรจตามเวลา 3 ออกแบบด / สวยงาม / เคลอนไหวได / เสรจตามเวลา 2 ออกแบบพอได / เคลอนไหวได / เสรจตามเวลา 1 ออกแบบได / ไมเคลอนไหว

ผลกำรประเมน

ชวงคะแนน ควำมหมำย 5 4 3 2 1

ดมาก ด

ปานกลาง นอย

นอยมาก

Page 40: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

40

เฉลยแบบทดสอบหลงเรยน

ขอ เฉลย 1 ง 2 ค 3 ง 4 ค 5 ก 6 ก 7 ข 8 ข 9 ก 10 ง

เกงมำก ๆ เลยคะ เรำไปเรยนรชดกจกรรมท 6

กนเลยดกวำ

Page 41: ค ำน ำ - kruchonlada.files.wordpress.com · การเรียนรู้การงานอาชีพและเทคโนโลยี จัดท าขึ้นเพื่อใช้ควบคู่กับแผนการจัดการเรียนรู้

ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com

41

บรรณำนกรม

ทวศกด กาญจนสวรรณ. เทคโนโลยมลตมเดย. กรงเทพฯ. เคทพ คอมพ แอนด

คอนซลท, 2552. ภททรา เหลองวลาศ. เรยนกำรใชงำนภำคปฏบต Microsoft Powerpoint. กรงเทพมหานคร : บรษทซเอดยเคชน จ ากด(มหาชน), 2545.

ศรชย จาตกวนช และ ประสทธชย วระยทธวไล. เกงPresentationอยำงสตฟ จอบส (แปลจากเรอง The Presentation Secrets of Steve Jobs. (Carmine Gallo) กรงเทพมหานคร : ส านกพมพแมคกรอ-ฮล, 2010.