Trainer adobe captivate 6 08 10-2556

เอกสารประกอบการบรรยาย

สรางสรรคส่ือการเรียนการสอนมลัติมเีดีย

Adobe Captivate 6

วันที่

28-31 ตุลาคม 2556โดย... กฤษณพงศ เลิศบํารุงชัย

http

s://w

ww

.face

book

.com

/Pro

gram

sDD

http://programsdd.wordpress.comhttps://www.facebook.com/ProgramsDD

ส่ิงท่ีเราจะเรียนรูกันตลอดการฝกอบรม

- ติดตั้งโปรแกรม Adobe Captivate 6 Trial Version

- การสรางโปรเจคแบบตางๆ โดยเริ่มจาก Blank Ptoject

- เขาใจเรื่องเก่ียวกับสวนประกอบของหนาตางโปรแกรม

- Master Slide และ Slide ใน Film Strip เขาใจการตกแตงสไลด

- เครื่องมือตางๆ (เทาท่ีจําเปนตองใช)

- การเตรียมไฟลใหพรอม และนําไฟลตางๆ เขามาใชงาน

- สรางแบบฝกหัดหรือแบบทดสอบ

- ใสเสียงใหกับวัตถุ เสียงดนตรีประกอบ

- รวมไฟลงานไวในโปรเจคเดียวกัน

- สงออกไฟลเพื่อไปใชงานhttps://www.facebook.com/ProgramsDD

บทนํา

บทเรียนคอมพิวเตอรชวยสอน คือ สื่อการสอนท่ีใชเทคโนโลยี

ทําใหเกิดการมีปฏิสัมพันธกันได ระหวางผูเรียนกับเครือ่งคอมพิวเตอร

องคประกอบตัวอักษร

ภาพน่ิง

ภาพ

เคลื่อนไหว

วิดีโอ

เสียง

ความหมายของบทเรียน

คอมพิวเตอรชวยสอน

(อยากใหเรียกวา

บทเรียนคอมพิวเตอร

เพ่ือการเรียนรู มากกวา)

https://www.facebook.com/ProgramsDD

สื่อ อาจเปน วิดโีอ เว็บไซต หนังสืออิเล็กทรอนิกส หรอืจะเปนสื่อ

มัลติมีเดียท่ีสามารถเปดผานคอมพิวเตอร และอุปกรณตางๆ

บทนํา

ส่ือรูปแบบตางๆ


ข้ันตอนการพัฒนาบทเรียนคอมพิวเตอรชวยสอน

1. สรางแผนภูมริะดม

สมอง

2. สรางแผนภูมิหัวเรื่อง

สัมพันธ

ชวงวิเคราะห

เน้ือหา1

ซํ้าซอน (ยายหมวด) ไมเก่ียว (ตัดออก)https://www.facebook.com/ProgramsDD

ชวงวิเคราะห

เน้ือหา13. สรางแผนภูมิ

โครงขายเน้ือหา


1 2 3

4567

8 9 10

11 12 13 14 15

16

17181920

21

22A B I

C

D

E

F

G H

J K L M

N

O

P

Q

R

S


Module 3

Module 4

Module 5

Module 1Module 2Module 6Module 7

ช่ือวิชา

แบบทดสอบ

ชวงออกแบบ

หนวยการเรียน2ข้ันตอนการพัฒนาบทเรียนคอมพิวเตอรชวยสอน

4. กําหนดกลวิธีในการ

นําเสนอ และเขียน

วัตถุประสงคเชิง

พฤติกรรมของเน้ือหา


ชวงออกแบบ

หนวยการเรียน2ข้ันตอนการพัฒนาบทเรียนคอมพิวเตอรชวยสอน

5. ออกแบบแผนภูมิการ

นําเสนอในแตละ

หนวยการเรียน


ชวงพัฒนาหนวย

การเรียน36. การเขียนรายละเอียด

เน้ือหาลงบนกรอบ

การสอน

7. การจัดทําลําดับกรอบ

การสอน




การเรียน38. การตรวจสอบความ

ถูกตองของเน้ือหา


มีการตรวจสอบ 2 ดานตอเน่ืองกัน คือ

1. การตรวจสอบความถูกตองของเน้ือหา โดยผูเชี่ยวชาญดานเน้ือหา

2. การนํากรอบการสอนไปทดลองใหกลุมเปาหมายอาน



การเรียน39. การสรางแบบทดสอบ

