คู่มือadobecaptivate2

1 ค่มู อื การใช้ Adobe Captivate 9

2 Adobe Captivate 9 ปัจจุบันสื่อเรียนรู้หรือส่ือการนาเสนอมีรูปแบบที่หลากหลาย ทั้งส่ือแบบข้อความ รูปภาพ เสียง ภาพเคลื่อนไหว ส่ือมัลติมีเดีย ที่บรรจอุ ยู่ในแผ่นซีดี หรือเผยแพร่ผ่านทางอินเทอร์เน็ต ซึ่ง โปรแกรมที่นามาสร้างส่ือ เรียนรู้หรือส่ือนาเสนอแบบมัลติมีเดียที่เรารู้จักน้ันมีมากมายหลาย โปรแกรม เช่น Microsoft PowerPoint, Macromedia Authorware, Adobe Flash ฯลฯ โปรแกรมเหล่านจี้ ะต้องใช้เวลาในการเรียนรพู้ อสมควรจึงจะสรา้ ง งานออกมาได้ ทำควำมรูจ้ กั Adobe Captivate 9 โปรแกรม Adobe Captivate 9 เป็นผลิตภัณฑ์จากค่าย Adobe ที่ถูกพัฒนาขึ้น มาเพื่อสนับสนุนการสร้าง Movie ในรูปแบบส่อื การเรียนรหู้ รือสื่อการนาเสนอแบบมัลติมเี ดีย เชน่ การนาเสนอผลงาน การจบั หน้าจอภาพเพ่ือ นาไปสร้างส่ือเรยี นรู้ การสรา้ งสื่อจากข้อมลู ต่าง ๆ การสร้างแบบทดสอบ รวมไปถึงการตดั ตอ่ วิดโี อเพอื่ ใชส้ าหรบั งาน นาเสนอหรอื ผลิตสือ่ เรยี นรู้ โดยโปรแกรม Adobe Captivate 9 เป็นโปรแกรมทใ่ี ชส้ ร้างชิน้ งานไดง้ ่ายและรวดเร็ว จุดเดน่ ของโปรแกรม Adobe Captivate 9 - สร้างสอ่ื การเรยี นรหู้ รือส่ือนาเสนอมัลติมเี ดยี ได้อย่างงา่ ยดาย - ตดั ตอ่ วดิ โี อได้ท้ังภาพนงิ่ และภาพเคลือ่ นไหว - สร้างสอ่ื การเรียนร้โู ดยการจบั หนา้ จอภาพ (Screen capture movie) พร้อมกบั อดั เสียงบรรยายประกอบ - เหมาะสาหรับการนาไปใชเ้ ป็นสอื่ การเรียนการสอน - สร้างแบบทดสอบอย่างง่าย และมีแบบทดสอบใหเ้ ลือกทาหลายรูปแบบ - นาเข้าไฟลจ์ ากแหลง่ ต่างๆ ได้หลากหลาย ไดแ้ ก่ o ไฟลจ์ าก Adobe Flash o ไฟลร์ ปู ภาพ (Image) เช่น JPG,BMP, GIF o ไฟลเ์ สียง (Sound) เช่น MP3, WAV o เสียงบรรยายผ่านไมโครโฟน o ไฟลว์ ิดีโอ (Video) เชน่ AVI o สไลดจ์ ากโปรแกรม Microsoft Power Point (.PPT) - ส่งออกไฟลไ์ ดห้ ลายรปู แบบ Flash movie File (.swf) โดยมลี กั ษณะเช่นเดียวโปรแกรมดังต่อไปนี้ o โปรแกรม Adobe FlashHTML File (.html) สาหรบั การนาไปใช้กับเว็บไซต์ o EXE File (.exe) สาหรบั การนาไปใชแ้ บบ Stand alone คอื การแสดงผล โดยไม่ต้องติดตง้ั โปรแกรม Adobe captivate o zip file สาหรบั บทเรยี นในแบบ scorm เพอ่ื นาเขา้ ไปใชใ้ นบทเรียนออนไลน์ คมู่ อื การใช้ Adobe Captivate 9

