คู่มืออบรมเชิงปฏิบัติการ Captivate 9

สาขาวิชาเทคโนโลยแี ละคอมพวิ เตอรเพอื่ การศึกษา 0

2016

คมู อื อบรมเชงิ ปฏิบัตกิ าร
การสรา งสื่ออเิ ล็กทรอนิกส
ดวยโปรแกรม Adobe Captivate 9

สัญชัย ครบอดุ ม

สาขาวิชาเทคโนโลยแี ละคอมพิวเตอรเ พื่อการศึกษา
มหาวิทยาลยั ราชภฏั บุรรี ัมย

สาขาวชิ าเทคโนโลยีและคอมพวิ เตอรเพื่อการศกึ ษา 1

คาํ นาํ

Adobe Captivate 9 เปนโปรแกรมที่มีความสามารถในการสรางสื่อการเรียนการสอนและส่ือนําเสนอได
หลากหลายรูปแบบโปรแกรมมีความยืดหยุนสูงสามารถใชงานรวมกับโปรแกรมอื่นๆไดเปนอยางดีรองรับไฟล
มลั ติมเี ดยี ไดห ลากหลายรูปแบบจุดเดนท่ีสําคัญที่สุดของโปรแกรมคือเนนการปฏิสัมพันธ (Interaction) กับผูใชและ
สามารถสรางแบบทดสอบไดหลากหลายรูปแบบโดยประมวลผลคะแนนไดทันทหี ลังจากทําแบบทดสอบเสร็จ

เนื้อหาในคูมือการใชงานโปรแกรม Adobe Captivate 9 ไดรวบรวมวิธีการใชงานโปรแกรมไวเพ่ือใหผูเขา
ฝกอบรมไดสามารถปฏิบัติตามและเรียนรูไดงายสามารถสรางสรรคช้ินงานออกมาไดอยางหลากหลายและมี
ประสทิ ธภิ าพดว ยเนือ้ หาท่กี ระชับสามารถอา นและทําตามไดงายแบบเปนขน้ั ตอน

สัญชัย ครบอุดม
ศูนยเทคโนโลยกี ารศึกษา
สํานกั วทิ ยบรกิ ารและเทคโนโลยีสารสนเทศ

สาขาวชิ าเทคโนโลยแี ละคอมพิวเตอรเ พอ่ื การศึกษา 2

คมู ือการอบรมเชิงปฏบิ ตั กิ ารสรา งสือ่ อิเลก็ ทรอนกิ ส
ดว ยโปรแกรม Adobe Captivate 9

โปรแกรม Adobe Captivate เวอรช ัน่ ท่ีผานมา ถอื วา ทาํ งานไดด อี ยแู ลว ทําใหเ ราสามารถสราง
บทเรียนคอมพิวเตอร บทเรียนออนไลน สรา งแบบทดสอบ สรางเกม สรางแบนเนอร ฯลฯ ไดอยางงายดาย ดว ย
ฟง กชน่ั ที่มอี ยกู ็สามารถสรา งสรรคชิ้นงานออกมาไดสมบูรณแบบโดยไมตองเขียนโคด ศึกษาและทาํ ตามไดงายกวา
การเขียนโคด ใน Adobe Flash

เมื่อวนั ท่ี 24 พฤษภาคม 2558 ไดมี Adobe Captivate 9 ออกมาซ่ึงทาํ งานไดด กี ับระบบปฏบิ ตั ิการ
32 และ 64 บติ และมีฟเจอรใหมที่นา สนใจ เพราะเวอรช ่นั นีพ้ ฒั นาข้นึ สาํ หรบั ผใู ชท่ีตองการสรา งส่ือในรปู แบบ
respoinsive mLearning ซ่งึ จะยกตวั อยางโดยสงั เขป ดังน้ี

1. ตัวโปรแกรมออกแบบใหมไ มมีเคาเดมิ เลย คําส่งั ตา งๆ ถกู จดั หมวดหมูใ หมทง้ั หมด แตขอบอกวาจัด
ตําแหนงคาํ ส่ังตา งๆ ไดด ี หางาย มาพรอมกบั ฟเ จอรเ ด็ด Responsive Project ท่สี ามารถปรับขนาด
อัตโนมตั ไิ ดใ นหนา จอคอมพิวเตอร แท็บเล็ต และสมารทโฟน

สาขาวชิ าเทคโนโลยแี ละคอมพวิ เตอรเ พ่อื การศึกษา 3
2. Responsive Theme ธมี รปู แบบใหม สามารถยืดหยุนตามขนาดของหนาจอ

3. Smart Position จดั การกบั ตาํ แหนง ของวตั ถุไดแ มน ยาํ มากข้ึนในหนา จอท่ีแตกตางกัน เพอื่ สรางช้ินงาน
แบบ Responsive Project ไดสมบรู ณแ บบ

สาขาวิชาเทคโนโลยแี ละคอมพิวเตอรเ พอ่ื การศกึ ษา 4
4. รองรับการปดหนาจอแบบสัมผัส โดยใชเทคโนโลยีมลั ติทัชฝง อยใู น User Interface ทําใหส ามารถใชน ิ้ว

ในการแตะ เลือ่ น รดู หนา จอ เพ่อื ใหเ กิดการปฏิสัมพันธท ่ีดรี ะหวางเนอ้ื หากบั ผเู รยี น

5. รองรบั การ ถาง-หุบ นิ้ว ในการยอขยายเนอื้ หาในหนา จอ

สาขาวิชาเทคโนโลยีและคอมพวิ เตอรเพื่อการศกึ ษา 5
6. รองรบั ไฟลทีเ่ ปน HTML5 ไมวา จะเปนไฟล html ท่ีถูกหอ เปน ไฟล .zip ซ่งึ อาจทาํ มาจาก Adobe