วัดผลสัมฤทธ์ิทางการ

เรียนของบทเรียน

คอมพิวเตอรชวย

สอน


1. สรางแบบทดสอบตามหลักการเขียนแบบทดสอบ

2. นําไปทดลองกับกลุมผูเรียนท่ีมคีวามรู หรอืเคยเรียนเน้ือหาน้ัน

มาแลว จํานวน 30 - 100 คน

3. นําแบบทดสอบมาหาคาความยากงาย คาอํานาจจําแนก และคา

ความเชื่อมั่น


ชวงพัฒนาเน้ือหา

ลงคอมพิวเตอร4ข้ันตอนการพัฒนาบทเรียนคอมพิวเตอรชวยสอน

10. การเลือกโปรแกรมท่ี

ใชนําเสนอบทเรียน

สูโปรแกรม

โปรแกรมที่ใช

นําเสนอบทเรียน

โปรแกรมที่ใชแบงออกเปน 2 ประเภท

โปรแกรมที่ใช

ผลิตดานสื่อประกอบ


ชวงพัฒนาเน้ือหา

ลงคอมพิวเตอร4ข้ันตอนการพัฒนาบทเรียนคอมพิวเตอรชวยสอน

11. การพัฒนาและ

จัดเตรียมสื่อท่ีจะใช

ประกอบบทเรียน

12. การนําเสนอกรอบ

การสอนลงโปรแกรมCpตัวอักษร

ภาพน่ิง

ภาพ

เคลื่อนไหว

วิดีโอ

เสียง



ชวงการ

ประเมินผล5 13. การตรวจสอบคุณภาพมัลติมีเดียของบทเรียน

บทเรียน

14. การทดลองกระบวนการทดสอบหาประสิทธิภาพ

15. การทดสอบหาประสิทธิภาพของบทเรียนและ

ประสิทธิผลทางการเรียน

16. จัดทําคูมือการใชบทเรยีนคอมพิวเตอรhttps://www.facebook.com/ProgramsDD

แนวคิดในการออกแบบหนาจอ

บทเรียนคอมพิวเตอรเพื่อการเรียนรู

เรื่อง ..........................................

คลิก

เขาสูบทเรียน

เลยเอาทแบบท่ี1>> หนาเริ่มตน



เลยเอาทแบบท่ี1 เลือกเน้ือหาท่ีตองการเรียน

หนวยการเรียนรูที่ 1




ออกจากบทเรียน

>> หนาเมนูหลัก



หนวยการเรียนรูท่ี 1 เรื่อง ..........................

>> หนาเมนูยอย หัวขอยอย 1

หัวขอยอย 2

หัวขอยอย 3

กลับเมนูหลัก

เลยเอาทแบบท่ี1



หนวยการเรียนรูท่ี …. เรื่อง ..........................

สวนของเน้ือหา

>> หนาเน้ือหา

เลยเอาทแบบท่ี1หัวขอยอยที่ 1

<< < >




เรื่อง ..........................................

คลิก






แบบทดสอบกอนเรียน

วัตถุประสงคการเรียนรู

เขาสูเน้ือหา

แบบทดสอบหลังเรียน

ออกจากบทเรียน

>> หนาเมนูหลัก


ช่ือเร่ือง

>> หนาเมนูรอง


หนวยที่

1หนวยที่



4


ช่ือเร่ือง

>> หนาเมนูยอย

เลยเอาทแบบท่ี2 หนวยการเรียนรูท่ี …. เรื่อง ..........................

หัวขอยอย

1หัวขอยอย


3



หนวยการเรียนรูท่ี …. เรื่อง ..........................


>> หนาเน้ือหา

เลยเอาทแบบท่ี2หัวขอยอยที่ 1

<< < >




เรื่อง ..........................................

คลิก





คลิก


เลยเอาทแบบท่ี3>> หนาเมนูหลัก

หนาแรก แบบทดสอบ วัตถุประสงค เขาสูเน้ือหา ออก





4



เลยเอาทแบบท่ี3หัวขอยอย



3


หนวยการเรียนรูที่ .... เรื่อง ........................................




เลยเอาทแบบท่ี3สวนของเน้ือหา


หนวยการเรียนรูที่ .... เรื่อง ........................................


< >




เรื่อง ..........................................

คลิก





คลิก


เลยเอาทแบบท่ี4>> หนาเมนูหลัก

แบบทดสอบกอนเรยีน

วัตถุประสงคการเรยีนรู

