เอกสารประกอบการเรียน · 7.6 ใบงานที่ 3 สร้างโปรเจกต์เพื่อรองรับอุปกรณ์ต่างๆ

เอกสารประกอบการเรยน เรอง การใชงานโปรแกรม Adobe Captivate 8

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

เอกสารประกอบการเรยน

เรอง การใชงานโปรแกรม Adobe Captivate 8

รหสวชา ง30215 รายวชา การผลตสอบนแทบเลต ชนมธยมศกษาปท 4 กลมสาระการงานอาชพและเทคโนโลย

เลมท 1 ความรเบองตนเกยวกบโปรแกรม Adobe Captivate 8

พธพงศ ยมเปรม ต าแหนง คร วทยฐานะ ครช านาญการ

โรงเรยนวชรปราการวทยาคม

ส านกงานเขตพนทการศกษามธยมศกษา เขต 41 ส านกงานคณะกรรมการการศกษาขนพนฐาน

กระทรวงศกษาธการ


ก

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

น

เอกสารประกอบการเรยน เรอง การใชงานโปรแกรม Adobe Captivate 8 จดท าขนเพอ ใชประกอบการจดกจกรรมการเรยนร โดยมเปาหมายเพอใชเปนสอในการจดการเรยนร เพอพฒนานกเรยน ใหมคณภาพตามมาตรฐานการเรยนร พฒนานกเรยนใหมสมรรถนะตามทตองการ ทงดาน การสอสาร การคด การแกปญหา การใชทกษะชวต และการใชเทคโนโลย ตลอดจนพฒนานกเรยน ใหมคณลกษณะอนพงประสงค เพอใหสามารถอยรวมกบผอนในสงคมไทยและสงคมโลกไดอยางมความสข ซงประกอบดวยเอกสารประกอบการเรยน จ านวน 5 เลม ดงน เลมท 1 เรอง ความรเบองตนเกยวกบโปรแกรม Adobe Captivate 8 เลมท 2 เรอง การสรางชนงานรปแบบตางๆ เลมท 3 เรอง การออกแบบเนอหาชนงาน เลมท 4 เรอง การสรางแบบทดสอบประเภทตางๆ เลมท 5 เรอง การเผยแพรสอ นกเรยนสามารถศกษา และเรยนรดวยตนเอง ตามแผนผงแสดงขนตอนการเรยนทไดระบไว ในเอกสารประกอบการเรยน โดยนกเรยนสามารถเรยนรไดอยางเปนอสระและสามารถพฒนาตนเอง ไดเตมตามศกยภาพ สอดคลองกบแนวคดในการพฒนาผเรยนสศตวรรษท 21 ทมงเนนใหนกเรยน มทกษะทจ าเปน 3 ดาน คอ 1) ทกษะการเรยนรและนวตกรรม 2) ทกษะชวตและและการท างาน 3) ทกษะดานสารสนเทศ สอ เทคโนโลย ผจดท าหวงเปนอยางยงวา เอกสารประกอบการเรยน เรอง การใชงานโปรแกรม Adobe Captivate 8 จะเปนประโยชนตอการพฒนาผลสมฤทธทางการเรยน ทงยงชวยสงเสรมใหครผสอน สามารถจดการเรยนการสอนรไดอยางมประสทธภาพ ตรงตามมาตรฐานการศกษา เพอการพฒนานกเรยนสความเปนพลเมองโลกในศตวรรษท 21

พธพงศ ยมเปรม


ข

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

เรอง หนา

ค ำน ำ ก สำรบญ ข สำรบญภำพ ค

แผนผงแสดงขนตอนการเรยน 1 ค ำชแจงกำรใชเอกสำรประกอบกำรเรยน 2 ค ำชแจงส ำหรบคร 3 ค ำชแจงส ำหรบนกเรยน 4 สำระกำรเรยนร ผลกำรเรยนร และจดประสงคกำรเรยนร 5 แบบทดสอบกอนเรยน 6 ใบควำมรท 1 ควำมรเบองตนเกยวกบโปรแกรม Adobe Captivate 8 10 ใบงำนท 1 กำรตดตงและเรยกใชโปรแกรม 18 ใบควำมรท 2 สวนประกอบของหนำตำงโปรแกรม 20 ใบงำนท 2 สวนประกอบของหนำตำงโปรแกรม 32 ใบควำมรท 3 กำรสรำงโปรเจกตเพอรองรบอปกรณตำงๆ 33 ใบงำนท 3 กำรสรำงโปรเจกตเพอรองรบอปกรณตำงๆ 42 แบบทดสอบหลงเรยน 43 บรรณำนกรม 47 ภำคผนวก 48 เฉลยใบงำนท 1 49 เฉลยใบงำนท 2 50 เฉลยใบงำนท 3 51 เฉลยแบบทดสอบกอนเรยน – หลงเรยน 52


ค

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

ภาพ หนา

1 แสดงชอโปรแกรม Adobe Captivate 8 10 2 แสดงชอไฟล Setup โปรแกรม Adobe Captivate 8 11 3 แสดงกำรเลอกรปแบบกำรตดตง 12 4 แสดงกำร Sign In ดวย Adobe ID 12 5 แสดงกำรเลอก Sign In Later ลงชอภำยหลง 13 6 แสดงกำรเลอก Accept ยอมรบเงอนไข 13 7 แสดงปม Install เพอเรมตดตง 14 8 แสดงสถำนะกำรตดตง 14 9 แสดงควำมส ำเรจของกำรตดตง 15

10 แสดงปม start และ All Programs 15 11 แสดงโปรแกรม Adobe Captivate 8 16 12 แสดงหนำตำงโปรแกรม (Splash Screen) 16 13 แสดงหนำจอกำรสรำงชนงำน 17 14 แสดงหนำตำงเรมตน welcome Screen 20 15 แสดงหนำตำง Sample and tutorials 21 16 แสดงสวนประกอบของหนำตำงโปรแกรม 22 17 แสดงเมนหลก 22 18 แสดงแถบควบคมสไลด 23 19 แสดงเครองมอ Slide 24 20 แสดงรปแบบ Themes ตำงๆ 25 21 แสดงเครองมอ Text 25 22 แสดงเครองมอ Shapes 26 23 แสดงเครองมอ Objects 26 24 แสดงเครองมอ Interactions 27 25 แสดงเครองมอ Media 28 26 แสดงแถบ FLIMSTRIP 29 27 แสดงพนทท ำงำน Stage 30 28 แสดงแถบ TIMELINE 30 29 แสดงพำเนล LIBRARY และ PROPERTIES 31


ง

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

ภาพ หนา