MUSE หรือ Adobe EDGE Reflow หรือไฟล Animation ทีท่ าํ จาก Adobe Edge Animate โดย
Export เปน .oam

7. รองรบั การ Scroll เล่ือนขึน้ ลงในสมารท โฟน ทาํ ใหดูเน้อื หาไดงาย โดยเน้ือหาสามารถ Flow ไดในสไลด
เดียว

สาขาวชิ าเทคโนโลยีและคอมพวิ เตอรเ พ่ือการศึกษา 6
8. สามารถนาํ ไฟล PowerPoint (2007, 2010, 2013) ทีม่ ีทง้ั ขอความ รูปราง เสยี ง วิดีโอ ภาพเคล่อื นไหว

ท่ีสรา งจาก PowerPoint เขา มาใน Adobe Captivate 9 แลว Publish เปน HTML5

9. มี Learning Interaction รปู แบบใหมๆ มากกวาเวอรช่ัน 7,8

สาขาวิชาเทคโนโลยแี ละคอมพิวเตอรเ พื่อการศกึ ษา 7
10. ปรับปรุงการบทเรยี นทําแอพพลิเคชนั่ สําหรบั สมารทโฟน

11. สรางปุม โดยมี 3 สถานะ (State) ไดแก Up, Over, Down ไดใ นตัวโปรแกรมเลย ไมต อ งทําปุมจาก
Adobe Photoshop หรอื Adobe Illustrator หรอื โปรแกรมอน่ื ๆ คือไมตองมาทาํ _up, _over,
_down แตสามารถสรา ง Shapes แลว กาํ หนดเปน Button ก็สามารถสรา งปุมท้ัง 3 State ไดง ายๆ

สาขาวิชาเทคโนโลยีและคอมพวิ เตอรเพื่อการศกึ ษา 8

บทเรยี นคอมพิวเตอรชว นสอน (CAI) ประเภทตา งๆ มรี ูปแบบดงั ตอ ไปน้ี

1. การสอน (Tutorial Instruction) เปน โปรแกรมที่เสนอเน้อื หาความรเู ปนเน้ือหายอ ย ๆ แกผ ูเรยี นใน
รปู แบบของขอความ ภาพ เสียง หรือทุกรปู แบบรวมกนั แลว ใหผ ูเรยี นตอบคําถาม เม่ือผเู รียนใหค ําตอบแลวคําตอบ
น้นั จะไดรับการวเิ คราะหเ พื่อใหข อ มูลปอนกลบั ทนั ที แตถ าผเู รียนตอบคําถามนน้ั ซ้าํ และยังผิดอกี ก็จะมีการใหเนื้อหา
เพือ่ ทบทวนใหมจ นกวาผูเรียนจะตอบถกู แลว จึงตดั สินใจวาจะยังคงเรยี นเนื้อหาในบทนน้ั อกี หรอื จะเรียนในบทใหม
ตอ ไป

2. การฝกหดั (Drills and Practice) เปน โปรแกรมฝกหดั ทไ่ี มมีการเสนอเน้ือหาความรูแ กผเู รียนกอน แตจะมี
การใหคาํ ถามหรือ ปญ หาท่ีไดคดั เลือกมาจากการสมุ หรอื ออกแบบมาโดยเฉพาะ โดยการนาํ เสนอคาํ ถาม หรอื ปญหา
นนั้ ซํา้ แลวซาํ้ เลา เพื่อใหผูเรยี นตอบแลว มีการใหคําตอบท่ีถูกตอง เพ่ือการตรวจสอบยืนยนั แกไ ข และพรอมกบั ให
คาํ ถามหรือปญหาตอไปอีก จนกวา ผูเ รียนจะสามารถตอบคําถาม หรอื แกป ญ หานน้ั จนถงึ ระดบั ท่ีนาพอใจ ดงั นน้ั ใน
การใชค อมพวิ เตอรเ พื่อการฝกหัดน้ี ผเู รียนจงึ จําเปน ตองมีความคดิ รวบยอด และมีความรคู วามเขา ใจในเร่อื งราว และ
กฎเกณฑเกยี่ วกบั เร่ืองน้ัน ๆ เปนอยา งดมี ากอน แลวจึงจะสามารถตอบคาํ ถาม หรอื แกปญหาได

3. การจาํ ลอง (Simulation) เปนโปรแกรมที่จําลองความเปนจรงิ โดยตดั รายละเอียดตา ง ๆ หรือนาํ กจิ กรรมท่ี
ใกลเคียงกบั ความเปน จริง มาใหผูเ รยี นไดศึกษานนั้ เปน การเปด โอกาสใหผเู รยี นไดพบเหน็ ภาพจําลองของเหตุการณ
เพือ่ การฝกทักษะ และการเรียนรไู ด โดยไมต องเสยี่ งภยั หรือเสยี คาใชจา ยมากนัก โปรแกรมนี้มิใชเ ปน การสอน
เหมือนกับโปรแกรมการสอนแบบธรรมดา ซึ่งเปนการเสนอเนอ้ื หาความรู แลวจึงใหผ เู รียนทาํ กิจกรรม แตเ ปน เพยี ง
การแสดงใหผเู รยี นไดช มเทา น้ัน

4. เกมเพอ่ื การสอน (Instructional Games) โปรแกรมชนิดนีก้ าํ ลังเปนท่นี ยิ มกนั มากเนื่องจากเปน สิ่งที่
กระตนุ ผเู รยี นใหเ กิดความอยากเรยี นรไู ดโ ดยงาย เพิม่ บรรยากาศในการเรยี นรูใ หด ีย่ิงขนึ้ และชวยมใิ หผเู รียนเกิดอาการ
เหมอ ลอย หรือฝนกลางวัน ซึ่งเปน อุปสรรคในการเรยี นเน่ืองจากมีการแขงขัน จึงทาํ ใหผ เู รยี นตอ งมีการตน่ื ตวั อยเู สมอ

