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

1 กันยายน 2564 เวลาอ่าน 5 นาที
งานพัฒนา 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

ผมอ๊อฟนะครับ เป็นผู้ประกอบการอิสระ ที่ปรึกษาทางด้าน Web Application Development ให้แก่องค์กร ธุรกิจ SME และหน่วยงานราชการ
Web Developer ผู้มีใจรักใน Laravel เป็นพาร์ทเนอร์บริษัท Digital Agency ชั้นนำทางด้าน UX/UI เพื่อพัฒนาโปรเจคให้แก่ลูกค้า ผมช่วยสร้างเครื่องมือทางด้าน Web ที่มีคุณภาพให้ผู้ประกอบการดำเนินธุรกิจได้ง่ายขึ้นใช้งานได้จริง เน้นประสบการณ์ ความชำนาญ ผลงานคุ้มค่าเทียบเท่าจ้างงานกับบริษัทใหญ่ ๆ

ยามว่าง ๆ ชอบเล่นเกมส์บน Steam ครับ

เรื่องที่เกี่ยวข้อง

ระบบบัญชีออมทองผ่าน Line OA
1 กันยายน 2564
ระบบบัญชีออมทองผ่าน Line OA
ระบบแบบทดสอบประเมินบุคลิกภาพ
1 กันยายน 2564
ระบบแบบทดสอบประเมินบุคลิกภาพ
ระบบติดตามโครงการการออกแบบผลิตภัณฑ์สินค้า OTOP
1 กันยายน 2564
ระบบติดตามโครงการการออกแบบผลิตภัณฑ์สินค้า OTOP