30 แสดงหนำจอ กำรสรำงชนงำนรปแบบตำงๆ 33 31 แสดงหนำจอ Responsive Project 34 32 แสดงหนำจอ Software Simulation 34 33 แสดงหนำจอ Video Demo 35 34 แสดงหนำจอ Project From MS Powerpoint® 35 35 แสดงหนำจอ Project From Template 36 36 แสดงหนำจอ Blank Project 36 37 แสดงหนำจอ Image Slideshow 37 38 แสดงหนำจอ Project Template 37 39 แสดงหนำตำงเรมตน welcome Screen 38 40 แสดง Themes Responsive Project 38 41 แสดงขนำดสไลดส ำหรบ Primary 49 42 แสดงกำรก ำหนดขนำดควำมสง Primary 40 43 แสดงขนำดสไลดส ำหรบ Tablet 40 44 แสดงขนำดสไลดส ำหรบ Mobile 41


1

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

ผานเกณฑ

ไมผานเกณฑ

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

อานค าชแจงการใชเอกสารประกอบการเรยน

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

ศกษาสาระการเรยนร/ผลการเรยนร/จดประสงคการเรยนร

ศกษาเอกสารใบความรและท าใบงาน

ศกษาเลมตอไป


2

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

เอกสารประกอบการเรยน เรอง การใชโปรแกรม Adobe Captivate 8 เลมท 1 ความรเบองตนเกยวกบโปรแกรม Adobe Captivate 8 ประกอบดวย 1. แผนผงแสดงขนตอนการเรยน 2. ค าชแจงการใชเอกสารประกอบการเรยน 3. ค าชแจงการสอนส าหรบคร 4. ค าชแจงการเรยนส าหรบนกเรยน

5. สาระการเรยนร / ผลการเรยนร /จดประสงคการเรยนร 6. แบบทดสอบกอนเรยน 7. ใบความรและใบงาน

7.1 ใบความรท 1 ความรเบองตนเกยวกบโปรแกรม Adobe Captivate 8 7.2 ใบงานท 1 ความรเบองตนเกยวกบโปรแกรม Adobe Captivate 8 7.3 ใบความรท 2 สวนประกอบของหนาตางโปรแกรม 7.4 ใบงานท 2 สวนประกอบของหนาตางโปรแกรม 7.5 ใบความรท 3 การสรางโปรเจกตเพอรองรบอปกรณตางๆ

7.6 ใบงานท 3 สรางโปรเจกตเพอรองรบอปกรณตางๆ 8. แบบทดสอบหลงเรยน 9. บรรณานกรม 10. ภาคผนวก 10.1 เฉลยใบงานท 1 10.2 เฉลยใบงานท 2 10.3 เฉลยใบงานท 3 10.4 เฉลยแบบทดสอบกอนเรยน – หลงเรยน


3

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

เอกสารประกอบการเรยน เรอง การใชโปรแกรม Adobe Captivate 8

เลมท 1 ความรเบองตนเกยวกบโปรแกรม Adobe Captivate 8 ครควรปฏบตดงน

1. ขอควรปฏบตกอนด าเนนการสอน

1.1 ศกษาแผนการจดการเรยนรอยางละเอยดและ ชดกจกรรมการเรยนรจนเขาใจเปน

อยางด

1.2 ตรวจสอบ เอกสารประกอบการเรยน สอทใชในการสอน คอมพวเตอรและอปกรณ

ตอพวงใหอยในสภาพใชงานไดและเพยงพอ

2. ขอควรปฏบตขณะด าเนนการสอน

2.1 ครแจกเอกสารประกอบการเรยน ใหกบนกเรยน

2.2 ครชแจงกจกรรมการเรยนร ใหนกเรยนทกคนทราบ

2.3 ครด าเนนกจกรรมการสอนตามแผนการจดการเรยนรเพอใหสอดคลองกบจดประสงค

การเรยนร

2.4 ครใหค าแนะน า ดแล ตดตาม กระตนและสงเสรมใหผเรยนไดพฒนาทกษะการปฏบต

ตามความสามารถและเตมตามศกยภาพของนกเรยน

2.5 ครควรเนนเรองคณลกษณะทพงประสงคของนกเรยน สอดแทรกคณธรรม จรยธรรม

หลกปรชญาเศรษฐกจพอเพยง

3. ขนควรปฏบตเมอด าเนนการสอนสนสด

3.1 ครตรวจแบบทดสอบและใบกจกรรมทกครงทมกจกรรมการสอน

3.2 บนทกคะแนน โดยประเมนตามเกณฑการประเมน

3.3 ครแจงคะแนนและผลการประเมนทกครงทมการทดสอบ การวดและประเมนผล

3.4 หากมนกเรยนทท าแบบทดสอบหลงเรยนไมผาน รอยละ 80 ใหท าการศกษาเอกสาร

ประกอบการเรยนตามขนตอนใหมอกครง เพอใหเกดความเขาใจทถกตอง


4

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

เอกสารประกอบการเรยน เรอง การใชโปรแกรม Adobe Captivate 8

เลมท 1 ความรเบองตนเกยวกบโปรแกรม Adobe Captivate 8 นกเรยนควรปฏบตดงน

1. อานค าชแจงส าหรบนกเรยน กอนศกษาเอกสารประกอบการเรยน

2. ศกษาผลการเรยนร และจดประสงคการเรยนรใหเขาใจ

3. ท าแบบทดสอบกอนเรยนเพอประเมนความรพนฐานของตนเอง

4. นกเรยนศกษาเนอหาจากเอกสารประกอบการเรยนและท ากจกรรมดวยความ

ตงใจ โดยมครคอยใหค าปรกษา

5. ขณะศกษาหากมขอสงสยหรอขอของใจใหสอบถามครเพอขอค าแนะน า

6. หลงจากศกษาเอกสารประกอบการเรยนเสรจ ใหท าแบบทดสอบหลงเรยน

7. กรณนกเรยนมคะแนนผลการประเมนแบบทดสอบหลงเรยนและกจกรรม

การเรยนรไมผานรอยละ 80 ใหท าการศกษาเอกสารประกอบการเรยนอกครง


5

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

1. ความรเบองตนเกยวกบโปรแกรม Adobe Captivate 8 2. สวนประกอบของหนาตางโปรแกรม Adobe Captivate 8

3. การสรางโปรเจกตเพอรองรบอปกรณตางๆ

อธบายความรเบองตนเกยวกบโปรแกรม Adobe Captivate 8 บอกสวนประกอบของหนาตางโปรแกรมและสรางโปรเจกต เพอรองรบอปกรณตาง ๆ

1. ดานความร (K) 1.1 อธบายความรเบองตนเกยวกบโปรแกรม Adobe Captivate 8 ได 1.2 บอกสวนประกอบของหนาตางโปรแกรมไดถกตอง

