Contenu connexe Similaire à Responsive Learning : Adobe Captivate 8 Similaire à Responsive Learning : Adobe Captivate 8 (9) Plus de Dr.Kridsanapong Lertbumroongchai Plus de Dr.Kridsanapong Lertbumroongchai (20) Responsive Learning : Adobe Captivate 83. CAPTIVATE8
สารบัญ
รู้จักโปรแกรม 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
จัดรูปแบบชิ้นงานใน Master Slide 8 ออก 55
เชื่อมโยงปุ่มไปยังส่วนต่างๆ ของชิ้นงาน 18 ส่งออก Preferences 56
ใส่ Title ให้กับแต่ละสไลด์ Content 22 เกมลากวาง 57
จัดวางเนื้อหาในหน้าแรก 23 สร้าง Quiz 71
จัดวางเนื้อหาในสไลด์ต่างๆ 27 มาตรฐาน SCORM ต่อยอดกับระบบ
ใส่ไฟล์วิดีโอลงในสไลด์ (สาหรับ Offline) 31 Moodle 89
ใส่ไฟล์วิดีโอลงในสไลด์ (สาหรับ Online) 34 รวบรวมชิ้นงานต่างๆ ให้เป็นชิ้นงานเดียว 90
จัดวางเนื้อหาในสไลด์สรุป 36 สร้าง Responsive Project 92
จัดวางเนื้อหาในสไลด์แหล่งข้อมูลเพิ่มเติม 43
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น
5. กฤษณพงศ์ เลิศบำรุงชัย ผู้บรรยำย
1
CAPTIVATE8
รู้จักโปรแกรม Adobe Captivate 8
โปรแกรม Adobe Captivate 8 เป็นโปรแกรมสำหรับสร้ำงสื่อในรูปแบบบทเรียน
คอมพิวเตอร์ และอุปกรณ์สมำร์ทต่ำงๆ เช่น แท็บเล็ต และสมำร์ทโฟน ชิ้นงำนที่สร้ำงจำกโปรแกรม
Adobe Captivate 8 จะอยู่ในรูปแบบสื่อที่มีกำรปฏิสัมพันธ์ (Interactive) และในเวอร์ชั่นนี้ยังรองรับ
วิธีกำรทำงำนแบบใหม่ๆ มำกมำย เพื่อรองรับกำรทำงำนในรูปแบบของ HTML5 อย่ำงสมบูรณ์แบบ
มำกขึ้น เพื่อให้กำรสร้ำงบทเรียนแบบ Responsive เป็นไปได้ง่ำยและรวดเร็วมำกขึ้น อีกทั้งยังสำมำรถ
นำไปต่อยอดเป็นบทเรียนออนไลน์ และส่งออกไปใช้กับระบบ LMS ได้อีกด้วย
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น
6. สร้ำง Mobile Learning ด้วย Adobe Captivate 8
14
CAPTIVATE8
17. สร้ำงกล่องข้อควำมโดยไปที่ Text Text
Caption
18. พิมพ์ข้อควำม “MENU”
19. ที่คำสั่ง Style กำหนดคุณลักษณะของ
Character
20. คลิกตกแต่งเพิ่มเติมที่คำสั่ง Effects
21. ไปที่พำเนล Properties กำหนดชื่อสไลด์ว่ำ
Menu
ออกแบบ Master Slide หน้าเนื้อหา
1. ไปที่ Insert Content Master Slide
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น
7. กฤษณพงศ์ เลิศบำรุงชัย ผู้บรรยำย
29
CAPTIVATE8
13. ไปที่คำสั่ง Actions
On Success กำหนดเป็น Go to the
next slide
Others กำหนดคำสั่ง Hand Cursor
14. ไปที่พำเนล Timing
Display For กำหนดเป็น Rest of Slide
Pause After ให้คลิก และกำหนดไว้ที่ 1.5 sec
15. จะได้ปุ่ม Next ดังรูป
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น
8. สร้ำง Mobile Learning ด้วย Adobe Captivate 8
42
CAPTIVATE8
16. จะปรำกฏพำเนล Effect ให้คลิก Add Effect แล้วเลือก Effect ที่ต้องกำร (ในตัวอย่ำงเลือก
Emphasis Spin)
17. ปรับ Ease In เป็น 00:05 และปรับค่ำ Ease In, Spin Ease และ Ease Out ตำมต้องกำร
18. ที่รูปภำพ 21 ให้ทำซ้ำตำมขั้นตอนที่ 15-17
19. ลอง Preview โดยกำรกด F8 แล้วดูว่ำได้ Effect แสดงผลตำมต้องกำรหรือไม่
20. ทำมำตั้งนำนอย่ำลืมคลิก Save
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น
9. กฤษณพงศ์ เลิศบำรุงชัย ผู้บรรยำย
55
CAPTIVATE8
เอาแถบ Playback Control และ Border ออก
1. ไปที่ Project Skin Editor
2. คลิก แล้วยกเลิกคำสั่ง Show Playback Control โดยเอำ ออก
3. คลิก แล้วยกเลิกคำสั่ง Show Borders โดยเอำ ออก
4. ลอง Preview โดยกำรกด F4 จะพบว่ำแถบ Playback Control หำยไปแล้ว
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น
10. สร้ำง Mobile Learning ด้วย Adobe Captivate 8
72
CAPTIVATE8
ชิ้นที่ 3 X = 0, Y = 440, W = 744, H = 60
ชิ้นที่ 4 X = 0, Y = 500, W = 744, H = 10
8. ไปที่ Quiz Quiz Preferences
9. ไปที่ Quiz Pass or Fail
Pass/Fail Options กำหนดเป็น 50%
If Passing Grade กำหนด Action เป็น Exit
If failing Grade คลิก ที่ Infinite Attempts และ Show Retake Button
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น
11. กฤษณพงศ์ เลิศบำรุงชัย ผู้บรรยำย
87
CAPTIVATE8
23. ไปที่ Quiz Settings แล้วยกเลิกคำสั่ง Allow User to Review Quiz
24. ไปที่ Quiz Pass or Fail
Pass/Fail Options กำหนดเป็น 50%
If Passing Grade กำหนด Action เป็น Exit
If failing Grade กำหนด Allow user 1 Attempts และ Action เป็น Exit
25. คลิก OK
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น
12. สร้ำง Mobile Learning ด้วย Adobe Captivate 8
92
CAPTIVATE8
8. ส่งออกไฟล์เป็น SWF หรือ HTML5 แล้วแต่กำรใช้งำน โดยไปที่ File Publish
สร้าง Responsive Project
1. ที่หน้ำ Welcome
Screen คลิก
Responsive Project
2. คลิก Create
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น
13. กฤษณพงศ์ เลิศบำรุงชัย ผู้บรรยำย
93
CAPTIVATE8
3. จะปรำกฏสไลด์แบบ Responsive ให้ไปที่ Themes Blank
4. จะปรำกฏสไลด์ว่ำงเปล่ำสำหรับสร้ำงชิ้นงำน
NOTE
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น
14. สร้ำง Mobile Learning ด้วย Adobe Captivate 8
94
CAPTIVATE8
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น