5. การคน พบ (Discovery) เปน การเปด โอกาสใหผูเรยี นสามารถเรยี นรจู ากประสบการณข องตนเองใหมาก
ท่สี ดุ โดยการเสนอปญ หาใหผูเรียนลองผดิ ลองถกู หรือโดยวิธีการจดั ระบบเขามาชว ย โปรแกรมคอมพิวเตอร จะให
ขอมูลแกผ เู รยี นเพ่ือชวยในการคนพบจนกวาจะไดขอสรุปท่ีดีท่สี ุด

6. การแกปญหา (Problem-Solving) เปน การใหผเู รียนฝกการคิด การตดั สนิ ใจ โดยมกี ารกําหนดเกณฑให
แลว ใหผเู รียนพิจารณาไปตามเกณฑน้นั โปรแกรมเพ่ือการแกป ญหาแบงไดเ ปน 2 ชนิด คือ โปรแกรมที่ใหผูเรียนเขยี น
เอง และโปรแกรมท่ีมผี เู ขียนไวแ ลวเพื่อชวยผูเรยี นในการแกป ญ หา โดยท่ีคอมพิวเตอรจ ะชว ยในการคิดคาํ นวณ และ
หาคาํ ตอบท่ีถูกตอ งให

สาขาวชิ าเทคโนโลยแี ละคอมพิวเตอรเ พือ่ การศึกษา 9

7. การทดสอบ (Tests) การใชโ ปรแกรมคอมพิวเตอรเพือ่ การทดสอบ มิใชเ ปน การใชเพียงเพื่อปรบั ปรงุ คณุ ภาพ
ของแบบทดสอบเพื่อวัดความรขู องผเู รียนเทาน้นั แตยงั ชว ยใหผสู อนมีความรสู ึกทเ่ี ปน อิสระจากการผูกมดั ทาง
กฎเกณฑต าง ๆ เกย่ี วกบั การทดสอบไดอีกดวย
สว นประกอบของหนาตางเร่มิ ตนในAdobe Captivate 9
เมอื่ เปดโปรแกรมข้นึ มาจะปรากฏหนา ตา งเริม่ ตน (Welcome Screen) ของโปรแกรมซ่ึงประกอบดว ย
2 สว นคือสว นทเ่ี รยี กเปดไฟลลาสดุ ท่เี คยเปดใชงานและสว นเร่ิมตนสาํ หรับสรางไฟลงานใหม

1.ไฟลลาสดุ ทเี่ คยเปดใช

2.สําหรับหาไฟลงานเกา ที่ 3.เปดช้นิ งาน
เคยบันทกึ ไว

สวนเรม่ิ ตนสาํ หรับสรางไฟลงานใหม

1.สรางชิน้ งานใหม

2.สรางชน้ิ งานวางเปลา

3.เลอื กขนาดหนาจอแสดงผล
4.คลกิ เพื่อสรา ง

สาขาวิชาเทคโนโลยแี ละคอมพวิ เตอรเ พ่อื การศกึ ษา 10

เมนู New เลอื กรปู แบบการสรางโปรเจค็ ใหม
1. Responsive Project สรา งโปรเจค็ แบบทีส่ ามารถปรบั ขนาดอัตโนมตั ิไดในหนาจอคอมพิวเตอร แทบ็ เล็ต
และสมารท โฟน
2. Software Simulation บันทกึ ภาพหนา จอหรือโปรแกรมตางๆ แบบเคลื่อนไหว
3. Video Demo บนั ทึกภาพหนาจอหรือโปรแกรมตางๆ แบบเคลือ่ นไหวและสามารถตัดตอแกไข ใสเ อฟเฟค ต
ตา งๆ ได
4. From PowerPoint สรา งโปรเจค็ โดยการนําสไลดของ Microsoft PowerPoint เขามาเปนสไลดของ
โปรเจค็
5. From Project Template สรางโปรเจค็ จากแมแ บบทโี่ ปรแกรมมีมาให
6. Blank Project สรางโปรเจค็ วา งเปลา

สว นประกอบหนาจอโปรแกรม 2.แถบควบคมุ สไลด
1.Menu Bar

3.Toolbar Panel

6.Filmstrip 5.พืน้ ท่สี รา งแกไ ข
กลมุ พาเนล (Panel Groups) 4.Panel Groups

7.Time Line

1. เมนหู ลกั (Menu Bar) เปน แถบรวบรวมคาสง่ั ท้ังหมดของโปรแกรม โดยแยกเปนกลุมๆ
ตามการใชงาน

2. แถบควบคุมสไลด เปน ที่เก็บปมุ คาส่งั ในการควบคุมการทางานของสไลด
3. ทูลบารพ าเนล (Toolbar Panel) เปน แถบคําสั่งและเคร่ืองมือตางๆ ในการสรา งเน้ือหา
ของโปรเจค็

สาขาวิชาเทคโนโลยแี ละคอมพิวเตอรเ พื่อการศกึ ษา 11

4. กลมุ พาเนล (Panel Groups) ประกอบดว ยพาเนลตา งๆ สาหรับปรบั แตงคุณสมบัติตางๆ
ของโปรเจ็ค

5. พน้ื ทก่ี ารทางาน เปนสวนที่ใชสาหรบั สรา ง แกไ ข แทรก หรือตกแตงวตั ถตุ า งๆ ได
6. Filmstrip เปน พาเนลแสดงสไลดข นาดยอเรียงตอกนั เปนลําดบั
7. Timeline เปนพาเนลแสดงระยะเวลาในการแสดงผล และบอกถงึ ลาํ ดบั ของวตั ถุเปนเลเยอร

ทูลบารพ าเนล (Toolbar Panel)
เปนแถบเคร่ืองมือทป่ี ระกอบดว ยเครอื่ งมือตางๆ ทใี่ ชใ นการสรางและจดั การวัตถหุ รอื ออบเจค็ บนสไลด