2. ดานทกษะ / กระบวนการ (P) 2.1 สามารถตดตงโปรแกรม Adobe Captivate 8 ได 2.2 สามารถสรางโปรเจกตเพอรองรบอปกรณตางๆ ได

3. ดานคณธรรม จรยธรรม และคณลกษณะอนพงประสงค (A) 3.1 ความซอสตยสจรต 3.2 มวนย

3.3 ใฝเรยนร

3.4 มงมนในการท างาน


6

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

1. โปรแกรม Adobe Captivate 8 มความสามารถปรบขนาดอตโนมตตามหนาจออปกรณ คอ

ความสามารถในขอใด

ก. Device aware eLearning Delivery

ข. Smart Position of Object

ค. Responsive Themes

ง. Learning Interaction

2. ความสามารถ Smart Position of Object หมายถงขอใด

ก. ปรบขนาดหนาจออตโนมตตามขนาดหนาจอ

ข. ปรบต าแหนงของวตถอยางเหมาะสม

ค. รองรบการท างานระบบสมผส

ง. ปรบการแสดงอตโนมต

3. โปรแกรม Adobe Captivate 8 มรปแบบ Learning Interaction ทงหมดกแบบ

ก. 9

ข. 18

ค. 27

ง. 36

4. หนาตาง Welcome Screen สรางไฟลงานใหมไดกรปแบบ

ก. 7

ข. 6

ค. 5

ง. 4

ค าชแจง

1. แบบทดสอบเปนแบบเลอกตอบ จ านวน 10 ขอคะแนนเตม 10 คะแนน

ใชเวลาในการทดสอบ 10 นาท

2. เลอกค าตอบทถกตองทสดเพยงขอเดยว แลวท าเครองหมายกากบาท (X)

ลงในกระดาษค าตอบ


7

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

5. การบนทกภาพหนาจอเคลอนไหว แบบปฏสมพนธกบผใช คอ รปแบบใด

ก. Software Simulation

ข. Responsive Project

ค. Blank Project

ง. Video Demo

6. การสรางชนงานใหเหมาะส าหรบแตละอปกรณทมขนาดหนาจอตางกน คอ รปแบบใด

ก. Video Demo

ข. Blank Project

ค. Responsive Project

ง. Software Simulation

7. กลมเครองมอ Object อยในสวนประกอบหนาตางโปรแกรม ขอใด

ก. เมนหลก

ข. แถบควบคมสไลด

ค. แถบค าสงและเครองมอ

ง. พาแนล Library และ Properties

8. ตวอยางการเรยนรในการใชงานโปรแกรม จากเวบไซต Adobe สามารถเปดดไดจาก สวนใด

ก. พาแนล Library และ Properties

ข. แถบค าสงและเครองมอ

ค. แถบควบคมสไลด

ง. เมนหลก

9. การปรบมมมองของสไลด ใหพอดกบพนทหนาจอ ควรเลอก Zoom Level เปนอยางไร

ก. 50

ข. 70

ค. 100

ง. Best Fit


8

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

10. Responsive Project มขนาดหนาจอ ทงหมดกขนาด

ก. 2

ข. 3

ค. 4

ง. 5


9

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

ขอ ตวเลอก

ก ข ค ง

1 2 3 4 5 6 7 8 9 10

ชอ-นามสกล.........................................................เลขประจ าตว....................ชน.......เลขท….....

เกณฑการประเมน

ตอบถก ขอละ 1 คะแนน

ตอบผด/ไมตอบ ขอละ 0 คะแนน

แปลผลการประเมน

ด ไดคะแนน 8-10 คะแนน

พอใช ไดคะแนน 5-7 คะแนน

ปรบปรง ไดคะแนน 0-4 คะแนน

คะแนน 8 – 10 คะแนน ถอวา ผาน

คะแนน 0 – 7 คะแนน ถอวา ไมผาน

สรปผลการประเมน

รวมคะแนน ………… คะแนน

ผาน ไมผาน

ลงชอ........................................................ผตรวจ

(นายพธพงศ ยมเปรม)


10

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

โปรแกรม Adobe Captivate 8 เปนโปรแกรมส ำหรบสรำงสอในรปแบบบทเรยน

คอมพวเตอรและอปกรณสมำรทตำงๆ เชน แทบเลต และสมำรทโฟน ชนงำนทสรำงจำกโปรแกรม

สำมำรถจดท ำในรปแบบทมกำรปฏสมพนธ(Interactive) โดยสำมำรถรองรบกำรท ำงำนในรปแบบ

ตำงๆ เพอรองรบกำรท ำงำนในรปแบบ HTML5 เพอใหกำรสรำงสอแบบ Responsive ไดอยำงงำย

และสำมำรถน ำไปตอยอดสงออกไปใชกบระบบจดกำรเรยนกำรสอนออนไลน

ภำพท 1 แสดงชอโปรแกรม Adobe Captivate 8 ทมำ : พธพงศ ยมเปรม, 2559

โปรแกรม Adobe Captivate 8 มกำรปรบปรงและเพมควำมสำมำรถใหมๆ มำกมำยโดยเปลยนแปลงตงแตหนำตำโปรแกรม กระบวนกำรท ำงำน และกำรจดหมวดหมค ำสงตำงๆ ไดเหมำะสม ท ำใหผใชสำมำรถใชงำนโปรแกรมไดงำยและสะดวกขน ส ำหรบคณสมบตใหมมดงน 1.1 กำรออกแบบหนำตำงโปรแกรมใหม เพอใหจดกำรชนงำนและใชงำนไดงำยขน 1.2 Responsive Themes มชนงำนใหเลอกมำกขน รองรบกำรท ำงำนกบอปกรณตำงๆ 1.3 Smart Positioning of object ปรบต ำแหนงวตถอยำงเหมำะสม ตำมกำรแสดงผล ในอปกรณแตละขนำด 1.4 Device-aware eLearning delivery ไฟลชนงำนResponsive Project ไปแสดงผลเนอหำในอปกรณตำงๆ โดยอตโนมตอยำงเหมำะสม


11

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

1.5 Multi-device previews สำมำรถแสดงตวอยำงในแตละอปกรณผำนบรำวเซอร เพอทดสอบกำรแสดงผล เชน คอมพวเตอร แทบเลต และสมำรทโฟน 1.6 รองรบกำรใชระบบสมผส กบ MobileLeaning ดวยเทคโนโลย Multi Touch 1.7 สนบสนนสถำนททำงภมศำสตร สรำงเนอหำสอกำรเรยนทระบต ำแหนง GPS 1.8 ยอ-ขยำยขนำดของเนอหำในหนำจอ โดยใชสองนว 1.9 รองรบกำรแทรกวตถ HTML5 เขำมำในชนงำนและ Publish ออกไปเปน HTML5 1.10 Learning Interaction จ ำนวน 27 แบบและมลกเลนมำกขน