3 กำรเปิดใช้งำนโปรแกรม Adobe Captivate 9 คลกิ ที่ Start > All Programs > Adobe Captivate 9 ส่วนประกอบหน้ำจอแรกของโปรแกรม Adobe Captivate 1. Recent แสดงไฟลล์ า่ สุดทเ่ี คยบันทกึ ไวใ้ นโปรแกรม เปดิ ไฟล์ท่เี คยบันทกึ ไว้ 2. New (สาหรับการเร่ิมต้นใช้งานแนะนาให้ใช้งานตรงส่วนนี้) สาหรับสร้าง project 2.1 Responsive Project สรา้ งชิน้ งานสาหรบั แต่ละอุปกรณท์ ี่มขี นาดหนา้ จอแตกตา่ งกัน 2.2 Software Simulation บนั ทกึ ภาพหนา้ จอเคล่ือนไหวแบบปฏสิ ัมพนั ธ์กับผใู้ ชไ้ ด้ 2.3 Video Demo บนั ทกึ ภาพหน้าจอแบบเคล่อื นไหวเป็นไฟลว์ ิดโี อ 2.4 From PowerPoint นาไฟล์ Power Point สรา้ งชนิ้ งานจากเทมเพลตท่ีมอี ยู่แลว้ 2.5 Blank Project สร้างช้ินงานจากสไลดว์ ่างปล่าว ค่มู อื การใช้ Adobe Captivate 9

4 เรม่ิ ต้นใชง้ ำน Adobe Captivate 9 เป็นทีท่ ราบกันแลว้ วา่ จดุ เดน่ ของโปรแกรม Adobe Captivate 9 มคี วามสามารถในการสร้างสอ่ื การเรยี น การสอนในรูปแบบของ MutliMedia ดงั นั้นผสู้ รา้ งจึงควรที่จะเตรยี มเน้ือหาและสว่ นประกอบต่าง ๆ ทจ่ี ะใชใ้ นการ สรา้ งส่อื การเรียนการสอนให้พรอ้ มก่อนเพ่ือไม่ใหต้ ิดขดั ในการสรา้ ง โดยเมือ่ เร่ิมตน้ การสรา้ งชนิ้ งานใหด้ าเนินการตาม ขัน้ ตอนต่อไปนี้ 1. เมนกู ลกั เป็นแถบรวบรวมคาส่ังทงั้ หมด 2. แถบควบคุมสไลด์ เปน็ แถบควบคุมการทางานของสไลด์ 3. แถบคาส่ังและเครื่องมอื เป็นแถบรวบรวมเครื่องมือท่ีใช้ในการสร้างช้ินงาน 4. FilmStrip เป็นแถบแสดงสไลด์ ขนาดยอ่ เรียงต่อกันเปน็ ลาดับ 5. Stage เปน็ พน้ื ทแี่ สดงสไลด์สาหรับสร้างหรอื แก้ไขชนิ้ งาน 6. Timeline เป็นแถบควบคุมระยะเวลาการแสดงผลของวัตถุ และจัดลาดับบนลา่ งของวตั ถุเป็นเลเยอร์ คมู่ อื การใช้ Adobe Captivate 9

5 ข้นั ตอนกำรสรำ้ งโครงกำรในรปู แบบสไลด์ว่ำงเปลำ่ 1. สามารถเร่ิมตน้ สร้างโครงการจากหนา้ ต่างเริ่มตน้ โปรแกรม ทีส่ ว่ นของเมนู Create New ทาการเลือก From Blank Project > กาหนดขนาดของช้นิ งาน Canvas 1024*768 และกดปุม่ Create เพ่อื สร้างชิน้ งาน 1 23 จะปรากฏสไลด์ว่างเปลา่ ขนึ้ มาทส่ี ่วนพน้ื ที่การทางาน (Work Space) ซึ่งสามารถทาการแทรกวตั ถุ แทรก สไลด์ และตกแตง่ แกไ้ ขโครงการได้ ค่มู อื การใช้ Adobe Captivate 9

