งานพัฒนา Platform Video E-learning

1 กันยายน 2564
งานพัฒนา Platform Video E-learning

โจทย์นี้เป็นส่วนหนึ่งของงานพัฒนา Web Application เกี่ยวกับเรื่องการพัฒนาสินค้าสำหรับผู้ประกอบการรายย่อย ทางผู้ว่าจ้างต้องการให้ระบบมีฟีเจอร์ทางด้าน platform E-Learning ให้สมาชิกในโครงการสามารถเข้ามารับชมวิดิโออบรมการสอนเกี่ยวกับโครงการได้ โดยสามารถติดตามสถานะ Progress ความคืบหน้าการดูวิดิโอของสมาชิกแต่ละคน และมีหน้า Dashboard ให้ Admin ดูสถานะภาพรวมการดูวิดิโอทั้งโครงการลักษณะคล้ายคลึงกับของ Youtube ได้

จากโจทย์ที่ได้รับ ทางผมได้ประเมินและออกแบบการทำงานของระบบมา ดังนี้

ระบบ Admin จัดการ วิดีโอ

ในเรื่องการจัดการวิดิโอ ผมได้แนะนำให้ทางผู้ว่าจ้างเลือกใช้ platform Vimeo สำหรับการ upload วิดิโอและทำการ streaming video มาบนเว็บไซต์ ข้อดูของการใช้ service นี้คือ เราไม่จำเป็นต้อง host Video ไว้ที่ server ของเราเอง และระบบสามารถรองรับจำนวนการ streaming จากผู้ใช้จำนวนมากได้โดยไม่เป็นภาระ Server ของเรา โดยเราสามารถเลือก service plan กับทาง Vimeo ที่เหมาะสมกับ Scale ของโปรเจคเราได้

ตัวอย่างหน้าจอ Admin list วิดิโอในโครงการ

ในส่วนของการเพิ่มวิดิโอเข้าโครงการแล้ว เมื่อทาง Admin ได้ upload video เข้า Vimeo แล้ว admin เพียงแค่ copy link วิดิโอจาก vimeo มาวางในระบบ เล้วเบื้องหลังโปรแกรมจะทำการ ดึงข้อมูล link video, thumbnail, รายละเอียดวิดิโอ, ความยาววิดิโอ และข้อมูลอื่น ๆ มาเก็บในระบบให้อัตโนมัติ สามารถเล่นวิดิโอจากในระบบของเราได้โดยตรงเลยทันที

การเพิ่ม link Vimeo ในระบบ
ตัวอย่างการจัดการ admin Video ในระบบ

การดูวิดิโอของสมาชิกในโครงการ

ตัวอย่าง Playlist วิดิโอในโครงการ

สมาชิกในแต่ละโครงการเมื่อ login เข้าระบบแล้วจะเห็นรายการ Video ที่สามารถเข้าไปรับชมได้ โดยระบบจะมีการติดตาม progress % ความคืบหน้าของการดูิวิดิโอทั้งโครงการไว้ได้ เพื่อให้สมาชิกได้ทราบว่าตัวเองดูวิดิโอไหนถึงตรงไหนแล้วบ้าง

หน้าจอการดูวิดิโอ
สมาชิกสามารถแสดงความคิดเห็นในแต่ละวิดิโอที่ดูได้

ระบบ Admin Dashboard ติดตามภาพรวมสถานะการดูวิดิโอของสมาชิกในโครงการ

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

  • จำนวนยอดวิวในแต่ละวิดิโอ
  • จำนวนสมาชิกที่เข้ามาดูวิโอนั้น
  • ระยะเวลาที่ดูแต่ละวิดิโอ
  • จำนวนความคิดเห็น
ตัวอย่างหน้า Dashboard สถิติการดูวิดิโอในโครงการ
สถิติการดูวิดิโอของสมาชิแต่ละคน

หากผู้สนใจ กำลังมองหา Developer ผู้มีความชำนาญ มาช่วยออกแบบและพัฒนา ระบบ E-learning หรืองานที่ไกล้เคียง เพื่อตอบโจทย์ให้ธุรกิจของคุณประสบความสำเร็จมากยิ่งขึ้น ผมพร้อมช่วเหลือและสามารถติดต่อมาเพื่อพูดคุยสอบถามเพิ่มเติมได้เลยครับ

Phattarachai Chaimongkol

เกี่ยวกับ phattarachai.dev

มองหา Freelance Web Developer อยู่รึเปล่าครับ?
ทักเข้ามาพูดคุยกันได้เลย ผมพร้อมรับฟัง Requirement และช่วยสร้าง Solution ที่คุณนำไปต่อยอดใช้งานได้จริงในเวลาไม่นานครับ

เรื่องล่าสุด

วิธีการให้ git จดจำ password โดยไม่ต้องระบุใหม่ทุกครั้ง
1 กันยายน 2564
วิธีการให้ git จดจำ password โดยไม่ต้องระบุใหม่ทุกครั้ง
วิธีการเช็ค Detect Browser ผู้ใช้จาก Laravel
1 กันยายน 2564
วิธีการเช็ค Detect Browser ผู้ใช้จาก Laravel
ระบบแบบทดสอบประเมินบุคลิกภาพ
1 กันยายน 2564
ระบบแบบทดสอบประเมินบุคลิกภาพ