เขาสูเนือ้หา


ออกจากบทเรยีน

หนาแรก

< >



2



4

เลือกเน้ือหาท่ีตองการเรียน



เลยเอาทแบบท่ี4>> หนาเมนูยอย






หนาแรก

>

หัวขอยอย



3

หนวยการเรียนรูท่ี .... เรื่อง .........................

<




เลยเอาทแบบท่ี4>> หนาเน้ือหา






หนาแรก

>

หนวยการเรียนรูท่ี .... เรื่อง .........................

<


กําหนดขนาดหนาจอ

เราควรศึกษาหนาจอแตละอุปกรณกอน วาเราจะนําไปใชกับอุปกรณใด

เปนหลัก เพื่อใหไดการแสดงผลท่ีสมบรูณ

>> จอ Monitor PC

>> จอ Notebook

>> จอ Tablet

>> จอ Smartphone

อุปกรณปจจุบัน

1366 x 768

1600 x 900

1920 x 1080

800 x 1280

768 x 1024

480 x 800



ถาตองการใชกับท้ังหนาจอ PC และ Notebook ก็ใหยึด Notebook

เปนหลัก แลวเปดโปรเจคโดยยึดจอเล็กเปนหลัก

เราจะรูไดอยางไรวา

ขนาดหนาจอเรามันมี

ขนาดเทาไหร ?

คอมพิวเตอร

คลิกขวาที่ Desktop แลวเลือก

Screen resolution แตไมตองปรับคาอะไร ใหดูเฉยๆ


40 px


กอนเปดโปรเจค เช็คความละเอียดจอแลว ลบทาสกบารออก 40 พิกเซล ลบไตเติ้ลบารออก

25 พิกเซล จะเห็นพื้นที่ที่แสดงบทเรียนแบบไมลนจอ จากรูปถาเปดไฟลที่ 1280 x 720

บทเรียนจะลนจอ ตองไมเกิน 1366 x 703 แตมันไมสวย ก็เลือกตามความเหมาะสมโดยดู

ความสูงของจอเปนหลกั ยกเวนตั้งใจเปน Full Screen ก็สูงถึง 768 ได เชน 1024 x 768

ดูเรื่องความละเอียด

ท้ังจอไมพอ ตองคิดดวย

วาจริงๆ เหลือพื้นท่ีแบบ

บทเรียนไมลนจอเทาไหร

คอมพิวเตอร

โดยมาก Notebook

จะเปน 1366 x 768

1366 px

768 px 768 – 40 – 25 = 703 px

25 px


48 px


ถาเราตองการใชกับแท็บเล็ต ใหดูวามีความละเอียดเทาไรโดยดูที่ตัวสเปคของเครื่อว

โดยมากจะมีขนาด 1280 x 800 ซึ่งตองลบทาสกบารออก 48 px จะไดพืน้ที่จริง ยกเวนรุนที่

ไมมีทาสกบาร ใหใชขนาดปกติไมตองหักลบใดๆ ไดเลย





แท็บเล็ตแอนดรอยด

โดยมาก Tablet

จะเปน 1280 x 800

1280 px

800 px 800 - 48= 752 px


96 px


ถาเราตองการใชกับ iPad ซึ่งมีขนาดหนาจอ 1024 x 768 สิ่งที่ตองคํานึงก็คือ iPad เลน

.swf ไมได ดังน้ันตอง Publish ช้ินงานเปน HTML5 แลวเปดช้ินงานผาน Safari หรือ

Browser อ่ืนๆ จึงตองลบความสูงของพื้นที่ Address ของ Browser 96 พิกเซล





iPad

iPad

จะเปน 1024 x 768

1024 px

768 px768 – 96 = 672 px



Smart Phone ไมเปนที่นิยมในการทําบทเรียน

คอมพิวเตอร เน่ืองจากหนาจอเล็ก บรรจุเน้ือหาไดไมมาก

และหนาจอมีหลายขนาดมากเกินไป ถึงแมวาตอน

Publish จะเปดเต็มจออยูเสมอ แตการแสดงผล อาจจะมี

ผิดเพี้ยนไปบาง และตัวอักษรจะเล็กแทบมองไมเห็น ถาจะ

ออกแบบหนาจอเพื่อ Smart Phone ตองคิดใหดีๆ





Smartphone



ตองคํานึงวาสราง

ชิ้นงานเสร็จแลว ใชกับ

