SlideShare une entreprise Scribd logo
1  sur  16
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น
CAPTIVATE8
ติดตามข้อมูลข่าวสาร
http://khaooat.com/
http://programsdd.com/
https://www.facebook.com/ProgramsDD
http://khaooat.com/icourse/
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น
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
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น
CAPTIVATE8
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น
กฤษณพงศ์ เลิศบำรุงชัย ผู้บรรยำย
1
CAPTIVATE8
รู้จักโปรแกรม Adobe Captivate 8
โปรแกรม Adobe Captivate 8 เป็นโปรแกรมสำหรับสร้ำงสื่อในรูปแบบบทเรียน
คอมพิวเตอร์ และอุปกรณ์สมำร์ทต่ำงๆ เช่น แท็บเล็ต และสมำร์ทโฟน ชิ้นงำนที่สร้ำงจำกโปรแกรม
Adobe Captivate 8 จะอยู่ในรูปแบบสื่อที่มีกำรปฏิสัมพันธ์ (Interactive) และในเวอร์ชั่นนี้ยังรองรับ
วิธีกำรทำงำนแบบใหม่ๆ มำกมำย เพื่อรองรับกำรทำงำนในรูปแบบของ HTML5 อย่ำงสมบูรณ์แบบ
มำกขึ้น เพื่อให้กำรสร้ำงบทเรียนแบบ Responsive เป็นไปได้ง่ำยและรวดเร็วมำกขึ้น อีกทั้งยังสำมำรถ
นำไปต่อยอดเป็นบทเรียนออนไลน์ และส่งออกไปใช้กับระบบ LMS ได้อีกด้วย
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น
สร้ำง 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
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น
กฤษณพงศ์ เลิศบำรุงชัย ผู้บรรยำย
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 ดังรูป
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น
สร้ำง 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
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น
กฤษณพงศ์ เลิศบำรุงชัย ผู้บรรยำย
55
CAPTIVATE8
เอาแถบ Playback Control และ Border ออก
1. ไปที่ Project  Skin Editor
2. คลิก แล้วยกเลิกคำสั่ง Show Playback Control โดยเอำ  ออก
3. คลิก แล้วยกเลิกคำสั่ง Show Borders โดยเอำ  ออก
4. ลอง Preview โดยกำรกด F4 จะพบว่ำแถบ Playback Control หำยไปแล้ว
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น
สร้ำง 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
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น
กฤษณพงศ์ เลิศบำรุงชัย ผู้บรรยำย
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
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น
สร้ำง Mobile Learning ด้วย Adobe Captivate 8
92
CAPTIVATE8
8. ส่งออกไฟล์เป็น SWF หรือ HTML5 แล้วแต่กำรใช้งำน โดยไปที่ File  Publish
สร้าง Responsive Project
1. ที่หน้ำ Welcome
Screen คลิก
Responsive Project
2. คลิก Create
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น
กฤษณพงศ์ เลิศบำรุงชัย ผู้บรรยำย
93
CAPTIVATE8
3. จะปรำกฏสไลด์แบบ Responsive ให้ไปที่ Themes  Blank
4. จะปรำกฏสไลด์ว่ำงเปล่ำสำหรับสร้ำงชิ้นงำน
NOTE
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น
สร้ำง Mobile Learning ด้วย Adobe Captivate 8
94
CAPTIVATE8
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น
กฤษณพงศ์ เลิศบำรุงชัย ผู้บรรยำย
97
CAPTIVATE8
ติดตามข้อมูลข่าวสาร
http://khaooat.com/
http://programsdd.com/
https://www.facebook.com/ProgramsDD
http://khaooat.com/icourse/
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น
ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น

Contenu connexe

Tendances