6 กำรสรำ้ ง Text Caption กลอ่ งข้อควำม Text Caption หรอื กล่องข้อความ ใช้ สาหรบั ใสข่ อ้ ความ โดยกาหนดค่าเพิ่มเตมิ ไดท้ ่ี พาเนล Properties - Caption type : กาหนดลกั ษณะ รปู แบบของCaption - Font… : รูปแบบตวั อักษร - Size : ขนาดตัวอกั ษร - Color : สีตวั อกั ษร กำรสรำ้ ง Text Animation Text Animation เป็นข้อความทีม่ ลี กู เล่นทาให้ช้นิ งานมีความนา่ สนใจมากขึน้ คลกิ เครื่องมือ Text Animation จะปรากฏหน้าตา่ ง Text Animation Properties Text พิมพข์ ้อความทต่ี ้องการ Font กาหนดรปู แบบอักษร Size กาหนดขนาดตัวอักษร Delay กาหนดการหน่วงเวลา Color กาหนดสีข้อความ Loop กาหนดให้เล่นวน ค่มู อื การใช้ Adobe Captivate 9

7 กำรนำเข้ำรูปภำพ - การนาภาพเขา้ โปรแกรม ไปท่ี Media > Image และเลอื กไฟลท์ ่ีตอ้ งการ ค่มู อื การใช้ Adobe Captivate 9

8 กำรสร้ำง Rollover Caption เป็นการสรา้ งหนงั สอื ในรปู แบบทแ่ี สดงผลโดยการลากเมาส์ผา่ นจุดท่กี าหนด Rollover Area ก็จะปรากฏ ข้อความออกมาใหเ้ ห็น วิธสี รา้ งคอื คลิกที่ Object Tools ท่ชี ื่อ Rollover Caption และพิมพ์ข้อความทต่ี ้องการ กำรสร้ำง Rollover Image การปฏิสัมพันธ์โดยการใชเ้ มาส์วางเหนอื วัตถทุ กี่ าหนดแลว้ ปรากฏเป็นภาพหรือ ขอ้ ความข้นึ มา ในทีน่ ี้ จะ อธบิ ายวธิ กี ารนาเมาสไ์ ปวางเหนอื วตั ถุ แล้ว ปรากฏเปน็ ภาพข้นึ มา (Rollover Area) และเม่ือนาเมาส์ออกจากวตั ถุ ภาพจะหายไป คมู่ อื การใช้ Adobe Captivate 9

9 กำรสรำ้ งปุม่ ควบคมุ Button Button เปน็ ปุ่มใช้สาหรับเชื่อมโยงไปยงั ส่วนต่างๆของชิน้ งานซึ่งมีแม่แบบปุม่ ให้เลือกใชม้ ากมาย โดยคลกิ ทเ่ี คร่ืองมือ Interaction เลือก Button จะปรากฏกรอบกรอบข้อความ Button ซง่ึ เราสามารถเปลีย่ นขอ้ ความ Button เป็นขอ้ เนอ้ื หาทีเ่ ราต้องการได้ โดยใช้กลอ่ งคุณสมบัติ โดย พมิ พ์แก้ไขข้อความที่ Caption นอกจากนยี้ งั ปรบั รูปแบบตัวอักษรได้ท่ี Character เมอ่ื ปรับแต่งแลว้ ก็จะไดห้ วั ข้อเนื้อหาซ่ึง แต่ละหวั ขอ้ จะทา หน้าทีเ่ ปน็ ปุ่มใหค้ ลกิ เลือกเพ่ือ เช่ือมโยงไปยังสไลด์ทก่ี าหนด ในกรณที ีเ่ ช่ือมโยงไปยงั สไลด์ตา่ งๆนั้นให้ เลือกเมนู Actions หมายเหตุ On success ถา้ คลกิ ทีป่ ุ่มนี้ จะให้ทา อะไร โดยมตี ัวเลอื กคือ • Continute ให้นาเสนอเนื้อหาตอ่ ไป • Go to previous slide ถอยกลับสไลด์ก่อนหนา้ • Go to next slide ไปสไลด์ถดั ไป • Jump to slide เลื่อนไปสไลด์ที่ระบุ • Open URL or file เปิดไฟล์หรือเวบ็ ไซต์ • Open other project เปดิ ไฟล์อ่ืนท่สี ร้างดว้ ย Captivate • Send e-mail to สง่ อีเมลไ์ ปยงั ... • Execute JavaScript รันภาษา JavaScript • No action ไมม่ ีผลใดๆ ค่มู อื การใช้ Adobe Captivate 9

