LogoLogo
  • รวมคำถามที่พบบ่อย
  • MANGO Canvas คืออะไร?
  • เริ่มต้นใช้งาน
  • การใช้งานบน Application Canvas
  • กลับไปหน้าคู่มือทั้งหมด
  • Tips & Tricks การใช้งานระบบ MANGO Canvas
    • การ Import คะแนน
    • การนำเข้าข้อสอบจากระบบ moodle
    • MANGO Quiz Converter
    • กำหนดหมวด Assignment และนำหนักคะแนนให้ชัดเจน
    • การแก้ไฟล์ excel ที่ไม่แสดงผลภาษาไทย
    • แก้ไขส่วนที่เฉลยผิด(Regrade)
    • สร้างวิดีโอ Interactive
    • การเพิ่มคลิปให้กดดูคลิปได้เลยไม่ต้องเปิดหน้าต่างใหม่
    • การเปลี่ยนหน้า Home Page ของคอร์ส
    • Badge
  • การกู้คืนข้อมูลที่ลบไป
  • การสร้าง Course
    • สร้าง Course ผ่านระบบสร้างวิชา Course Portal
  • การเพิ่มเนื้อหาวิชา
    • การจัดการ Module
    • Add Item to Module
      • External URL
      • Discussions
      • Page
    • การนำเข้าเนื้อหาจาก Moodle ไป Mango Canvas
    • การ import เนื้อหาจากวิชาที่มีอยู่ในระบบ Canvas
    • การอัปโหลดคลิปวิดีโอ
  • Quizzes & Assignment
    • Quizzes vs New Quizzes
    • Quizzes
      • Question Banks
        • การย้ายข้อสอบไปคลังอื่น
        • การย้าย Question Bank ไปคอร์สอื่น
      • Essay Question
      • File Upload Question
      • Fill In The Blank
      • Fill In Multiple Blanks
      • Formula Question
      • Matching
      • Multiple Answers
      • Multiple Choice
      • Multiple Dropdowns
      • Numerical Answer
      • Text (No Question)
      • True/False
    • New Quizzes
      • Item Bank
        • การจัดการ Item Bank
        • การเพิ่มข้อสอบจากคลังเข้าสู่ Quizzes
        • แชร์ Item Bank
      • Moderate ขยายเวลา
      • Categorization
      • Essay
      • File Upload
      • Fill in the blank
      • Formula
      • Hot Spot
      • Matching
      • Multiple Answer
      • Multiple Choice(New Quizzes)
      • Numeric
      • Ordering
      • True or False(New Quizzes)
      • Stimulus
    • Assignment
      • การจัดการสัดส่วนคะแนน (Assignment Groups Weight)
      • ดาวน์โหลดไฟล์งานทุกชิ้นที่ผู้เรียนส่งมา
      • ดาวน์โหลดไฟล์งานทุกชิ้นที่ผู้เรียนส่งมา(จาก Gradebook)
  • การออกแบบ Course
    • การตั้งค่า Peer Reviews
    • กำหนดความคาดหวัง
      • การสร้าง Rubrics
      • การเพิ่ม Outcome
      • การตั้งค่า Gradebook
    • การปรับแต่ง Navigation
      • การกำหนด Home Page
      • การจัดการ Course Navigation
    • การตั้งเงื่อนไขเข้า Module ให้กับผู้เรียน
      • Prerequisites
      • Requirements
    • ตรวจงานด้วย SpeedGrader
      • การใช้งาน SpeedGrader
    • Assign งานกลุ่มให้ผู้เรียน
      • การจัดการ Group Set ในคอร์ส
      • การจัดการ Student Group
  • การติดต่อกับนักศึกษา
    • การส่งข้อความผ่าน Inbox
    • การประกาศ Announcement
  • การจัดการรายชื่อผู้เข้าร่วม Course
    • การเพิ่มผู้เข้าร่วม Course
    • Role Permissions
    • การเชิญผู้เข้าร่วมคอร์สด้วย Invited Link
    • การแก้ไข Role ของผู้ที่อยู่ใน Course แล้ว
Powered by GitBook
On this page
  • การนำ H5P มาใช้งานบน Mango
  • การสร้างวิดีโอ Interactive
  1. Tips & Tricks การใช้งานระบบ MANGO Canvas

