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