1. Slides กลุมเครื่องมือสรา งสไลด
2. Themes กลมุ เครอ่ื งมือสรางแมแบบ
3. Text กลุมเครื่องมือขอความ
4. Shapes กลมุ เคร่ืองมือสรางวัตถรุ ูปรา งตางๆ
5. Objects กลุม เคร่ืองมือใชใ นการสรา งและจัดรปู แบบของวัตถุ
6. Interections กลุมเคร่ืองมือแทรกการปฏิสัมพนั ธ
7. Media กลมุ เคร่ืองมือแทรกภาพ เสยี ง ภาพเคลื่อนไหว
8. Reccord เคร่ืองมือใชส าํ หรบั การบนั ทึกเสียง
9. Save การบันทึกโปรเจค็ และสามารถนํากลบั มาแกไขไดในภายหลัง
10. Preview ภาวะทีค่ อมพิวเตอรจะแสดงผลงานทที่ ําแลว ใหดบู นจอภาพ เปนคาํ สั่งทําใหเ รามองเหน็
ภาพของผลงานกอนทจ่ี ะนําไปแสดง
11. Publish Publish หมายถึง การสงออกหรอื เผยแพรโปรเจค็

สาขาวชิ าเทคโนโลยีและคอมพิวเตอรเ พื่อการศึกษา 12

1. Slides กลมุ เครื่องมือสรา งสไลด ประกอบดว ย

สรา งสไลดเนือ้ หา
สรา งสไลดเปลา

สรา งสไลดแบบทดสอบ

บนั ทกึ ภาพหนาจอหรอื โปรแกรมตา งๆ แบบเคลื่อนไหว
บนั ทึกภาพหนา จอหรอื โปรแกรมตา งๆ แบบเคลอื่ นไหวสามารถแกไ ขได

นํา Microsoft PowerPoint เขามาเปน สไลดของโปรเจค็

2. Themes กลมุ เคร่อื งมือสรา งแมแบบ

สไลดแมแ บบ

เปดไฟลส ไลดแมแบบ เลอื กสีสไลดแ มแ บบ

3. Text กลมุ เครอื่ งมือขอความ ประกอบดวย

แทรกกลองขอความ
ชองวางสําหรับกรอกขอความลงในชองวา ง

สรา งขอ ความแบบเคลอ่ื นไหว

สาขาวชิ าเทคโนโลยีและคอมพวิ เตอรเ พ่ือการศกึ ษา 13
เครอื่ งมอื แทรกกลอ งขอความ

1 คลิก text
2.คลิก text caption
3.คลิกพมิ พขอความ

4.จัดรูปแบบตัวอกั ษร

เปนวัตถทุ ่ใี หผ ูใชส ามารถพิมพขอความลงไปได เหมาะกับการสรางแบบทดสอบ
ชนิดอัตนัย, เติมคาํ หรอื ใหผูใ ชสามารถกรอกรายละเอยี ด เชน ชอื่ -นามสกลุ ลง

ไปบนสไลดไ ด มขี ้นั ตอนดงั น้ี

สาขาวชิ าเทคโนโลยแี ละคอมพิวเตอรเ พื่อการศกึ ษา 14
1.คลกิ text

2.คลกิ Text Entry Box
3.กลองขอความ

4.จัดรูปแบบกลองขอ ความ

แทรกดังน้ี ขอความแอนเิ มชัน่ เปนลูกเลนท่ีทาํ ใหโปรเจคมีความนา สนใจมากขน้ึ ซ่ึง
โปรแกรมมเี อฟเฟค แอนเิ มช่นั สาํ หรับขอความใหเลือกใชม ากมาย มขี นั้ ตอนการ

1.คลกิ Text

2.คลกิ Text Entry Box
3.เลือกตัวอักษร

4.เลือกรปู แบบการเคลื่อนไหว

สาขาวชิ าเทคโนโลยีและคอมพวิ เตอรเ พอ่ื การศกึ ษา 15
4. Shapes กลมุ เครอ่ื งมือสรางวัตถรุ ปู รางตางๆ ประกอบดวย

1.คลกิ เพื่อเลอื กรูปทรงตางๆ

2.คลิกเพื่อเลอื กสรางรูปทรง

3.คลิกเพื่อวาดภาพ

4.ปรบั ตกแตงภาพ

5. Objects กลมุ เครื่องมือใชใ นการสรางและจัดรูปแบบของวัตถุ
คลกิ เพื่อเลือกสรางรปู แบบวัตถุ

เปนวัตถกุ ลอ งสี่เหล่ียม ใชสรางเนน บางจุดในสไลดใหมจี ุดเดน
ตวั แสดงการเคลือ่ นทข่ี องตัวชี้เมาส
เปนวตั ถุท่ใี ชเนน จุดท่ตี องการซูมขยายขนาดเปน พิเศษ
แทรกขอความพิเศษ ทจ่ี ะปรากฏขนึ้ เมื่อเอาเมาสไ ปชเ้ี หนือพ้นื ท่ีโรลโอเวอรข องขอความ
แทรกรปู ภาพพิเศษ ท่จี ะปรากฏขึน้ เมอ่ื เอาเมาสไ ปชีเ้ หนอื พ้ืนทีโ่ รลโอเวอรข องรูปภาพ
เปนสไลดแ บบพเิ ศษ โดยแทรกเขา ไปในสไลดอ ีกทีหนงึ ซงึ จะปรากฏขนึ มากต็ อ เมือนาํ เมาสไป
ชเี้ หนอื โรลโอเวอรข องสไลด

แทรกเพ่อื แสดงหนาโฮมเพจ