สร้างวิดีโอ Interactive

Previousแก้ไขส่วนที่เฉลยผิด(Regrade)Nextการเพิ่มคลิปให้กดดูคลิปได้เลยไม่ต้องเปิดหน้าต่างใหม่

Last updated 1 year ago

ระบบ moodle มีส่วนที่รองรับวิดีโอแบบ Interactive ที่สร้างบน H5P ได้ ในระบบ Mango Canvas เองก็รองรับวิดีโอ Interactive ด้วยเช่นกัน ซึ่งอาจารย์สามารถ Embed คอนเทนต์ H5P ใน Assignment หรือหน้า Page ภายในคอร์สของอาจารย์ได้

การนำ H5P มาใช้งานบน Mango

สำหรับอาจารย์ที่ใช้การสร้างวิดีโอโดยตรงบนระบบของ H5P หรือมีวิดีโอในระบบอยู่แล้ว สามารถนำโค้ด Embed วิดีโอมาใส่ไว้ในคอร์ส Mango ได้เลย

Copy Embed Code จาก H5P

สร้าง Page ใหม่บน Mango

เปิด HTML Editor

วางโค้ดลงไปใน Text Editor และลบข้อความหลัง </iframe> ออกทั้งหมด

กดกลับไปที่ Rich Text Editor เพื่อดูการแสดงผลของ Interactive Video

คอนเทนต์ H5P ของโค้ด Embed ที่นำมาวางจะแสดงผลใน Rich Text Editor กดทดลองเล่นได้ หรือเขียนเนื้อหาเพิ่มเติม

เมื่อเรียบร้อยแล้วกด Save

ได้หน้า Page ที่มีวิดีโอ Interactive ฝังอยู่เพื่อให้ผู้เรียนมีส่วนร่วมกับเนื้อหาได้

การสร้างวิดีโอ Interactive

สำหรับอาจารย์ที่ต้องการสร้างวิดีโอ Interactive หรือคอนเทนต์ Interactive อื่นๆที่สามารถใช้งานกับ Mango Canvas ได้ รวมถึงการย้ายคอนเทนต์ Interactive จากระบบ kc moodle มาใช้งานต่อบน Mango Canvas สามารถใช้งานโปรแกรม Lumi เพื่อสร้างวิดีโอ Interactive เพื่อใช้งานกับ Mango Canvas ได้

สร้างวิดีโอใหม่เลือก H5P Editor กดที่ START

สร้างวิดีโอใหม่ที่ new H5P เลือกคอนเทนท์ที่ต้องการ

อัปโหลดวิดีโอแล้วสร้าง interactions และ task ตามต้องการ

เมื่อสร้างวิดีโอเสร็จ กด File >> Export >> เลือก SCORM package >> EXPORT NOW

ไปที่คอร์ส Mango Canvas >> SCORM >> ปุ่มจุด 3 จุด >> Enable >> Save

ไปที่ SCORM ในแถบเมนูด้านซ้าย เลือก Upload

เลือกไฟล์ที่ Export จาก Lumi

เมื่ออัปโหลดเสร็จจะปรากฏเมนูดังภาพ เลือก Choose Import type... เพื่อนำเข้าวิดีโอสู่คอร์สในรูปแบบต่างๆ

  • Import as graded assignment นำเข้าคอร์สเป็น Assignment แบบเก็บคะแนน

  • Import as ungraded assignment นำเข้าคอร์สเป็น Assignment แบบไม่เก็บคะแนน

  • Import as page นำเข้าคอร์สเป็น page

เมื่อเลือกแล้วกด Go ปุ่มสีเขียว

  • รูปแบบที่ Import

  • A+ กดเพื่อไปยังหน้าที่ Import ไว้ในคอร์สเพื่อแก้ไขต่อ

  • Preview ดูวิดีโอนั้นๆ

  • ถังขยะ ลบวิดีโอออกจากระบบ

สามารถนำวิดีโอดังกล่าวไปใช้งานบนคอร์สต่อได้ทันที

ดาวน์โหลดโปรแกรม Lumi :

https://app.lumi.education/