Trainer adobe captivate 6 08 10-2556

1,204 views

Published on

เกร็ดเล็กเกร็ดน้อยในการสร้างสื่อปฏิสัมพันธ์

Published in: Education
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,204
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
67
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Trainer adobe captivate 6 08 10-2556

  1. 1. สรางสรรคสอการเรียนการสอนมัลติมเดีย ื่ ี Adobe Captivate 6 วันที่ 28-31 ตุลาคม 2556 https://www.facebook.com/ProgramsDD เอกสารประกอบการบรรยาย โดย... กฤษณพงศ เลิศบํารุงชัย http://programsdd.wordpress.com https://www.facebook.com/ProgramsDD
  2. 2. สิงทีเ่ ราจะเรียนรูกนตลอดการฝกอบรม ่ ั - ติดตั้งโปรแกรม Adobe Captivate 6 Trial Version การสรางโปรเจคแบบตางๆ โดยเริ่มจาก Blank Ptoject เขาใจเรื่องเกี่ยวกับสวนประกอบของหนาตางโปรแกรม Master Slide และ Slide ใน Film Strip เขาใจการตกแตงสไลด เครื่องมือตางๆ (เทาที่จําเปนตองใช) การเตรียมไฟลใหพรอม และนําไฟลตางๆ เขามาใชงาน สรางแบบฝกหัดหรือแบบทดสอบ ใสเสียงใหกับวัตถุ เสียงดนตรีประกอบ รวมไฟลงานไวในโปรเจคเดียวกัน สงออกไฟลเพื่อไปใชงาน https://www.facebook.com/ProgramsDD
  3. 3. บทนํา ความหมายของบทเรียน คอมพิวเตอรชวยสอน (อยากใหเรียกวา บทเรียนคอมพิวเตอร เพือการเรียนรู มากกวา) ่ บทเรียนคอมพิวเตอรชวยสอน คือ สื่อการสอนที่ใชเทคโนโลยี ทําใหเกิดการมีปฏิสัมพันธกันได ระหวางผูเรียนกับเครืองคอมพิวเตอร ่ ภาพนิ่ง ตัวอักษร ภาพ เคลื่อนไหว องคประกอบ วิดีโอ เสียง https://www.facebook.com/ProgramsDD
  4. 4. บทนํา สื่อรูปแบบตางๆ สื่อ อาจเปน วิดโอ เว็บไซต หนังสืออิเล็กทรอนิกส หรือจะเปนสื่อ ี มัลติมีเดียที่สามารถเปดผานคอมพิวเตอร และอุปกรณตางๆ https://www.facebook.com/ProgramsDD
  5. 5. ขันตอนการพัฒนาบทเรียนคอมพิวเตอรชวยสอน ้  1 ชวงวิเคราะห เนื้อหา 1. สรางแผนภูมระดม ิ สมอง 2. สรางแผนภูมิหัวเรื่อง สัมพันธ ซ้ําซอน (ยายหมวด) ไมเกี่ยว (ตัดออก) https://www.facebook.com/ProgramsDD
  6. 6. ขันตอนการพัฒนาบทเรียนคอมพิวเตอรชวยสอน ้  1 ชวงวิเคราะห เนื้อหา 3. สรางแผนภูมิ โครงขายเนื้อหา D C 1 A 2 B 3 I 4 11 5 6 8 7 E F J 12 O N P 16 Q R G K 9 13 L 17 18 21 19 20 H 14 10 M 15 22 S https://www.facebook.com/ProgramsDD
  7. 7. ขันตอนการพัฒนาบทเรียนคอมพิวเตอรชวยสอน ้  2 ชวงออกแบบ หนวยการเรียน 4. กําหนดกลวิธีในการ นําเสนอ และเขียน วัตถุประสงคเชิง พฤติกรรมของเนื้อหา ชื่อวิชา Module 7 Module 6 Module 2 Module 1 Module 3 Module 4 Module 5 แบบทดสอบ https://www.facebook.com/ProgramsDD
  8. 8. ขันตอนการพัฒนาบทเรียนคอมพิวเตอรชวยสอน ้  2 ชวงออกแบบ หนวยการเรียน 5. ออกแบบแผนภูมิการ นําเสนอในแตละ หนวยการเรียน https://www.facebook.com/ProgramsDD
  9. 9. ขันตอนการพัฒนาบทเรียนคอมพิวเตอรชวยสอน ้  3 ชวงพัฒนาหนวย การเรียน 6. การเขียนรายละเอียด เนื้อหาลงบนกรอบ การสอน 7. การจัดทําลําดับกรอบ การสอน https://www.facebook.com/ProgramsDD
  10. 10. ขันตอนการพัฒนาบทเรียนคอมพิวเตอรชวยสอน ้  3 ชวงพัฒนาหนวย การเรียน 8. การตรวจสอบความ ถูกตองของเนื้อหา มีการตรวจสอบ 2 ดานตอเนื่องกัน คือ 1. การตรวจสอบความถูกตองของเนื้อหา โดยผูเชี่ยวชาญดานเนื้อหา 2. การนํากรอบการสอนไปทดลองใหกลุมเปาหมายอาน https://www.facebook.com/ProgramsDD
  11. 11. ขันตอนการพัฒนาบทเรียนคอมพิวเตอรชวยสอน ้  3 ชวงพัฒนาหนวย การเรียน 9. การสรางแบบทดสอบ วัดผลสัมฤทธิ์ทางการ เรียนของบทเรียน คอมพิวเตอรชวย สอน 1. สรางแบบทดสอบตามหลักการเขียนแบบทดสอบ 2. นําไปทดลองกับกลุมผูเรียนที่มความรู หรือเคยเรียนเนื้อหานั้น ี มาแลว จํานวน 30 - 100 คน 3. นําแบบทดสอบมาหาคาความยากงาย คาอํานาจจําแนก และคา ความเชื่อมั่น https://www.facebook.com/ProgramsDD
  12. 12. ขันตอนการพัฒนาบทเรียนคอมพิวเตอรชวยสอน ้  4 ชวงพัฒนาเนื้อหา ลงคอมพิวเตอร 10. การเลือกโปรแกรมที่ ใชนําเสนอบทเรียน สูโปรแกรม โปรแกรมที่ใชแบงออกเปน 2 ประเภท โปรแกรมที่ใช นําเสนอบทเรียน โปรแกรมที่ใช ผลิตดานสื่อประกอบ https://www.facebook.com/ProgramsDD
  13. 13. ขันตอนการพัฒนาบทเรียนคอมพิวเตอรชวยสอน ้  4 ชวงพัฒนาเนื้อหา ลงคอมพิวเตอร 11. การพัฒนาและ จัดเตรียมสื่อที่จะใช ประกอบบทเรียน 12. การนําเสนอกรอบ การสอนลงโปรแกรม ภาพนิ่ง ตัวอักษร ภาพ เคลื่อนไหว Cp วิดีโอ เสียง https://www.facebook.com/ProgramsDD
  14. 14. ขันตอนการพัฒนาบทเรียนคอมพิวเตอรชวยสอน ้  5 ชวงการ ประเมินผล 13. การตรวจสอบคุณภาพมัลติมีเดียของบทเรียน บทเรียน 14. การทดลองกระบวนการทดสอบหาประสิทธิภาพ 15. การทดสอบหาประสิทธิภาพของบทเรียนและ ประสิทธิผลทางการเรียน 16. จัดทําคูมือการใชบทเรียนคอมพิวเตอร https://www.facebook.com/ProgramsDD
  15. 15. แนวคิดในการออกแบบหนาจอ เลยเอาทแบบที่ >> หนาเริ่มตน 1 บทเรียนคอมพิวเตอรเพื่อการเรียนรู เรื่อง .......................................... คลิก เขาสูบทเรียน https://www.facebook.com/ProgramsDD
  16. 16. แนวคิดในการออกแบบหนาจอ เลยเอาทแบบที่ 1 >> หนาเมนูหลัก เลือกเนื้อหาที่ตองการเรียน หนวยการเรียนรูที่ 1 หนวยการเรียนรูที่ 2 หนวยการเรียนรูที่ 3 หนวยการเรียนรูที่ 4 ออกจากบทเรียน https://www.facebook.com/ProgramsDD
  17. 17. แนวคิดในการออกแบบหนาจอ เลยเอาทแบบที่ 1 >> หนาเมนูยอย หนวยการเรียนรูที่ 1 เรื่อง .......................... หัวขอยอย 1 หัวขอยอย 2 หัวขอยอย 3 กลับเมนูหลัก https://www.facebook.com/ProgramsDD
  18. 18. แนวคิดในการออกแบบหนาจอ เลยเอาทแบบที่ >> หนาเนื้อหา 1 หนวยการเรียนรูที่ …. เรื่อง .......................... หัวขอยอยที่ 1 สวนของเนื้อหา << < > https://www.facebook.com/ProgramsDD
  19. 19. แนวคิดในการออกแบบหนาจอ เลยเอาทแบบที่ >> หนาเริ่มตน 2 บทเรียนคอมพิวเตอรเพื่อการเรียนรู เรื่อง .......................................... คลิก เขาสูบทเรียน https://www.facebook.com/ProgramsDD
  20. 20. แนวคิดในการออกแบบหนาจอ เลยเอาทแบบที่ 2 >> หนาเมนูหลัก เลือกเนื้อหาที่ตองการเรียน แบบทดสอบกอนเรียน วัตถุประสงคการเรียนรู เขาสูเนื้อหา แบบทดสอบหลังเรียน ออกจากบทเรียน https://www.facebook.com/ProgramsDD
  21. 21. ชือเรือง ่ ่ เลยเอาทแบบที่ 2 เลือกเนื้อหาที่ตองการเรียน >> หนาเมนูรอง หนวยที่ 1 หนวยที่ 2 หนวยที่ 3 หนวยที่ 4 https://www.facebook.com/ProgramsDD
  22. 22. ชือเรือง ่ ่ เลยเอาทแบบที่ 2 หนวยการเรียนรูที่ …. เรื่อง .......................... >> หนาเมนูยอย หัวขอยอย 1 หัวขอยอย 2 หัวขอยอย 3 https://www.facebook.com/ProgramsDD
  23. 23. แนวคิดในการออกแบบหนาจอ เลยเอาทแบบที่ >> หนาเนื้อหา 2 หนวยการเรียนรูที่ …. เรื่อง .......................... หัวขอยอยที่ 1 สวนของเนื้อหา << < > https://www.facebook.com/ProgramsDD
  24. 24. แนวคิดในการออกแบบหนาจอ เลยเอาทแบบที่ >> หนาเริ่มตน 3 บทเรียนคอมพิวเตอรเพื่อการเรียนรู เรื่อง .......................................... คลิก เขาสูบทเรียน https://www.facebook.com/ProgramsDD
  25. 25. แนวคิดในการออกแบบหนาจอ เลยเอาทแบบที่ 3 หนาแรก แบบทดสอบ วัตถุประสงค เขาสูเนื้อหา ออก >> หนาเมนูหลัก หนวยที่ 1 หนวยที่ 2 หนวยที่ หนวยที่ ก 3สูคลิทเรียน 4 เขา บ https://www.facebook.com/ProgramsDD
  26. 26. แนวคิดในการออกแบบหนาจอ เลยเอาทแบบที่ 3 >> หนาเมนูยอย หนาแรก แบบทดสอบ วัตถุประสงค เขาสูเนื้อหา ออก หนวยการเรียนรูที่ .... เรื่อง ........................................ หัวขอยอย 1 หัวขอยอย 2 หัวขอยอย 3 https://www.facebook.com/ProgramsDD
  27. 27. แนวคิดในการออกแบบหนาจอ เลยเอาทแบบที่ 3 >> หนาเมนูยอย หนาแรก แบบทดสอบ วัตถุประสงค เขาสูเนื้อหา ออก หนวยการเรียนรูที่ .... เรื่อง ........................................ สวนของเนื้อหา < > https://www.facebook.com/ProgramsDD
  28. 28. แนวคิดในการออกแบบหนาจอ เลยเอาทแบบที่ >> หนาเริ่มตน 4 บทเรียนคอมพิวเตอรเพื่อการเรียนรู เรื่อง .......................................... คลิก เขาสูบทเรียน https://www.facebook.com/ProgramsDD
  29. 29. แนวคิดในการออกแบบหนาจอ เลยเอาทแบบที่ 4 >> หนาเมนูหลัก เลือกเนื้อหาที่ตองการเรียน หนาแรก แบบทดสอบกอนเรียน หนวยที่ 1 วัตถุประสงคการเรียนรู เขาสูเนือหา ้ หนวยที่ 2 คลิก หนวยที่ เขาสูบทเรีหนวยที่ ยน แบบทดสอบหลังเรียน 3 ออกจากบทเรียน < 4 > https://www.facebook.com/ProgramsDD
  30. 30. แนวคิดในการออกแบบหนาจอ เลยเอาทแบบที่ 4 >> หนาเมนูยอย หนาแรก หนวยการเรียนรูที่ .... เรื่อง ......................... แบบทดสอบกอนเรียน วัตถุประสงคการเรียนรู หัวขอยอย 1 เขาสูเนือหา ้ หัวขอยอย 2 หัวขอยอย 3 แบบทดสอบหลังเรียน ออกจากบทเรียน < > https://www.facebook.com/ProgramsDD
  31. 31. แนวคิดในการออกแบบหนาจอ เลยเอาทแบบที่ >> หนาเนื้อหา 4 หนาแรก หนวยการเรียนรูที่ .... เรื่อง ......................... แบบทดสอบกอนเรียน วัตถุประสงคการเรียนรู สวนของเนื้อหา เขาสูเนือหา ้ แบบทดสอบหลังเรียน ออกจากบทเรียน < > https://www.facebook.com/ProgramsDD
  32. 32. กําหนดขนาดหนาจอ อุปกรณปจจุบัน  >> จอ Monitor PC >> จอ Notebook >> จอ Tablet >> จอ Smartphone 1600 x 900 1920 x 1080 1366 x 768 800 x 1280 768 x 1024 480 x 800 เราควรศึกษาหนาจอแตละอุปกรณกอน วาเราจะนําไปใชกับอุปกรณใด เปนหลัก เพื่อใหไดการแสดงผลที่สมบูรณ https://www.facebook.com/ProgramsDD
  33. 33. กําหนดขนาดหนาจอ คอมพิวเตอร เราจะรูไดอยางไรวา ขนาดหนาจอเรามันมี ขนาดเทาไหร ? คลิกขวาที่ Desktop แลวเลือก Screen resolution แตไมตองปรับคาอะไร ใหดูเฉยๆ ถาตองการใชกับทั้งหนาจอ PC และ Notebook ก็ใหยึด Notebook เปนหลัก แลวเปดโปรเจคโดยยึดจอเล็กเปนหลัก https://www.facebook.com/ProgramsDD
  34. 34. กําหนดขนาดหนาจอ 1366 px 25 px คอมพิวเตอร ดูเรื่องความละเอียด ทั้งจอไมพอ ตองคิดดวย วาจริงๆ เหลือพื้นที่แบบ บทเรียนไมลนจอเทาไหร 768 px โดยมาก Notebook จะเปน 1366 x 768 768 – 40 – 25 = 703 px 40 px กอนเปดโปรเจค เช็คความละเอียดจอแลว ลบทาสกบารออก 40 พิกเซล ลบไตเติ้ลบารออก 25 พิกเซล จะเห็นพื้นที่ที่แสดงบทเรียนแบบไมลนจอ จากรูปถาเปดไฟลที่ 1280 x 720 บทเรียนจะลนจอ ตองไมเกิน 1366 x 703 แตมันไมสวย ก็เลือกตามความเหมาะสมโดยดู ความสูงของจอเปนหลัก ยกเวนตั้งใจเปน Full Screen ก็สูงถึง 768 ได เชน 1024 x 768 https://www.facebook.com/ProgramsDD
  35. 35. กําหนดขนาดหนาจอ 1280 px แท็บเล็ตแอนดรอยด ดูเรื่องความละเอียด ทั้งจอไมพอ ตองคิดดวย วาจริงๆ เหลือพื้นที่แบบ บทเรียนไมลนจอเทาไหร 800 px โดยมาก Tablet จะเปน 1280 x 800 800 - 48= 752 px 48 px ถาเราตองการใชกับแท็บเล็ต ใหดูวามีความละเอียดเทาไรโดยดูที่ตัวสเปคของเครื่อว โดยมากจะมีขนาด 1280 x 800 ซึ่งตองลบทาสกบารออก 48 px จะไดพนที่จริง ยกเวนรุนที่ ื้ ไมมีทาสกบาร ใหใชขนาดปกติไมตองหักลบใดๆ ไดเลย https://www.facebook.com/ProgramsDD
  36. 36. กําหนดขนาดหนาจอ 1024 px iPad ดูเรื่องความละเอียด ทั้งจอไมพอ ตองคิดดวย วาจริงๆ เหลือพื้นที่แบบ บทเรียนไมลนจอเทาไหร 96 px 768 px iPad จะเปน 1024 x 768 768 – 96 = 672 px ถาเราตองการใชกับ iPad ซึ่งมีขนาดหนาจอ 1024 x 768 สิ่งที่ตองคํานึงก็คือ iPad เลน .swf ไมได ดังนั้นตอง Publish ชิ้นงานเปน HTML5 แลวเปดชิ้นงานผาน Safari หรือ Browser อื่นๆ จึงตองลบความสูงของพื้นที่ Address ของ Browser 96 พิกเซล https://www.facebook.com/ProgramsDD
  37. 37. กําหนดขนาดหนาจอ Smartphone ดูเรื่องความละเอียด ทั้งจอไมพอ ตองคิดดวย วาจริงๆ เหลือพื้นที่แบบ บทเรียนไมลนจอเทาไหร Smart Phone ไมเปนที่นิยมในการทําบทเรียน คอมพิวเตอร เนื่องจากหนาจอเล็ก บรรจุเนื้อหาไดไมมาก และหนาจอมีหลายขนาดมากเกินไป ถึงแมวาตอน Publish จะเปดเต็มจออยูเสมอ แตการแสดงผล อาจจะมี ผิดเพี้ยนไปบาง และตัวอักษรจะเล็กแทบมองไมเห็น ถาจะ ออกแบบหนาจอเพื่อ Smart Phone ตองคิดใหดีๆ https://www.facebook.com/ProgramsDD
  38. 38. กําหนดขนาดหนาจอ นําไปใชกับระบบ LMS ตองคํานึงวาสราง ชิ้นงานเสร็จแลว ใชกับ อุปกรณเลย หรือวานํา มันไปตอยอด กรณีนําชิ้นงานจาก Captivate ไปตอยอดในระบบ LMS การออกแบบหนาจอไมควรใหญ จนเกินไป ควรดูวาเทาไหรจึงจะเหมาะสม อยางเชน Moodle จะมี Panel ดานซายหรือ ขวา ทําใหพื้นที่ในการแสดงผลแคบลง อาจเลือกขนาดชิ้นงานเปน 800 x 600 จะปลอดภัย ที่สุด ซึ่งตอน publish จะตองสงในรูปแบบ .zip โดยใชมาตรฐาน SCORM https://www.facebook.com/ProgramsDD
  39. 39. SCORM กับ Adobe Captivate SCORM คืออะไร SCORM เปนมาตรฐานที่พัฒนาขึ้นเพื่อแกไขปญหาความไมเขากันของระบบ E-Learning ใน Adobe Captivate สามารถสงออกโดยใชมาตรฐาน SCORM ได อธิบายแบบเขาใจงายๆ วา ถาไมสงออกแบบ SCORM ตัว บทเรียนจะไมสามารถเก็บขอมูลผูเรียนได https://www.facebook.com/ProgramsDD
  40. 40. SCORM กับ Adobe Captivate SCORM คืออะไร หรือสงออกเปน SCORM แตไมนําไปใชกับระบบ LMS ก็จะไมมการบันทึก ี ขอมูลของผูเรียนดังนั้น ถาไมไดนําไปใชกับระบบ LMS ก็ไมตองไปใช SCORM https://www.facebook.com/ProgramsDD
  41. 41. SCORM กับ Adobe Captivate SCORM คืออะไร สิ่งที่จะทําใหบทเรียนที่สรางขึ้นดวย Adobe Captivate เก็บขอมูลผูเรียนได โดยไมงอ SCORM จะตองใช Widget Google LMS ซึ่งตองซื้อผานเว็บไซต เทานั้นในราคา 80$ https://www.facebook.com/ProgramsDD
  42. 42. สิงทีตองเตรียมพรอม ่ ่ คอมพิวเตอร / ฮารดแวร เครื่องดีมีชัยไปกวาครึ่ง ดังนั้นควรใชเครื่องที่ไม เกามากนัก • • • • • ติดตั้ง Windows 7 / Windows 8 (64-bit) ความละเอียดจอ 1366 x 768, 1600 x 900 ขึ้นไป แรม 4 GB เชื่อมตออินเทอรเน็ตได สําคัญตองเตรียมเนื้อหา องคประกอบใหพรอม อยาทําไปหาไป https://www.facebook.com/ProgramsDD
  43. 43. สิงทีตองเตรียมพรอม ่ ่ ซอฟตแวร อยาเรียนรูแค Adobe Captivate อยางเดียว ควรมีพื้นฐานโปรแกรม อื่นๆ ดวย • • • • พื้นฐานโปรแกรม Adobe Photoshop พื้นฐานโปรแกรม Adobe Premiere พื้นฐานโปรแกรม Word ฯลฯ ยิ่งมีทักษะการใชโปรแกรมที่หลากหลาย จะไดวัตถุดิบที่สรางขึ้นไดเอง และ ไมเปนการละเมิดลิขสิทธิ์ https://www.facebook.com/ProgramsDD
  44. 44. สิงทีตองเตรียมพรอม ่ ่ ซอฟตแวร อยาเรียนรูแค Adobe Captivate อยางเดียว ควรมีพื้นฐานโปรแกรม อื่นๆ ดวย ถาไมมีพื้นฐานก็ควรศึกษาไวเล็กๆ นอยๆ สามารถนําวัตถุดิบเชน ภาพ เสียง วิดีโอจากแหลงตางๆ มาใชได แตอยาลืมอางอิง https://www.facebook.com/ProgramsDD
  45. 45. สิงทีตองเตรียมพรอม ่ ่ ซอฟตแวร อยาเรียนรูแค Adobe Captivate อยางเดียว ควรมีพื้นฐานโปรแกรม อื่นๆ ดวย Adobe Captivate เปรียบเสมือนหมอ ที่นําวัตถุดิบจาก Ps Ai Fl Pr Au Ae มาปรุงรสชาติเพื่อใหเกิดการกลมกลอม https://www.facebook.com/ProgramsDD
  46. 46. สิงทีตองเตรียมพรอม ่ ่ ซอฟตแวร อยาเรียนรูแค Adobe Captivate อยางเดียว ควรมีพื้นฐานโปรแกรม อื่นๆ ดวย จะนาใชนาสนใจหรือไม ถาใชวัตถุดิบลงตัว ทั้งปริมาณละสีสัน ก็จะออกมา เปนผลงานที่ดี https://www.facebook.com/ProgramsDD
  47. 47. หนังสืออานเพิมเติม ่ ลุย !! https://www.facebook.com/ProgramsDD
  48. 48. https://www.facebook.com/ProgramsDD http://programsdd.wordpress.com ติดตามผลงาน และสอบถามเพิ่มเติม ฝกปฏิบัติ ฝกปฏิบติ ั https://www.facebook.com/ProgramsDD

×