สาขาวิชาเทคโนโลยีและคอมพิวเตอรเ พ่ือการศึกษา 16
เปน วตั ถกุ ลอ งสี่เหล่ยี ม ใชสรา งเนนบางจดุ ในสไลดใหมจี ดุ เดน
1.คลิกเพื่อเลอื กรปู แบบ

2.คลิกเลอื ก Highlight Box
4.เลือกปรบั กลองเนน

3.แสดงกลอ งเนน วัตถุ

ตวั แสดงการเคลอ่ื นท่ขี องตัวชีเ้ มาส
1.คลิกเลือกรูปแบบ
2.คลิกเลือก Mouse

3.คลิกเลอื กปรับตัวชี้ Mouse
4.คลิกเลอื กรปู แบบ

สาขาวิชาเทคโนโลยีและคอมพิวเตอรเ พอ่ื การศึกษา 17
เปน วัตถุทใี่ ชเ นนจดุ ท่ีตองการซูมขยายขนาดเปน พิเศษ

1.คลิกเลอื กรปู แบบ 5.ปรบั รปู แบบการซูม

2.คลกิ เลอื กการซูม Zoom

3. วางกลอ งบรเิ วณที่ 4.แสดงภาพทีซ่ ูม

แทรกขอความพิเศษ ที่จะปรากฏขึน้ เมื่อเอาเมาสไปชเ้ี หนือพ้ืนทโี่ รลโอเวอร

ของขอ ความ

1.คลิกเลอื กรูปแบบ 5.ปรบั แตงขอความ
2.คลิกเลือก

4.แสดงขอความ

3.เลือกวาง Rollover

สาขาวชิ าเทคโนโลยีและคอมพวิ เตอรเพ่อื การศกึ ษา 18

แทรกรปู ภาพพิเศษ ทจ่ี ะปรากฏขึ้นเมื่อเอาเมาสไ ปชี้เหนือพื้นที่โรลโอเวอร
ของรปู ภาพ

1.คลกิ เลือกรปู แบบ

5.แสดงภาพ

2.เลอื ก Rollover

Image

3.เลอื ก รูปภาพ

4.เลือก Open

เปน สไลดแ บบพิเศษ โดยแทรกเขา ไปในสไลดอีกทีหน่งึ ซงึ่ จะปรากฏข้นึ มา
กต็ อเมื่อนาํ เมาสไ ปชี้เหนือโรลโอเวอรข องสไลด

1.เลอื ก Objects 5นาํ เขารปู ภาพ
6.คลิก OK

4.เลอื ก รปู ภาพ

2.เลอื ก Rollover Slidelet 7.แสดงภาพ
3.คลิกเพื่อเลือกภาพ

สาขาวชิ าเทคโนโลยแี ละคอมพวิ เตอรเพื่อการศกึ ษา 19
แทรกสไลดเ พ่ือแสดงหนาโฮมเพจ

1.เลือก Objects 3.พิมพชื่อ
2.เลอื ก Web 4.แสดงหนา Web

6. Interections กลมุ เครอ่ื งมอื แทรกการปฏิสัมพนั ธ

เปน ปมุ เพื่อเช่ือมโยงกับเหตุการณต างๆ

เปน วตั ถไุ วจํากดั ขอบเขตในการคลิกเมาสข องผใู ชบนสไลด

Drag And Drop ลาก-ปลอย หมายถงึ กดเมาสท่ี
Objects แลวลากไปยงั ตําแหนง ที่ตอ งการแลวปลอย
แทรกแมแ บบการเรยี นรแู บบปฏสิ มั พันธ ลักษณะ

สาขาวิชาเทคโนโลยแี ละคอมพิวเตอรเ พือ่ การศกึ ษา 20

เปน ปุมเพ่ือเชื่อมโยงกบั เหตกุ ารณป ุมกด (Button) เปน วัตถทุ ่ีประยุกตใชงานได
หลากหลาย ในโปรแกรม Captivate ก็มแี มแบบของปมุ ไวมากมาย

1.เลอื ก Interactions 4.เลือกรูปแบบ
2.เลือก Button 5.เลือกรปู แบบปมุ กด

3.เลือกปุม

6.เลือกรปู แบบขอความ

7.เลอื ก Action

8.เลือกการเช่อื มโยง

9.เลอื ก Option
10.เลอื ก Add Audio

11.เลือก Import 12.เลือก Close

สาขาวิชาเทคโนโลยแี ละคอมพิวเตอรเพอ่ื การศึกษา 21

กลอ งคลิกบ็อกซ (Click Box) เปน วัตถทุ ีใ่ หผใู ชคลิกตามคาํ สั่งท่เี ราตง้ั คาไว เชน คลกิ
ทําตามขั้นตอนตางๆ ถา หากถูกตองจึงจะทําขนั้ ตอนตอไปได หรือทาํ เปน คําถามให
เลือกคลิก มาดขู ึน้ ตอนการแทรกกลองคลกิ บ็อกซ

1.เลอื ก Interactions
4. กลองโตต อบ Click Box

2.เลอื ก Click
3.เลอื กวางในตําแหนอ งที่ตองการ
5.เลอื ก Action

6.เลอื กรูปแบบการ

7.เลือก Option
8.เลือก Add Audio

9.เลือก Import เสยี ง 10.เลอื ก Close

สาขาวิชาเทคโนโลยีและคอมพิวเตอรเ พ่อื การศึกษา 22

Drag and Drop ลาก-ปลอย หมายถงึ กดเมาสท ่ี Objects แลว ลากไปยงั
ตาํ แหนง ท่ีตองการแลวปลอยเมาส

5.เลือก Interactions

6.เลือก Drag and Drop 3.เลอื ก Style

1.วาดภาพวัตถุ 2.วาดภาพวตั ถุ
วางวตั ถบุ รเิ วณที่ วางวตั ถุบรเิ วณ
ตองการ (Drag) ทตี่ อ งการ

4.กาํ หนดคา วตั ถุ
เปน 0 ท้งั สองภาพ