การทำงานร่วมกันและการจัดการเรียนการสอนออนไลน์ด้วย Microsoft Teams
การทำงานร่วมกันและการจัดการเรียนการสอนออนไลน์ด้วย Microsoft Teamsการทำงานร่วมกันและการจัดการเรียนการสอนออนไลน์ด้วย Microsoft Teams
การทำงานร่วมกันและการจัดการเรียนการสอนออนไลน์ด้วย Microsoft TeamsDr.Kridsanapong Lertbumroongchai
 
การใช้ Adobe captivate4
การใช้ Adobe captivate4การใช้ Adobe captivate4
การใช้ Adobe captivate4Krongkaew kumpet
 
แบบสอนโปรแกรมPhotoshop
แบบสอนโปรแกรมPhotoshopแบบสอนโปรแกรมPhotoshop
แบบสอนโปรแกรมPhotoshopwattaree
 
คู่มือการใช้โปรแกรม google sketchup 8
คู่มือการใช้โปรแกรม google sketchup 8คู่มือการใช้โปรแกรม google sketchup 8
คู่มือการใช้โปรแกรม google sketchup 8Kru ChaTree
 
การสร้างสื่อ AR Augmented Reality ด้วย Unity + Vuforia
การสร้างสื่อ AR Augmented Reality ด้วย Unity + Vuforiaการสร้างสื่อ AR Augmented Reality ด้วย Unity + Vuforia
การสร้างสื่อ AR Augmented Reality ด้วย Unity + VuforiaDr.Kridsanapong Lertbumroongchai
 
เอกสารประกอบการอบรม หลักสูตร การผลิตสื่อมัลติมีเดียด้วยโปรแกรมสำเร็จรูป
เอกสารประกอบการอบรม หลักสูตร การผลิตสื่อมัลติมีเดียด้วยโปรแกรมสำเร็จรูปเอกสารประกอบการอบรม หลักสูตร การผลิตสื่อมัลติมีเดียด้วยโปรแกรมสำเร็จรูป
เอกสารประกอบการอบรม หลักสูตร การผลิตสื่อมัลติมีเดียด้วยโปรแกรมสำเร็จรูปlekruthai khantongchai
 
Lesson 8 การเขียนโปรแกรมโดยใช้ตัวแปร
Lesson 8 การเขียนโปรแกรมโดยใช้ตัวแปรLesson 8 การเขียนโปรแกรมโดยใช้ตัวแปร
Lesson 8 การเขียนโปรแกรมโดยใช้ตัวแปรErrorrrrr
 

Tendances (15)

การทำงานร่วมกันและการจัดการเรียนการสอนออนไลน์ด้วย Microsoft Teams
การทำงานร่วมกันและการจัดการเรียนการสอนออนไลน์ด้วย Microsoft Teamsการทำงานร่วมกันและการจัดการเรียนการสอนออนไลน์ด้วย Microsoft Teams
การทำงานร่วมกันและการจัดการเรียนการสอนออนไลน์ด้วย Microsoft Teams
 
Unit2 7
Unit2 7Unit2 7
Unit2 7
 
Unit2 5
Unit2 5Unit2 5
Unit2 5
 
Unit5 15
Unit5 15Unit5 15
Unit5 15
 
การใช้ Adobe captivate4
การใช้ Adobe captivate4การใช้ Adobe captivate4
การใช้ Adobe captivate4
 
แบบสอนโปรแกรมPhotoshop
แบบสอนโปรแกรมPhotoshopแบบสอนโปรแกรมPhotoshop
แบบสอนโปรแกรมPhotoshop
 
คู่มือการใช้โปรแกรม google sketchup 8
คู่มือการใช้โปรแกรม google sketchup 8คู่มือการใช้โปรแกรม google sketchup 8
คู่มือการใช้โปรแกรม google sketchup 8
 
แบบทดสอบก่อนเรียน
แบบทดสอบก่อนเรียนแบบทดสอบก่อนเรียน
แบบทดสอบก่อนเรียน
 