10 กำรทำ Click Box Click Box เปน็ การทาทีเ่ กยี่ วกบั ภาพและคาถามทีเ่ ก่ียวข้องกบั ภาพเพ่ือเป็นการฝกึ ใหน้ ักเรียน ทดลองทาหลังจากท่เี รียนผา่ นไป โดยการคลกิ ท่ีภาพตามคาถามท่ีกาหนดให้ มีขั้นตอนในการสรา้ งดงั นี้ 1. แทรกรูปภาพทต่ี ้องการทดสอบความรขู้ องนกั เรยี น ด้วยเคร่ืองมือ Image 2. แทรกคาถามดว้ ยไอคอน Text Caption - ใหไ้ ปทเ่ี คร่ืองมอื Interaction > Click Box จะไดห้ น้าต่าง Click Box ขึ้นมาให้ย้ายกล่อง Click Box ไปยงั ตาแหน่งทถ่ี ูกตอ้ ง ซง่ึ ในทน่ี ค้ี อื บรเิ วณทเี่ ปน็ Keyboard บริเวณของ Type success text here คือ ขอ้ ความทีต่ ้องการแสดงในกรณีทต่ี อบถูก Type failure text here คือ ขอ้ ความทต่ี อ้ งการแสดงในกรณที ต่ี อบผดิ Type hint text here คือ ข้อความท่ีต้องการแสดง เพอื่ เป็นการบอกใบ้คาตอบ คมู่ อื การใช้ Adobe Captivate 9

11 Timeline Timeline สาหรับกาหนดระยะเวลาท่ีจะให้แสดง และระยะเวลาทีจะให้ปรากฏหลงจากที Slide ปรากฏ เช่น จากภาพด้านล่าง เป็นการกา หนดให้ Slide มีความยาว 3 วินาที และจะเริ่มแสดง ให้เห็นเม่ือเปิด Slide เข้ามาแล้ว 2 วินาที ดังนั้น Slide น้ี จะมีความยาวทังหมด 5 วินาที เม่ือดูท่ีTimeline เห็นดัง ภาพ กำรแทรกเสยี ง การใส่เสยี งใน Slide เป็นเสยี งประกอบ Slide จะเลน่ เฉพาะเมือ Slide นน้ั ๆ ปรากฏเทา่ นั้น และจะหยุดเล่นเมอื Slide น้ันออกไปจากหนา้ จอ วธิ กี ารนาเสียงเข้า มีดงั น้ี ไปทเ่ี ครอื่ งมอื Media เลอื ก Audio และเลอื กเสียงท่ีตอ้ งการ กำรสรำ้ งแบบทดสอบ ค่มู อื การใช้ Adobe Captivate 9

12 โปรแกรมสามารถสรา้ งแบบทดสอบได้หลายรปู แบบ เช่น แบบตัวเลอื ก (Multiple choice) แบบถกู หรือผิด (True/False) แบบเตมิ คาในช่องว่าง ( Fill in the Blank) แบบเขยี นตอบดว้ ยคาหรอื ประโยคส้ันๆ (Short Answer) แบบจับคู่ (Matching) เป็นตน้ การสร้างแบบทดสอบแบบตัวเลอื ก ( Multiple Choice) สามารถกาหนดตวั เลอื กได้ มวี ิธดี งั น้ี 1. เลือกเมนู Quiz – Question Slide 2. จะปรากฏหนา้ ต่าง Insert Question คลิกเลอื กรปู แบบ Multiple Choice 3. ใส่จานวนคาถาม เลือกรปู แบบการเก็บคะแนน (Grade) เสรจ็ แลว้ คลกิ OK ค่มู อื การใช้ Adobe Captivate 9