7.กาํ หนดการลากวตั ถุ 8.คลกิ (Next)

10.คลกิ (Next) 12.คลิก (Finish)
9.กาํ หนดการลากวัตถุ 11.คลกิ ลากวัตถุ(Drag)วางตาํ เหนง ที่ตอ งการ

สาขาวิชาเทคโนโลยแี ละคอมพิวเตอรเพอ่ื การศกึ ษา 23
แทรกแมแบบการเรยี นรแู บบปฏสิ ัมพันธ ลักษณะตางๆ

1.คลกิ (Interaction)
2.คลิก (Learning Interaction)

10.คลิกเลือกรูปแบบ

10.คลกิ (Insert)

สาขาวิชาเทคโนโลยแี ละคอมพวิ เตอรเพื่อการศึกษา 24

7. Media กลุมเครอ่ื งมือแทรกภาพ เสยี ง ภาพเคลื่อนไหว

แทรกรปู ภาพให
แทรกเสียงให

แทรกวดี โิ อให
แทรกภาพเคล่ือนไหวให

แทรกภาพอริยาบทตางๆ
แทรกภาพเคลื่อนไหวแบบ HTML5

แทรกรูปภาพใหไสลด

1. เลอื ก Media 3. เลือกรูปภาพ
2. เลือก Image

5. แสดงรูปภาพบนสไลด/ปรับขนาด 4. เลือก open

6. โหมดแกไข
ภาพ

สาขาวิชาเทคโนโลยแี ละคอมพิวเตอรเ พื่อการศกึ ษา 25

การแทรกเสยี งใหสไลด

1. เลอื ก Media 3. เลือกเสยี งท่ตี องการ
2. เลอื ก Audio

4. เลือก Open
5. แสดงแกไ ขลกั ษณะเสียง

6. เลือก Save 7. เลอื ก Close

8. แสดงเสยี งในสไลด
9. ปรับแตง เสยี งในสไลด

แทรกวีดีโอใหสไลด สาขาวชิ าเทคโนโลยีและคอมพิวเตอรเพอื่ การศกึ ษา 26
1. เลอื ก Media
3. เลือก Even Video
4. เลอื ก Browse

2. เลือก Video 7. เลอื ก Video
8. เลือก Open
5.แปลงไฟลแ ละเลือก
รปแบบการนําเขา

6. คลกิ Go
9.แสดงปรับขนาดวดี ิโอในสไลด

สาขาวชิ าเทคโนโลยีและคอมพวิ เตอรเ พ่ือการศกึ ษา 27

แทรกภาพเคล่ือนไหวใหสไลด

1.เลือก Media 3.เลือก ไฟล
2.เลอื ก Animation ภาพเคลือ่ นไหว(swf,gif)

4.เลอื ก Open

5.แสดงภาพเคลื่อนไหวในสไลด

6.ต้งั คาตางๆใหกบั ภาพในสไลด

แทรกภาพอริยาบทตางๆ สาขาวิชาเทคโนโลยแี ละคอมพวิ เตอรเ พอ่ื การศึกษา 28
1.เลอื ก Media 3.เลือกรปู แบบ Characters

2.เลือก Characters 4.เลือก Characters

5 เลอื ก Ok

แทรกภาพเคลอ่ื นไหวแบบ HTML5 3.เลือก ไฟล HTML5
1.เลอื ก Media

4.เลือก Open

2.เลอื ก HTML5

สาขาวิชาเทคโนโลยีและคอมพวิ เตอรเ พ่อื การศกึ ษา 29

8. Reccord เคร่ืองมือใชสําหรบั การบันทึกเสยี ง
1.เลอื ก Reccord

2.เลือกรปู แบบการบนั ทึก

3.เลือก Reccord เพื่อบนั ทึก

4.บันทกึ Save

9. Save การบันทึกโปรเจ็ค และสามารถนาํ กลบั มาแกไ ขไดใ นภายหลงั
1.เลอื ก Save

2. ตงั้ ชอ่ื โปรเจค็ 3.เลือก Save

สาขาวชิ าเทคโนโลยีและคอมพวิ เตอรเพ่อื การศกึ ษา 30
10. Preview หมายถึง ภาวะที่คอมพิวเตอรจะแสดงผลงานที่ทําแลวใหดบู นจอภาพ เปน คาํ ส่ัง

ทาํ ใหเ รามองเห็นภาพของผลงานกอนทจี่ ะนําไปแสดง

1. Play Slide เมนแู สดงการนําเสนอสไลดท ่ีกําลังแสดงอยูในขณะนนั้
2. Project เมนแู สดงการนาํ เสนอสไลดแ บบท้ังหมด
3. From this Slide เมนูการแสดงการนาํ เสนอสไลดจ ากหนาปจจบุ ัน
4. Next 5 Slide เมนกู ารแสดงการนําเสนอสไลด ถดั ไป 5 สไลด
5. In Browser เมนกู ารแสดงการนาํ เสนอสไลดใน Browser
6. HTML5 in Browser เมนกู ารแสดงการนาํ เสนอสไลดรปู แบบ HTML5 ใน Browser
7. In Adobe Edge Inspect เมนูการแสดงการนาํ เสนอสไลดใ น Adobe Edge Inspect

สาขาวิชาเทคโนโลยแี ละคอมพิวเตอรเพื่อการศึกษา 31
11. Publish หมายถงึ การสง ออกหรือเผยแพรโปรเจ็ค

1.เลอื ก Publish to Computer

2.เลือก รปู แบบไฟล

3.เลอื กตัง้ ช่ือโปรเจค็
4.กําหนดที่เก็บโปรเจ็ค

5.เลือก Publish To Folder

6.เลือก รูปแบบไฟลการ

7.เลอื กการสงออก Publish

สาขาวชิ าเทคโนโลยีและคอมพิวเตอรเพือ่ การศกึ ษา 32