การสร้างสื่อ AR Augmented Reality ด้วย Unity + Vuforia
การสร้างสื่อ AR Augmented Reality ด้วย Unity + Vuforiaการสร้างสื่อ AR Augmented Reality ด้วย Unity + Vuforia
การสร้างสื่อ AR Augmented Reality ด้วย Unity + Vuforia
 
เอกสารประกอบการอบรม หลักสูตร การผลิตสื่อมัลติมีเดียด้วยโปรแกรมสำเร็จรูป
เอกสารประกอบการอบรม หลักสูตร การผลิตสื่อมัลติมีเดียด้วยโปรแกรมสำเร็จรูปเอกสารประกอบการอบรม หลักสูตร การผลิตสื่อมัลติมีเดียด้วยโปรแกรมสำเร็จรูป
เอกสารประกอบการอบรม หลักสูตร การผลิตสื่อมัลติมีเดียด้วยโปรแกรมสำเร็จรูป
 
Unit1 2
Unit1 2Unit1 2
Unit1 2
 
Unit1 1
Unit1 1Unit1 1
Unit1 1
 
Lesson 8 การเขียนโปรแกรมโดยใช้ตัวแปร
Lesson 8 การเขียนโปรแกรมโดยใช้ตัวแปรLesson 8 การเขียนโปรแกรมโดยใช้ตัวแปร
Lesson 8 การเขียนโปรแกรมโดยใช้ตัวแปร
 
บทที่2
บทที่2บทที่2
บทที่2
 
Lesson8
Lesson8Lesson8
Lesson8
 

Similaire à Responsive Learning : Adobe Captivate 8

การเข้าโปรแกรม Psd
การเข้าโปรแกรม Psdการเข้าโปรแกรม Psd
การเข้าโปรแกรม Psdsombut
 
วิชากราฟิกและตกแต่งภาพ รหัสวิชา ง 30241 หน่วยการเรียนรูที่ 2 การใช้เครื่องมือ...
วิชากราฟิกและตกแต่งภาพ รหัสวิชา ง 30241 หน่วยการเรียนรูที่ 2 การใช้เครื่องมือ...วิชากราฟิกและตกแต่งภาพ รหัสวิชา ง 30241 หน่วยการเรียนรูที่ 2 การใช้เครื่องมือ...
วิชากราฟิกและตกแต่งภาพ รหัสวิชา ง 30241 หน่วยการเรียนรูที่ 2 การใช้เครื่องมือ...Kanon Dhasanon
 
powerpoint2007
powerpoint2007powerpoint2007
powerpoint2007krupairoj
 
6 ขั้นตอนอัดคลิปวิดีโอหน้าจอสอนออนไลน์ง่ายๆ ด้วย PowerPoint
6 ขั้นตอนอัดคลิปวิดีโอหน้าจอสอนออนไลน์ง่ายๆ ด้วย PowerPoint6 ขั้นตอนอัดคลิปวิดีโอหน้าจอสอนออนไลน์ง่ายๆ ด้วย PowerPoint
6 ขั้นตอนอัดคลิปวิดีโอหน้าจอสอนออนไลน์ง่ายๆ ด้วย PowerPointDr.Kridsanapong Lertbumroongchai
 
สร้างสื่อ Augmented Reality ง่ายๆ ด้วย Vidinoti
สร้างสื่อ Augmented Reality ง่ายๆ ด้วย Vidinotiสร้างสื่อ Augmented Reality ง่ายๆ ด้วย Vidinoti
สร้างสื่อ Augmented Reality ง่ายๆ ด้วย VidinotiDr.Kridsanapong Lertbumroongchai
 

Similaire à Responsive Learning : Adobe Captivate 8 (9)

Flash8
Flash8Flash8
Flash8
 
150flashkrujun
150flashkrujun150flashkrujun
150flashkrujun
 
การเข้าโปรแกรม Psd
การเข้าโปรแกรม Psdการเข้าโปรแกรม Psd
การเข้าโปรแกรม Psd
 