2.1 หนวยประมวลผลกลำง CPU Intel Pentium 4 1.0 GHz ขนไป 2.2 ระบบปฏบตกำร Windows 7 ขนไป และ Mac OSX 10.9 ขนไป 2.3 หนวยควำมจ ำ RAM 2 GB ขนไป (แนะน ำ 4 GB) 2.4 ฮำรดดสก พนทวำงส ำหรบกำรตดตงโปรแกรม 5 GB ขนไป 2.5 กำรแสดงผล 1024 X 768 ขนไป (แนะน ำ 1280 X 1024) 2.6 DVD-ROM 2.7 เชอมตออนเทอรเนตกรณตองกำรใชระบบ LMS หรอกำรสรำง แอพพลเคชน

3.1 ดบเบลคลกไฟล Setup ในโฟลเดอรโปรแกรม Adobe Captivate 8

ภำพท 2 แสดงชอไฟล Setup โปรแกรม Adobe Captivate 8 ทมำ : พธพงศ ยมเปรม, 2559


12

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

3.2 เลอก กดปม Install (เลอก Try กรณทดลองใช )

ภำพท 3 แสดงกำรเลอกรปแบบกำรตดตง ทมำ : พธพงศ ยมเปรม ,2559

3.3 ลงชอเขำใช Sign In

ภำพท 4 แสดงกำร Sign In ดวย Adobe ID ทมำ : พธพงศ ยมเปรม, 2559

ถาไมม Serial Number ใหเลอกตดตง แบบ Try

จะทดลองใชงานได 30 วน


13

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

หรอ ปดอนเทอรเนต เพอยกเลกกำรเชอมตอ Server จำกนนกดปม Sign In Later

ภำพท 5 แสดงกำรเลอก Sign In Later ลงชอภำยหลง ทมำ : พธพงศ ยมเปรม, 2559

3.4 กดปม Accept เพอยอมรบเงอนไขกำรใชงำน

ภำพท 6 แสดงกำรเลอก Accept ยอมรบเงอนไข ทมำ : พธพงศ ยมเปรม, 2559


14

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

3.5 กดปม Install เพอด ำเนนกำรตดตง

ภำพท 7 แสดงปม Install เพอเรมตดตง ทมำ : พธพงศ ยมเปรม, 2559

3.6 รอจนตดตงโปรแกรมส ำเรจ

ภำพท 8 แสดงสถำนะกำรตดตง ทมำ : พธพงศ ยมเปรม, 2559


15

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

3.7 กดปม Close เสรจสนกำรตดตง หรอ กดปม Launch Now เพอเปดใชงำน โปรแกรม ทนท

ภำพท 9 แสดงควำมส ำเรจของกำรตดตง ทมำ : พธพงศ ยมเปรม, 2559

4.1 คลกปม start แลวคลกเลอก All program

ภำพท 10 แสดงปม start และ All Programs ทมำ : พธพงศ ยมเปรม, 2559


16

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

4.2 คลกเลอกโปรแกรม Adobe Captivat 8 (64 Bit)

ภำพท 11 แสดงโปรแกรม Adobe Captivate 8 ทมำ : พธพงศ ยมเปรม, 2559

4.3 โปรแกรม Adobe Captivat 8 (64 Bit) แสดงหนำตำงโปรแกรม (Splash Screen) เปดเขำสโปรแกรม

ภำพท 12 แสดงหนำตำงโปรแกรม (Splash Screen) ทมำ : พธพงศ ยมเปรม, 2559


17

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

4.4 โปรแกรม Adobe Captivat 8 พรอมสรำงชนงำนในรปแบบตำงๆ

4.5 คลกเลอก รปแบบทตองกำรแลวกดปม Create

ภำพท 13 แสดงหนำจอกำรสรำงชนงำน ทมำ : พธพงศ ยมเปรม, 2559


18

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

1. นกเรยนอธบำยขนตอนกำรตดตงโปรแกรม Adobe Captivate 8 มำอยำงละเอยด (5 คะแนน)

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

ค าชแจง

นกเรยนศกษำ ใบควำมรท 1 ควำมรเบองตนเกยวกบโปรแกรม

Adobe Captavate 8 แลวตอบค ำถำม เพออธบำยเกยวกบกำรตดตง

และเรยกใชโปรแกรม Adobe Captavate 8 (10 คะแนน)

ชอ – สกล..................................................................เลขท...............ชน........................


19

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

2. นกเรยนเรยงล ำดบขนตอนกำรเรยกใชงำนโปรแกรม Adobe Captivate 8 ใหถกตอง

( 5 คะแนน)

1) เลอกสรำงชนงำนรปแบบตำงๆ

2) คลกปม Start

3) คลกเลอก All Program

4) คลกเลอกโปรแกรม Adobe Captivate 8

5) โปรแกรมแสดงหนำตำงโปรแกรม(Splash Screen)

จงเรยงล ำดบขนตอนใหถกตอง

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..


20

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

เมอเปดโปรแกรม Adobe Captivate 8 จะแสดงหนาตางเรมตน (Welcome Screen) โดยสวนเรมตนเปดไฟลงานใหมสามารถเลอกรปแบบของโปรเจกตชนงานไดตามตองการโดยรปแบบชนงานหลกของโปรแกรม Adobe Captivate 8

ภาพท 14 แสดงหนาตางเรมตน welcome Screen

ทมา : พธพงศ ยมเปรม, 2559

1.1 สวนของ New 1.1.1 Responsive Project ส าหรบสรางชนงานส าหรบแตละอปกรณทมขนาดหนาจอตางกน 1.1.2 Software Simulation ส าหรบบนทกภาพหนาจอเคลอนไหวแบบปฏสมพนธกบผใชได 1.1.3 Video Demo ส าหรบบนทกภาพหนาจอแบบเคลอนไหวเปนไฟลวดโอ 1.1.4 From Powerpoint ส าหรบน าไฟล Powerpoint เขามาเปนสไลด ใน Adobe Captivate 8


21

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

1.1.5 Form Project Template ส าหรบสรางชนงานจากเทมเพลตทมอยแลว 1.1.6 Blank Project ส าหรบสรางชนงานจากสไลดวางเปลา 1.2 สวนของ Recent Recent จะแสดงไฟลลาสดทเคยเปดใชงานสามารถเลอกไฟลทตองการแลวคลก เพอเปดใชงานไดทนท หรอ เลอก Browse เพอเปดไฟลงานอนๆ ทบนทกไวทอน Sample Projects and tutorials Sample Projects and tutorials เปนสวนทแสดงไฟลตวอยาง และแนะน าวธการใชงานคราวๆ ส าหรบฟเจอรใหมทออกมา