Quiz and Question Slide การสรา งขอ สอบ
การจัดการเรียนการสอนผานสื่อบทเรียนอเิ ล็กทรอนิกส e-Learning จาเปน ตองสงเสรมิ การพัฒนาทกั ษะผูเรยี น

เปน สาคัญ ซง่ึ เราจาเปน ตองคนหาเครอื่ งมือวดั ผลประเมินผลการเรียนรู จากการใชส ่ือชน้ิ งานทส่ี รางจากโปรแกรม
Adobe Captivate การสรางขอ สอบถือวาเปน หัวใจหลักของการสรา งสื่อชิ้นงานเปนสาคัญ โดยผูสรางส่ืออาจเปน
อาจารยผ ูส อนหรอื ผผู ลิตส่ือ และผทู ่มี ีความสนใจการพฒั นาบทเรยี นตามขั้นตอนของ CAI ซงึ่ การวัดประเมินผลอาจจะ
ถูกออกแบบเปน การทดสอบกอนเรยี น แบบฝก หดั ทา ยบท และแบบทดสอบหลังเรียน จะมีการเกบ็ ผลขอมูลสถติ ิของ
การทดสอบขึ้น เชน คะแนนท่ีทาได เปอรเซน็ ตก ารสอบ จานวนขอสอบท่ีทาถูก ความถี่ของการทาขอสอบและรวมถึง
ชนิดขอ สอบที่นามาใชในสื่อช้ินงาน
ประเภทของแบบทดสอบ มี 9 ประเภท ไดแก

เครอื่ งมอื ตามหมายเลข คาํ อธิบาย
1. Multiple choice แบบตัวเลือก

2. True/False แบบถูกหรือผิด

3. Fill-In-The-Blank แบบเตมิ คาํ ในชอ งวา ง
4. Short Answer แบบเติมคาหรือประโยคสั้นๆ

สาขาวิชาเทคโนโลยแี ละคอมพวิ เตอรเพ่อื การศกึ ษา 33

เคร่อื งมือตามหมายเลข คาํ อธิบาย
5. Matching แบบจบั คู
6. Hot Spot แบบชจ้ี ุดตาํ แหนงหรอื จับผิดภาพ

7. Sequence แบบเรยี งลาดบั กอนหลงั

8. Rating Scale (Likert) แบบประเมนิ การใหคะแนน
9. Random Questions แบบทดสอบแบบสุม

กาํ หนดคา Preferences กอ นสรา งแบบทดสอบ
ควรต้งั คา Preferences ใหกบั โปรเจ็คกอนสรา งแบบทดสอบ เพื่อจะไดไมต องไปกําหนดใหมทุกครัง้ ท่ีเพิม่ สไลด

แบบทดสอบ ซ่ึงจะชว ยลดเวลาและความยุงยาก นอกจากน้ีการกําหนดคา Preferences จะทาํ ใหแ บบทดสอบทสี่ รา ง
ขึ้นเปน ไปในรูปแบบเดยี วกันอีกดวย มขี นั้ ตอนดังนี้

1. เลอื กเมนู Quiz ->Quiz Preference

2. คลกิ หวั ขอ Quiz ->Setting

สาขาวิชาเทคโนโลยแี ละคอมพวิ เตอรเ พ่ือการศกึ ษา 34

3. กาํ หนดคา ตา งๆ

Name กาํ หนดชื่อใหกบั แบบทดสอบ

• Required เลือกรปู แบบการทาํ แบบทดสอบดังน้ี

• Optional – ผใู ชสามารถขามแบบทดสอบท่ไี มต องการไปขอตอ ไปได

• Required – ผูใชต องทําแบบทดสอบกอน จงึ จะไปสไลดถัดไปหรือสไลดคาํ ถามถดั ไปขอตอไปได

• Pass Required – ผใู ชต องทําแบบทดสอบใหถ ูกตองกอน จงึ จะไปสไลดถดั ไปหรอื สไลดคาํ ถามขอตอไปได

• Answer All- ผใู ชต อ งทําแบบทดสอบใหห มดทุกขอ กอ น จงึ จะไปสไลดถดั ไปหรอื สไลดคําถามขอตอไปได

• Object ID กาํ หนดรหัส ID ใหก ับแบบทดสอบแตล ะขอ โดยปกตโิ ปรแกรมจะกาํ หนดมาใหอตั โนมัติ

• Interaction ID Prefix กาํ หนดรหัส ID ใหก ับแบบทดสอบแบบ Interactive ท่ีแทรกมาพรอมคาํ ถามท่ี
สรา งขึน้

• Shuffle Answer ปด /เปด การสลับตัวเลือกคาํ ตอบทุกครงั้ ทีเ่ ปด แบบทดสอบขึ้นมา สว นมากใชก ับ Multiple
choice

• Submit All กําหนดใหต อบคําถามในแตละขอแลว สงคาํ ตอบครง้ั เดยี ว และคลิกท่ปี ุม Submit All Message
แลวกําหนดขอ ความทตี่ องการ

สาขาวิชาเทคโนโลยแี ละคอมพวิ เตอรเ พอ่ื การศกึ ษา 35
• Branch Aware กาํ หนดใหแบบทดสอบสามารถใชงานแบบเชือ่ มโยงไปยังสไลดต างๆได
• Show Progress แสดงความคบื หนา ของการทาํ แบบทดสอบทําใหผ ูใ ชท ราบวาทาํ แบบทดสอบไปถงึ

ขอ ไหนแลว
• Allow Backward Movement ผใู ชสามารถยอ นกลบั ไปที่แบบทดสอบขอ ทผ่ี านมาไดข ณะทาํ

แบบทดสอบอยู
• Show Score at the End of Quiz กาํ หนดการแสดงผลคะแนนหลงั จากที่ทาํ แบบทดสอบเสร็จ และคลิกท่ี