13 4. จะปรากฏสไลด์ที่มรี ูปแบบคาถามแบบ Multiple Choice ใหใ้ ส่คาถาม คาตอบและกาหนดข้อท่ี ถูกต้อง ที่แถบ QUIZ PROPERITES ให้กาหนด จานวนตวั เลอื ก (Answers) และ คะแนนสาหรบั ข้อ นี้ (Points) ตามต้องการ ในตวั อยา่ ง กาหนดใหเ้ ปน็ 4 ตัวเลือก และถา้ ทาถูก ได้ 10 คะแนน ส า ห รั บ ก า ร ล า ดั บ หั ว ข้ อ ข อ ง ตั ว เ ลื อ ก โปรแกรม กาหนดมาให้แลว้ เป็น ระบบ A,B,C หรอื ระบบตัวเลข เท่านั้น ไม่สามารถปรับเป็น ก. ข. ค. ได้ ตอ้ งเลอื กใชต้ ามทโ่ี ปรแกรม กาหนด กำรจัดรปู แบบและแก้ไขสไลดแ์ สดงผลคะแนน (Quiz Result) ค่มู อื การใช้ Adobe Captivate 9

14 สไลด์ Quiz Result เปน็ สไลดส์ าหรบั แสดงผลคะแนน ที่รวบรวมมาจากแบบทดสอบท้ังหมดใน ชิน้ งาน โดยจะถูกแทรกเขา้ มาพร้อมกับการสร้างแบบทดสอบในครั้งแรกและถกู เกบ็ ไว้ที่หน้าต่าง Filmstrip หรือหน้าต่าง แสดงลาดับสไลด์ เราสามารถจดั รูปแบบใหม่ โดยมี ขน้ั ตอนดงั นี้ 1. คลิกเลอื ก Slide Quiz Results 2. กรอบข้อความต่างๆ สามารถเคล่ือนย้ายจดั องคป์ ระกอบต่างๆ ไดต้ ามต้องการ 3. กาหนดการแสดงผลลัพธ์ที่ Quiz Properties ดงั นี้ 3.1 Score แสดงผลคะแนนท่ีตอบคาถามถกู ต้อง 3.2 Max Score แสดงผลรวมของคะแนนทั้งหมด 3.3 Correct Question แสดงจานวนคาถามท้ังหมดทีต่ อบถูก 3.4 Total Question แสดงจานวนคาถามทงั้ หมด 3.5 Accuracy แสดงผลของการทาแบบทดสอบเป็นเปอร์เซ็นต์ 3.6 Attempts แสดงผลจานวนความพยายามทีผ่ ู้เรียนทาแบบทดสอบ 4. ดับเบลิ คลกิ ที่ขอ้ ความ แล้วพิมพข์ ้อความใหม่ที่ต้องการ กำรส่งออกข้อมลู เพ่ือเผยแพรช่ ้นิ งำน ค่มู อื การใช้ Adobe Captivate 9

15 เปน็ การส่งออกโครงการในลักษณะ Stand Alone ซงึ ไฟล์สามารถ เล่นหรือ แสดงผลเอง ได้ โดยไมต่ อ้ งใช้ โปรแกรมใดๆ โดยมขี ้ันตอนดงั ตอ่ ไปนี้ 1. เปดิ โครงการทีต่ อ้ งการสง่ ออก จากนน้ั คลิกทเ่ี ครื่องมอื Publish เลือก Publish to Computerr 2. คลกิ เลอื ก Media เพอื่ กาหนดให้ส่งออกเปน็ มเี ดยี่ ไฟล์ 1.เลือก HTML5/SWF 3.คลิกเพือ่ ไป 2.ต้งั ซ่ือไฟล์ เลอื กตาแหน่ง บันทึกไฟล์ 4.เลือกSWF HTML5/SWF 5.คลิก Publish ค่มู อื การใช้ Adobe Captivate 9

16 กำรตดิ ต้งั โปรแกรม Adobe captivate 9 หลังจากทีเ่ ราไดโ้ ปรแกรม AdobeCaptivate9 มาแล้ว มาถึงขนั้ ตอนการติดตั้ง ซ่งึ กไ็ มม่ ีอะไรย่งุ ยากนกั มขี ้ันตอนง่ายๆ ดงั นี้ คมู่ อื การใช้ Adobe Captivate 9