ภาพท 15 แสดงหนาตาง Sample and tutorials



22

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

ภาพท 16 แสดงสวนประกอบของหนาตางโปรแกรม


2.1 เมนหลก (Main Menu)

แสดงเครองมอและค าสงทงหมดของโปรแกรมโดยแยกค าสงเปนกลมตามการใชงาน

ประกอบดวยเมนตางๆ ดงน

ภาพท 17 แสดงเมนหลก ทมา : พธพงศ ยมเปรม, 2559

2.1.1 File เมนค าสงส าหรบจดการชนงาน

2.1.2 Edit เมนส าหรบแกไขสวนตางๆของชนงาน

2.1.3 View เมนทเกยวกบการปรบเปลยนมมมองของพนทการท างาน

❶

❷

❸

❹

❺

❻

❼


23

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

2.1.4 Insert เมนค าสงเกยวกบการแทรกสไลด Widget, Equation และค าสง Drag and Drop 2.1.5 Modify เมนใชปรบแตงการท างานของวตถตางๆ รวมถงการปรบขนาดของชนงาน 2.1.6 Project เมนค าสงเกยวกบตวแปรและแอคชนทใชในชนงาน และควบคม การปฏสมพนธทงชนงาน 2.1.7 Quiz เมนทรวบรวมค าสงเกยวกบการสรางสไลดค าถาม และการตงคาแบบทดสอบ 2.1.8 Audio เมนค าสงเกยวกบการบนทก แทรกเสยง และการแกไขไฟลเสยง 2.1.9 Video เมนค าสงเกยวกบการแทรกและแกไข ไฟลวดโอ 2.1.10 Themes เมนค าสงเกยวกบการปรบแตงรปแบบของชนงาน รวมถงการจดการ Master Slide 2.1.11 Window เมนค าสงเกยวกบการเปดใชงานค าสง และเครองมอตางๆ 2.1.12 Help เมนค าสงเกยวกบการใชงานโปรแกรมจากเวบไซตของ Adobe 2.2 แถบควบคมสไลด

ใชควบคมการท างานของสไลด ประกอบดวยค าสงตางๆ ดงน

ภาพท 18 แสดงแถบควบคมสไลด ทมา : พธพงศ ยมเปรม, 2559

2.2.1 Sampal Project/Tutorials ดไฟลตวอยางและเรยนรการใชงานโปรแกรมจากเวบ

2.2.2 Access Adobe Resources รบขอมลขาวสาร เกยวกบ Adobe Captivate

2.2.3 Next Slide ไปสไลด ถดไป

2.2.4 Previous Slide ไปสไลด กอนหนา

2.2.5 Go to Slide ไปสไลดทตองการ


24

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

2.2.6 Zoom Level ยอ ขยาย มมมองสไลด ตองการพอดจอภาพ ใหเลอก Best Fit

2.3 แถบค าสงและเครองมอ

2.3.1 Slides สไลดบนทกภาพหนาจอแบบเคลอนไหวเปนไฟลวดโอ

ภาพท 19 แสดงเครองมอ Slide ทมา : พธพงศ ยมเปรม, 2559

2.3.1.1 Content Slide แทรกสไลดใหม โดยมรปแบบเหมอนกอนหนา

2.3.1.2 Blank Slide แทรกสไลดเปลา

2.3.1.3 Question Slide แทรกสไลดค าถาม

2.3.1.4 Software Simulation แทรกสไลดบนทกภาพหนาจอเคลอนไหว

แบบปฏสมพนธได

2.3.1.5 Video Demo แทรก Video

2.3.1.6 Powerpoint Slide แทรกสไลดจาก Powerpoint

2.3.2 Themes

โปรแกรม Adobe Captivate 8 มรปแบบชนงานใหเลอกมากมาย

โดยรปแบบแตละรปแบบเปน Respornsive ซงรองรบการท างานกบอปกรณตางๆ สามารถปรบแตง

แกไข Themes ได


25

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

ภาพท 20 แสดงรปแบบ Themes ตางๆ ทมา : พธพงศ ยมเปรม, 2559

2.3.3 Text

เปนกลมเครองมอทท าหนาทจดการขอความประกอบดวยเครองมอตางๆ ดงน

ภาพท 21 แสดงเครองมอ Text ทมา : พธพงศ ยมเปรม, 2559

2.3.3.1 ) แทรกกลองขอความ

2.3.3.2 แทรกกลองชองกรอกขอมล

2.3.3.3 แทรกขอความแอนเมชน


26

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

2.3.4 Shapes

เปนกลมเครองมอทท าหนาทแทรกรปรางแบบตางๆ และสามารถน ารปราง ไปท าเปนกลองขอความและปม โดยสามารถน ารปรางพนฐานไปแปลงเปนวตถ Rollover Smart Shape ได

ภาพท 22 แสดงเครองมอ Shapes ทมา : พธพงศ ยมเปรม, 2559

2.3.5 Objects

เปนกลมเครองมอทวไป ทสามารถน ามาใสชนงานท าใหดนาสนใจขน

ภาพท 23 แสดงเครองมอ Objects ทมา : พธพงศ ยมเปรม, 2559


27

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

2.3.5.1 Hightlight Box เปนวตถใชสรางเนนบางจดในสไลดใหมจดเดน

2.3.5.2 Mouse ตวแสดงการเคลอนทของตวชเ

2.3.5.3 Zoom Area เปนวตถทใชเนนในจดทตองการขยายขนาดพเศษ

2.3.5.4 Rollover Caption แทรกขอความพเศษ ทปรากฏขนเมอชเมาส

เหนอพนท

2.3.5.5 Rollover Image แทรกรปภาพพเศษ ทปรากฏขนเมอชเมาส เหนอพนท

2.3.5.6 Rollover Slidelet แทรกสไลดพเศษ ทปรากฏขนเมอชเมาส เหนอพนท

2.3.5.7 Web เปนเครองมอทสามารถน าเวบไซตมาฝงไวในชนงาน 2.3.6 Interactions

เปนกลมเครองมอทสามารถปฏสมพนธกบผใช ประกอบดวยเครองมอตางๆ

ดงน

ภาพท 24 แสดงเครองมอ Interactions ทมา : พธพงศ ยมเปรม, 2559


28

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

2.3.6.1 Botton เปนเครองมอทใชท าปม เพอใหผใชคลกตามแอคชน

ทก าหนด

2.3.6.2 Click Box เปนเครองมอทสามารถคลกได สามารถประยกต

แทนRollover ได

2.3.6.3 Drag and Drop เปนเครองมอทท าใหวตถสามารถลากวางได