ปมุ Quiz Result Message แลวกาํ หนดขอ ความและคลิกเลอื กออปชัน่ อ่นื ๆท่ตี องการ
• Allow User to Review the Quiz กําหนดใหแสดงขอความขน้ึ มาเมื่อผูใชท ําแบบทดสอบถกู หรือผดิ โดย

คลกิ ที่ปุม Question Review Message และตัง้ คาตา งๆตามตอ งการ
กาํ หนดคา Pass or Fail ใหก ับแบบทดสอบ

1. เลือกเมนู Quiz ->Quiz Preference

2. คลกิ หัวขอ Quiz ->Pass or Fail

สาขาวชิ าเทคโนโลยแี ละคอมพวิ เตอรเ พ่อื การศึกษา 36

3. กําหนดคา ตางๆ
• Pass/Fail Option กําหนดเกณฑทีผ่ ูใ ชจ ะตองทาํ แบบทดสอบใหไ ดมากกวา หรอื เทา กับเกณฑท่ีกําหนดไวม ใี ห
เลอื ก 2 แบบดังน้ี
• % or more of total point to pass กาํ หนดเปน เปอรเซน็ ต
• Point or more to pass กําหนดเปนคะแนน
• If passing grade เช่อื มโยงเหตุการณเมื่อผใู ชท ําแบบทดสอบผาน โดยกาํ หนดท่ีชอง Action
• If Failing grade เชือ่ มโยงเหตุการณเ มื่อผูใชทาํ แบบทดสอบไมผ า น โดยกาํ หนดจานวนครงั้ ของความ
พยายามท่ี Allow user หรอื กําหนดเหตุการณทีช่ อ ง Action

สาขาวิชาเทคโนโลยแี ละคอมพิวเตอรเ พื่อการศกึ ษา 37

กําหนดการแสดงขอความให Question Slide
1. เลือกเมนู Quiz -> Quiz Preference

2. คลกิ หวั ขอ Quiz -> Default labels

3. กาํ หนด Label ใหกับสว นตา งๆของ Slide คาํ ถาม
4. เมื่อกําหนดคาเรียบรอ ยแลว คลิก OK

สาขาวชิ าเทคโนโลยแี ละคอมพวิ เตอรเ พ่ือการศึกษา 38
สรางสไลดแบบทดสอบ Multiple Choice

Multiple Choice เปนแบบทดสอบแบบมตี วั เลอื กใหเลอื กตอบ เชน a, b, c, d หรือ A, B, C, D หรอื 1, 2, 3,
4 เปนตน โดยในเวอรช น่ั ใหมน้ี สามารถกาํ หนดคะแนนใหกับแตละตัวเลือกได มขี ้ันตอนดงั น้ี

1. เลือกเมนู Quiz ->Question Slide

2. จะปรากฎหนาตาง Insert Questions คลิกเลือก Multiple Choice

3. ใสจ ํานวนคําถามทต่ี องการ
4. เลอื กชนดิ ของคาํ ถาม มี2แบบดงั น้ี

• Grade Question แบบเก็บคะแนน
• Survey Question แบบสํารวจ
5. คลิก OK

สาขาวชิ าเทคโนโลยีและคอมพิวเตอรเ พอ่ื การศึกษา 39

6. จะปรากฎสไลดค าํ ถาม ใหปรับแตง ตามตองการและคลิกคาํ ตอบที่ถูกตอง

7. กําหนดคุณสมบัติเพิ่มเตมิ ที่พาเนล Properties Timing Quiz
Answers

• Type เลือกรูปแบบของสไลดค าํ ถาม
• Answer กาํ หนดจํานวนตวั เลือก
• Points กําหนดคะแนนใหก ับสไลดค าํ ถาม
• Shuffle Answer กาํ หนดใหสลับตวั เลือกเมือ่ สไลดค ําถามปรากฎ
• Penalty กําหนดคะแนนท่ีถูกหักออกเมื่อตอบคําถามไมถ ูกตอง
• Multiple Answers กาํ หนดใหม คี าตอบมากกวา 1 คําตอบ

Option
• Captions กาํ หนดการแสดงขอความ
• Time Limit กาํ หนดเวลาในการตอบคําถาม
• Buttons กาํ หนดปมุ ใหกับสไลดคาํ ถาม

Action
• On Success กําหนดเหตุการณเ มอื่ ผูใชทําแบบทดสอบถูก
• Attempts กําหนดจํานวนครงั้ ท่ผี ใู ชตอบคําถาม
• Failure Levels กาํ หนดจาํ นวนโอกาสท่ผี ใู ชท าํ แบบทดสอบผดิ
• Last Attempt กําหนดเหตุการณเ มอื่ ผูใชท าแบบทดสอบผิดครบตามจาํ นวนโอกาสที่กําหนดไว

Reporting

สาขาวิชาเทคโนโลยีและคอมพิวเตอรเพื่อการศกึ ษา 40
• Report Answers กาํ หนดใหสงผลคะแนนเขาไปในระบบ LMS : Learning Management System
• Interaction ID กาํ หนดรหสั โตต อบใหกบั สไลดคําถามซึง่ โปรแกรมจะกาํ หนดใหอตั โนมัติ
กําหนดคะแนนใหกบั แตละตวั เลอื ก
สามารถกาํ หนดคะแนนท่ีไมเ ทา กนั ใหกบั แตล ะตวั เลอื กได เชน ตอบ A ได 3 คะแนน ตอบ B ได 5 คะแนน เปน ตน มี
ข้ันตอนดงั น้ี
1. คลกิ พาเนล Quiz Properties
2. ในหวั ขอ Quiz ใหค ลกิ เลอื ก Answers กําหนดจาํ นวนตัวเลือก

3.คลกิ เพ่อื กําหนดคะแนน

***************************************