Xây dựng nền tảng đào tạo trực tuyến livedu

ĐẠI HỌC QUỐC GIA TP.HCM TRƯỜNG ĐẠI HỌC BÁCH KHOA KHOA KHOA HỌC & KỸ THUẬT MÁY TÍNH ! LUẬN VĂN TỐT NGHIỆP ĐẠI HỌC ! ! ! XÂY DỰNG NỀN TẢNG ĐÀO TẠO TRỰC TUYẾN LIVEDU ! NGÀNH: KHOA HỌC MÁY TÍNH GVHD: ThS Trần Thị Quế Nguyệt GVPB: ThS Lê Thị Bảo Thu -o0o SVTH 1: Đặng Hoàng Phúc SVTH 2: Lê Đỗ Anh Khoa SVTH 3: Nguyễn Lương Quốc Huy ! ! TP HỒ CHÍ MINH, 7/2021 1712657 1711769 1711521 KHOA KH & KT MÁY TÍNH ên SV1: -Ngày 12 tháng 08 2021 àng Phúc MSSV: 1712657 MSSV: 1711769 MSSV: 1711521 Lê 3: Ngành (chuyên ngành): LIVEDU : ThS Lê Th -S - Thu n A2: tay máy tính: tìm hi Các tính n h h tr , - Tìm hi áp d - Sinh viên có su h - Giao di nghi xây d - c viên, khố video conferencing có tích h nhi cơng ngh ho trình ki t - Nghiêp v tr - Ch ó tính n ng ghi l nh ReactJs, Redux, Spring Boot, WebRTC ri heroku, ánh giá c LVTN: c ác yêu c lý d àh bu a b c á, TB): gi 9.5 /10 ) ThS Lê Th u LỜI CAM ĐOAN Chúng xin cam đoan tảng nhóm tự tìm hiểu, nghiên cứu phát triển hướng dẫn Ths Trần Thị Quế Nguyệt Các nội dung nghiên cứu, kết đề tài trung thực chưa cơng bố hình thức trước Nếu có phát gian lận nào, chúng tơi xin hồn tồn chịu trách nhiệm nội dung chấp nhận hình thức kỷ luật trước Ban chủ nhiệm Khoa Khoa Học Và Kỹ Thuật Máy Tính Ban Giám Hiệu Trường Đại Học Bách Khoa, ĐHQG Thành Phố Hồ Chí Minh.! LỜI CẢM ƠN Lời đầu tiên, chúng em xin bày tỏ lòng biết ơn sâu sắc đến Ths Trần Thị Quế Nguyệt, người đồng hành với chúng em suốt trình thực đề tài từ ý tưởng ban đầu đến lúc hoàn thiện hệ thống Cảm ơn góp ý cho chúng em nhiều ý kiến hữu ích, tạo điều kiện sở vật chất để chúng em thực đề tài, thời gian covid 19 hồnh hành TP Hồ Chí Minh Trong q trình hồn thiện luận văn tốt nghiệp, ln bên theo dõi, góp ý, bổ sung trợ giúp trình làm việc cho chúng em Chúng em xin gửi lời cảm ơn quý thầy cô trường ĐH Bách Khoa, đặc biệt thầy cô Khoa Khoa học Kỹ thuật Máy tính Trong thời gian học tập trường, thầy tận tình dạy cho chúng em nhiều kiến thức, học bổ ích Những kiến thức, học không chúng em áp dụng để hoàn thành đề tài luận văn mà hành trang đồng hành với chúng em suốt quãng đời cịn lại Cảm ơn gia đình, người ln động viên tạo điều kiện cho chúng em học tập có kết thời điểm Cuối cùng, chúng em xin gửi lời cảm ơn tới quý thầy cô hội đồng luận văn dành thời gian đánh giá đề tài chúng em Trong trình thực đề tài, kiến thức hạn chế lực thời gian, dù rà sốt nhiều lần khơng thể tránh khỏi sai sót Chúng em mong nhận đánh giá góp ý từ q thầy ! Một lần nữa, chúng em xin chân thành cảm ơn Nhóm thực đề tài ! ! ! Mục lục LỜI CAM ĐOAN 1! LỜI CẢM ƠN 2! TÓM TẮT CHƯƠNG 7! DANH MỤC HÌNH ẢNH 9! DANH MỤC BẢNG 13! NỘI DUNG 15! CHƯƠNG 1.! GIỚI THIỆU ĐỀ TÀI 15! 1.1! TỔNG QUAN 15! 1.2! NỘI DUNG THỰC HIỆN 15! 1.3! Ý NGHĨA 15! 1.3.1! Ý NGHĨA THỰC TIỄN 15! 1.3.2! Ý NGHĨA KHOA HỌC, KỸ THUẬT 16! 1.4! GIỚI HẠN ĐỀ TÀI 16! 1.4.1! PHẠM VI 16! 1.4.2! GIỚI HẠN 16! CHƯƠNG 2.! KIẾN THỨC NỀN TẢNG 17! 2.1! FRONT-END 17! 2.1.1! REACT 17! 2.1.2! UMIJS 20! 2.1.3! REDUX – DVA 20! 2.1.4! ANT DESIGN 23! 2.2! BACKEND 24! 2.2.1! JAVA 24! 2.2.2! GRADLE 24! 2.2.3! SPRING VÀ SPRING BOOT 25! 2.3! CƠ SỞ DỮ LIỆU 26! 2.3.1! HỆ CƠ SỞ DỮ LIỆU QUAN HỆ 26! 2.3.2! MYSQL 27! 2.3.3! HIBERNATE 27! 2.4! CI-CD 28! 2.4.1! GITHUB ACTION 28! 2.4.2! DOCKER 29! 2.4.3! DOCKER-COMPOSE 30! 2.5! WEBRTC 31! 2.5.1! KIẾN TRÚC NỀN TẢNG VIDEO CONFERENCING 34! 2.5.2! VIDEO CONFERENCE TECH OPEN SOURCE 37! 2.6! CÁC CÔNG NGHỆ KHÁC 41! 2.6.1! HEROKU 41! 2.6.2! AMAZON WEB SERVICES 42! 2.7! THIRD PARTY API 42! 2.7.1! MOMO API V2 AIO 42! 2.7.2! GOOGLE DRIVE 43! 2.7.3! XÁC THỰC NGƯỜI DÙNG – GOOGLE OAUTH 2.0 44! CHƯƠNG 3.! TÌM HIỂU NGHIỆP VỤ 46! 3.1! KHẢO SÁT CÁC HỆ THỐNG HIỆN TẠI 46! 3.2! CÁC KHÁI NIỆM TRONG HỆ THỐNG 47! CHƯƠNG 4.! THIẾT KẾ HỆ THỐNG 48! 4.1! LƯỢC ĐỒ USECASE 48! 4.2! MÔ TẢ CHI TIẾT USECASES 50! 4.3! ERD 73! 4.4! THIẾT KẾ CƠ SỞ DỮ LIỆU 74! 4.5! CHI TIẾT CƠ SỞ DỮ LIỆU 75! 4.6! LUỒNG HOẠT ĐỘNG CƠ BẢN 81! 4.6.1! QUY TRÌNH ĐĂNG KÝ TÀI KHOẢN 81! 4.6.2! QUY TRÌNH ĐĂNG NHẬP 81! 4.6.3! QUY TRÌNH GIA NHẬP NHĨM 81! 4.6.4! QUY TRÌNH TẠO MƠN HỌC 82! 4.6.5! QUY TRÌNH THÊM BÀI HỌC 82! 4.6.6! QUY TRÌNH TẠO LỚP HỌC 82! 4.6.7! QUY TRÌNH THAM GIA PHỊNG HỌC TRỰC TUYẾN 82! 4.6.8! QUY TRÌNH THAY ĐỔI GIỮA CÁC NHĨM 83! 4.6.9! QUY TRÌNH TẠO LỊCH HỌC BỔ SUNG 83! 4.6.10! QUY TRÌNH HỌC BÙ 83! 4.6.11! QUY TRÌNH CHẤP NHẬN YÊU CẦU HỌC BÙ 83! 4.6.12! QUY TRÌNH XÁC ĐỊNH BUỔI HỌC TƯƠNG ĐƯƠNG ĐỂ HỌC BÙ 83! CHƯƠNG 5.! HIỆN THỰC HỆ THỐNG 85! 5.1! 5.2! 5.3! 5.4! 5.5! QUẢN LÝ MÃ NGUỒN GIT – GITHUB 85! CẤU TRÚC THƯ MỤC FE 86! CẤU TRÚC THƯ MỤC BE 87! HIỆN THỰC HỆ THỐNG VIDEO CONFERENCE DÙNG 90! HIỆN THỰC HỆ THỐNG VIDEO CONFERENCE DÙNG JITSI 92! CHƯƠNG 6.! GIAO DIỆN ỨNG DỤNG WEB 95! 6.1! GIAO DIỆN TRANG WELCOME 95! 6.2! GIAO DIỆN ĐĂNG KÝ, ĐĂNG NHẬP 95! 6.3! GIAO DIỆN TRANG CHỦ 98! 6.4! GIAO DIỆN TRANG QUẢN LÝ MÔN HỌC 99! 6.5! GIAO DIỆN TRANG CHI TIẾT MÔN HỌC 100! 6.5.1! GIAO DIỆN TRANG QUẢN LÝ LỚP HỌC 104! 6.6! GIAO DIỆN BUỔI HỌC TRỰC TUYẾN 107! 6.7! GIAO DIỆN QUẢN LÝ TỆP 110! 6.8! GIAO DIỆN QUẢN LÝ NHÓM 110! 6.9! GIAO DIỆN QUẢN LÝ THÔNG BÁO 112! 6.10! GIAO DIỆN TRANG QUẢN LÝ NGƯỜI DÙNG CỦA NHÓM 114! 6.11! GIAO DIỆN TRANG PHÂN TÍCH 115! 6.12! GIAO DIỆN TRANG THÔNG TIN CÁ NHÂN 116! CHƯƠNG 7.! KIỂM THỬ 118! 7.1! KIỂM THỬ BACK-END 118! 7.2! KIỂM THỬ JITSI 121! 7.2.1! TEST CASE 1: 121! CHƯƠNG 8.! TRIỂN KHAI HỆ THỐNG 124! 8.1! TRIỂN KHAI BACKEND: 124! 8.2! TRIỂN KHAI FRONT-END 127! CHƯƠNG 9.! ĐÁNH GIÁ VÀ CẢI THIỆN HIỆU SUẤT 130! CHƯƠNG 10.! TỔNG KẾT VÀ HƯỚNG PHÁT TRIỂN ĐỀ TÀI 134! 10.1! ĐÁNH GIÁ KẾT QUẢ ĐẠT ĐƯỢC 134! 10.1.1! ĐỐI VỚI TÌM HIỂU NGHIỆP VỤ 134! 10.1.2! ĐỐI VỚI CƠ SỞ LÝ THUYẾT VÀ CÔNG NGHỆ 134! 10.1.3! ĐỐI VỚI PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 134! 10.1.4! ĐỐI VỚI ĐỜI SỐNG, XÃ HỘI 134! 10.2! HƯỚNG PHÁT TRIỂN CỦA ĐỀ TÀI 134! ! ! Ảnh 98 JVB cpu Ảnh 99 JVB bandwidth Kết luận (dựa theo kết luận tác giả): -! Số lượng người dùng tỉ lệ tuyến tính với mức độ sử dụng CPU -! Load balancer hoạt động hiệu quả, chia tải instance JVB, việc tăng số lượng JVB giúp tăng số lượng người room -! Hệ thống chịu tải tốt, có tình trạng người dùng kết nối -! Có thể ước lượng đơn vị CPU chịu tải khoảng 15 người dùng, tăng theo tỉ lệ tuyến tính, tức muốn chịu tải số lượng người dùng lớn hơn, mở rộng hệ thống cách thêm CPU 123 Chương 8.! Triển khai hệ thống 8.1! Triển khai Backend: Việc triển khai backend server thực máy ảo EC2 Amazon Sau triển khai server máy ec2, chúng tơi thấy có ưu điểm so với việc deploy cách truyền thống sau: -! Việc setup máy ảo diễn nhanh chóng dễ dàng tùy chọn cầu hình cần thiết -! Dễ dàng scale hệ thống cần thêm tài nguyên -! Chi phí tính theo thời gian sử dụng Quy trình thiết lập máy ảo: Ảnh 100 Chọn hệ điều hành image Bước 1: Chọn image Ở chọn Ubuntu Server 18.03 LTS 124 Ảnh 101 Chọn loại instance Bước 2: Chọn loại Instance Các instance chia theo cấu hình khác Ở chọn instance r5.large Instance cho phép sử dụng nhiều băng thông để phù hợp với tính video call Ảnh 102 Cấu hình instance Bước 3: Thiết lập instance Ở để mặc định 125 Ảnh 103 Thiết lập lưu trữ Bước 4: Thiết lập lưu trữ Ở chọn mặc định Ảnh 104 Thiết lập bảo mật Bước 5: Thiết lập bảo mật Ở mở số port port 22 (dùng cho SSH), port 8443 (dùng cho kurento), port 8888 (dùng cho front end), port 3478 (dùng cho Adminer để quản lý Db từ xa) Sau thiết lập xong máy ảo, SSH vào server Để deploy backend server, chúng tơi cài đặt máy ảo cách chương trình cần thiết Java, Gradle, Docker, Docker compose, Git Chúng dùng git để clone source code từ máy ảo build thành file Jar Sau đó, chúng tơi viết custom service để chạy file Jar 126 Mỗi lần build thành cơng, dùng lệnh “sudo systemctl restart olympus để restart Ảnh 105 Cấu hình service server server Kết hợp với github action, Chúng tơi tự động việc build + deploy backend server action: appleboy/ssh-action@master Ảnh 106 Sync task Github Action Sau commit lên nhánh deploy, action trigger thực bước sau: ssh lên máy ec2, pull code mới, build restart server Thay đổi cập nhật server cách tự động 8.2! Triển khai Front-end Front end sau build đóng thành Docker Image chạy nginx Sau docker image push deploy heroku 127 Ảnh 107 Cấu hình Github Action để deploy lên Heroku Chúng triển khai front end tảng Heroku Lợi ích việc triển khai heroku Heroku cung cấp sẵn chứng HTTPS, giúp tiết kiệm chi phí, Heroku cung cấp tên miền dễ đọc dễ nhớ Tuy nhiên, số lượng request bị giới hạn có 75 request/ngày/1 repo Việc deploy diễn tự động github action có commit push lên nhánh deploy Action akhileshns/heroku-deploy@v3.12.12 chạy build Docker image tự động deploy Heroku Một vấn đề deploy Heroku Heroku tự động gán port cho docker image Vì thể thiết lập cố định port nginx server khơng nhận request Do đó, chúng tơi có dùng cách khác việc dùng lệnh sed để chuỗi “$PORT” config nginx biến môi trường $PORT heroku (thay đổi lần deploy) 128 Ảnh 108 Cấu hình nginx Front-end Ảnh 109 Dockerfile Front-end Sau triển khai thành công, tảng chạy trang web https://livedufe.herokuapp.com/ Từ đó, triển khai thử nghiệm với người dùng thực tế để có đánh giá cải thiện sau 129 Chương 9.! Đánh giá cải thiện hiệu suất Hiệu suất phần quan trọng website liên quan trực tiếp tới trải nghiệm người dùng Ở đây, sử dụng cơng cụ LightHouse devtool tích hợp sẵn Google Chrome Sau kết kiểm tra với mobile Ảnh 110 Kết sử dụng công cụ LightHouse Nhận thấy, kết công cụ LightHouse trang Welcome hệ thống Desktop cho điểm số 66 Điểm số điểm số thấp Công cụ cung cấp số gợi ý để cải thiện hiệu trang, ví dụ như: -! Thêm preload resource quan trọng để load trước, tránh trường hợp resource không quan trọng tải trước, phải đợi resource quan trọng để tải lên trang -! Dữ liệu javascript dư thừa, phần nhóm tối ưu lại phần source code dependency dư thừa Ảnh 111 Phân tích Lighthouse nhằm cải thiện hiệu -! Sử dụng HTTP/2 thay cho HTTP 1.1: HTTP/2 giới thiệu phương thức nhằm giảm thời gian tải trang nén, ghép kênh (multiplexing) ưu tiên 130 Ảnh 112 Ví dụ tối ưu preload, số file tốn thời gian load lâu Lighthouse Khi bạn truy cập vào site bạn, request gửi tới server để chuyển file HTML, CSS, JS xuống Những file lớn, nhiều thời gian để tải Bằng cách nén trang web bạn CSS trước gửi chúng qua cho trình duyệt giảm thời gian tải xuống đáng kể files nhỏ Nhóm nhận thấy phần lớn việc làm chậm hiệu trang web đến từ việc tải resource HTML, JS CSS, số hình ảnh nặng Từ quan sát đó, nhóm chúng tơi sử dụng Gzip để nén file caching tài nguyên cần thiết để giảm tải cho phía người dùng Thuật tốn Gzip tìm ký tự giống lặp lại liên tiếp thay chuỗi tạm thời chuỗi nhỏ hơn, làm giảm kích thước file Những file HTML, JS CSS thường có nhiều khoảng trắng, Gzip tỏ hiệu làm dung lượng file giảm khoảng 50-70% Ngoài ra, nhóm cịn sử dụng HTTP/2 để giúp tối ưu thời gian tải resource cần thiết Dựa vào đó, nhóm chúng tơi lựa chọn cấu hình nginx sau: Ảnh 113 Cấu hình cache 131 Ảnh 114 Thêm cache với static file Ảnh 115 Bật gzip resource tương ứng Kết sau thực cache thực nén gzip: Các số đánh giá hiệu trang welcome 90, trang chủ 76 (tăng lên từ 55), thời gian tải trang trung bình 5s (tăng lên từ 11-16s) Ta nhận thấy thông số cải thiện đáng kể mặt hiệu tốc độ 132 Ảnh 116 Kết điểm performance trang welcome sau tối ưu Ảnh 117 Kết điểm performance trang chủ sau tối ưu Thời gian tải resource giảm đáng kể (khoảng 40-70%) Sau tối ưu kiểm tra thêm hình khác, điểm số performance trung bình 75% 133 Chương 10.! Tổng kết hướng phát triển đề tài 10.1! Đánh giá kết đạt Những cơng việc hồn thành sau hồn thành luận văn: 10.1.1! Đối với tìm hiểu nghiệp vụ Chúng tơi tìm hiểu nghiệp vụ tảng học tập giáo dục online hỗ trợ trường học doanh nghiệp Các tính hệ thống bao gồm quản lý nhóm, quản lý học viên, quản lý khố học, mơn học, lớp học, … tính hội họp trực tuyến video conferencing 10.1.2! Đối với sở lý thuyết cơng nghệ Qua dự án trên, nhóm chúng tơi tìm hiểu, tham khảo chọn lựa cơng nghệ liên quan để phát triển tảng Các công nghệ bật bao gồm: -! Thiết kế giao diện, sử dụng React để phát triển ứng dụng web, kèm hệ sinh thái UmiJS, Ant Design, Redux React Hook -! Tối ưu React cách triển khai Front-end qua Heroku -! Hiện thực server Java với Spring Boot Framework -! Sử dụng MySql làm hệ quản trị sở liệu -! Hiểu biết WebRTC công nghệ streaming video conferencing -! Tích hợp API bên thứ ba: o! Momo API cho toán điện tử o! Google API để lưu trữ liệu o! Jitsi Kurento việc triển khai hệ thống video conferencing mã nguồn mở -! Thực triển khai dự án, tích hợp cơng nghệ CI/CD vào dự án 10.1.3! Đối với phân tích thiết kế hệ thống Chúng tơi phân tích yêu cầu chức năng, phi chức năng, lập lược đồ usecase, định nghĩa xây dựng sở liệu tương ứng 10.1.4! Đối với đời sống, xã hội Nhờ có tảng này, việc dạy học trực tuyến trở nên rõ ràng, quy củ nhờ hệ thống kiểm soát người dùng, lịch học nội dung học trực tuyến Mỗi người dùng không cần phải tự kiểm tra lịch, sử dụng phần mềm khác để giúp theo dõi lịch học Bất kỳ tạo nhóm với khố học riêng Những tính bổ sung giúp việc dạy học online dễ dàng điểm danh, giúp việc theo dõi học sinh học viên có tập trung vào buổi học hay khơng, từ có đánh giá điểm số q trình học học viên Tính bình luận, đặt câu hỏi giúp người dạy người học tương tác với rõ ràng, cụ thể Hệ thống file giúp người giáo viên tải tài liệu cần thiết cho người học có tài liệu mà họ cần… Có thể nói, giải pháp LIVEDU giải pháp All-In-One, kết hợp tính elearning quản lý học sinh, quản lý khoá học, học với tính video conferencing Một giải pháp tiện ích thời kỳ covid 10.2! Hướng phát triển đề tài Sau hoàn thành chứng trên, chúng tơi nhận thấy hệ thống có khả phát triển lớn hơn, diễn biến đại dịch covid thay đổi hoàn toàn cách doanh nghiệp giáo dục Tuy nhiên, lực thời gian có hạn, chưa có đủ điều kiện, nên thiếu sót q trình thực khơng thể khơng có 134 Chúng tơi đề xuất số hướng phát triển tương lai ứng dụng: -! Hệ thống calendar tích hợp kèm hệ sinh thái calendar khác Google Calendar -! Hiện thực hệ thống đề xuất thời gian dạy mơn học -! Tích hợp hình thức chơi game, tạo biểu mẫu, voting gọi trực tuyến -! Cải thiện hệ thống điểm danh, đánh giá học viên -! Đưa giải pháp, giới hạn tính để tăng doanh thu từ khách hàng -! Tích hợp đa tảng tốn Paypal, ZaloPay -! Hiện thực hệ thống hỗ trợ thi trực tuyến 135 TÀI LIỆU VÀ THÔNG TIN THAM KHẢO [1] Open planning (2021) Giới thiệu React [Online] Có sẵn https://openplanning.net/12115/gioi-thieu-ve-react [Đã truy cập vào 10 tháng 7, 2021] tại: [2] Hương NX (2018) Server Side Rendering vs Client Side Rendering [Online] Có sẵn tại: https://viblo.asia/p/server-side-rendering-vs-client-side-rendering-RQqKLz30l7z [Đã truy cập vào 10 tháng 7, 2021] [3] Giang LV (2019) Làm quen với React Hook [Online] Có sẵn tại: https://viblo.asia/p/lam-quen-voi-react-hook-OeVKBdnQlkW [Đã truy cập vào 10 tháng 7, 2021] [4] Trường Lưu (2020) Giới thiệu UmiJS P1 (Tổng quan umiJS) [Online] Có sẵn tại: https://luuxuantruong.info/gioi-thieu-ve-UmiJS-p1-tong-quan-ve-UmiJS/ [Đã truy cập vào 11 tháng 7, 2021] [5] Giang LV (2020) Cơ Redux Saga [Online] Có sẵn tại: https://viblo.asia/p/coban-ve-redux-saga-gDVK22x2KLj [Đã truy cập vào 11 tháng 7, 2021] [6] Sandy W (2017) Developing modern offline apps with ReactJS, Redux and Electron – Part – ReactJS + Redux [Online] Có sẵn tại: https://blog.codecentric.de/en/2017/12/developingmodern-offline-apps-reactjs-redux-electron-part-3-reactjs-redux-basics/ [Đã truy cập vào 11 tháng 7, 2021] [7] Interview Bit, 2021 Spring Interview Questions [Online] Có sẵn tại: https://www.interviewbit.com/spring-interview-questions/ [Đã truy cập vào 12 tháng 7, 2021] [8] GP Coder, 2021 Giới thiệu Hibernate [Online] Có sẵn https://gpcoder.com/6300-gioi-thieu-ve-hibernate/ [Đã truy cập vào 12 tháng 7, 2021] tại: [9] Huỳnh LP (2019) Auto deploy dự án với Github Actions [Online] Có sẵn tại: https://viblo.asia/p/auto-deploy-du-an-voi-github-actions-eW65G8X9KDO [Đã truy cập vào 11 tháng 7, 2021] [10] Tsahi (2019) What is WebRTC and What is it Good For? [Online] Có sẵn tại: https://bloggeek.me/what-is-webrtc/ [Đã truy cập vào 11 tháng 7, 2021] [11] Tuấn Anh Đ (2019) Giới thiệu WebRTC hướng tiếp cận Media Server [Online] Có sẵn tại: https://viblo.asia/p/gioi-thieu-ve-WebRTC-va-huong-tiep-can-media-servermaGK7k3MKj2 [Đã truy cập vào 11 tháng 7, 2021] 136 [12] Mozilla (2018) Signaling and video calling [Online] Có sẵn tại: https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API/Signaling_and_video_calling [Đã truy cập vào 11 tháng 7, 2021] [13] Tsahi Levent-Levi (2016) WebRTC Multiparty Video Alternatives, and Why SFU is the Winning Model [Online] Có sẵn tại: https://bloggeek.me/WebRTC-multiparty-videoalternatives/ [Đã truy cập vào 12 tháng 7, 2021] [14] Quang Hoà (2019) WebRTC ? Giới thiệu Kurento - máy chủ truyền thơng WebRTC [Online] Có sẵn tại: https://viblo.asia/p/webrtc-la-gi-gioi-thieu-ve-kurento-mot-maychu-truyen-thong-webrtc-gGJ59xjJlX2 [Đã truy cập vào 12 tháng 7, 2021] [15] Amazon Web Service Giới thiệu AWS [Online] https://aws.amazon.com/vi/about-aws/ [Đã truy cập vào 12 tháng 7, 2021] Có sẵn tại: [16] Cong Thang (2020) Jitsi JVB performance testing 2020 [Online] Có sẵn tại: https://community.jitsi.org/t/jitsi-jvb-2-performance-testing-2020/83672 [Đã truy cập vào 12 tháng 7, 2021] [17] Kurento Team (2020) Kurento Document [Online] Có sẵn tại: https://dockurento.readthedocs.io/en/latest/ [Đã truy cập vào 12 tháng 7, 2021] [18] Jitsi (2020) Jitsi Documentation [Online] Có sẵn https://jitsi.github.io/handbook/docs/architecture [Đã truy cập vào 11 tháng 7, 2021] tại: [19] Mom Developer (2021) Mom Developer Document [Online] Có sẵn tại: https://developers.momo.vn/ [Đã truy cập vào 11 tháng 7, 2021] 137 ... pháp hỗ trợ đào tạo trực tuyến cho doanh nghiệp, trường học, trường đại học sở giáo dục thời kỳ dịch bệnh Để giải toán này, nhóm xin giới thiệu tảng LIVE-EDU, hệ thống giảng dạy trực tuyến, hỗ... hệ thống mà đăng ký khoá học admin giáo viên tạo Trong mơn học, họ đăng ký nhiều lớp học khác Với phân chia định xây dựng hệ thống dạy đào tạo trực tuyến xoay quanh khái niệm 47 ... thương mại 16 Chương 2.! Kiến thức tảng 2.1! Front-end 2.1.1! React Bài toán đặt xây dựng giao diện cho hệ thống, với chức quan trọng dạy trực tuyến Hiện nay, tảng web application nhiều doanh nghiệp