วิชากราฟิกและตกแต่งภาพ รหัสวิชา ง 30241 หน่วยการเรียนรูที่ 2 การใช้เครื่องมือ...
วิชากราฟิกและตกแต่งภาพ รหัสวิชา ง 30241 หน่วยการเรียนรูที่ 2 การใช้เครื่องมือ...วิชากราฟิกและตกแต่งภาพ รหัสวิชา ง 30241 หน่วยการเรียนรูที่ 2 การใช้เครื่องมือ...
วิชากราฟิกและตกแต่งภาพ รหัสวิชา ง 30241 หน่วยการเรียนรูที่ 2 การใช้เครื่องมือ...
 
powerpoint2007
powerpoint2007powerpoint2007
powerpoint2007
 
6 ขั้นตอนอัดคลิปวิดีโอหน้าจอสอนออนไลน์ง่ายๆ ด้วย PowerPoint
6 ขั้นตอนอัดคลิปวิดีโอหน้าจอสอนออนไลน์ง่ายๆ ด้วย PowerPoint6 ขั้นตอนอัดคลิปวิดีโอหน้าจอสอนออนไลน์ง่ายๆ ด้วย PowerPoint
6 ขั้นตอนอัดคลิปวิดีโอหน้าจอสอนออนไลน์ง่ายๆ ด้วย PowerPoint
 
สร้างสื่อ Augmented Reality ง่ายๆ ด้วย Vidinoti
สร้างสื่อ Augmented Reality ง่ายๆ ด้วย Vidinotiสร้างสื่อ Augmented Reality ง่ายๆ ด้วย Vidinoti
สร้างสื่อ Augmented Reality ง่ายๆ ด้วย Vidinoti
 
Adobe captivate 4
Adobe captivate 4Adobe captivate 4
Adobe captivate 4
 
คู่มื่อการใช้ Adobe capitvate3
คู่มื่อการใช้ Adobe capitvate3คู่มื่อการใช้ Adobe capitvate3
คู่มื่อการใช้ Adobe capitvate3
 

Plus de Dr.Kridsanapong Lertbumroongchai