2.3.6.4 Learning Interraction เปนเครองมอทสรางวตถทสามารถ

ปฏสมพนธกบผใชได มรปแบบใหเลอกถง 27 แบบ

2.3.7 Media

เปนกลมเครองมอทใชในการแทรกสอตางๆ ไดแก รปภาพ เสยง วดโอ และแอนเมชน

ภาพท 25 แสดงเครองมอ Media ทมา : พธพงศ ยมเปรม, 2559

2.3.7.1 Image แทรกรปภาพ

2.3.7.2 Audio แทรกเสยง

2.3.7.3 Video แทรกวดโอ

2.3.7.4 Animation แทรกแอนเมชนในรปแบบ Gif และ SWF


29

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

2.3.7.5 Characters แทรกตวละคร

2.3.7.6 HTML5 Animation แทรกแอนเมชนทสรางจาก Adobe

Edage Animation และ HTML (รปแบบ Zip)

2.3.8 เครองมออนๆ

2.3.8.1 Record เปนเครองมอทใชส าหรบบนทกเสยงลงในสไลด

ปจจบน

2.3.8.2 Save เปนเครองมอทใชส าหรบบนทกไฟลงาน

2.3.8.3 Preview เปนเครองมอทใชส าหรบแสดงผลชนงาน

2.3.8.4 เปนเครองมอทใชส าหรบสงออกไฟลงานเพอน าไปเผลแพร

2.4 แถบ FLIMSTRIP

เปนแถบแสดงสไลดขนาดยอเรยงตอกนเปนล าดบอยทางซายมอ ใชจดการสไลดตางๆ

ภาพท 26 แสดงแถบ FLIMSTRIP ทมา : พธพงศ ยมเปรม, 2559


30

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

2.5 Stage

เปนพนทแสดงสไลดส าหรบสรางหรอแกไขชนงาน

ภาพท 27 แสดงพนทท างาน Stage ทมา : พธพงศ ยมเปรม, 2559

2.6 แถบ TIMELINE

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

เปนชนๆ

ภาพท 28 แสดงแถบ TIMELINE ทมา : พธพงศ ยมเปรม, 2559


31

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

2.7 พาเนล LIBRARY และ PROPERTIES

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

พาแนล Library เพอแสดงขอมลไฟลตางๆ ทน ามาใชในทงไฟล ภาพ เสยง วดโอ

พาแนล Properties เพอก าหนดคณสมบตตางๆ ใหกบสไลดและวตถ

ภาพท 29 แสดงพาแนล LIBRARY และ PROPERTIES ทมา : พธพงศ ยมเปรม, 2559


32

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

1. ................................................................................................................................................

............................................................................................................................................... 2. ................................................................................................................................................

................................................................................................................................................

3. ................................................................................................................................................................................................................................................................................................

4. ................................................................................................................................................................................................................................................................................................

5. ................................................................................................................................................

...............................................................................................................................................

ค าชแจง นกเรยนเขาใชงานโปรแกรม Adobe Captavate 8 แลวบอกชอ

สวนประกอบหนาตางโปรแกรมและหนาทในการท างานใหถกตอง (5 คะแนน)

ชอ – สกล..................................................................เลขท...............ชน........................

❶

❷

❸

❹

❺


33

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

Adobe Captivate 8 สามารถสรางโปรเจกต Responsive Project เพอสรางสอ ทสามารถแสดงผลอยางเหมาะสม กบหนาจออปกรณตางๆ เชน คอมพวเตอร แทบเลต สมารทโฟน ซงรปแบบการท างานบนมาตรฐานของ HTML5

ภาพท 30 แสดงหนาจอ การสรางชนงานรปแบบตางๆ ทมา : พธพงศ ยมเปรม, 2559


34

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

1.1 Responsive Project

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

หนาจอในอปกรณตางๆ ไมวาจะเปน คอมพวเตอร แทบเลต สมารทโฟน

ภาพท 31 แสดงหนาจอ Responsive Project


1.2 Software Simulation เปนโปรเจกต ทใชบนทกหนาจอ แบบเคลอนไหวสามารถปฏสมพนธกบผใชได

โดยจะม Caption ซงเปนกลองค าบรรยายภาพ ปรากฏอตโนมตทกครงทมการคลกเมาส

ภาพท 32 แสดงหนาจอ Software Simulation



35

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

1.3 Video Demo เปนโปรเจกต ทใชบนทกภาพหนาจอ แบบเคลอนไหว Full Motion Record

สามารถน าไปตดตอ แกไข ใสเทคนคพเศษ เพมวตถ โดยไฟลท Publish จะอยในรปแบบ

ของ Mp4

ภาพท 33 แสดงหนาจอ Video Demo ทมา : พธพงศ ยมเปรม, 2559

1.4 Project From MS Powerpoint® เปนโปรเจกต ทน าสไลดจากโปรแกรม Powerpoint เขามาใชงาน ตกแตง

แกไข ใหสามารถปฏสมพนธได โดยใชเครองมอตางๆ ของโปรแกรม

ภาพท 34 แสดงหนาจอ Project From MS Powerpoint®



36

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

1.5 Project From Template เปนโปรเจกต ทน าเทมเพลตทออกแบบและบนทกไวในเครอง (cptl) มาใช

สรางชนงาน ซงอาจเปนเทมเพลตทสรางขนเองกได

ภาพท 35 แสดงหนาจอ Project From Template


1.6 Blank Project เปนโปรเจกตวางเปลาทสรางชนงานไดอยางสมบรณ เนองจากใชเครองมอได

ทกชนด และสามารถก าหนดรปแบบไฟลท Publish ได ทง .swf และ .html5

ภาพท 36 แสดงหนาจอ Blank Project



37

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

1.7 Image Slideshow เปนโปรเจกต ทน ารปภาพจ านวนมากมาท าเปน Image Slide เพอสรางชนงาน

ในแบบสไลดโชว โดยสามารถใชเครองมอตางๆของโปรแกรม

ภาพท 37 แสดงหนาจอ Image Slideshow


1.8 Project Template เปนการสรางเทมเพลต แลวบนทกเกบไว จะไดไฟล .cptl สามารถน าเทมเพลต

มาใชโดยใชโปรเจกตแบบ Project From Template

ภาพท 38 แสดงหนาจอ Project Template



38

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

2.1 การสรางโปรเจกต 2.1.1 เขาสโปรแกรม Adobe Captivate 8 โปรแกรมแสดงหนา Welcome

Screen จากนน คลก Responsive Project 2.1.2 แลวคลกปม Create โปรแกรม Adobe Captivate 8

ภาพท 39 แสดงหนาตางเรมตน welcome Screen ทมา : พธพงศ ยมเปรม, 2559