17 ค่มู อื การใช้ Adobe Captivate 9

18 กำหนดกำร โครงการอบรมเชงิ ปฏบิ ตั ิการเทคนคิ การสรา้ งส่ือ e-Learning บทเรยี นออนไลน์ดว้ ยโปรแกรม Adobe Captivate วันที่ 8 – 9 กุมภาพนั ธ์ 2561 ณ หอ้ ง IT307 สานักคอมพวิ เตอร์ มหาวิทยาลัยทักษณิ วิทยาเขตพัทลุง วันที่ 8 ก.พ. 2561 08.30 - 09.00 น. พธิ ีเปิดโครงการฝึกอบรม Young Web Designer 09.00 - 10.00 น. อธบิ ายทฤษฏี แนวคดิ การสร้างสรรคส์ ื่อการเรียนรู้ 10.00 - 10.30 น. ติดตั้งโปรแกรม Adobe Captivate 9 10.30 - 10.45 น. พกั รับประทานอาหารว่าง 10.45 - 12.00 น. สรา้ งชิน้ งานแบบ Blank Project และออกแบบส่ือการเรยี นรู้ 12.00 - 13.00 น. พักรับประทานอาหารกลางวนั 13.00 - 13.30 น. สรา้ ง Text Caption หรอื กล่องข้อความ ใช้สาหรับใส่ข้อความ 13.30 - 14.30 น. สร้าง Rollover Areaและ Rollover Image 14.30 - 14.45 น. พกั รับประทานอาหารว่าง 14.45 - 16.30 น. การแทรกรูปภาพใบแบต่าง วันท่ี 9 ก.พ. 2561 สรา้ ง Click Box 08.30 - 09.00 น. การใช้งานTimeline สาหรบั กาหนดระยะเวลา 09.00 - 09.30 น. การใสเ่ สียงใน Slide 0930 - 10.00 น. การสรา้ งปุ่ม Button สาหรบั เช่อื มโยง 10.00 - 10.30 น. พกั รบั ประทานอาหารวา่ ง 10.30 - 10.45 น. สรา้ งแบบทดสอบ 10.45 - 12.00 น. พกั รับประทานอาหารกลางวนั 12.00 - 13.00 น. สร้างแบบทดสอบ (ตอ่ ) 13.00 - 14.30 น. พักรับประทานอาหารว่าง 14.30 - 14.45 น. การสง่ ออกข้อมลู เพื่อเผยแพร่ช้ินงาน 14.45 - 16.30 น. พธิ ีปิดโครงการ และมอบเกียรตบิ ัตรให้ผเู้ ขา้ ร่วมโครงการ 16.30 น. หมายเหตุ: กาหนดการอาจมีการเปลี่ยนแปลงตามความเหมาะสม ค่มู อื การใช้ Adobe Captivate 9

19 บันทกึ ขอ้ ควำม ............................................................................................................................. .................................... .............................................................................................. ................................................................... ............................................................................................................................. .................................... ....................................................................................................................................................... .......... ........................................................................................................................ ......................................... ............................................................................................................................. .................................... ................................................................................................................................................................. ............................................................................................................................. .................................... ............................................................................................................................. .................................... ................................................................................................................................................................. ............................................................................................................................. .................................... ....................................................................................................................................... .......................... ........................................................................................................ ......................................................... ............................................................................................................................. .................................... ................................................................................................................................................................. ............................................................................................................................. .................................... ............................................................................................................................. .................................... ................................................................................................................................................................. ............................................................................................................................. .................................... ............................................................................................................................. .................................... ........................................................................................ ......................................................................... ............................................................................................................................. .................................... ................................................................................................................................................. ................ .................................................................................................................. ............................................... ............................................................................................................................. .................................... ................................................................................................................................................................. ............................................................................................................................. .................................... ............................................................................................................................. .................................... ค่มู อื การใช้ Adobe Captivate 9

20 ค่มู อื การใช้ Adobe Captivate 9