อุปกรณเลย หรือวานํา

มันไปตอยอด

นําไปใชกับระบบ LMS

กรณีนําช้ินงานจาก Captivate ไปตอยอดในระบบ LMS การออกแบบหนาจอไมควรใหญ

จนเกินไป ควรดูวาเทาไหรจึงจะเหมาะสม อยางเชน Moodle จะมี Panel ดานซายหรือ

ขวา ทําใหพื้นที่ในการแสดงผลแคบลง อาจเลือกขนาดช้ินงานเปน 800 x 600 จะปลอดภัย

ที่สุด ซึ่งตอน publish จะตองสงในรูปแบบ .zip โดยใชมาตรฐาน SCORMhttps://www.facebook.com/ProgramsDD

SCORM กับ Adobe Captivate

SCORM คืออะไร

SCORM เปนมาตรฐานท่ีพัฒนาขึ้นเพื่อแกไขปญหาความไมเขากันของระบบ

E-Learning ใน Adobe Captivate สามารถสงออกโดยใชมาตรฐาน

SCORM ได อธิบายแบบเขาใจงายๆ วา ถาไมสงออกแบบ SCORM ตัว

บทเรียนจะไมสามารถเก็บขอมูลผูเรียนไดhttps://www.facebook.com/ProgramsDD



หรือสงออกเปน SCORM แตไมนําไปใชกับระบบ LMS ก็จะไมมกีารบันทึก

ขอมูลของผูเรียนดังน้ัน ถาไมไดนําไปใชกับระบบ LMS ก็ไมตองไปใช

SCORM




สิ่งท่ีจะทําใหบทเรยีนท่ีสรางขึ้นดวย Adobe Captivate เก็บขอมูลผูเรียนได

โดยไมงอ SCORM จะตองใช Widget Google LMS ซ่ึงตองซ้ือผานเว็บไซต

เทาน้ันในราคา 80$https://www.facebook.com/ProgramsDD

http://captivatedev.com/2012/11/12/adobe-captivate-6-x-widget-google-lms-with-email-reporting-2/

ส่ิงท่ีตองเตรียมพรอม

คอมพิวเตอร / ฮารดแวร

เครื่องดีมีชัยไปกวาครึ่ง

ดังน้ันควรใชเครื่องท่ีไม

เกามากนัก • ติดตั้ง Windows 7 / Windows 8 (64-bit)

• ความละเอียดจอ 1366 x 768, 1600 x 900 ข้ึนไป

• แรม 4 GB

• เช่ือมตออินเทอรเน็ตได

• สําคัญตองเตรียมเน้ือหา องคประกอบใหพรอม อยาทําไปหาไป



ซอฟตแวร

อยาเรียนรูแค Adobe

Captivate อยางเดียว

ควรมีพื้นฐานโปรแกรม

อื่นๆ ดวย

• พื้นฐานโปรแกรม Adobe Photoshop

• พื้นฐานโปรแกรม Adobe Premiere

• พื้นฐานโปรแกรม Word

• ฯลฯ

ย่ิงมีทักษะการใชโปรแกรมท่ีหลากหลาย จะไดวัตถุดิบท่ีสรางขึ้นไดเอง และ

ไมเปนการละเมิดลิขสิทธ์ิ







อื่นๆ ดวย ถาไมมีพื้นฐานก็ควรศึกษาไวเล็กๆ นอยๆ สามารถนําวัตถุดิบเชน ภาพ

เสียง วิดีโอจากแหลงตางๆ มาใชได แตอยาลืมอางอิง








Adobe Captivate เปรียบเสมือนหมอ ท่ีนําวัตถุดิบจาก Ps Ai Fl Pr Au

Ae มาปรุงรสชาติเพื่อใหเกิดการกลมกลอมhttps://www.facebook.com/ProgramsDD







จะนาใชนาสนใจหรือไม ถาใชวัตถุดิบลงตัว ท้ังปริมาณละสีสัน ก็จะออกมา

เปนผลงานท่ีดีhttps://www.facebook.com/ProgramsDD

หนังสืออานเพ่ิมเติม

ลุย !!https://www.facebook.com/ProgramsDD

ฝกปฏิบัติ

ฝกปฏบิตัิ


http://programsdd.wordpress.com

ติดตามผลงาน

และสอบถามเพิ่มเติม


Trainer adobe captivate 6 08 10-2556

Education

Transcript of Trainer adobe captivate 6 08 10-2556