2.1.3 คลก Themes ตามทตองการ 2.1.4 เลอกรปแบบ Themes ตามทตองการ โปรแกรมแสดงหนาตาง YES กดยนยนการตงคาตางๆ ทงหมดของวตถ 2.1.5 โปรแกรมแสดงหนาตาง Responsive Project

ภาพท 40 แสดง Themes Responsive Project ทมา : พธพงศ ยมเปรม, 2559


39

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

2.2 การก าหนดขนาดสไลด 2.2.1 ก าหนดขนาดสไลดส าหรบ Primary Primary เปนขนาดหลกทแสดงผลในหนาจอคอมพวเตอร สามารถก าหนดขนาดไดดงน

ภาพท 41 แสดงขนาดสไลดส าหรบ Primary ทมา : พธพงศ ยมเปรม, 2559

2.2.1.1 คลกท Primary 2.2.1.2 เชค เลอกท View Device Height โปรแกรมแสดงขนาดสไลด

2.2.1.3 คลกท เคอรเซอร เปลยนเปนรปมอ สามารถลากเมาสเขา เพอลดขนาด และลากเมาสออกเพอเพมขนาดสไลด

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


40

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

ภาพท 42 แสดงการก าหนดขนาดความสง Primary ทมา : พธพงศ ยมเปรม, 2559

2.2.2 ก าหนดขนาดสไลดส าหรบ Tablet Tablet เปนขนาดหลกทแสดงผลในหนาจอ Tablet สามารถก าหนด

ขนาดไดดงน

ภาพท 43 แสดงขนาดสไลดส าหรบ Tablet ทมา : พธพงศ ยมเปรม, 2559

2.2.2.1 คลกท Tablet 2.2.2.2 เชค เลอกท View Device Height โปรแกรมแสดงขนาดสไลด


41

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

2.2.2.3 คลกท เคอรเซอร เปลยนเปนรปมอ สามารถลากเมาสเขาเพอลดขนาด และลากเมาสออกเพอเพมขนาดสไลด

2.2.2.4 คลกท สามารถปรบความสง โดยลากเมาสขน เพอลดขนาด และลากเมาสลงเพอเพมขนาดสไลด

นอกจากน สามารถก าหนดความสง โดยการ กด ทStyle เพอปลดลอค ท าใหก าหนดตวเลขความสงตามตองการ

2.2.3 ก าหนดขนาดสไลดส าหรบ Mobile Mobile เปนขนาดหลกทแสดงผลในหนาจอสมารทโฟน สามารถก าหนดขนาดไดดงน

ภาพท 44 แสดงขนาดสไลดส าหรบ Mobile ทมา : พธพงศ ยมเปรม, 2559

2.2.3.1 คลกท Mobile 2.2.3.2 เชค เลอกท View Device Height โปรแกรมแสดงขนาดสไลด

2.3.3.3 คลกท เคอรเซอร เปลยนเปนรปมอ สามารถลากเมาสเขาเพอลดขนาด และลากเมาสออกเพอเพมขนาดสไลด

2.3.3.4 คลกท สามารถปรบความสง โดยลากเมาสขน เพอลดขนาด และลากเมาสลงเพอเพมขนาดสไลด

นอกจากน สามารถก าหนดความสง โดยการ กด ท Style เพอปลดลอค ท าใหก าหนดตวเลขความสงตามตองการ


42

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

1. นกเรยนอธบายขนตอนการสรางโปรเจกต Responsive Project เพอสรางสอทสามารถแสดงผล

อยางเหมาะสม กบหนาจออปกรณตางๆ เชน คอมพวเตอร แทบเลต สมารทโฟน (5 คะแนน)

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

2. นกเรยนอธบายขนตอนการก าหนดขนาดของหนาจอสไลด ส าหรบ Tablet (5 คะแนน)

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

……………………………………………………………………………………………………………………………………..

ค าชแจง

นกเรยนศกษา ใบความรท 3 การสรางชนงานเพอรองรบอปกรณตางๆ

แลวตอบค าถามเพออธบายเกยวกบขนตอนการสรางโปรเจกต Responsive

Project และวธการก าหนดขนาดสไลด (10 คะแนน)

ชอ – สกล..................................................................เลขท...............ชน........................


43

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

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


ข. Smart Position of Object



2. ความสามารถแสดงตวอยาง ในแตละอปกรณผานบราวเซอร คอความสามารถในขอใด


ข. Multi-device Previews



3. กลมเครองมอ Shapes อยในสวนประกอบหนาตางโปรแกรม ขอใด




ง. พาเนล Library และ Properties

4. การบนทกภาพหนาจอเคลอนไหว แบบเปนไฟลวดโอ คอ รปแบบใด

ก. Software Simulation

ข. Responsive Project

ค. Blank Project

ง. Video Demo

ค าชแจง

1. แบบทดสอบเปนแบบเลอกตอบ จ านวน 10 ขอคะแนนเตม 10 คะแนน

ใชเวลาในการทดสอบ 10 นาท

2. เลอกค าตอบทถกตองทสดเพยงขอเดยว แลวท าเครองหมายกากบาท (X)

ลงในกระดาษค าตอบ


44

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

5. เครองมอ Sample Project / Tutorials เพอดไฟลตวอยางและเรยนรการใชงานโปรแกรมจาก

เวบไซต อยในสวนใด




ง. พาเนล Library และ Properties

6. แถบค าสงและเครองมอในขอใดใชส าหรบสรางสไลดค าถาม

ก. Blank Slide

ข. Content Slide

ค. Question Slide

ง. Software Slide

7. กลมเครองมอท าหนาทจดการขอความ ใสเนอหาขอความสอ

ก. Text Box

ข. Text Entry Box

ค. Text Caption

ง. Text Animation

8. พนทแสดงสไลด ส าหรบสรางหรอแกไขเนอหาสอ คอสวนใด

ก. Stage

ข. Preview

ค. Timeline

ง. Filme Strip

9. กลองเครองมอทสามารถน ามาใสชนงาน ท าใหชนงานนาสนใจ คอเครองมอใด

ก. Object

ข. Media

ค. Shape

ง. Text Animation


45

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

10. การก าหนดขนาดไฟล แบบ Primary เปนการก าหนดส าหรบอปกรณใด

ก. Mobile

ข. Tablate

ค. Computer

ง. WebSite


46

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

ขอ

ตวเลอก ก ข ค ง

1 2 3 4 5 6 7 8 9 10

ชอ-นามสกล.........................................................เลขประจ าตว....................ชน.......เลขท….....

เกณฑการประเมน

ตอบถก ขอละ 1 คะแนน

ตอบผด/ไมตอบ ขอละ 0 คะแนน

แปลผลการประเมน

ด ไดคะแนน 8-10 คะแนน

