Page 1
ศกษาขอมลเพมเตมไดทางเวบไซต 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
ศกษาขอมลเพมเตมไดทางเวบไซต 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
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
3
ค ำชแจงส ำหรบนกเรยน
การเรยนโดยใชชดกจกรรมการฝกเทคนคพเศษเพอใชในการน าเสนอขอมลดวยโปรแกรม Microsoft PowerPoint 2013 ส าหรบนกเรยนชนประถมศกษาปท 6 วชาคอมพวเตอร กลมสาระการเรยนรการงานอาชพและเทคโนโลย ชดกจกรรมท 5 การฝกเทคนคการสรางเมนแบบ Animation ใหนกเรยนปฏบตตามขนตอนดวยความตงใจ ดงน
1. อานค าชแจงการใชชดกจกรรมใหเขาใจกอนลงมอศกษาและปฏบตกจกรรม
2. ท าแบบทดสอบกอนเรยนเพอทดสอบความรพนฐาน ตรวจค าตอบและบนทกผลคะแนนทได
3. ศกษาใบความรและปฏบตตามขนตอนทไดก าหนดไว 4. เมอปฏบตการฝกเทคนคตามขนตอนทไดก าหนดไวแลว ลงมอฝกทกษะ
ตามแบบฝกทกษะใหครบทกแบบฝกและสงครบนทกคะแนนทกแบบฝก 5. ท าแบบทดสอบหลงเรยน ตรวจค าตอบและบนทกผลคะแนนเพอ
ตรวจสอบความกาวหนาทางการเรยน 6. ประเมนผลการเรยนร
ขอควรปฏบต 1. หากมขอสงสยใหขอค าอธบายจากครผสอน 2. เพอใหเกดประโยชนสงสด นกเรยนตองมความาซอสตยตอตนเองไมคดลอกงาน
ผอนมาเปนของตนเองและไมเปดเฉลยแบบทดสอบจนกวานกเรยนจะท า แบบทดสอบเสรจ
Page 4
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
4
1. มความเขาใจเกยวกบการออกแบบเมน Animation 2. สามารถอธบายวธการออกแบบเมน Animation ได 3. สามารถสรางเมน Animation ได
จดประสงคกำรเรยนร
Page 5
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
5
แบบทดสอบกอนเรยน
ค ำชแจง จงเลอกค าตอบทถกตองทสดเพยงค าตอบเดยวลงในกระดาษค าตอบ
1. เมน (Menu) ทางดานคอมพวเตอร หมายถงอะไร
ก. ค าสงทตองการใช ข. รายการทตองการใช ค. ค าสงทใชในการปฏบตงาน ง. รายการค าสงตาง ๆ ซงมไวใหเปนทางเลอก
2. ขอใดคอความส าคญทสดของเมน ก. ท าใหผใชมทางเลอก ข. ท าใหใชงานไดงายขน ค. ท าใหสะดวกในการเลอก ง. ท าใหผใชสะดวกและมทางเลอกทงายขนในการท างาน
3. ถาไมสรางเมนไวในงานน าเสนอขอมลปญหาทพบชดเจนทสดคออะไร ก. งานน าเสนอไมสวย ข. งานน าเสนอไมสมบรณ ค. งานน าเสนอขาดความสะดวกในการใชงาน ง. งานน าเสนอลาหลงขาดความทนสมยทโดดเดน
4. ขอใดคอหนาเมนเหมาะสมส าหรบงานน าเสนอ ก. ตวอกษรอานงาย ข. ใชภาพแทนขอความ ค. ชอเมนอธบายรายละเอยดทกอยาง ง. สปมและตวอกษรเปนสโทนเดยวกน
Page 6
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
6
5. หนาเมนแบบ Animation มลกษณะเดนอยางไร ก. เมนโตตอบได ข. เมนสามารถคลกได ค. เมนมลกษณะเคลอนไหวได ง. เมนสามารถลงคภายนอกได
6. หนาเมนแบบ Animation ลกษณะใดทไมควรออกแบบมาใชงาน ก. สสบายตา สวยงาม ข. สโทนเดยวกบตวอกษร ค. มการเคลอนไหวอยางรวดเรว ง. มลกษณะแปลกตาไมเคยมใครสราง
7. ขอควรระวงในการสรางหนาเมนแบบ Animation คออะไร ก. สรางหนาเมนทมการเคลอนไหวมากเกนไป ข. สรางหนาเมนทพนหลงเคลอนไหวแตปมเมนนง ค. สรางหนาเมนทมการเคลอนไหวชาๆ พลวไหวเบาๆ ง. สรางหนาเมนทพนหลงนงพลวไหวเพยงบางสวนทตองการ
8. หนาเมนมความส าคญอยางไร ก. เพอท าใหงานมหนาเพมขนอก 1 หนา ข. เพอใชเปนจดเชอมโยงขอมลเหมอนสารบญ ค. เพอสรปสาระส าคญของเนอหาหนาทสรางขน ง. เพอใชศกษารายละเอยดตางๆ ทมในงานทสราง
9. การใชงานลกษณะใดบางทควรมหนาเมน ก. CAI ข. เกม ค. เวบไซต ง. ถกทกขอ
Page 7
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
7
10. ขอใดไมใชโปรแกรมทสามารถใชส าหรบการออกแบบหนาเมนแบบ Animation ก. Paint ข. Flash ค. Powerpoint ง. Dreamwever
ตรวจค าตอบดสคะ ไดกคะแนนกนนะ
Page 8
ศกษาขอมลเพมเตมไดทางเวบไซต 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
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
9
ใบควำมรท 2 กำรออกแบบเมน Animation แบบสไลด
การออกแบบเมน Animation แบบสไลด เปนการสรางเมนทคลายๆ กบการก าหนดปมเมนบนหนาเวบไซต คอเมอน าเมาสไปคลกทเมน จะปรากฏแถบเมนเคลอนสไลดออกมา
ขนตอนการสรางเมน Animation แบบสไลด
1. ออกแบบหนาเมนใหเหมาะสมกบหวขอเรองทท า เชน การอนรกษทรพยากรธรรมชาต กควรออกแบบใหสบายตาและเปนธรรมชาต
2. ก าหนดใหมรศมหมนเปนล าแสงเหนอค าวา “การอนรกษ” 3. ก าหนดใหใบไมขยบและรวง 4. ก าหนดใหดอกไมใบไมพลวลม
5. ออกแบบปมเมนเพอใหมเมนสไลดออกมาเพอคลกชม
Page 10
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
10
6. พมพชอเมน จากนนจดกลมแตละเมน ก าหนด Animation ใหเลอนลง ทละเมนโดยอตโนมต
7. ก าหนด Link ใหแตละเมน โดยการคลกเมาสคลมชอเมน 8. คลกเมน Insert เลอกเมนไอคอน Hyperlink เพอก าหนดการลงค
Page 11
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
11
9. คลกก าหนดการลงคภายในเพอก าหนดการคลกไปยงหนาทตองการตามเมน
1
2
3
ไมยากเลยใชไหมคะเดกๆ ครเชอวาทกคนท าไดคะ
Page 12
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
12
แบบฝกปฏบตท 1 คลกเมนสไลด Select
ค ำชแจง ใหนกเรยนออกแบบหนาเมน Animation แบบสไลดเมน เกยวกบเรอง ฝนเทยม โดยก าหนดเมนใหดงน
บดาแหงฝนเทยม ฝนเทยมคออะไร ขนตอนการท าฝนเทยม วดโอการท าฝนเทยม
หมายเหต นกเรยนสามารถใชภาพประกอบบางสวนจากอนเตอรเนตได
Page 13
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
13
ใบควำมรท 3
กำรออกแบบเมน Animation แบบกงหน
การออกแบบเมน Animation แบบกงหน เปนเทคนคพเศษทมกนยมใชในการน าเสนอขอมลดวยโปรแกรมไมโครซอฟตพาวเวอรพอยท เพราะเปนการสรางเมนทมความสวยงาม มความสดใส และกลมกลนกนอยางลงตว การออกแบบเมนแบบกงหนน เหมาะกบการน าเสนอทตองการความตระการตา หรอเฉพาะงาน ขนตอนการสรางเมน Animation แบบสไลด
1. ออกแบบหนาเมนใหเหมาะสมกบหวขอเรองทท า เชน พลงงานทดแทน ควรออกแบบใหมองคประกอบทสอถงพลงงานทดแทนตาง ๆ
ก าหนดสพนหลงจากการแทรกภาพ แทรกภาพมาวางประกอบ
Page 14
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
14
2. น าเครองมอ Shape มาวาดภาพฐานกงหน
3. น าเครองมอ Shape รปรางสเหลยม มาวาดหนาตางปรบสเปนสขาว
Page 15
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
15
4. น าเครองมอ Shape เครองหมายบวก มาวาดเปนกานกงหน
และวงกลม มาวาดทบ
5. น าเครองมอ Shape รปรางสเหลยมขาวหลามตด มาวาดใบกงหน
6. คลกขวาทใบกงหน พมพขอความทจะก าหนดเปนหวขอเมน
Page 16
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
16
7. คลกใบกงหนและกานกงหนทกชน จากนนด าเนนการจดกลมเพอเตรยมส าหรบการท า Animation
8. คลกเมน Animation เลอกโหมด Emphasis เลอก Spin
9. คลก Effect Options… ทชอง Animation pane เพอก าหนดคณลกษณะ
พลงงาน
แสงอาทตย
พลงงานน า พลงงานลม
ความ
ส าคญ
Page 17
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
17
10. ก าหนด Link ใหแตละเมน โดยการคลกเมาสคลมชอเมน 11. คลกเมน Insert เลอกเมนไอคอน Hyperlink เพอก าหนดการลงค 12. คลกก าหนดการลงคภายในเพอก าหนดการคลกไปยงหนาทตองการตามเมน
1
2
3
Page 18
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
18
แบบฝกปฏบตท 2 กงหนเมน
ค ำชแจง ใหนกเรยนออกแบบหนาเมน Animation แบบกงหน เกยวกบเรอง กงหนน าชยพฒนา โดยมเมนดงน
ผคดคน คณสมบต วธการท างาน รางวล
Page 19
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
19
ใบควำมรท 4 กำรออกแบบเมน Animation แบบชงชำ
การออกแบบเมน Animation แบบชงชา เปนเทคนคพเศษทมกนยมใชในการน าเสนองานทตองการความตระการตา สวยงาม และสดใส เมนแบบชงชานเหมาะสมทจะน าไปใชประกอบการน าเสนอขอมลเกยวกบประเพณตางๆ ของไทย ดงนนหากนกเรยนสามารถท าได นกเรยนกจะสามารถน าไปประยกตใชกบงานหลายๆ งานไดอยางมประสทธภาพ ขนตอนการสรางเมน Animation แบบชงชา
1. ออกแบบหนาเมนใหเหมาะสมกบหวขอเรองทท า เชน ประเพณลอยกระทง ควรออกแบบใหมองคประกอบทสอถงงานลอยกระทงอยางชดเจน ซงอาจเลอกภาพเกยวกบลอยกระทงจากอนเตอรเนตมาใชประกอบฉากได
Page 20
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
20
2. เลอกเครองมอ Shape รปสามเหลยม มาวาดภาพเพอเปนเสาชงชา
(วาดภาพตามแบบปรบมมและสตามแบบ) (รวมรปรางเพอเปนเสาชงชาแลวจดกลม)
3. เลอกเครองมอ Shape รปเครองหมายบวก มาวาดแกนชงชา และ รปราง 10 เหลยม มาวาดวงลอมของชงชา
4. เลอกเครองมอ Shape รปแปดเหลยมและดาวมาประกอบแกนกลาง และ วาดวงกลมมาลอมรอบเพอใหชงชาดมมตและสวยงามมากขน
Page 21
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
21
5. เลอกเครองมอ Shape มาวาดภาพ 6 เหลยม เพอวาดกระเชาชงชา โดยวาด 2 รปซอนกนดงภาพ จากกนนคลกทรปกระเชาทง 2 รปแลวด าเนนการจดกลม
6. ด าเนนการคดลอกกระเชาชงชา แลววางตามต าแหนงทตองการ
7. ปรบเปลยนสใหสวยงามตามความตองการ
Page 22
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
22
8. กด Ctrl + คลกทกระเชาทกกระเชา 9. คลกทรปวงลอกระเชา จากนนเลอกเมน Animation เลอกโหมด Emphasis
เลอก Spin เพอปนวงลอ
10. ก าหนด Effect Options ท Animation pane เพอใหวงลอหมนตลอดเวลา
Page 23
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
23
11. คลกทกระเชาชงชา เลอก Animation เลอกโหมด Motion Paths
เลอก Shapes เพอก าหนดกระเชาใหหมนตามวงลอชงชา
12. ก าหนด Effect Options ท Animation pane เพอใหกระเชาชงชา หมนตามวงลอตลอดเวลา
Page 24
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
24
13. คลกลากเสนประของกระเชาชงชาทละกระเชา ลากใหลอมรอบวงลอ 14. คลกทหวลกศร แลวลากจดเรมตนของกระเชาใหตรงกบกระเชา ดงภาพ
15. กด F5 เพอทดสอบการหมนของกระเชาและวงลอ จากนนปรบใหสมบรณ 16. ก าหนด Link ใหแตละเมน โดยการคลกเมาสคลมชอเมน 17. คลกเมน Insert เลอกเมนไอคอน Hyperlink เพอก าหนดการลงค 18. คลกก าหนดการลงคภายในเพอก าหนดการคลกไปยงหนาทตองการตามเมน
1
2
3
Page 25
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
25
แบบฝกปฏบตท 3 ชงชาเมน
ค ำชแจง ใหนกเรยนออกแบบหนาเมน Animation แบบชงชา เกยวกบเรอง ประเพณไทย โดยมเมนดงน
ภาคกลาง ภาคเหนอ ภาคตะวนออกเฉยงเหนอ ภาคใต
Page 26
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
26
ใบควำมรท 5 กำรออกแบบเมน Animation แบบภำพ
การออกแบบเมน Animation แบบภาพ เปนการสรางหนาเมนโดยใชภาพสอถงเรองราว ซงบางครงอาจจะใชรปและขอความรวมกน ทงนขนอยกบหวขอเมนวาสามารถใชภาพสอถงเรองราวไดชดเจนหรอไม หากภาพอยางเดยวไมสามารถบอกใหผใชเขาใจไดกควรมขอความรวมดวย การออกแบบเมน Animation แบบภาพน จะชวยใหงานน าเสนอดดแปลกตานาคนหา ขนตอนการสรางเมน Animation แบบภาพ
1. ออกแบบหนาเมนใหชดเจน สวยงาม และเหมาะสมกบหวขอเรองทจะน าเสนอ เชน พระอจฉรยภาพ รชกาลท 9 หนาเมนควรออกแบบใหยงใหญสวยงาม
Page 27
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
27
2. ด าเนนการวางภาพตามต าแหนงทตองการเพอใหผใชเลอกคลกเขาสเนอหาตางๆ
13. กด Crtl + คลกทเมนภาพทกเมนเพอก าหนดใหเมนภาพมเทคนคเคลอนไหว โดยใหเสนขอบเปลยนสสลบกนไปเรอยๆ
14. เลอกเมน Animation แลวเลอกโหมด Emphasis เลอก Line Color
Page 28
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
28
15. คลกก าหนด Effect Option… ทหนาตาง Animation Pane เพอก าหนด
คาใหกบเมนภาพทเลอก
16. คลกทเมนทละเมนเพอก าหนดการหนวงเวลาในการเลนใหแสดงออกทละเมน 17. ก าหนดคาการหนวงเวลาเลนใหเลนชากวาเมนกอนหนา ให Delay
18. คลกทเมนภาพเพอก าหนด Link ใหแตละเมน 19. คลกเมน Insert เลอกเมนไอคอน Hyperlink เพอก าหนดการลงค
Page 29
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
29
20. คลกก าหนดการลงคภายในเพอก าหนดการคลกไปยงหนาทตองการตามเมน
( ท าเหมอนกนทกเมนภาพ )
21. กดปม F5 เพอชมการน าเสนอและปรบปรงใหสวยงามตามความตองการ
1
2
3
เชญชวนนกเรยนทกคน
ไปท าแบบฝกทกษะกน
เลยดกวาคะ
Page 30
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
30
แบบฝกปฏบตท 4 เมนภาพ
ค ำชแจง ใหนกเรยนออกแบบหนาเมน Animation แบบเมนภาพ เกยวกบเรอง เทศกาลไทย โดยมเมนดงน
เทศกาลสงกรานต เทศกาลปใหม เทศกาลตรษจน เทศกาลกนเจ
Page 31
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
31
ใบควำมรท 6 กำรออกแบบเมน Animation แบบปมไอคอน
การออกแบบเมน Animation แบบปมไอคอน เปนการออกแบบทไมยากแตตองวางแผนใหเหมาะสมสวยงาม เพราะหากเลอกปมเมนไมดจะท าใหหนาสไลดดรกตาและ ไมนาสนใจ ซงการออกแบบเมน Animation แบปมไอคอนนจะเปนสวนหนงทชวยให งานน าเสนอทมเรองราวทเปนทางการดมสสนและนาสนใจ ขนตอนการสรางเมน Animation แบบปมไอคอน
1. ออกแบบหนาเมนใหชดเจน สวยงาม และเหมาะสมกบหวขอเรองทจะน าเสนอ เชน การน าเสนอเกยวกบ เรองเศรษฐกจพอเพยง
Page 32
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
32
2. ก าหนด Animation ใหกบปมเมน โดยการคลกทเครองมอ Shape เลอกรปดาว มาวาดเพอจะก าหนดใหดาวประกายแสงบนพนหลงตามต าแหนงทเหมาะสม
3. ก าหนด Animation ใหกบแสงดาวโดยคลก Animation เลอกโหมด Emphasis เลอก Pulse เพอใหแสงดาวกะพรบ
4. ก าหนด Effect Option ท Animation Pane ใหแสงดาวกะพรบตลอดเวลา
Page 33
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
33
5. คลกทปมเมนทกปม จากนนคลกเมน Animation เลอกโหมด Empasis เลอก Fill color เพอก าหนดใหปมเมนเปลยนสได
6. ก าหนด Effect Option.. เพอใหมการไลเปลยนสตลอดเวลา
7. คลกทปมเมนทละปมแลวก าหนดเวลาการเลนใหมระยะหางกน เพอใหปมไล เปลยนสไมพรอมกน ทชอง Duration
Page 34
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
34
แบบฝกปฏบตท 5 เมนแบบปมไอคอน
ค ำชแจง ใหนกเรยนออกแบบหนาเมน Animation แบบปมไอคอน เกยวกบเรอง ไมโครซอฟตออฟฟศ โดยมเมนดงน
Microsoft Word Microsoft Excel Microsoft Powerpoint Microsoft Accress
ออกแบบตกแตงใหสวยงามไดตามจนตนาการของนกเรยน
Page 35
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
35
แบบทดสอบหลงเรยน
ค ำชแจง จงเลอกค าตอบทถกตองทสดเพยงค าตอบเดยวลงในกระดาษค าตอบ
1. เมน (Menu) ทางดานคอมพวเตอร หมายถงอะไร ก. ค าสงทตองการใช ข. รายการทตองการใช ค. ค าสงทใชในการปฏบตงาน ง. รายการค าสงตาง ๆ ซงมไวใหเปนทางเลอก
2. ถาไมสรางเมนไวในงานน าเสนอขอมลปญหาทพบชดเจนทสดคออะไร ก. งานน าเสนอไมสวย ข. งานน าเสนอไมสมบรณ ค. งานน าเสนอขาดความสะดวกในการใชงาน ง. งานน าเสนอลาหลงขาดความทนสมยทโดดเดน
3. ขอใดคอความส าคญทสดของเมน ก. ท าใหผใชมทางเลอก ข. ท าใหใชงานไดงายขน ค. ท าใหสะดวกในการเลอก ง. ท าใหผใชสะดวกและมทางเลอกทงายขนในการท างาน
4. หนาเมนแบบ Animation มลกษณะเดนอยางไร ก. เมนโตตอบได ข. เมนสามารถคลกได ค. เมนมลกษณะเคลอนไหวได ง. เมนสามารถลงคภายนอกได
5. ขอใดคอหนาเมนเหมาะสมส าหรบงานน าเสนอ ก. ตวอกษรอานงาย ข. ใชภาพแทนขอความ ค. ชอเมนอธบายรายละเอยดทกอยาง ง. สปมและตวอกษรเปนสโทนเดยวกน
Page 36
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
36
6. ขอควรระวงในการสรางหนาเมนแบบ Animation คออะไร ก. สรางหนาเมนทมการเคลอนไหวมากเกนไป ข. สรางหนาเมนทพนหลงเคลอนไหวแตปมเมนนง ค. สรางหนาเมนทมการเคลอนไหวชาๆ พลวไหวเบาๆ ง. สรางหนาเมนทพนหลงนงพลวไหวเพยงบางสวนทตองการ
7. หนาเมนแบบ Animation ลกษณะใดทไมควรออกแบบมาใชงาน ก. สสบายตา สวยงาม ข. สโทนเดยวกบตวอกษร ค. มการเคลอนไหวอยางรวดเรว ง. มลกษณะแปลกตาไมเคยมใครสราง
8. หนาเมนมความส าคญอยางไร ก. เพอท าใหงานมหนาเพมขนอก 1 หนา ข. เพอใชเปนจดเชอมโยงขอมลเหมอนสารบญ ค. เพอสรปสาระส าคญของเนอหาหนาทสรางขน ง. เพอใชศกษารายละเอยดตางๆ ทมในงานทสราง
9. ขอใดไมใชโปรแกรมทสามารถใชส าหรบการออกแบบหนาเมนแบบ Animation ก. Paint ข. Flash ค. Powerpoint ง. Dreamwever
10. การใชงานลกษณะใดบางทควรมหนาเมน ก. CAI ข. เกม ค. เวบไซต ง. ถกทกขอ
เกงมากๆ เลย ปรบมอรวๆ เลยคะ
Page 37
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
37
ภำคผนวก
Page 38
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
38
เฉลยแบบทดสอบกอนเรยน
ขอ เฉลย 1 ง 2 ง 3 ค 4 ก 5 ค 6 ข 7 ก 8 ข 9 ง 10 ก
เปนอยำงไรบำงคะ...ตรวจค ำตอบกนแลว
ผลกำรทดสอบเยยมเลยใชไหมคะ
Page 39
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
39
แบบประเมนคะแนนกำรฝกปฏบต ชดกจกรรมท 5 กำรฝกเทคนคกำรสรำงเมนแบบ Animation
แบบฝกปฏบตท ........... เรอง .......................................................................
เลขท ชอ – สกล เกณฑกำรประเมน ระดบ
คะแนน 5 4 3 2 1
เกณฑกำรประเมนหรอแนวทำงกำรใหคะแนน ชวงคะแนน ควำมหมำย
5 ออกแบบสรางสรรคดมาก / สวยงามมาก / เคลอนไหวได / เสรจตามเวลา 4 ออกแบบสรางสรรคด / สวยงาม / เคลอนไหวได / เสรจตามเวลา 3 ออกแบบด / สวยงาม / เคลอนไหวได / เสรจตามเวลา 2 ออกแบบพอได / เคลอนไหวได / เสรจตามเวลา 1 ออกแบบได / ไมเคลอนไหว
ผลกำรประเมน
ชวงคะแนน ควำมหมำย 5 4 3 2 1
ดมาก ด
ปานกลาง นอย
นอยมาก
Page 40
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
40
เฉลยแบบทดสอบหลงเรยน
ขอ เฉลย 1 ง 2 ค 3 ง 4 ค 5 ก 6 ก 7 ข 8 ข 9 ก 10 ง
เกงมำก ๆ เลยคะ เรำไปเรยนรชดกจกรรมท 6
กนเลยดกวำ
Page 41
ศกษาขอมลเพมเตมไดทางเวบไซต http://kruchonlada.wordpress.com
41
บรรณำนกรม
ทวศกด กาญจนสวรรณ. เทคโนโลยมลตมเดย. กรงเทพฯ. เคทพ คอมพ แอนด
คอนซลท, 2552. ภททรา เหลองวลาศ. เรยนกำรใชงำนภำคปฏบต Microsoft Powerpoint. กรงเทพมหานคร : บรษทซเอดยเคชน จ ากด(มหาชน), 2545.
ศรชย จาตกวนช และ ประสทธชย วระยทธวไล. เกงPresentationอยำงสตฟ จอบส (แปลจากเรอง The Presentation Secrets of Steve Jobs. (Carmine Gallo) กรงเทพมหานคร : ส านกพมพแมคกรอ-ฮล, 2010.