ค ำน ำ - 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 วชาคอมพวเตอร กลมสาระการเรยนรการงานอาชพและเทคโนโลยน จะชวยอ านวยประโยชน ในการเรยนการสอนวชาคอมพวเตอรใหกบนกเรยนไดอยางสรางสรรคตลอดจนเปนแนวทาง ในการจดท าสอ/นวตกรรมแกครผสอนคอมพวเตอรและผทสนใจทวไป

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

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

ศกษาขอมลเพมเตมไดทางเวบไซต 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

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

3

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

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

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

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

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

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

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

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

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

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

4

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

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

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

5

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

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

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

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

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

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

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

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

6

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

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

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

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

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

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

7

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

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

ศกษาขอมลเพมเตมไดทางเวบไซต 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

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

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

9

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

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

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

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

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

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

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

10

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

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

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

11

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

1

2

3

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

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

12

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

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

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

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

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

13

ใบควำมรท 3

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

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

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

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

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

14

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

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

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

15

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

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

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

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

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

16

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

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

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

พลงงาน

แสงอาทตย

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

ความ

ส าคญ

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

17

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

1

2

3

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

18

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

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

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

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

19

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

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

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

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

20

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

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

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

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

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

21

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

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

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

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

22

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

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

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

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

23

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

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

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

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

24

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

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

1

2

3

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

25

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

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

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

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

26

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

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

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

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

27

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

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

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

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

28

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

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

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

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

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

29

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

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

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

1

2

3

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

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

เลยดกวาคะ

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

30

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

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

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

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

31

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

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

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

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

32

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

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

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

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

33

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

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

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

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

34

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

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

Microsoft Word Microsoft Excel Microsoft Powerpoint Microsoft Accress

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

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

35

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

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

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

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

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

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

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

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

36

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

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

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

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

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

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

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

37

ภำคผนวก

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

38

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

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

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

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

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

39

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

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

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

คะแนน 5 4 3 2 1

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

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

ผลกำรประเมน

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

ดมาก ด

ปานกลาง นอย

นอยมาก

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

40

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

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

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

กนเลยดกวำ

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

41

บรรณำนกรม

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

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

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