พอใช ไดคะแนน 5-7 คะแนน

ปรบปรง ไดคะแนน 0-4 คะแนน

คะแนน 8 – 10 คะแนน ถอวา ผาน

คะแนน 0 – 7 คะแนน ถอวา ไมผาน

สรปผลการประเมน

รวมคะแนน ………… คะแนน

ผาน ไมผาน

ลงชอ........................................................ผตรวจ

(นายพธพงศ ยมเปรม)


47

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

กฤษณพงศ เลศบ ารงชย. (2556). สรางสอการสอนมลตมเดยดวย Adobe Captivate 6.

กรงเทพฯ : โปรวชน.

. (2558). สราง Responsive Learning ดวย Adobe Captivate 8.

กรงเทพฯ : โปรวชน.

ชษณพงษ ธญญลษณ. (2558). การสรางสอมลตมเดยดวย Adobe Captivate 8. กรงเทพฯ :

ซคเซสมเดย.

ธนาวฒ ประกอบผล. (2554). เทคโนโลยสารสนเทศและการสอสาร ม.4. กรงเทพฯ : ซคเซส

มเดย.

พมลพรรณ ประเสรฐวงษ เรพเพอร และคณะ. (2551). หนงสอเรยนรายวชาพนฐาน เทคโนโลย

สารสนเทศและการสอสาร กลมสาระการเรยนรการงานอาชพและเทคโนโลย

ตามหลกสตรแกนกลางการศกษาขนพนฐาน พ.ศ. 2551. กรงเทพฯ : อกษรเจรญทศน.

สถาบนสงเสรมการสอนวทยาศาสตรและเทคโนโลย กระทรวงศกษาธการ. (2553). หนงสอเรยน

รายวชาพนฐานเทคโนโลยสารสนเทศและการสอสาร ชนมธยมศกษาปท 4. กรงเทพฯ :

สกสค. ลาดพราว.


48

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8


49

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

1. นกเรยนอธบายขนตอนการตดตงโปรแกรม Adobe Captivate 8 มาอยางละเอยด

1) ดบเบลคลกไฟล Setup ในโฟลเดอรโปรแกรม Adobe Captivate 8 .

2) เลอก กดปม Install (เลอก Try กรณทดลอง) .

3) ปดอนเทอรเนต เพอยกเลกการเชอมตอ Server จากนนกดปม Sign In Later .

4) กดปม Accept เพอยอมรบเงอนไขการใชงาน .

5) กดปม Install เพอด าเนนการตดตง .

6) รอจนตดตงโปรแกรมส าเรจ .

7) กดปม Close เสรจสนการตดตง หรอ กดปม Launch Now .

2. นกเรยนเรยงล าดบขนตอนการเรยกใชงานโปรแกรม Adobe Captivate 8 ใหถกตอง 1) คลกปม start .

2) คลกเลอก All program .

3) คลกเลอกโปรแกรม Adobe Captivate 8 (64 Bit) .

4) แสดงหนาตางโปรแกรม (Splash Screen) .

5) โปรแกรม Adobe Captivat 8 พรอมสรางชนงานในรปแบบตางๆ .

ค าชแจง

นกเรยนศกษา ใบความรท 1 ความรเบองตนเกยวกบโปรแกรม

Adobe Captavate 8 แลวตอบค าถามเพออธบายเกยวกบการตดตงและเรยกใช

โปรแกรม Adobe Captavate 8 (10 คะแนน)

ชอ – สกล..................................................................เลขท...............ชน........................


50

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

1. เมนหลก (Main Menu) เปนแถบรวบรวมค าสงทงหมดของโปรแกรม .

2. แถบควบคมสไลด เปนแถบควบคมการท างานของสไลด ล

3. แถบค าสงและเครองมอ เปนแถบรวบรวมเครองมอทใชในการสรางชนงาน และค าสง .

ทใชงานบอยๆ .

4. แถบ FLIMSTRIP เปนแถบแสดงสไลดขนาดยอเรยงตอกนเปนล าดบ .

5. Stage เปนพนทแสดงสไลดส าหรบสรางหรอแกไขชนงาน .

.

ค าชแจง นกเรยนเขาใชงานโปรแกรม Adobe Captavate 8 แลวบอกชอ

สวนประกอบหนาตางโปรแกรมและหนาทในการท างานใหถกตอง (5 คะแนน)

ชอ – สกล..................................................................เลขท...............ชน........................


51

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

1. นกเรยนอธบายขนตอนการสรางโปรเจกต Responsive Project เพอสรางสอทสามารถ

แสดงผลอยางเหมาะสม กบหนาจออปกรณตางๆ เชน คอมพวเตอร แทบเลต สมารทโฟน

1) เขาสโปรแกรม Adobe Captivate 8 โปรแกรมแสดงหนา Welcome Screen

จากนน คลก Responsive Project แลวคลกปม Create .

2) เลอก รปแบบ Themes ตามทตองการ .

3) โปรแกรมแสดงหนาตาง YES ยนยนการตงคาตางๆ ทงหมดของวตถ โปรแกรมแสดง

หนาตาง โปรเจกต Responsive Project .

2. นกเรยนอธบายขนตอนการก าหนดขนาดของหนาจอสไลด ส าหรบ Tablet

1) เลอกคลก Tablet ทหนาจอการท างาน .

2) เชค เลอกท View Device Height โปรแกรมแสดงขนาดสไลด .

3) .คลกสามารถปรบความสง โดยลากเมาสขนเพอลดขนาด และ .

ลากเมาสลงเพอเพมขนาดสไลด .

4) ก าหนดความสง โดยการ กดรปโซ ท Style เพอปลดลอค ท าใหก าหนดตวเลขความสง ตามความตองการ .

ค าชแจง

นกเรยนศกษา ใบความรท 3 การสรางชนงานเพอรองรบอปกรณตางๆ

แลวตอบค าถามเพออธบายเกยวกบขนตอนการสรางโปรเจกต Responsive

Project และวธการก าหนดขนาดสไลด (10 คะแนน)

ชอ – สกล..................................................................เลขท...............ชน........................


52

เลมท

1 ค

วามร

เบอง

ตนเก

ยวกบ

โปรแ

กรม

Adob

e Ca

ptiva

te 8

กอนเรยน หลงเรยน

1. ก

2. ข

3. ค

4. ข

5. ก

6. ค

7. ค

8. ค

9. ง

10. ข

1. ค

2. ข

3. ค

4. ง

5. ข

6. ค

7. ค

8. ก

9. ก

10. ค

Documents

เอกสารประกอบการเรียน · 7.6 ใบงานที่ 3 สร้างโปรเจกต์เพื่อรองรับอุปกรณ์ต่างๆ