ลขิ สทิ ธิ์ของ iCourse และ khaooat.com ใช้เพ่อื ประกอบการอบรม ห้ามทา้ ซ้า ดดั แปลง เผยแพร่ หรอื ใชเ้ ชงิ พานชิ ย์ ตดิ ต่อวทิ ยากรไดท้ ี่ khaooat.com หรือโทร. 095-116-6995
ÊÒúÑÞ CAPTIVATE 8 CAPTIVATE 8 รจู กั โปรแกรม Adobe Captivate 8 1 จดั วางเนอ้ื หาในสไลด Info 44 ตดิ ตง้ั โปรแกรม Adobe Captivate 8 2 เพมิ่ เตมิ ลกู เลนดว ย Effect ในสไลด เรยี กใชงานโปรแกรม Adobe Captivate 8 4 หนา แรก 46 หนาตางโปรแกรม Adobe Captivate 8 5 ใสเสยี งดนตรีใหก ับชน้ิ งาน 48 สรา งช้ินงานแบบ Blank Project 6 สรางปุม Exit และ Mute 50 μÔ´μÒÁ¢ÍŒ ÁÅÙ ¢Ò‹ ÇÊÒà ตัง้ คาโปรเจคกอ นลงมือสรางชิน้ งาน 7 เอาแถบ Play Back Control และ Border http://khaooat.com/ จัดรปู แบบชิ้นงานใน Master Slide 8 ออก 55 http://programsdd.com/ https://www.facebook.com/ProgramsDD เช่ือมโยงปมุ ไปยังสว นตา งๆ ของชิ้นงาน 18 สง ออก Preferences 56 http://khaooat.com/icourse/ ใส Title ใหกับแตละสไลด Content 22 เกมลากวาง 57 จดั วางเนอ้ื หาในหนาแรก 23 สรา ง Quiz 71 จัดวางเน้อื หาในสไลดต า งๆ 27 มาตรฐาน SCORM ตอยอดกับระบบ ใสไฟลว ิดโี อลงในสไลด (สาํ หรบั Offline) 31 Moodle 89 ใสไฟลว ดิ ีโอลงในสไลด (สาํ หรบั Online) 34 รวบรวมชิ้นงานตา งๆ ใหเปน ชิน้ งานเดียว 90 จัดวางเนื้อหาในสไลดส รปุ 36 สราง Responsive Project 92 จัดวางเนื้อหาในสไลดแหลงขอ มูลเพม่ิ เติม 43 ลิขสิทธิ์ของ iCourse และ khaooat.com ใช้เพอื่ ประกอบการอบรม หา้ มท้าซ้า ดดั แปลง เผยแพร่ หรอื ใช้เชงิ พานชิ ย์ ตดิ ตอ่ วิทยากรไดท้ ่ี khaooat.com หรอื โทร. 095-116-6995
กฤษณพงศ เลิศบาํ รงุ ชัย ผูบรรยาย ÃŒ¨Ù Ñ¡â»Ãá¡ÃÁ Adobe Captivate 8 โปรแกรม Adobe Captivate 8 เปนโปรแกรมสําหรับสรางส่ือในรูปแบบบทเรียน คอมพิวเตอร และอุปกรณสมารทตางๆ เชน แท็บเล็ต และสมารทโฟน ช้ินงานท่ีสรางจากโปรแกรม Adobe Captivate 8 จะอยูในรูปแบบส่ือท่ีมีการปฏิสัมพันธ (Interactive) และในเวอรช่ันนี้ยังรองรับ วิธีการทํางานแบบใหมๆ มากมาย เพ่ือรองรับการทํางานในรูปแบบของ HTML5 อยางสมบูรณแบบ มากขึ้น เพ่ือใหก ารสรางบทเรียนแบบ Responsive เปนไปไดงา ยและรวดเร็วมากข้ึน อีกทั้งยังสามารถ นําไปตอยอดเปน บทเรียนออนไลน และสงออกไปใชกบั ระบบ LMS ไดอ กี ดว ย CAPTIVATE 8 CAPTIVATE 8 1 ลขิ สิทธิ์ของ iCourse และ khaooat.com ใชเ้ พ่ือประกอบการอบรม หา้ มทา้ ซ้า ดดั แปลง เผยแพร่ หรือใชเ้ ชงิ พานิชย์ ติดตอ่ วทิ ยากรไดท้ ี่ khaooat.com หรือโทร. 095-116-6995
สรา ง Mobile Learning ดวย Adobe Captivate 8 กฤษณพงศ เลศิ บํารุงชยั ผบู รรยาย μ´Ô μѧé â»Ãá¡ÃÁ Adobe Captivate 8 3. คลกิ Try 4. คลกิ Sign In 1. ปด การเชอ่ื มตออินเทอรเน็ต 2. ดับเบิลคลกิ ที่ Set-up แลว รอสักครู CAPTIVATE 8 CAPTIVATE 8 5. คลกิ Accept 6. คลกิ Install 23 ลิขสทิ ธข์ิ อง iCourse และ khaooat.com ใชเ้ พอ่ื ประกอบการอบรม ห้ามทา้ ซ้า ดัดแปลง เผยแพร่ หรอื ใชเ้ ชิงพานชิ ย์ ตดิ ต่อวทิ ยากรได้ท่ี khaooat.com หรือโทร. 095-116-6995
สราง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลศิ บํารุงชยั ผบู รรยาย 7. รอสักครขู ณะตดิ ตง้ั โปรแกรม 8. คลิก Close ˹Ҍ μÒ‹ §â»Ãá¡ÃÁ Adobe Captivate 8 CAPTIVATE 8 àÃÕ¡㪌§Ò¹â»Ãá¡ÃÁ Adobe Captivate 8 CAPTIVATE 8 โปรแกรม Adobe Captivate 8 ถูกออกแบบใหมตั้งแตหนา Splash Screen เปล่ียนแปลง Windows 7 ในสว นของหนาตาง Welcome และ Interface ใหมท้ังหมด จัดวางหมวดหมูของคําส่ังใหม เพอ่ื จดั การ ช้นิ งานและการทํางานทีง่ า ยข้ึน Start Ì All Programs Ì Adobe Captivate 8 x64 เมนูหลัก (Main Menu) แถบควบคมุ สไลด Windows 8 แถบคาํ ส่งั และเครื่องมือ กลมุ พาเนล (Panel Groups) FilmStrip Stage Start Ì Adobe Captivate 8 x64 Timeline 45 ลขิ สทิ ธิข์ อง iCourse และ khaooat.com ใช้เพอ่ื ประกอบการอบรม ห้ามทา้ ซ้า ดดั แปลง เผยแพร่ หรือใช้เชิงพานิชย์ ตดิ ต่อวทิ ยากรได้ที่ khaooat.com หรอื โทร. 095-116-6995
สราง Mobile Learning ดวย Adobe Captivate 8 กฤษณพงศ เลศิ บํารงุ ชัย ผบู รรยาย ÊÌҧªé¹Ô §Ò¹ Blank Project μé§Ñ ¤‹Òâ»Ãਤ¡‹Í¹Å§Á×ÍÊÌҧ¢¹Ôé §Ò¹ Blank Project เปนโปรเจค 1. ไปท่ี Edit Ì Preferences ว า ง เ ป ล า สํ า ห รั บ ส ร า ง ส ร ร ค ชิ้ น ง า น 2. ไปท่ี Defaults พรอมท้ังตกแตงแกไขดวยตนเองทั้งหมด 3. ท่คี ําสั่ง Object Defaults ใหกําหนดทกุ วตั ถุเปน rest of slide โดยมวี ธิ ีดงั นี้ 4. คลิก OK CAPTIVATE 8 1. คลิก Blank Project CAPTIVATE 8 2. กําหนดขนาดของโปรเจค (Apple iPad Landscape) 3. คลกิ Create 4. ไปท่ี Themes Ì Blank 67 ลิขสิทธิ์ของ iCourse และ khaooat.com ใชเ้ พอ่ื ประกอบการอบรม หา้ มทา้ ซา้ ดดั แปลง เผยแพร่ หรอื ใชเ้ ชิงพานิชย์ ตดิ ตอ่ วทิ ยากรไดท้ ี่ khaooat.com หรือโทร. 095-116-6995
สราง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลศิ บาํ รงุ ชัย ผบู รรยาย ¨´Ñ ÃٻẺªÔ¹é §Ò¹ã¹ Master Slide 3. ไปทพี่ าเนล Properties ในคาํ สั่ง Background กาํ หนดเปน Project Background 4. คลกิ Add Project Background Í͡Ẻ Master Slide ˹Ҍ áá 5. คลิก Import 1. ไปท่ี Themes Ì Master Slide CAPTIVATE 8 CAPTIVATE 8 2. ไปท่ีสไลด 1 Blank 6. ไปที่โฟลเดอร Adobe Captivate 8 Training Ì Background 7. คลิก Open 8. ไปทพ่ี าเนล Properties กาํ หนดชื่อสไลดวา Cover 89 ลิขสิทธข์ิ อง iCourse และ khaooat.com ใชเ้ พื่อประกอบการอบรม หา้ มทา้ ซ้า ดัดแปลง เผยแพร่ หรือใชเ้ ชงิ พานิชย์ ติดตอ่ วิทยากรได้ท่ี khaooat.com หรือโทร. 095-116-6995
สราง Mobile Learning ดวย Adobe Captivate 8 กฤษณพงศ เลิศบํารงุ ชัย ผูบรรยาย 4. ไปท่ีพาเนล Properties กําหนด Style และ Options Í͡Ẻ Master Slide ˹ŒÒàÁ¹Ù 1. ไปท่ี Insert Ì Content Master Slide CAPTIVATE 8 CAPTIVATE 8 2. ไปท่ี Shapes เลอื กสีเ่ หลยี่ ม 5. ไปท่ี Media Ì Image 3. สรางสี่เหลี่ยมขน้ึ มา 2 ชน้ิ 11 x ชิน้ บน W = 1024, H = 20, X = 0, Y = 0 x ช้นิ ลาง W = 1024, H = 1470, X = 0, Y = 480 10 ลขิ สทิ ธ์ิของ iCourse และ khaooat.com ใช้เพ่ือประกอบการอบรม หา้ มท้าซา้ ดดั แปลง เผยแพร่ หรือใช้เชงิ พานิชย์ ตดิ ตอ่ วิทยากรได้ท่ี khaooat.com หรือโทร. 095-116-6995
สราง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลิศบาํ รงุ ชยั ผูบ รรยาย 6. ไปทโี่ ฟลเดอร Adobe 13. ทคี่ ําส่งั Actions กาํ หนด On Success เปน No Action Captivate 8 Training\\ 14. คลกิ 5 ที่ Hand Cursor และ Pause project until user clicks CAPTIVATE 8Image เลือกรูปภาพ 01 CAPTIVATE 8 7. คลิก Open 8. กําหนดขนาด W = 240, 15. คลิกขวาท่ีปุมแบบทดสอบกอนเรียน แลว เลือกคําส่ัง Duplicate ขึ้นมาอีก 9 ปุม H = 493, X = 90, Y = รวมทง้ั หมดในหนา เมนจู ะมที ง้ั หมด 10 ปุม 120 16. ดับเบลิ คลกิ แกไ ขขอความแตละปุม ดงั น้ี 9. สรา งปุมสีเ่ หลีย่ มผนื ผา โดยไปที่ Shapes (X = 470, Y = 30, W = 420, H = 50) x แบบทดสอบกอนเรียน 10. ดบั เบลิ คลกิ ท่รี ูปรา งแลวพมิ พข อ ความ “แบบทดสอบกอนเรยี น” x ความรูเ ร่ืองการควบคุมนาํ้ หนัก 11. ไปทพ่ี าเนล Properties คลกิ 5 ท่ี Use as Button x การควบคุมนาํ้ หนกั ในวยั เด็ก 12. ท่ีคาํ สัง่ Style กาํ หนด State, Fill, Stroke, Character, Margins กําหนด Top = 10 x วดิ ีโอการควบคุมนาํ้ หนกั x สรปุ 12 x เกม x แบบฝกหดั x แบบทดสอบหลังเรียน x แหลง ขอมูลเพม่ิ เติม x กลับหนาแรก 13 ลขิ สิทธ์ิของ iCourse และ khaooat.com ใชเ้ พือ่ ประกอบการอบรม ห้ามท้าซ้า ดัดแปลง เผยแพร่ หรอื ใช้เชงิ พานิชย์ ติดตอ่ วทิ ยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
สราง Mobile Learning ดวย Adobe Captivate 8 กฤษณพงศ เลศิ บาํ รงุ ชยั ผบู รรยาย 17. สรา งกลองขอ ความโดยไปที่ Text Ì Text 2. ไปทพี่ าเนล Properties ทีค่ ําสง่ั Background กําหนดเปน Custom Caption 3. กําหนดสพี ื้นหลงั ของสไลดท่คี ําสั่ง Solid Color 18. พิมพข อ ความ “MENU” CAPTIVATE 8 CAPTIVATE 8 19. ทค่ี าํ สั่ง Style กาํ หนดคุณลกั ษณะของ 4. สรางสเ่ี หลย่ี ม 4 ชน้ิ โดย Character คาํ สง่ั Shape x ชน้ิ บน 20. คลิกตกแตง เพม่ิ เติมที่คําสง่ั Effects X = 0, Y = 0, W = 21. ไปที่พาเนล Properties กําหนดช่ือสไลดวา 1024, H = 20 x ช้นิ ลาง Menu X = 0, Y = 550, W = 1024, H = 77 Í͡Ẻ Master Slide ˹ŒÒà¹éÍ× ËÒ x ชิน้ ซา ย X = 0, Y = 440, W = 260, H = 110 x ชิ้นขวา X = 260, Y = 20, W = 764, H = 530 1. ไปท่ี Insert Ì Content Master Slide 5. สรางปุม กลบั หนา Menu โดยใชเครอ่ื งมือ Shape (X = 437, Y = 560, W = 150, H = 60) 14 15 ลิขสิทธิ์ของ iCourse และ khaooat.com ใช้เพือ่ ประกอบการอบรม ห้ามทา้ ซ้า ดดั แปลง เผยแพร่ หรอื ใช้เชงิ พานิชย์ ตดิ ตอ่ วทิ ยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
สรา ง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลิศบาํ รุงชัย ผูบรรยาย 6. ไปท่ีพาเนล Propeties คลิก 5 ที่ Use as Button 7. ท่คี าํ สัง่ Actions กําหนด On Success เปน No Action 11. ไปทีพ่ าเนล Properties ในคําสงั่ Options กาํ หนด 8. คลกิ 5 ท่ี Hand Cursor และ Pause project until user clicks ขนาดกลองใสหวั ขอ (X = 10, Y = 120, W = 240, 9. จัดปุม Menu ใหอยูกึ่งกลาง โดยการคลิกขวาท่ีปุม Menu Ì Align Ì Center Horizontally H = 120) on the slide 12. ในคาํ สง่ั Style กาํ หนดรูปแบบอักษร Character 10. สรางกลองใสห วั ขอ ไปที่ Insert Ì Placeholder Objects Ì Title 13. ไปท่ีพาเนล Properties กําหนดช่ือสไลดว า Content CAPTIVATE 8 CAPTIVATE 8 Í͡Ẻ Master Slide ˹Ҍ Info 1. คลิกขวาท่สี ไลด Content แลวเลอื กคําสง่ั Duplicate 2. แกไ ขขอ ความจาก “MENU” เปน “HOME” 3. ไปที่พาเนล Properties กาํ หนดชอ่ื สไลดวา Info สรุป Master Slide หลักๆ จะประกอบไปดวย Cover (หนาแรก), Menu (หนาเมนู), Content (ใส เน้อื หา) และ Info (ใสข อ มูลท่วั ไป) 16 17 ลขิ สทิ ธ์ขิ อง iCourse และ khaooat.com ใช้เพ่ือประกอบการอบรม หา้ มท้าซ้า ดดั แปลง เผยแพร่ หรอื ใชเ้ ชงิ พานิชย์ ติดต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
สราง Mobile Learning ดวย Adobe Captivate 8 กฤษณพงศ เลิศบาํ รุงชยั ผูบรรยาย àªÍ×è Á⧻†ØÁä»ÂѧʋǹμÒ‹ §æ ¢Í§ªé¹Ô §Ò¹ 5. ไปทพ่ี าเนล Properties กาํ หนดชอื่ สไลดว า “Menu” 6. สรางสไลดเน้ือหา 9 สไลด (ตามจํานวนปุมในหนาเมนู) โดยไปที่ Insert Ì New Slide from 1. กลับไปทโี่ หมด FilmStrip โดยคลกิ Exit Master Ì Content CAPTIVATE 8 CAPTIVATE 8 2. คลกิ สไลดท ่ี 1 แลวไปท่พี าเนล Properties กําหนดชอ่ื สไลดวา “Cover” 3. กาํ หนด Master Slide เปน Cover 4. สรางสไลดเ มนโู ดยไปที่ Insert Ì New Slide from Ì Menu 7. ไปทีพ่ าเนล Properties ในชอ ง Name ใหก ําหนดชอ่ื แตละสไลดต ามชื่อปุมในหนา เมนู 18 x สไลด 3 : แบบทดสอบกอ นเรียน x สไลด 4 : ความรเู รื่องการควบคุมน้ําหนัก x สไลด 5 : การควบคมุ นํ้าหนกั ในวยั เดก็ x สไลด 6 : วิดีโอการควบคุมนาํ้ หนัก x สไลด 7 : สรปุ x สไลด 8 : เกม x สไลด 9 : แบบฝกหดั x สไลด 10 : แบบทดสอบหลงั เรียน x สไลด 11 : แหลง ขอมลู เพ่ิมเตมิ x สรปุ ที่โหมด FilmStrip ตอนน้ีมีทั้งหมด 11 สไลด [เขาใจตรงกันนะ] 19 ลิขสทิ ธ์ขิ อง iCourse และ khaooat.com ใชเ้ พอ่ื ประกอบการอบรม หา้ มท้าซา้ ดัดแปลง เผยแพร่ หรอื ใชเ้ ชงิ พานิชย์ ติดต่อวิทยากรได้ที่ khaooat.com หรอื โทร. 095-116-6995
สรา ง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลศิ บํารงุ ชัย ผูบรรยาย 8. ไปทโ่ี หมด Master Slide 11. ไปที่สไลด Content (ในโหมด Master Slide) (ไปท่ี Themes Ì Master 12. คลิกทป่ี ุม MENU แลวไปท่พี าเนล Properties ทค่ี ําสงั่ Actions Slide) x On Success กําหนดเปน Jump to slide 9. คลิกที่สไลด Menu x Slide กาํ หนดเปน 2 Menu 10. คลิกที่ปุมหัวขอตางๆ แลว 13. ไปทีส่ ไลด Info (ในโหมด Master Slide) 14. คลกิ ทป่ี ุม HOME แลวไปท่ีพาเนล Properties ทีค่ าํ สัง่ Actions ไปที่พาเนล Properties x On Success กาํ หนดเปน Jump to slide x Actions กําหนดเปน x Slide กาํ หนดเปน 1 Cover CAPTIVATE 8 CAPTIVATE 8Jump to slide x Slide กําหนดใหตรง 15. กลบั ไปท่โี หมด FilmStrip โดยคลิก Exit Master กบั สไลดทก่ี ําหนดไว 21 กําหนด Jump to slide ดงั นี้ x แบบทดสอบกอ นเรยี น : สไลด 3 x ความรเู รอื่ งการควบคุมนาํ้ หนกั : สไลด 4 x การควบคุมนํา้ หนกั ในวยั เด็ก : สไลด 5 x วดิ โี อการควบคุมน้าํ หนกั : สไลด 6 x สรุป : สไลด 7 x เกม : สไลด 8 x แบบฝกหดั : สไลด 9 x แบบทดสอบหลังเรียน : สไลด 10 x แหลงขอ มูลเพิม่ เตมิ : สไลด 11 x กลับหนา แรก : สไลด 1 Cover 20 ลิขสทิ ธ์ิของ iCourse และ khaooat.com ใช้เพ่อื ประกอบการอบรม ห้ามท้าซา้ ดัดแปลง เผยแพร่ หรือใช้เชงิ พานิชย์ ตดิ ตอ่ วิทยากรได้ที่ khaooat.com หรอื โทร. 095-116-6995
สราง Mobile Learning ดวย Adobe Captivate 8 กฤษณพงศ เลศิ บาํ รุงชยั ผบู รรยาย ãÊ‹ Title ãË¡Œ Ѻáμ‹ÅÐÊäÅ´ Content ¨´Ñ ÇÒ§à¹×éÍËÒã¹Ë¹ÒŒ áá CAPTIVATE 8 CAPTIVATE 81. คลกิ ทสี่ ไลดต า งๆ กาํ หนดหัวขอ ในบรเิ วณ Placeholder Object ÊäÅ´Ë ¹ŒÒáá 2. ทดสอบการเช่ือมโยงปุม โดยไปที่ Preview Ì Project 1. ไปท่ี Text Ì Text Caption สรางกลอ ง 3. ทาํ มาตงั้ นานอยา ลืม Save ไฟลง าน โดยไปที่ File Ì Save As ขอความ 2 ชิน้ 22 x บทเรียนคอมพวิ เตอรเ พอ่ื การเรยี นรู x เรอื่ งการควบคุมนํา้ หนกั ในวัยเดก็ 2. ไปทพี่ าเนล Properties ในคาํ สง่ั Style ให กาํ หนดรูปแบบอักษรที่ Character 3. สรา งปุม ข้นึ มาอกี 5 ปมุ โดยใช Shapes x ปุม “ผลการเรยี นรทู ค่ี าดหวงั ” (X = 20, Y = 550, W = 230, H = 60) x ปุม “บรรณานุกรม” (X = 270, Y = 550, W = 230, H = 60) x ปมุ “ผูจัดทาํ ” (X = 520, Y = 550, W = 230, H = 60) x ปุม “ออกจากบทเรยี น” (X = 770, Y = 550, W = 230, H = 60) x ปุม “คลิกเขา สบู ทเรยี น” (X = 729, Y = 177, W = 220, H = 220) 4. ไปที่พาเนล Properties กําหนดคําสั่ง Use as Button ใหกับทุกปุม 23 ลิขสทิ ธข์ิ อง iCourse และ khaooat.com ใชเ้ พอื่ ประกอบการอบรม ห้ามทา้ ซ้า ดดั แปลง เผยแพร่ หรือใช้เชิงพานิชย์ ติดตอ่ วิทยากรได้ที่ khaooat.com หรอื โทร. 095-116-6995
สรา ง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลิศบํารงุ ชยั ผบู รรยาย 5. ไปท่คี ําสั่ง Style กําหนด State, Fill, Stroke และ Character 8. จดั วางใหสวยงาม จะไดผ ลลัพธด ังรปู 6. ไปทีค่ ําสง่ั Actions x On Success กาํ หนดเปน No Action ทกุ ปุม x Others กาํ หนดคําสั่ง Hand Cursor 7. ไปทพี่ าเนล Timing x Display For กาํ หนดเปน Rest of Slide x Pause After ใหคลกิ 5 และกาํ หนดไวที่ 1.5 sec CAPTIVATE 8 CAPTIVATE 8 ÊÃÒŒ §ÊäÅ´ÊÒí ËÃºÑ ãÊ¢‹ ÍŒ ÁÅÙ ·èÇÑ ä» 1. สรางสไลดเพ่มิ 3 สไลด โดยคลิกทส่ี ไลด 11 แลวไปที่ Insert Ì New Slide from Ì Info 24 25 ลิขสิทธ์ขิ อง iCourse และ khaooat.com ใช้เพ่อื ประกอบการอบรม หา้ มทา้ ซ้า ดัดแปลง เผยแพร่ หรือใชเ้ ชิงพานชิ ย์ ตดิ ตอ่ วทิ ยากรไดท้ ี่ khaooat.com หรือโทร. 095-116-6995
สราง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลศิ บาํ รุงชัย ผูบรรยาย 2. จะไดสไลด 12, 13 และ 14 ใหกําหนดช่อื สไลด x ปุม “บรรณานุกรม” กําหนดเปน Jump to slide 13 ดังนี้ x ปมุ “ผูจัดทํา” กําหนดเปน Jump to slide 14 x สไลด 12 : ผลการเรยี นรทู คี่ าดหวงั x ปุม “ออกจากบทเรยี น” กาํ หนดเปน Exit x สไลด 13 : บรรณานุกรม x ปมุ “คลิกเขา สบู ทเรียน” กาํ หนดเปน Jump to slide 2 x สไลด 14 : ผจู ดั ทํา 3. ทดสอบการเชื่อมโยงปมุ โดยไปท่ี Preview Ì Project 4. ทาํ มาตั้งนานอยา ลืม Save ไฟลง าน โดยไปท่ี File Ì Save 3. คลิกทสี่ ไลดตา งๆ กาํ หนดหวั ขอในบริเวณ Placeholder Object ¨Ñ´ÇÒ§à¹éÍ× ËÒã¹ÊäÅ´μ‹Ò§æ 1. สไลด 3 แบบทดสอบกอนเรยี นจะขา มไปกอ น ใหค ลิกสไลด 4 ความรเู รอ่ื งการควบคมุ น้ําหนกั 2. จดั วางเนือ้ หาโดยใช Text Ì Text Caption และ Shapes 3. คดั ลอกขอ ความจาก Word มาวางในกลอ งขอ ความ โดยดับเบิลคลิกทก่ี ลอ งขอความ CAPTIVATE 8 CAPTIVATE 8 àª×èÍÁ⧻†ØÁ¨Ò¡Ë¹ÒŒ ááä»ÂѧÊäÅ´·ÕèÊÌҧ¢¹éÖ 27 1. คลกิ สไลด Cover (สไลด 1) 2. ไปทพี่ าเนล Properties แลว ไปทคี่ ําสง่ั Actions กําหนด On Success ดงั น้ี x ปุม “ผลการเรียนรทู ่ีคาดหวงั ” กําหนดเปน Jump to slide 12 26 ลิขสิทธ์ิของ iCourse และ khaooat.com ใชเ้ พ่ือประกอบการอบรม ห้ามทา้ ซ้า ดดั แปลง เผยแพร่ หรือใชเ้ ชงิ พานิชย์ ตดิ ต่อวทิ ยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
สรา ง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลิศบํารุงชัย ผบู รรยาย 4. แทรกรูปภาพ โดยไปที่ Media Ì Image 13. ไปทีค่ ําสั่ง Actions 5. เลือกรูปภาพโดยไปทโ่ี ฟลเดอร Adobe Captivate 8 Training\\Image เลอื กรปู ภาพ 02 x On Success กําหนดเปน Go to the 6. คลกิ Open next slide 7. ไปทีพ่ าเนล Properties ในคําสงั่ Options กาํ หนด X = 70, Y = 250, W = 133, H =250 x Others กําหนดคาํ ส่งั Hand Cursor 14. ไปที่พาเนล Timing x Display For กาํ หนดเปน Rest of Slide x Pause After ใหคลิก 5 และกําหนดไวท ี่ 1.5 sec CAPTIVATE 8 CAPTIVATE 8 8. ไปทโ่ี หมด Master Slide โดยไปที่ Themes Ì Master Slide 15. จะไดปุม Next ดงั รูป 9. สรางปุม NEXT โดยใช Shapes (X = 864, Y = 560, W = 150, H = 60) 10. ดับเบิลคลิกทีร่ ูปรา งแลว พมิ พขอความ “NEXT” 11. ไปทพ่ี าเนล Properties กาํ หนดคาํ สัง่ Use as Button ใหกบั ทุกปุม 12. ไปทีค่ ําสงั่ Style กําหนด State, Fill, Stroke และ Character 28 29 ลิขสิทธขิ์ อง iCourse และ khaooat.com ใช้เพื่อประกอบการอบรม ห้ามทา้ ซ้า ดดั แปลง เผยแพร่ หรอื ใช้เชิงพานิชย์ ติดต่อวทิ ยากรได้ที่ khaooat.com หรอื โทร. 095-116-6995
สราง Mobile Learning ดวย Adobe Captivate 8 กฤษณพงศ เลิศบาํ รงุ ชยั ผูบ รรยาย 16. คลิกขวาทสี่ ไลด 4 ความรเู รือ่ งการควบคมุ นา้ํ หนัก แลว เลอื กคําสง่ั Duplicate 20. ไปที่สไลด 6 การควบคุมน้าํ หนักในวยั เด็ก ใหจดั วางเน้อื หาและใสป ุม NEXT, BACK 17. ลบเน้อื หาเดิมออก แลว คดั ลอกเนื้อหาใหมจาก Word มาจัดวาง ãÊä‹ ¿ÅÇ Ô´ÕâÍŧã¹ÊäÅ´ (ÊíÒËÃºÑ Offline) 18. ดับเบลิ คลกิ เปลี่ยนขอ ความจากปมุ “NEXT” เปน “BACK” แลวนําปมุ ไปวางทางดา นซา ย 19. ไปที่พาเนล Properties ที่คําสั่ง Actions กําหนด On Success เปน Go to the previous 1. คลิกท่สี ไลด 9 วดิ ีโอการควบคุมน้ําหนัก 2. ไปท่ี Media Ì Video slide CAPTIVATE 8 CAPTIVATE 8 3. เลอื ก Event Video แลวคลิก Browse 4. ไปท่โี ฟลเดอร Adobe Captivate 8 Training\\Video เลอื ก Part 1 แลว 5. คลิก Open 30 31 ลขิ สทิ ธข์ิ อง iCourse และ khaooat.com ใช้เพอ่ื ประกอบการอบรม ห้ามท้าซา้ ดดั แปลง เผยแพร่ หรอื ใช้เชงิ พานชิ ย์ ตดิ ต่อวทิ ยากรไดท้ ่ี khaooat.com หรอื โทร. 095-116-6995
สราง Mobile Learning ดวย Adobe Captivate 8 กฤษณพงศ เลศิ บาํ รุงชยั ผบู รรยาย 6. คลกิ OK 11. ใสรปู ภาพ 04 โดยไปที่ Media Ì Image (X = 70, Y = 250, W = 132, H = 250) 12. คลกิ ขวาทสี่ ไลด 9 วิดีโอการควบคุมนา้ํ หนกั แลวเลือกคําสัง่ Duplicate เพิม่ อกี 2 สไลด 7. ไปทีพ่ าเนล Properties ท่ีคําส่ัง Style คลิก 5 ท่ี Auto Play 8. กําหนด Skin ตามตอ งการ 13. คลกิ ที่สไลด 10 วิดีโอการควบคมุ นาํ้ หนัก 9. ทคี่ ําสงั่ Options กําหนด X = 320, Y = 50, W = 640, H = 480) 14. คลิกที่วิดีโอแลวไปท่พี าเนล Properties ทีค่ าํ ส่ัง Style ที่ File Link ใหคลิก Browse 10. ไปทีพ่ าเนล Timing กาํ หนดดงั นี้ 15. คลิก Import CAPTIVATE 8 x Display For เลือก Rest of Slide CAPTIVATE 8 x Pause slide till end of video ใหค ลกิ 5 32 33 ลขิ สทิ ธ์ิของ iCourse และ khaooat.com ใชเ้ พ่อื ประกอบการอบรม หา้ มทา้ ซา้ ดัดแปลง เผยแพร่ หรอื ใชเ้ ชิงพานชิ ย์ ติดต่อวิทยากรได้ท่ี khaooat.com หรอื โทร. 095-116-6995
สราง Mobile Learning ดวย Adobe Captivate 8 กฤษณพงศ เลศิ บํารุงชัย ผบู รรยาย 16. เลือก Part 2 แลว คลิก Open 4. เลือก YouTube แลวคลิก Insert 17. คลิกท่ีสไลด 11 วดิ ีโอการควบคุมนา้ํ หนัก 5. ไปท่ีโฟลเดอร Adobe Captivate 8 Training\\Video เปดไฟล Notepad 18. ทาํ ซาํ้ ข้ันตอนที่ 13 – 15 แตเ ลอื กเปน Part 3 6. คัดลอกลิงคจาก YouTube Part 1 มาวางในชอ ง YouTube URL 19. คัดลอกปุม NEXT และ BACK จากหวั ขอ “การควบคุมน้ําหนกั ในวัยเดก็ ” มาวางใหเ รยี บรอย 7. ที่คําสง่ั Video Playback Options ใหค ลกิ 5 ที่ Auto Play 8. คลิก OK ãÊä‹ ¿ÅÇ´Ô âÕ Íŧã¹ÊäÅ´ (ÊíÒËÃѺ Online) 9. ไปท่พี าเนล Properties ทค่ี ําส่ัง Options กําหนด X = 320, Y = 50, W = 640, H = 480) 1. ลบวิดโี อออกจากสไลดท ี่ 9, 10 และ 11 วดิ โี อการควบคมุ น้ําหนัก 10. นําลงิ ค YouTube Part 2 มาใสไวใ นสไลด 10 และ Part 3 มาไวในสไลด 11 2. คลกิ สไลดที่ 9 วิดโี อการควบคมุ นํ้าหนกั 3. ไปที่ Interactions Ì Learning Interactions CAPTIVATE 8 CAPTIVATE 8 34 35 ลขิ สิทธ์ิของ iCourse และ khaooat.com ใช้เพ่อื ประกอบการอบรม หา้ มท้าซ้า ดัดแปลง เผยแพร่ หรือใช้เชิงพานชิ ย์ ติดต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
สราง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลศิ บํารงุ ชยั ผบู รรยาย NOTE Learning Interaction YouTube จะแสดงผลไดเ มอื่ อัพโหลดไปยังเซิรฟเวอร และเปด ผา น เบราวเซอรเทา น้ัน 8. ไปทพ่ี าเนล Properties ทคี่ าํ สั่ง Options กาํ หนด X = 280, Y = 70, W = 720, H = 40 9. แทรกเสน โดยใชเครื่องมือ Shapes ¨Ñ´ÇÒ§à¹éÍ× ËÒã¹ÊäÅ´Ê Ã»Ø 10. ไปทพ่ี าเนล Properties ท่คี ําสั่ง Style กําหนด Stroke ตามตองการ CAPTIVATE 8 CAPTIVATE 8 ÊÌҧ Scrolling Text 11. Duplicate เสน มาอีก 1 ชน้ิ 12. หากเสรจ็ แลวจะไดด งั รปู 1. คลิกทส่ี ไลด 12 สรุป 2. ใสรูป 02 โดยไปที่ Media Ì ¡Ò÷Òí §Ò¹¡ºÑ ÃÙ»ÀÒ¾ Image (X = 70, Y = 250, W = 1. แทรกรูปภาพ 06 แล 07 โดยไปท่ี Media Ì Image 133, H = 250) x รปู ภาพ 06 (X = 290, Y = 290, W = 120, H = 120) 3. ไปท่ี Interactions Ì Learning x รปู ภาพ 07 (X = 630, Y = 290, W = 120, H = 120) Interactions 4. คลกิ เลอื ก Scrolling Text แลว 37 คลกิ Insert 5. จะปรากฏหนาตาง Configure interaction ใหคัดลอกเน้ือหาจาก Word มาวาง 6. กําหนดรูปแบบอักษรเปนฟอนต TH Sarabun New ขนาด 30 7. คลกิ OK 36 ลขิ สิทธิ์ของ iCourse และ khaooat.com ใชเ้ พือ่ ประกอบการอบรม ห้ามทา้ ซ้า ดัดแปลง เผยแพร่ หรือใชเ้ ชิงพานชิ ย์ ติดต่อวิทยากรได้ที่ khaooat.com หรอื โทร. 095-116-6995
สรา ง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลิศบาํ รงุ ชยั ผบู รรยาย 2. Duplicate รปู ภาพ 06 และ 07 ¡ÒÃ㪌 Rollover x รูปภาพ 06 (X = 280, Y = 420, W = 120, H = 120) 1. ไปที่ Object Ì Rollover Image x รูปภาพ 07 (X = 620, Y = 420, W = 120, 2. ไปที่โฟลเดอร Adobe Captivate 8 Training\\Image เลอื กรูปภาพ 03 H = 120) 3. คลกิ Open 3. หมุนรูปภาพ 06 และ 07 ไปทางขวา 90 องศา 4. ไปทพ่ี าเนล Properties ที่คาํ ส่ัง Style คลิก Edit Image 5. ปรบั Hue ไปทางขวาสุด (คา 180) CAPTIVATE 8 CAPTIVATE 8 6. หากเสรจ็ แลว จะไดด ังรปู 4. จะปรากฏวัตถุ 2 ชนิดคอื Rollover Area และรูปภาพ 03 38 5. คลิกที่รูปภาพ 03 แลวไปท่ีพาเนล Properties ท่ีคําส่ัง Options กําหนด X = 440, Y = 250, W = 159, H = 302 6. คลิก Rollover Area แลวไปที่พาเนล Properties ทค่ี าํ สั่ง Style x Fill ปรบั Opacity เปน 0 x Stroke ปรบั Width เปน 0 7. นํา Rollover Area ไปวางทับรูปภาพ 06 สีสม แลวไปที่ Modify Ì Auto-adjust Rollover Area สังเกตวา Rollover Area จะทบั รูปภาพ 06 พอดี 8. ลอง Preview โดยกด F8 แลวนําเมาสไปชี้ท่ีบริเวณ Rollover Area จะปรากฏรูปภาพ 03 ขึน้ มาแบบเข็งๆ 39 ลิขสิทธิข์ อง iCourse และ khaooat.com ใชเ้ พอื่ ประกอบการอบรม ห้ามทา้ ซา้ ดดั แปลง เผยแพร่ หรอื ใชเ้ ชิงพานิชย์ ตดิ ตอ่ วิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
สรา ง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลิศบาํ รงุ ชัย ผูบรรยาย 13. ทําตามขั้นตอนท่ี 1-10 แตใชรูปภาพ 20 และ 21 แลวนํา Rollover Area มาวางทับรูปภาพ 9. ปดหนาตาง Preview คลิกที่รูปภาพ 03 แลวไปที่พาเนล Timing กําหนด Transition เปน Fade In and Out 06 และ 07 ทไ่ี ดทําการหมนุ และเปล่ยี นสี x รปู ภาพ 20 X = 780, Y = 340, W = 160, H = 150 10. ลอง Preview โดยกด F8 แลวนําเมาสไปช้ีบริเวณ Rollover Area จะปรากฏรูปภาพ 03 x รูปภาพ 21 X = 440, Y = 340, W = 160, H = 150 ขนึ้ มาแบบนมุ นวลมากข้ึน 14. เมื่อทําเสร็จเรียบรอยแลว จะเห็นรูปภาพตา งๆ ซอนทับกัน ดังรูป 11. ทาํ ตามขน้ั ตอนที่ 1-10 แตใชรูปภาพ 01 และนาํ Rollover Area มาทบั รปู ภาพ 07 15. คลิกขวาที่รปู ภาพ 20 แลว เลอื ก Apply Effect 12. เมอื่ ทําเสร็จเรียบรอ ยแลวจะไดด ังรปู CAPTIVATE 8 CAPTIVATE 8 40 41 ลิขสิทธิข์ อง iCourse และ khaooat.com ใชเ้ พ่ือประกอบการอบรม ห้ามท้าซ้า ดดั แปลง เผยแพร่ หรอื ใชเ้ ชิงพานิชย์ ตดิ ตอ่ วทิ ยากรไดท้ ี่ khaooat.com หรอื โทร. 095-116-6995
สรา ง Mobile Learning ดวย Adobe Captivate 8 กฤษณพงศ เลิศบาํ รุงชัย ผูบรรยาย 16. จะปรากฏพาเนล Effect ใหคลิก Add Effect แลวเลือก Effect ท่ีตองการ (ในตัวอยางเลือก Emphasis Ì Spin) ¨´Ñ ÇÒ§à¹Í×é ËÒã¹ÊäÅ´áËŧ‹ ¢ÍŒ ÁÅÙ à¾ÁèÔ àμÔÁ 17. ปรบั Ease In เปน 00:05 และปรับคา Ease In, Spin Ease และ Ease Out ตามตองการ ในสไลดเกม (สไลด 13), สไลดแบบฝกหัด (สไลด 14), และสไลดแบบทดสอบกอนเรียน (สไลด 15) จะขา มไปกอ น ใหคลิกทส่ี ไลดแ หลง ขอ มูลเพ่ิมเตมิ 1. คลกิ ท่สี ไลดแหลง ขอ มูลเพม่ิ เติม 2. ไปที่ Object Ì Web 3. ไปที่พาเนล Properties ท่คี าํ สง่ั Style ใหนําลงิ คมาวางไวในชอ ง Address 4. คลกิ 5 ที่คาํ สง่ั Auto Load, Border, Scrolling 5. Display in กําหนดเปน Slide CAPTIVATE 8 CAPTIVATE 8 18. ท่รี ูปภาพ 21 ใหท าํ ซํา้ ตามขัน้ ตอนที่ 15-17 19. ลอง Preview โดยการกด F8 แลว ดวู าได Effect แสดงผลตามตอ งการหรอื ไม 20. ทํามาต้ังนานอยาลมื คลกิ Save 6. ทค่ี ําส่ัง Options กาํ หนด X = 270, Y = 30, W = 750, H = 510 7. แทรกรูปภาพ 03 โดยไปที่ Media Ì Image (X = 70, Y = 250, W = 132, H = 250) 42 43 ลิขสทิ ธิข์ อง iCourse และ khaooat.com ใช้เพ่ือประกอบการอบรม ห้ามทา้ ซ้า ดดั แปลง เผยแพร่ หรอื ใช้เชิงพานิชย์ ตดิ ต่อวิทยากรไดท้ ี่ khaooat.com หรอื โทร. 095-116-6995
สราง Mobile Learning ดวย Adobe Captivate 8 กฤษณพงศ เลศิ บํารุงชยั ผูบรรยาย 8. หากเสร็จเรยี บรอ ยแลว จะไดดงั รูป 4. ใสขอมลู และรปู ภาพของผูจดั ทาํ 5. สรา งปมุ ข้ึนมาโดยใช Shapes ¨´Ñ ÇÒ§à¹Íé× ËÒã¹ÊäÅ´ Info 6. ดับเบิลคลกิ ที่รปู รา ง แลวพมิ พข อความ “ขอมลู เพิ่มเติม” 7. ไปท่พี าเนล Properties แลว คลกิ 5 ที่ Use as Button สไลด Info ประกอบดว ยสไลดผลการเรียนรูที่คาดหวงั (สไลด 17) สไลดบ รรณานุกรม (สไลด 8. ไปทค่ี าํ สั่ง Style ใหก ําหนด State, Fill, Stroke และ Character 18) และสไลดผูจัดทาํ (สไลด 19) 9. ไปท่ีคําสั่ง Actions กําหนด On Success 1. จัดวางเนอื้ หาลงในสไลดผลการเรยี นรูท ีค่ าดหวัง (สไลด 17) เปน Open URL or File 2. จดั วางเน้อื หาลงในสไลดบรรณานกุ รม (สไลด 18) 10. คัดลอกลงิ คม าวางในชอ ง URL แลว กาํ หนดใหเ ปด ในหนา ตา งใหม (New) 11. คลิก 5 ที่ Infinite Attempts และ Hand Cursor CAPTIVATE 8 CAPTIVATE 8 3. คลิกทีส่ ไลดผจู ัดทํา (สไลด 19) 45 44 ลิขสิทธิ์ของ iCourse และ khaooat.com ใชเ้ พื่อประกอบการอบรม ห้ามท้าซ้า ดัดแปลง เผยแพร่ หรือใชเ้ ชงิ พานิชย์ ติดต่อวทิ ยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
สราง Mobile Learning ดวย Adobe Captivate 8 กฤษณพงศ เลิศบาํ รงุ ชัย ผบู รรยาย 12. ไปทพ่ี าเนล Timing กําหนดดังนี้ x Display For กําหนดเปน Rest of Slide 4. คลกิ ขวาท่ขี อความ “บทเรียนคอมพวิ เตอรเ พือ่ การเรียนรู” แลว เลือก Apply Effect x Pause After กาํ หนดเปน 1.5 sec 5. ไปท่ีพาเนล Effect คลกิ Add Effect (ในตวั อยางเลือก Entrance Ì Ease in Ì EaseInRight) 6. คลิกเมาสลากกาํ หนดระยะเวลาแสดงผลเอฟเฟกต 1 วินาที 13. ลอง Preview โดยการกด F8 ทดสอบการเชอ่ื มโยงวาเปน ไปตามตองการหรือไม 7. ที่ Ease กาํ หนดเปน 100% (กาํ หนดคาความตอ งการ) à¾ÁèÔ àμÔÁÅ¡Ù àŹ‹ ´ŒÇ Effect ã¹ÊäŴ˹Ҍ áá 1. คลิกทส่ี ไลด 1 Cover 2. ไปทพี่ าเนล Timeline เพิม่ ระยะเวลาการแสดงผลสไลดไ ปยงั วนิ าทีที่ 6 CAPTIVATE 8 CAPTIVATE 8 3. จัดลาํ ดับการแสดงผลของวตั ถุโดยเรียงลาํ ดับดังนี้ 8. คลิกขวาที่ขอ ความ “เร่อื งการควบคุมน้ําหนกั ในวัยเด็ก” ทาํ ซํ้าข้ันตอนที่ 5-7 9. คลิกขวาท่ีปุม “ผลการเรียนรูท่ีคาดหวัง” ทําซํา้ ช้ันตอนท่ี 5-7 แตกําหนดระยะเวลาแสดงผล x ขอความ “บทเรยี นคอมพวิ เตอรเ พื่อการเรียนรู” เอฟเฟกตเ ปน 0.5 sec และเปล่ยี นแอฟเฟกตเ ปน EaseInTop x ขอ ความ “เร่ืองการควบคมุ นา้ํ หนกั ในวยั เดก็ ” 10. ปุม “บรรณานุกรม” “ผจู ดั ทาํ ” และ “ออกจากบทเรียน” ทําเหมือนขน้ั ตอนท่ี 9 x ปุม “ผลการเรียนรูที่คาดหวัง” “บรรณานุกรม” “ผูจัดทํา” “ออกจากบทเรียน” และ “คลกิ เขา สูบ ทเรยี น” ตามลาํ ดบั 46 47 ลขิ สทิ ธ์ขิ อง iCourse และ khaooat.com ใช้เพอ่ื ประกอบการอบรม ห้ามทา้ ซา้ ดัดแปลง เผยแพร่ หรือใช้เชิงพานิชย์ ตดิ ตอ่ วทิ ยากรไดท้ ่ี khaooat.com หรือโทร. 095-116-6995
สราง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลิศบาํ รุงชยั ผูบรรยาย 11. คลิกขวาที่ปมุ “คลิกเขาสบู ทเรียน” แลว เลือก Apply Effect 6. คลิก Close 12. ไปท่ีพาเนล Effects คลิก Add Effect (ในตัวอยางเลือก Emphasis Ì Rotate) กําหนด ระยะเวลาแสดงผลเอฟเฟกต 0.5 sec CAPTIVATE 8 CAPTIVATE 8 13. ลอง Preview Project โดยการกด F4 วาแสดงผลเปนไปตามท่ีตองการหรือไม 7. คลิกสไลด 9 วดิ โี อการควบคุม ãÊ‹àÊÕ§´¹μÃãÕ ËŒ¡ÑºªÔ鹧ҹ นํา้ หนัก 8. ไปที่ Audio Ì Import to Ì Slide 1. ไปท่ี Audio Ì Import to Ì Background 9. ไปท่ีโฟลเดอร Adobe Captivate 8 Training\\Sound 10. คลิก Open 11. คลกิ Close 2. ไปที่โฟลเดอร Adobe Captivate 8 Training\\Sound แลวเลือกไฟล BackgroundSound 49 3. คลิก Open 4. ท่ีคําสั่ง Adjust background audio volume on slide with audio กาํ หนดเหลือ 30% 5. คลกิ Save 48 ลิขสิทธขิ์ อง iCourse และ khaooat.com ใชเ้ พือ่ ประกอบการอบรม ห้ามทา้ ซา้ ดัดแปลง เผยแพร่ หรือใช้เชงิ พานิชย์ ติดตอ่ วิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
สรา ง Mobile Learning ดว ย Adobe Captivate 8CAPTIVATE 8 กฤษณพงศ เลศิ บาํ รุงชยั ผบู รรยาย CAPTIVATE 85. เลือก State เปน Down แลว ยกเลิกคําสงั่ Enable โดยการเอา 5 ออก 12. ไปท่ีพาเนล Properties ที่คําสั่ง Options ให 6. เลอื ก State เปน Rollover แลว ยกเลกิ คําสง่ั Enable โดยการเอา 5 ออก คลิก 5 ท่ี Stop Background Audio 7. ไปท่ีคําสั่ง Actions กําหนด On Success เปน 13. คลิกสไลด 10 และ 11 ทําซาํ้ ขน้ั ตอนที่ 8-12 Exit 8. คลกิ 5 ท่ี Hand Cursor ÊÃÒŒ §»Ø†Á Exit áÅÐ Mute 9. ไปทีพ่ าเนล Timing กาํ หนด Display For เปน »Ø†Á Exit Rest of Project 10. คลิก 5 Place Object on Top 1. คลกิ ท่สี ไลด 1 Cover 2. สรางปุมออกโดยใช Shapes (X = 995, Y = »Á†Ø Mute 5, W = 20, H = 20) 1. คลกิ ทีส่ ไลด 1 Cover 3. ไปท่ีพาเนล Properties คลิก 5 ที่ Use as 2. สรา งกลองขอความโดยใช Text Ì Text Button Caption 4. ที่คาํ สง่ั Style เลอื ก State เปน Normal 3. พิมพข อ ความ “MUTE” (X = 0, Y = 15, W x Fill กาํ หนดเปน Image Fill = 60, H = 30) x Fill เลือกรูปภาพจากโฟลเดอร Adobe 4. ไปที่พาเนล Properties ทีค่ ําสั่ง Style Captivate 8 Training\\Image รูปภาพ กําหนดรูปแบบอักษรที่ Character Exit x Opacity กาํ หนดเปน 100 x Stroke กําหนด Width เปน 0 50 51 ลขิ สทิ ธ์ิของ iCourse และ khaooat.com ใชเ้ พ่อื ประกอบการอบรม ห้ามทา้ ซา้ ดัดแปลง เผยแพร่ หรอื ใชเ้ ชงิ พานิชย์ ตดิ ต่อวทิ ยากรได้ที่ khaooat.com หรอื โทร. 095-116-6995
สรา ง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลิศบาํ รงุ ชยั ผูบ รรยาย 5. สรางสเี่ หล่ียมมุมมนดวย Shapes (X = 71, Y =5, W = 80, H = 40) 15. คลกิ AudioOFF ใหไ ปที่พาเนล Timing 6. ไปท่ีพาเนล Properties ท่ีคําส่ัง Style กาํ หนด Display For เปน Rest of Project กาํ หนด Fill และ Stroke 16. คลกิ 5 Place Object on Top 7. หากสรา งเสรจ็ แลวจะไดดังรปู ÌÌÌÌ 8. คลิกท่ขี อ ความ “MUTE” 17. คลกิ AudioON ทาํ เชน เดยี วกบั AudioOFF 9. ไปทีพ่ าเนล Timing กําหนด Display For เปน ในข้ันตอนที่ 15-16 Rest of Project 18. ไปที่ Project Ì Advance Actions 10. คลิก 5 Place Object on Top 11. คลิกท่ีรูปรา งส่ีเหลี่ยมมุมมน แลวทําซ้ําข้ันตอน 9-10 12. สรา งวงกลมขนึ้ มา 2 ชน้ิ โดยใช Shapes กําหนดดงั นี้ x ท้ังสองวง ไปท่พี าเนล Properties ใหค ลิก 5 ท่ี Use as Button x วงกลมท่ี 1 กาํ หนด State Normal เปน สแี ดง (X = 78, Y = 10, W = 30, H = 30) x วงกลมท่ี 2 กาํ หนด State Normal เปน สีเชยี ว (X = 115, Y = 10, W = 30, H = 30) x ทั้งสองวง State Down และ State Rollover ใหยกเลิกคําสั่ง Enable โดยการเอา 5 ออก 13. กาํ หนดชอื่ วงกลมสีแดงวา “AudioOFF” และวงกลมสเี ขียววา “AudioON” 14. ที่ปุม AudioOFF กาํ หนดเปน Not visible in output CAPTIVATE 8 CAPTIVATE 8 19. จะปรากฏหนาตา ง Advanced Actions 20. กําหนด Action Type เปน Standard actions 21. กําหนด Action Name เปน AudioOFF 22. กําหนด Actions ดังน้ี x Toggle cpCmndMute x Hide AudioOFF x Show AudioON 23. คลกิ Save As Action 24. คลิก OK 52 53 ลขิ สิทธขิ์ อง iCourse และ khaooat.com ใชเ้ พือ่ ประกอบการอบรม หา้ มทา้ ซา้ ดดั แปลง เผยแพร่ หรอื ใช้เชิงพานชิ ย์ ติดตอ่ วทิ ยากรได้ท่ี khaooat.com หรือโทร. 095-116-6995
สราง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลิศบาํ รุงชยั ผบู รรยาย 25. คลิก Create a new action àÍÒᶺ Playback Control áÅÐ Border ÍÍ¡ 26. กําหนด Action Type เปน Standard actions 27. กาํ หนด Action Name เปน 1. ไปท่ี Project Ì Skin Editor AudioON 2. คลกิ แลว ยกเลกิ คาํ สัง่ Show Playback Control โดยเอา 5 ออก 28. กาํ หนด Actions ดังน้ี 3. คลิก แลวยกเลิกคาํ สงั่ Show Borders โดยเอา 5 ออก CAPTIVATE 8 CAPTIVATE 8x Toggle cpCmndMute x Hide AudioON x Show AudioOFF 4. ลอง Preview โดยการกด F4 จะพบวา แถบ Playback Control หายไปแลว 29. คลกิ Save As Action 30. คลิก OK 55 31. คลิก Close 32. ค ลิ ก ท่ี ปุ ม Audio OFF แ ล ว ไ ป ที่ พ า เ น ล Properties ท่ี คํ า สั่ ง Actions กํ า ห น ด On Success เปน Execute Advanced Actions และ Script กําหนดเปน AudioOFF 33. ค ลิ ก ที่ ปุ ม Audio OFF แ ล ว ไ ป ท่ี พ า เ น ล Properties ที่ คํ า ส่ั ง Actions กํ า ห น ด On Success เปน Execute Advanced Actions และ Script กาํ หนดเปน AudioON 34. หากทําเสรจ็ เรยี บรอ ยแลวจะไดดังรูป ÌÌÌÌ 35. ลอง Preview โดยกด F4 แลวทดสอบปดเสียง เปด เสยี ง 54 ลิขสทิ ธิข์ อง iCourse และ khaooat.com ใช้เพื่อประกอบการอบรม ห้ามทา้ ซ้า ดัดแปลง เผยแพร่ หรอื ใชเ้ ชิงพานชิ ย์ ตดิ ต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
สราง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลิศบาํ รงุ ชัย ผูบรรยาย Ê‹§ÍÍ¡ Preferences à¡ÁÅÒ¡ÇÒ§ 1. ไปท่ี File Ì Export Ì Preferences CAPTIVATE 8 CAPTIVATE 8 ¨Ñ´¡Òà Master Slide 1. เปดโปรเจคเมอ่ื สักครทู ่ีไดบนั ทกึ ไว 2. ไปท่ี Themes Ì Master Slide เพ่อื เขา โหมด Master Slide 3. คลิกทส่ี ไลด Content 4. คลิกที่ Shape พ้ืนที่วางเนื้อหา แลวไปท่ีพาเนล Properties ในคําสั่ง Options เพ่ือดูขนาด (ในตัวอยา ง W = 764, H = 530) 2. เลอื กท่ีเก็บไฟล Preferences 5. ใหทําการคาํ นวณพื้นท่ีโดยลดขนาดดานละ 10 พกิ เซล จะได W = 744, H = 510 6. เปดไฟลงานใหมโ ดยไปท่ี File Ì New Project Ì Blank Project 3. คลกิ Save 4. จะปรากฏขอความ Preferences Exported Successfully ใหคลิก OK 5. ไปท่ี File Ì Save เพ่ือบันทึกไฟล งาน แลว ปด ไฟลนีไ้ ปกอ น 56 57 ลิขสทิ ธ์ขิ อง iCourse และ khaooat.com ใช้เพอ่ื ประกอบการอบรม หา้ มทา้ ซา้ ดดั แปลง เผยแพร่ หรอื ใชเ้ ชิงพานชิ ย์ ตดิ ต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
สราง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลิศบาํ รงุ ชยั ผูบ รรยาย 7. กําหนดคําสั่งดังน้ี x Select กาํ หนดเปน Custom x Width กําหนดเปน 744 x Height กําหนดเปน 510 8. คลิก OK 9. เลือก Theme เปน Blank 10. ไปท่ี File Ì Import Ì Preferences แลว เลือก Preferences ท่เี คย Export ไว 11. ไปที่ Themes Ì Master Slide แลวคลกิ ท่ีสไลด Blank ท่ีเปน Master 12. สรางสเี่ หลี่ยมดว ยคําสั่ง Shapes ข้นึ มา 4 ชิ้น ดังรูป x ชนิ้ ท่ี 1 X = 0, Y = 0, W = 744, H = 10 x ชนิ้ ท่ี 2 X = 0, Y = 10, W = 744, H = 120 x ชิ้นท่ี 3 X = 0, Y = 440, W = 744, H = 60 x ช้ินท่ี 4 X = 0, Y = 500, W = 744, H = 10 CAPTIVATE 8 CAPTIVATE 8 13. กาํ หนดช่อื สไลด Blank เปน Content 14. ไปที่สไลด Result ใหทําการจัดรูปแบบให เรยี บรอย 15. คลิก Exit Master ¨Ñ´¡ÒÃÊäÅ´Ë ¹ŒÒáá 1. คลกิ ที่สไลดท ่ี 1 แลว ไปท่พี าเนล Properties กาํ หนด Master Slide เปน Content 58 59 ลขิ สทิ ธข์ิ อง iCourse และ khaooat.com ใช้เพือ่ ประกอบการอบรม หา้ มท้าซ้า ดดั แปลง เผยแพร่ หรือใช้เชิงพานชิ ย์ ติดตอ่ วทิ ยากรไดท้ ี่ khaooat.com หรือโทร. 095-116-6995
สรา ง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลศิ บํารงุ ชยั ผูบ รรยาย 2. แทรกขอความ รปู ภาพ ใหเรียบรอย CAPTIVATE 8 CAPTIVATE 8 3. สรา งปุม โดยใชคาํ สั่ง Interactions Ì Button 7. ไปท่คี าํ ส่ัง Actions กําหนดดงั นี้ x On Success กาํ หนดเปน Go to the next slide x Infinite Attempts ใหค ลกิ 5 x Others ใหคลิก 5 ท่ี Hand Cursor 4. ไปทพ่ี าเนล Properties ในคําส่ัง Style กําหนดเปน Transparent Button 8. ไปทค่ี าํ สง่ั Options กําหนด X = 282, Y = 445, W = 180, H = 50 5. กําหนด Caption วา “เร่ิมเกม” 9. ไปท่ีพาเนล Timing 6. กาํ หนด Fill, Stroke และ Character x Display For กาํ หนดเปน Rest of slide x Pause After กาํ หนดเปน 1.5 sec 60 61 ลขิ สิทธิ์ของ iCourse และ khaooat.com ใชเ้ พอื่ ประกอบการอบรม หา้ มท้าซา้ ดัดแปลง เผยแพร่ หรือใชเ้ ชิงพานิชย์ ติดต่อวิทยากรไดท้ ี่ khaooat.com หรือโทร. 095-116-6995
สรา ง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลศิ บาํ รงุ ชยั ผูบ รรยาย 5. ไปที่ Insert Ì Launch Drag and Drop Interaction Wizard ¨Ñ´¡ÒÃÊäÅ´ Drag Drop 6. คลิกวตั ถทุ ตี่ องการใหเ ปนตัว Drag แลว คลกิ Next 1. ไปท่ี Insert Ì New Slide from Ì Content 2. คัดลอกรูปภาพและรูปรางจากสไลดแรก โดยลากเมาสคลุมวัตถุแลวคลิกขวา เลือกคําส่ัง Copy CAPTIVATE 8 CAPTIVATE 8 3. คลิกที่สไลดที่ 2 แลวคลิกขวาบริเวณท่ีวางในสไลด 63 แลวเลอื กคําสัง่ Paste จะไดดงั รปู 4. แทรกรูปภาพเงาสแี ดง (รปู ภาพ 13) X = 590, Y = 215, W = 81, H = 166 62 ลขิ สทิ ธ์ิของ iCourse และ khaooat.com ใช้เพื่อประกอบการอบรม หา้ มทา้ ซา้ ดัดแปลง เผยแพร่ หรอื ใช้เชงิ พานิชย์ ตดิ ตอ่ วิทยากรได้ท่ี khaooat.com หรอื โทร. 095-116-6995
สราง Mobile Learning ดวย Adobe Captivate 8 กฤษณพงศ เลิศบาํ รงุ ชยั ผูบรรยาย 7. คลกิ วตั ถุท่ตี อ งการใหเ ปน ตวั Drop แลวคลิก Next 9. แทรกรูปภาพ 09 และ 10 โดยใชคําสง่ั Media Ì Image 10. คลิกที่รูปภาพ 09 แลวไปที่พาเนล Properties ใหกําหนด Not visible in output 8. ลากเมาสจากวตั ถุ Drag ไปยงั วตั ถุ Drop เพ่ือเปนการกาํ หนดคําตอบ แลว คลิก Finish 11. กาํ หนดชอื่ วตั ถุเปน T2 (หมายถงึ ถกู ตองในสไลดท่ี 2) 12. คลิกท่ี Add Audio 13. คลกิ Import แลว เลอื กไฟลเ สยี ง RightQuiz 1 14. คลกิ ท่ีรูปภาพ 10 แลว ไปที่พาเนล Properties ใหก าํ หนด Not visible in output 15. กาํ หนดช่อื วัตถุเปน F2 (หมายถงึ ผิดในสไลดท ี่ 2) 16. คลิกที่ Add Audio 17. คลิก Import แลว เลอื กไฟลเ สียง WrongQuiz 1 CAPTIVATE 8 CAPTIVATE 8 64 65 ลขิ สทิ ธขิ์ อง iCourse และ khaooat.com ใช้เพอ่ื ประกอบการอบรม ห้ามท้าซ้า ดดั แปลง เผยแพร่ หรอื ใชเ้ ชงิ พานชิ ย์ ติดตอ่ วิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
สรา ง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลิศบาํ รงุ ชยั ผบู รรยาย 21. กําหนดปมุ Reset เปนลองใหม และปุม Submit เปนตอบ 18. นาํ รปู ภาพที่ 09 และ 10 มาไวซอ นทับไวท ี่ตําแหนงเดยี วกัน (X = 594, Y = 10) 19. ไปทพ่ี าเนล Drag and Drop ท่คี าํ สง่ั Actions กาํ หนดดงั น้ี x ปมุ ลองใหม X = 10, Y = 445, W = 150, H = 50 x ปมุ ตอบ X = 585, Y = 445, W = 150, H = 50 x On Success กาํ หนดเปน Show T2 x On Failure กําหนดเปน Show F2 22. ทําซาํ้ ตามข้ันตอน 1 – 20 แตเ ปลีย่ นเงาสแี ดงเปน ตวั เด็กผูช าย (รูปภาพ 15) x No. of Attempts กําหนดเปน 1 23. สรางสไลดใ หมโ ดย ไปท่ี Insert Ì New Slide from Ì Content x Failure Caption ใหน าํ เคร่ืองหมาย 5 ออก 24. แทรกรูปภาพตัวที่เหลือแลวจัดวางดังรูป แลวทําซํ้าขั้นตอนท่ี 5 – 20 กําหนดสไลดนี้ 2 x Buttons คลกิ 5 ท่ี Reset x Reporting คลิก 5 Include in Quiz คะแนน x Points กําหนดเปน 1 x Add to Total ใหค ลิก 5 CAPTIVATE 8 CAPTIVATE 8 20. ไปทคี่ ําสั่ง Options ใหค ลิก 5 ที่ Use Hand 67 cursor, Send Drag Source to original position และ Redrag the dropped source 66 ลขิ สิทธ์ขิ อง iCourse และ khaooat.com ใช้เพอ่ื ประกอบการอบรม หา้ มทา้ ซา้ ดัดแปลง เผยแพร่ หรอื ใช้เชิงพานชิ ย์ ติดตอ่ วทิ ยากรได้ท่ี khaooat.com หรือโทร. 095-116-6995
สราง Mobile Learning ดวย Adobe Captivate 8 กฤษณพงศ เลิศบาํ รงุ ชัย ผูบรรยาย ¡íÒ˹´¤Ò‹ Preferences 3. ไปที่ Pass or Fail กําหนดดงั นี้ x Pass/Fail Options กําหนดเปน 50% 1. ไปท่ี Quiz Ì Quiz Preferences x If Passing Grade กําหนด Action เปน Exit x If Failing Grade ใหค ลกิ 5 ท่ี Infinite Attempts และ Show Retake Button 4. คลกิ OK CAPTIVATE 8 CAPTIVATE 8 2. ไปท่ีคําส่ัง Quiz Ì Settings ใหคลิก 5 ท่ี Show Score at the End of the quiz แลว กาํ หนดขอความโดยคลิกที่ Quiz Result Message 5. คลิกท่สี ไลด Result ใหท าํ การแกไขขอ ความและจัดรูปแบบใหเรยี บรอย 6. ลบปุม Review Quiz ออก เปล่ียนปุม Retake เปน “เลนใหม” และเปล่ียนปุม Continue เปน “ปด” 7. เอาแถบ Playback Control และ Border ออก (กลับไปดหู นา 55) 8. บันทกึ ไฟลโ ดยไปที่ Save Ì Save As 68 69 ลขิ สิทธ์ขิ อง iCourse และ khaooat.com ใช้เพ่ือประกอบการอบรม ห้ามทา้ ซ้า ดัดแปลง เผยแพร่ หรือใช้เชิงพานิชย์ ตดิ ต่อวทิ ยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
สราง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลศิ บาํ รงุ ชัย ผูบรรยาย ÊÌҧ Quiz CAPTIVATE 8 CAPTIVATE 8 Quiz Master Slide 1. เปด ไฟลง านใหมโดยไปที่ File Ì New Project Ì Blank Project 9. สง ออกไฟลเ ปน SWF หรอื HTML5 แลว แตก ารใชง าน โดยไปที่ File Ì Publish 71 2. กําหนดคาํ ส่งั ดงั นี้ x Select กําหนดเปน Custom x Width กาํ หนดเปน 744 x Height กําหนดเปน 510 3. คลกิ OK 4. เลอื ก Theme เปน Blank 5. ไปที่ File Ì Import Ì Preferences แลว เลือก Preferences ท่ีเคย Export ไว 6. ไปท่ี Themes Ì Master Slide แลว คลกิ ทสี่ ไลด Blank ทเ่ี ปน Master 7. สรา งส่ีเหลี่ยมดวยคาํ ส่งั Shapes ข้นึ มา 4 ชน้ิ ดงั รปู x ชนิ้ ท่ี 1 X = 0, Y = 0, W = 744, H = 10 x ช้ินที่ 2 X = 0, Y = 10, W = 744, H = 120 70 ลขิ สทิ ธ์ขิ อง iCourse และ khaooat.com ใชเ้ พื่อประกอบการอบรม หา้ มทา้ ซา้ ดดั แปลง เผยแพร่ หรอื ใชเ้ ชงิ พานชิ ย์ ติดต่อวิทยากรไดท้ ี่ khaooat.com หรือโทร. 095-116-6995
สราง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลศิ บํารงุ ชัย ผูบรรยาย x ชนิ้ ท่ี 3 X = 0, Y = 440, W = 744, H = 60 x ชนิ้ ที่ 4 X = 0, Y = 500, W = 744, H = 10 10. ไปที่ Quiz Ì Default Labels แลวกําหนดขอความเปนภาษาไทย หากมีรูปภาพ Caption ใหทาํ การลบขอ ความทิ้งแลวปลอยเปน ชอ งวาง 8. ไปที่ Quiz Ì Quiz Preferences 11. คลิก OK CAPTIVATE 8 CAPTIVATE 8 9. ไปท่ี Quiz Ì Pass or Fail 73 x Pass/Fail Options กําหนดเปน 50% x If Passing Grade กําหนด Action เปน Exit x If failing Grade คลกิ 5 ท่ี Infinite Attempts และ Show Retake Button 72 ลิขสิทธ์ขิ อง iCourse และ khaooat.com ใช้เพ่อื ประกอบการอบรม ห้ามท้าซา้ ดดั แปลง เผยแพร่ หรือใช้เชงิ พานชิ ย์ ติดตอ่ วทิ ยากรไดท้ ่ี khaooat.com หรอื โทร. 095-116-6995
สราง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลิศบํารงุ ชยั ผบู รรยาย 12. คลกิ ทีส่ ไลด Blank จากน้นั ไปที่ Insert Ì Quiz Master Slide Ì Quiz Preferences CAPTIVATE 8 CAPTIVATE 8 13. จะปรากฏสไลดค ําถาม ใหค ลิกที่ Correct Caption 14. ไปท่พี าเนล Properties ท่คี ําส่งั Style ที่ Caption type ใหคลิก 17. Correct Caption จะเปลยี่ นเปน รูปภาพท่เี ลือก 18. Incorrect Caption แ ล ะ Incomplete Caption ใ ห ทํ า ต า ม ขั้ น ต อ น ท่ี 14 – 17 แ ต เปลีย่ นเปนรูปภาพ 10 กับ 11 19. จดั วางวตั ถใุ หสวยงาม 15. ไปท่โี ฟลเดอร Adobe Captivate 8 Training\\Image ใหค ลิกเลอื กภาพ 09 75 16. คลกิ Open 74 ลขิ สิทธิ์ของ iCourse และ khaooat.com ใชเ้ พอ่ื ประกอบการอบรม ห้ามทา้ ซา้ ดัดแปลง เผยแพร่ หรือใชเ้ ชงิ พานชิ ย์ ติดตอ่ วทิ ยากรไดท้ ี่ khaooat.com หรือโทร. 095-116-6995
สราง Mobile Learning ดวย Adobe Captivate 8 กฤษณพงศ เลศิ บํารุงชยั ผบู รรยาย 20. ไปท่ี Insert Ì Quiz Master Slide แลวเลือก Matching question และ Hot spot question 26. สรา งปุม โดยใชเ คร่ืองมอื Button (X =282, Y = 445, W = 180, H = 50) 21. ทาํ ตามขน้ั ตอนท่ี 13 – 19 จดั วางวตั ถใุ หอยใู นตําแหนงเดียวกับสไลดก อ นหนา 27. ไปที่พาเนล Properties ท่ีคาํ สงั่ Style 22. ไปท่สี ไลด Result แลวจดั รปู แบบใหเ รยี บรอย x รูปแบบปุม กําหนดเปน Transparent Button x Caption กาํ หนดช่ือ “เร่ิมทาํ แบบฝก หัด” x Fill and Stroke กาํ หนดสแี ละเสน x Corner Radius กาํ หนดเปน 20% x Character กําหนดรูปแบบตัวอักษร 28. ท่คี าํ สง่ั Actions กําหนด On Success เปน Go to the next slide CAPTIVATE 8 CAPTIVATE 8 23. ลบ Master Slide ที่ไมจาํ เปน ออก 24. คลกิ Exit Master เพอื่ เขา FilmStrip Mode 25. ใสข อ ความ รปู ราง ภาพตางๆ พรอมจดั วางใหเ รยี บรอย ดงั รูป 29. ไปท่ี File Ì Save As เพ่อื บันทึกไฟล กําหนดช่อื ไฟลเปน “แบบฝกหัด” 76 77 ลขิ สทิ ธข์ิ อง iCourse และ khaooat.com ใช้เพ่ือประกอบการอบรม หา้ มทา้ ซ้า ดดั แปลง เผยแพร่ หรือใชเ้ ชิงพานชิ ย์ ติดตอ่ วิทยากรไดท้ ี่ khaooat.com หรือโทร. 095-116-6995
สรา ง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลศิ บาํ รุงชัย ผูบรรยาย 5. จะปรากฏสไลดค ําถามแตละแบบ ใหนาํ คําถามและคาํ ตอบจาก Word มาวางในสวนตา งๆ Ẻ½¡ƒ ËÑ´ 6. ไปท่พี าเนล Quiz แลวกําหนดคุณสมบัตใิ ห Quiz แตละแบบ 1. เปด ไฟลแบบฝกหัด (อยูใ น Film Strip Mode) 2. ไปที่ Quiz Ì Question Slide 3. เลอื กรปู แบบของ Quiz ทุกแบบ แบบละ 1 ขอ กําหนดเปน Grade 4. คลกิ OK CAPTIVATE 8 CAPTIVATE 8 7. คลกิ ท่ี Correct Caption แลวไปทพี่ าเนล Properties 8. ท่คี ําสัง่ Options ใหคลกิ Audio 78 79 ลขิ สิทธข์ิ อง iCourse และ khaooat.com ใชเ้ พอ่ื ประกอบการอบรม หา้ มทา้ ซ้า ดัดแปลง เผยแพร่ หรือใช้เชงิ พานชิ ย์ ติดต่อวิทยากรได้ที่ khaooat.com หรือโทร. 095-116-6995
สรา ง Mobile Learning ดวย Adobe Captivate 8 กฤษณพงศ เลศิ บาํ รงุ ชยั ผบู รรยาย 10. คลิกเลอื กไฟลเสียง RightQuiz 1 11. คลิก Open CAPTIVATE 8 CAPTIVATE 8 9. คลิก Import 12. ใสเสยี งใหก ับ Incorrect Caption และ Incomplete Caption 13. ทาํ ตามขัน้ ตอนท่ี 5 – 12 ในสไลดค าํ ถามรปู แบบตา งๆ จนครบ 14. ไปที่สไลด Result เปล่ยี นเปนขอความภาษาไทย และจัดรปู แบบใหเ รยี บรอ ย 15. กําหนดรายละเอยี ดปุมตางๆ ดงั น้ี x Review Quiz กําหนดเปน “เฉลย” (X = 230, Y = 445, W = 150, H = 50) x Continue กําหนดเปน “ปด” (X = 390, Y = 445, W = 150, H = 50) x Retake กําหนดเปน “ทําใหม” (X = 390, Y = 445, W = 150, H = 50) 80 81 ลิขสิทธข์ิ อง iCourse และ khaooat.com ใชเ้ พื่อประกอบการอบรม หา้ มท้าซา้ ดดั แปลง เผยแพร่ หรือใชเ้ ชงิ พานิชย์ ตดิ ต่อวทิ ยากรได้ท่ี khaooat.com หรือโทร. 095-116-6995
สราง Mobile Learning ดวย Adobe Captivate 8 กฤษณพงศ เลศิ บํารงุ ชยั ผบู รรยาย 16. คลกิ ทกี่ ลอ ง Review Area แลวไปท่พี าเนล Properties ทคี่ ําส่ัง Options 3. แกไขขอความ และปมุ ในสไลดแรกใหเรยี บรอ ย 17. กาํ หนด Pass Message “วาวว !! เกงมากๆ” และ Fail Message “วา ยย !! ลองเลนใหมนะ” 18. เอาแถบ Playback Control และ Border ออก (กลบั ไปดหู นา 55) 19. สง ออกไฟลเ ปน SWF หรือ HTML5 แลว แตการใชง าน โดยไปท่ี File Ì Publish CAPTIVATE 8 CAPTIVATE 8 4. ไปท่ี Themes Ì Master Slide 5. ในแตละ Quiz Master Slide ใหลบ Correct Caption และ Incorrect Caption ออก และ เลอ่ื น Review Area ออกไปนอกสไลดเ พราะไมตอ งการใหมีการเฉลย Ẻ·´Êͺ 83 แบบทดสอบตางจากแบบฝกหัดตรงท่ีไมมีเฉลย วิธีการทําเหมือนแบบฝกหัด ในหัวขอน้ีจะ กลาวถึงเรื่องการทาํ แบบทดสอบสมุ ซึ่งใชพ ื้นฐานการสรางขอสอบจากแบบฝก หดั 1. เปดไฟลแบบฝก หัด แลว Save As เปนไฟล “แบบทดสอบกอนเรยี นหลังเรียน” 2. ลบสไลดคาํ ถามทอี่ ยูในพาเนล FilmStrip ออกใหห มด 82 ลิขสทิ ธ์ขิ อง iCourse และ khaooat.com ใช้เพ่อื ประกอบการอบรม ห้ามทา้ ซ้า ดัดแปลง เผยแพร่ หรือใช้เชงิ พานิชย์ ติดตอ่ วิทยากรได้ที่ khaooat.com หรอื โทร. 095-116-6995
สรา ง Mobile Learning ดวย Adobe Captivate 8 กฤษณพงศ เลิศบํารงุ ชัย ผบู รรยาย 6. คลกิ Exit Master (เพ่ือกลับเขา FilmStrip Mode) 11. ไปทพ่ี าเนล Question Pool แลว คลกิ ท่สี ไลดคําถาม 7. ไปท่ี Quiz Ì Question Pool Manager 12. คดั ลอกคาํ ถามและคําตอบจาก Word มาวาง และกําหนดเฉลยใหเ รยี บรอ ย CAPTIVATE 8 CAPTIVATE 8 8. คลกิ Add เพิ่ม Pool โดยจะมที ้งั หมด 2 Pool คอื เนอ้ื หาจากวิดีโอและเนอ้ื หาจากบทเรยี น 9. คลิกที่ Pool เนื้อหาจากวิดีโอ ใหคลิก Add เพื่อเพิ่มสไลดคําถาม ใหเลือก Multiple Choice 1 ขอ 10. คลกิ Close 13. Duplicate สไลดคําถามจนครบจํานวนขอที่ตองการ แลวทําการแกไขคําถามและตัวเลือกใน แตล ะสไลดค ําถาม 14. ไปที่ Quiz Ì Question Pool Manager 15. ทําซ้ําขน้ั ตอนท่ี 9 – 12 ใน Pool เนื้อหาจากบทเรียน 16. ไปท่ีพาเนล FilmStrip แลว คลิกทส่ี ไลดที 1 17. ไปท่ี Quiz Ì Random Question Slide 84 85 ลิขสทิ ธ์ขิ อง iCourse และ khaooat.com ใชเ้ พอ่ื ประกอบการอบรม ห้ามท้าซ้า ดัดแปลง เผยแพร่ หรือใช้เชงิ พานชิ ย์ ตดิ ต่อวทิ ยากรไดท้ ี่ khaooat.com หรอื โทร. 095-116-6995
สรา ง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลิศบาํ รงุ ชยั ผูบรรยาย 23. ไปที่ Quiz Ì Settings แลวยกเลกิ คาํ ส่ัง Allow User to Review Quiz 18. จะปรากฏสไลด Random Question 19. ไปทพ่ี าเนล Quiz กาํ หนดคาํ ส่งั ดังนี้ x Type กาํ หนดเปน Grade x Question Pool กาํ หนดเปนเนือ้ หาจากวดิ ดอ x Points กาํ หนดเปน 1 x Penalty กาํ หนดเปน 0 x On Success กําหนดเปน Go to the next slide x Last Attempt กําหนดเปน Go to the next slide CAPTIVATE 8 CAPTIVATE 8 20. คลกิ ทสี่ ไลด Random Question แลว Duplicate มาอีก 4 สไลด จะได Random Question 24. ไปท่ี Quiz Ì Pass or Fail รวมทัง้ หมด 5 สไลด x Pass/Fail Options กาํ หนดเปน 50% 21. กําหนด Random Question 2 สไลดห ลงั เปน Pool เน้ือหาจากบทเรยี น 22. ไปท่ี Quiz Ì Quiz Preferences x If Passing Grade กําหนด Action เปน Exit 86 x If failing Grade กําหนด Allow user 1 Attempts และ Action เปน Exit 25. คลกิ OK 87 ลขิ สทิ ธ์ขิ อง iCourse และ khaooat.com ใช้เพื่อประกอบการอบรม หา้ มทา้ ซ้า ดดั แปลง เผยแพร่ หรอื ใช้เชงิ พานชิ ย์ ตดิ ตอ่ วิทยากรไดท้ ี่ khaooat.com หรือโทร. 095-116-6995
สราง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลศิ บาํ รุงชยั ผูบรรยาย ÁÒμðҹ SCORM μÍ‹ ÂÍ´¡ºÑ Ãкº Moodle 1. ไปท่ี Quiz Ì Quiz Preferences CAPTIVATE 8 CAPTIVATE 8 26. นาํ ปมุ Continue หรอื ปุม ปด มา 2. ไปท่ี Quiz Ì Reporting ไวต รงกลาง 3. คลิกถกู 5 ที่ Enable reporting for this project 4. ทีค่ ําส่งั LMS กาํ หนดเปน Moodle 27. สง ออกไฟลเ ปน SWF หรอื 5. ทค่ี าํ ส่งั Standard กาํ หนดเปน SCORM 1.2 HTML5 แลวแตการใชงาน โดยไป 6. กําหนดคาํ สั่งตางๆ ตามตองการ ท่ี File Ì Publish 7. คลกิ OK 88 89 ลิขสิทธข์ิ อง iCourse และ khaooat.com ใช้เพ่อื ประกอบการอบรม ห้ามท้าซ้า ดัดแปลง เผยแพร่ หรือใชเ้ ชงิ พานิชย์ ตดิ ต่อวทิ ยากรไดท้ ่ี khaooat.com หรือโทร. 095-116-6995
สราง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลิศบาํ รงุ ชยั ผูบรรยาย 8. Publish ท้ัง SWF 4. เลือกไฟล HTML5 ที่ถกู แพคเกจเปน Zip และ HTML5 โดย 5. คลกิ Open คลิก 5 ที่คําส่ัง Zip Files CAPTIVATE 8 CAPTIVATE 8 ÃǺÃÇÁªéÔ¹§Ò¹μ‹Ò§æ ãËàŒ »š¹ªÔ鹧ҹà´ÕÂÇ 6. จะปรากฏโปรเจคแบบทดสอบกอนเรยี นหลังเรียนในสไลด 1. เปด ไฟล “การควบคมุ นํ้าหนักในวยั เด็ก” 2. คลิกทส่ี ไลดแ บบทดสอบกอนเรยี น 3. ไปท่ี Media Ì HTML5 Animation 7. ไปทีสไลดเ กม แบบฝก หดั และแบบทดสอบหลังเรยี น ใหท ําซํ้าตามข้นั ตอนที่ 3 – 6 90 91 ลขิ สิทธ์ิของ iCourse และ khaooat.com ใช้เพ่อื ประกอบการอบรม หา้ มท้าซ้า ดดั แปลง เผยแพร่ หรอื ใชเ้ ชงิ พานิชย์ ติดตอ่ วทิ ยากรไดท้ ่ี khaooat.com หรอื โทร. 095-116-6995
สรา ง Mobile Learning ดวย Adobe Captivate 8 กฤษณพงศ เลิศบํารงุ ชยั ผูบรรยาย 8. สง ออกไฟลเปน SWF หรอื HTML5 แลว แตก ารใชง าน โดยไปที่ File Ì Publish 3. จะปรากฏสไลดแบบ Responsive ใหไ ปท่ี Themes Ì Blank 4. จะปรากฏสไลดว า งเปลา สาํ หรับสรา งชิ้นงาน CAPTIVATE 8 CAPTIVATE 8 ÊÌҧ Responsive Project NOTE 1. ทีห่ นา Welcome __________________________________________________________________________ Screen คลิก __________________________________________________________________________ Responsive Project __________________________________________________________________________ __________________________________________________________________________ 2. คลกิ Create __________________________________________________________________________ 92 93 ลขิ สทิ ธิ์ของ iCourse และ khaooat.com ใชเ้ พอ่ื ประกอบการอบรม ห้ามทา้ ซ้า ดดั แปลง เผยแพร่ หรือใช้เชงิ พานชิ ย์ ติดตอ่ วทิ ยากรได้ท่ี khaooat.com หรือโทร. 095-116-6995
CAPTIVATE 8สรา ง Mobile Learning ดว ย Adobe Captivate 8 กฤษณพงศ เลศิ บาํ รุงชัย ผูบ รรยาย CAPTIVATE 8____________________________________________________________________________________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ 94 95 ลขิ สทิ ธิข์ อง iCourse และ khaooat.com ใช้เพอื่ ประกอบการอบรม ห้ามท้าซ้า ดดั แปลง เผยแพร่ หรอื ใชเ้ ชิงพานชิ ย์ ตดิ ตอ่ วิทยากรได้ที่ khaooat.com หรอื โทร. 095-116-6995
Search