ทักษะดิจิทัลสำหรับการปฏิบัติงานในยุคดิจิทัล (Digital Skills for Working in Th...
ทักษะดิจิทัลสำหรับการปฏิบัติงานในยุคดิจิทัล (Digital Skills for Working in Th...ทักษะดิจิทัลสำหรับการปฏิบัติงานในยุคดิจิทัล (Digital Skills for Working in Th...
ทักษะดิจิทัลสำหรับการปฏิบัติงานในยุคดิจิทัล (Digital Skills for Working in Th...Dr.Kridsanapong Lertbumroongchai
 
เทคโนโลยีเสมือนจริงและจักรวาลนฤมิตสำหรับการท่องเที่ยว โรงแรม และอีเวนต์
เทคโนโลยีเสมือนจริงและจักรวาลนฤมิตสำหรับการท่องเที่ยว โรงแรม และอีเวนต์เทคโนโลยีเสมือนจริงและจักรวาลนฤมิตสำหรับการท่องเที่ยว โรงแรม และอีเวนต์
เทคโนโลยีเสมือนจริงและจักรวาลนฤมิตสำหรับการท่องเที่ยว โรงแรม และอีเวนต์Dr.Kridsanapong Lertbumroongchai
 
เทคนิคการสร้างสื่อเพื่อการปฏิบัติงานในยุคดิจิทัล (Creating Techniques Media f...
เทคนิคการสร้างสื่อเพื่อการปฏิบัติงานในยุคดิจิทัล (Creating Techniques Media f...เทคนิคการสร้างสื่อเพื่อการปฏิบัติงานในยุคดิจิทัล (Creating Techniques Media f...
เทคนิคการสร้างสื่อเพื่อการปฏิบัติงานในยุคดิจิทัล (Creating Techniques Media f...Dr.Kridsanapong Lertbumroongchai
 
การทำการตลาดบนมือถือสำหรับธุรกิจจัดจำหน่ายสินค้า (Mobile Marketing for Produc...
การทำการตลาดบนมือถือสำหรับธุรกิจจัดจำหน่ายสินค้า (Mobile Marketing for Produc...การทำการตลาดบนมือถือสำหรับธุรกิจจัดจำหน่ายสินค้า (Mobile Marketing for Produc...
การทำการตลาดบนมือถือสำหรับธุรกิจจัดจำหน่ายสินค้า (Mobile Marketing for Produc...Dr.Kridsanapong Lertbumroongchai
 
การทำการตลาดบนมือถือสำหรับธุรกิจบริการ (Mobile Marketing for Service Business)
การทำการตลาดบนมือถือสำหรับธุรกิจบริการ (Mobile Marketing for Service Business)การทำการตลาดบนมือถือสำหรับธุรกิจบริการ (Mobile Marketing for Service Business)
การทำการตลาดบนมือถือสำหรับธุรกิจบริการ (Mobile Marketing for Service Business)Dr.Kridsanapong Lertbumroongchai
 
การตลาดผ่านเครื่องมือค้นหา (Search Engine Marketing)
การตลาดผ่านเครื่องมือค้นหา (Search Engine Marketing)การตลาดผ่านเครื่องมือค้นหา (Search Engine Marketing)
การตลาดผ่านเครื่องมือค้นหา (Search Engine Marketing)Dr.Kridsanapong Lertbumroongchai
 
AR / VR / MR / XR มุ่งสู่อนาคตการท่องเที่ยวที่เหนือจริง
AR / VR / MR / XR มุ่งสู่อนาคตการท่องเที่ยวที่เหนือจริงAR / VR / MR / XR มุ่งสู่อนาคตการท่องเที่ยวที่เหนือจริง
AR / VR / MR / XR มุ่งสู่อนาคตการท่องเที่ยวที่เหนือจริงDr.Kridsanapong Lertbumroongchai
 
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)Dr.Kridsanapong Lertbumroongchai
 
การออกแบบกราฟิกส่วนประสานงานกับผู้ใช้ (Graphical User Interface)
การออกแบบกราฟิกส่วนประสานงานกับผู้ใช้ (Graphical User Interface)การออกแบบกราฟิกส่วนประสานงานกับผู้ใช้ (Graphical User Interface)
การออกแบบกราฟิกส่วนประสานงานกับผู้ใช้ (Graphical User Interface)Dr.Kridsanapong Lertbumroongchai
 
การจัดวางตัวอักษร (Typography)
การจัดวางตัวอักษร (Typography)การจัดวางตัวอักษร (Typography)
การจัดวางตัวอักษร (Typography)Dr.Kridsanapong Lertbumroongchai
 
เทคนิคการจัดการเรียนรู้ด้วยเกมมิฟิเคชั่น (Gamification)
เทคนิคการจัดการเรียนรู้ด้วยเกมมิฟิเคชั่น (Gamification)เทคนิคการจัดการเรียนรู้ด้วยเกมมิฟิเคชั่น (Gamification)
เทคนิคการจัดการเรียนรู้ด้วยเกมมิฟิเคชั่น (Gamification)Dr.Kridsanapong Lertbumroongchai
 
เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...
เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...
เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...Dr.Kridsanapong Lertbumroongchai
 
การสร้างสื่อภาพกราฟิกเคลื่อนไหว (Motion Graphic)
การสร้างสื่อภาพกราฟิกเคลื่อนไหว  (Motion Graphic)การสร้างสื่อภาพกราฟิกเคลื่อนไหว  (Motion Graphic)
การสร้างสื่อภาพกราฟิกเคลื่อนไหว (Motion Graphic)Dr.Kridsanapong Lertbumroongchai
 
เสียงสำหรับงานมัลติมีเดีย (Sound for Multimedia)
เสียงสำหรับงานมัลติมีเดีย (Sound for Multimedia)เสียงสำหรับงานมัลติมีเดีย (Sound for Multimedia)
เสียงสำหรับงานมัลติมีเดีย (Sound for Multimedia)Dr.Kridsanapong Lertbumroongchai
 
การตลาดไมซ์ที่รู้ใจและเข้าถึงการตลาดดิจิทัล (MICE Digital Marketing)
การตลาดไมซ์ที่รู้ใจและเข้าถึงการตลาดดิจิทัล (MICE Digital Marketing)การตลาดไมซ์ที่รู้ใจและเข้าถึงการตลาดดิจิทัล (MICE Digital Marketing)
การตลาดไมซ์ที่รู้ใจและเข้าถึงการตลาดดิจิทัล (MICE Digital Marketing)Dr.Kridsanapong Lertbumroongchai
 
เทคโนโลยีเสมือนจริงและจักรวาลนฤมิตสำหรับงานไมซ์ (Virtual Reality and Metavers...
เทคโนโลยีเสมือนจริงและจักรวาลนฤมิตสำหรับงานไมซ์ (Virtual Reality and Metavers...เทคโนโลยีเสมือนจริงและจักรวาลนฤมิตสำหรับงานไมซ์ (Virtual Reality and Metavers...
เทคโนโลยีเสมือนจริงและจักรวาลนฤมิตสำหรับงานไมซ์ (Virtual Reality and Metavers...Dr.Kridsanapong Lertbumroongchai
 
อัตลักษณ์องค์กร (Corporate Identity: C.I.)
อัตลักษณ์องค์กร (Corporate Identity: C.I.)อัตลักษณ์องค์กร (Corporate Identity: C.I.)
อัตลักษณ์องค์กร (Corporate Identity: C.I.)Dr.Kridsanapong Lertbumroongchai
 
AR VR Metaverse ทางการแพทย์และพยาบาล
AR VR Metaverse ทางการแพทย์และพยาบาลAR VR Metaverse ทางการแพทย์และพยาบาล
AR VR Metaverse ทางการแพทย์และพยาบาลDr.Kridsanapong Lertbumroongchai
 
การเล่าเรื่องสินค้าผ่านภาพถ่าย (Digital Storytelling in Photography)
การเล่าเรื่องสินค้าผ่านภาพถ่าย (Digital Storytelling in Photography)การเล่าเรื่องสินค้าผ่านภาพถ่าย (Digital Storytelling in Photography)
การเล่าเรื่องสินค้าผ่านภาพถ่าย (Digital Storytelling in Photography)Dr.Kridsanapong Lertbumroongchai
 
การเพิ่มโอกาสทางธุรกิจโดยการสร้างเครือข่ายและช่องทางการขาย
การเพิ่มโอกาสทางธุรกิจโดยการสร้างเครือข่ายและช่องทางการขายการเพิ่มโอกาสทางธุรกิจโดยการสร้างเครือข่ายและช่องทางการขาย
การเพิ่มโอกาสทางธุรกิจโดยการสร้างเครือข่ายและช่องทางการขายDr.Kridsanapong Lertbumroongchai
 

Plus de Dr.Kridsanapong Lertbumroongchai (20)

ทักษะดิจิทัลสำหรับการปฏิบัติงานในยุคดิจิทัล (Digital Skills for Working in Th...
ทักษะดิจิทัลสำหรับการปฏิบัติงานในยุคดิจิทัล (Digital Skills for Working in Th...ทักษะดิจิทัลสำหรับการปฏิบัติงานในยุคดิจิทัล (Digital Skills for Working in Th...
ทักษะดิจิทัลสำหรับการปฏิบัติงานในยุคดิจิทัล (Digital Skills for Working in Th...
 
เทคโนโลยีเสมือนจริงและจักรวาลนฤมิตสำหรับการท่องเที่ยว โรงแรม และอีเวนต์
เทคโนโลยีเสมือนจริงและจักรวาลนฤมิตสำหรับการท่องเที่ยว โรงแรม และอีเวนต์เทคโนโลยีเสมือนจริงและจักรวาลนฤมิตสำหรับการท่องเที่ยว โรงแรม และอีเวนต์
เทคโนโลยีเสมือนจริงและจักรวาลนฤมิตสำหรับการท่องเที่ยว โรงแรม และอีเวนต์
 
เทคนิคการสร้างสื่อเพื่อการปฏิบัติงานในยุคดิจิทัล (Creating Techniques Media f...
เทคนิคการสร้างสื่อเพื่อการปฏิบัติงานในยุคดิจิทัล (Creating Techniques Media f...เทคนิคการสร้างสื่อเพื่อการปฏิบัติงานในยุคดิจิทัล (Creating Techniques Media f...
เทคนิคการสร้างสื่อเพื่อการปฏิบัติงานในยุคดิจิทัล (Creating Techniques Media f...
 
การทำการตลาดบนมือถือสำหรับธุรกิจจัดจำหน่ายสินค้า (Mobile Marketing for Produc...
การทำการตลาดบนมือถือสำหรับธุรกิจจัดจำหน่ายสินค้า (Mobile Marketing for Produc...การทำการตลาดบนมือถือสำหรับธุรกิจจัดจำหน่ายสินค้า (Mobile Marketing for Produc...
การทำการตลาดบนมือถือสำหรับธุรกิจจัดจำหน่ายสินค้า (Mobile Marketing for Produc...
 
การทำการตลาดบนมือถือสำหรับธุรกิจบริการ (Mobile Marketing for Service Business)
การทำการตลาดบนมือถือสำหรับธุรกิจบริการ (Mobile Marketing for Service Business)การทำการตลาดบนมือถือสำหรับธุรกิจบริการ (Mobile Marketing for Service Business)
การทำการตลาดบนมือถือสำหรับธุรกิจบริการ (Mobile Marketing for Service Business)
 
การตลาดผ่านเครื่องมือค้นหา (Search Engine Marketing)
การตลาดผ่านเครื่องมือค้นหา (Search Engine Marketing)การตลาดผ่านเครื่องมือค้นหา (Search Engine Marketing)
การตลาดผ่านเครื่องมือค้นหา (Search Engine Marketing)
 
AR / VR / MR / XR มุ่งสู่อนาคตการท่องเที่ยวที่เหนือจริง
AR / VR / MR / XR มุ่งสู่อนาคตการท่องเที่ยวที่เหนือจริงAR / VR / MR / XR มุ่งสู่อนาคตการท่องเที่ยวที่เหนือจริง
AR / VR / MR / XR มุ่งสู่อนาคตการท่องเที่ยวที่เหนือจริง
 
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)
สีกับการออกแบบส่วนประสานงานกับผู้ใช้ (Color with User Interface Design)
 
การออกแบบกราฟิกส่วนประสานงานกับผู้ใช้ (Graphical User Interface)
การออกแบบกราฟิกส่วนประสานงานกับผู้ใช้ (Graphical User Interface)การออกแบบกราฟิกส่วนประสานงานกับผู้ใช้ (Graphical User Interface)
การออกแบบกราฟิกส่วนประสานงานกับผู้ใช้ (Graphical User Interface)
 
การจัดวางตัวอักษร (Typography)
การจัดวางตัวอักษร (Typography)การจัดวางตัวอักษร (Typography)
การจัดวางตัวอักษร (Typography)
 
เทคนิคการจัดการเรียนรู้ด้วยเกมมิฟิเคชั่น (Gamification)
เทคนิคการจัดการเรียนรู้ด้วยเกมมิฟิเคชั่น (Gamification)เทคนิคการจัดการเรียนรู้ด้วยเกมมิฟิเคชั่น (Gamification)
เทคนิคการจัดการเรียนรู้ด้วยเกมมิฟิเคชั่น (Gamification)
 
เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...
เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...
เทคนิคการสร้างสื่อการเรียนรู้ในยุคดิจิทัล (Learning Media Technique in Digita...
 
การสร้างสื่อภาพกราฟิกเคลื่อนไหว (Motion Graphic)
การสร้างสื่อภาพกราฟิกเคลื่อนไหว  (Motion Graphic)การสร้างสื่อภาพกราฟิกเคลื่อนไหว  (Motion Graphic)
การสร้างสื่อภาพกราฟิกเคลื่อนไหว (Motion Graphic)
 
เสียงสำหรับงานมัลติมีเดีย (Sound for Multimedia)
เสียงสำหรับงานมัลติมีเดีย (Sound for Multimedia)เสียงสำหรับงานมัลติมีเดีย (Sound for Multimedia)
เสียงสำหรับงานมัลติมีเดีย (Sound for Multimedia)
 
การตลาดไมซ์ที่รู้ใจและเข้าถึงการตลาดดิจิทัล (MICE Digital Marketing)
การตลาดไมซ์ที่รู้ใจและเข้าถึงการตลาดดิจิทัล (MICE Digital Marketing)การตลาดไมซ์ที่รู้ใจและเข้าถึงการตลาดดิจิทัล (MICE Digital Marketing)
การตลาดไมซ์ที่รู้ใจและเข้าถึงการตลาดดิจิทัล (MICE Digital Marketing)
 
เทคโนโลยีเสมือนจริงและจักรวาลนฤมิตสำหรับงานไมซ์ (Virtual Reality and Metavers...
เทคโนโลยีเสมือนจริงและจักรวาลนฤมิตสำหรับงานไมซ์ (Virtual Reality and Metavers...เทคโนโลยีเสมือนจริงและจักรวาลนฤมิตสำหรับงานไมซ์ (Virtual Reality and Metavers...
เทคโนโลยีเสมือนจริงและจักรวาลนฤมิตสำหรับงานไมซ์ (Virtual Reality and Metavers...
 
อัตลักษณ์องค์กร (Corporate Identity: C.I.)
อัตลักษณ์องค์กร (Corporate Identity: C.I.)อัตลักษณ์องค์กร (Corporate Identity: C.I.)
อัตลักษณ์องค์กร (Corporate Identity: C.I.)
 
AR VR Metaverse ทางการแพทย์และพยาบาล
AR VR Metaverse ทางการแพทย์และพยาบาลAR VR Metaverse ทางการแพทย์และพยาบาล
AR VR Metaverse ทางการแพทย์และพยาบาล
 
การเล่าเรื่องสินค้าผ่านภาพถ่าย (Digital Storytelling in Photography)
การเล่าเรื่องสินค้าผ่านภาพถ่าย (Digital Storytelling in Photography)การเล่าเรื่องสินค้าผ่านภาพถ่าย (Digital Storytelling in Photography)
การเล่าเรื่องสินค้าผ่านภาพถ่าย (Digital Storytelling in Photography)
 
การเพิ่มโอกาสทางธุรกิจโดยการสร้างเครือข่ายและช่องทางการขาย
การเพิ่มโอกาสทางธุรกิจโดยการสร้างเครือข่ายและช่องทางการขายการเพิ่มโอกาสทางธุรกิจโดยการสร้างเครือข่ายและช่องทางการขาย
การเพิ่มโอกาสทางธุรกิจโดยการสร้างเครือข่ายและช่องทางการขาย
 

Responsive Learning : Adobe Captivate 8

  • 3. 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 __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ __________________________________________________________________________ ไฟล์ตัวอย่าง:ใช้เพื่อประกอบการอบรมเท่านั้น