Xây dựng hệ thống quản lý dành cho một trung tâm ngoại ngữ

ĐẠ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 HỆ THỐNG QUẢN LÝ DÀNH CHO MỘT TRUNG TÂM NGOẠI NGỮ NGÀNH: KHOA HỌC MÁY TÍNH Hội đồng: KHOA HỌC MÁY TÍNH GVHD: Trương Quỳnh Chi GVPB: Nguyễn Đình Thành SVTH: Đỗ Cơng Minh Tp.Hồ Chí Minh, 12/2022 1712153 ĐẠI HỌC QUỐC GIA TP.HCM -TRƯỜNG ĐẠI HỌC BÁCH KHOA CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập - Tự - Hạnh phúc KHOA: KH & KT MÁY TÍNH NHIỆM VỤ LUẬN VĂN TỐT NGHIỆP BỘ MƠN: HỆ THỐNG THÔNG TIN Chú ý: Sinh viên phải dán tờ vào trang thuyết trình HỌ VÀ TÊN: Đỗ Cơng Minh NGÀNH: Khoa học Máy tính MSSV: 1712153 LỚP: MT17KH01 Đầu đề luận văn: Xây dựng hệ thống quản lý dành cho trung tâm ngoại ngữ Nhiệm vụ (yêu cầu nội dung số liệu ban đầu): Luận văn yêu cầu việc phân tích, thiết kế, xây dựng, kiểm thử triển khai hệ thống quản lý dành cho trung tâm ngoại ngữ bao gồm chức dành cho người quản lý trung tâm, nhân viên, giáo viên, học sinh phụ huynh Đề tài chia làm hai giai đoạn sau: Giai đoạn ĐCLV − Tìm hiểu phân tích chức cần thiết dành cho trung tâm ngoại ngữ − Tìm hiểu ứng dụng liên quan công nghệ liên quan − Phân tích thiết kế hệ thống Giai đoạn LVTN − Phát triển phiên mẫu hệ thống − Thử nghiệm đánh giá hệ thống − Triển khai hệ thống Ngày giao nhiệm vụ luận văn: 29/08/2022 Ngày hoàn thành nhiệm vụ: 12/12/2022 Họ tên giảng viên hướng dẫn: ThS Trương Quỳnh Chi Phần hướng dẫn: Nội dung yêu cầu LVTN thông qua Bộ môn Ngày tháng năm CHỦ NHIỆM BỘ MƠN GIẢNG VIÊN HƯỚNG DẪN CHÍNH (Ký ghi rõ họ tên) (Ký ghi rõ họ tên) PHẦN DÀNH CHO KHOA, BỘ MÔN: Người duyệt (chấm sơ bộ): Đơn vị: _ Ngày bảo vệ: Điểm tổng kết: _ Nơi lưu trữ luận văn: Lời cam đoan Chúng xin cam đoan hệ thống riêng nhóm chúng tơi thực hiện, hướng dẫn Thạc sĩ Trương Quỳnh Chi Các nội dung tìm hiểu, thiết kế đề tài trung thực, hồn tồn khơng chép hay sử dụng kết đề tài khác tương tự Nếu có phát gian lận nào, chúng tơi xin hồn toàn chịu trách nhiệm nội dung luận văn tốt nghiệp 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 TP Hồ Chí Minh Lời cảm ơn Lời nói đầu tiên, chúng tơi xin gửi lời cảm ơn chân thành sâu sắc đến Thạc sĩ Trương Quỳnh Chi, người tận tình bảo hướng dẫn chúng tơi suốt q trình thực đề cương luận văn tốt nghiệp luận văn tốt nghiệp Cô dẫn cho chúng tơi bước để phân tích, thiết kế hệ thống từ ý tưởng sơ khai đầu tiên, cung cấp cho tài liệu tham khảo bổ ích đưa đánh giá, đưa góp ý hữu ích q trình thực, kiểm thử đánh giá hệ thống, giúp hồn thiện hệ thống Tiếp theo, xin gửi lời cảm ơn đến quý thầy cô trường Đại Học Bách Khoa, đặc biệt thầy cô thuộc Khoa Khoa Học Và Kỹ Thuật Máy Tính Trong suốt năm học qua, thầy tận tình dạy cho chúng tơi nhiều học, kiến thức tảng bổ ích Nhờ chúng tơi hồn thành đề tài mình, chúng hành trang đồng hành với chúng tơi suốt qng đời cịn lại Kế đến, muốn gửi lời cảm ơn đến gia đình, bạn bè, người ln động viên tạo điều kiện học tập tốt cho chúng tơi Cuối cùng, thân chúng tơi cịn nhiều hạn chế kiến thức, thời gian, nên khó tránh khỏi sai sót q trình thực đề tài Chúng mong nhận đánh giá góp ý từ bạn bè, q thầy cơ, đặc biệt giáo viên phản biện đề tài để chúng tơi hồn thiện hệ thống Một lần nữa, xin chân thành cảm ơn! Nhóm sinh viên thực đề tài iii Tóm tắt Trung tâm ngoại ngữ hệ thống website cung cấp dịch vụ quản lý trung tâm tiếng anh, bao gồm chức dành cho người quản lý trung tâm, nhân viên, giáo viên, trợ giảng, học sinh phụ huynh Chúng tiến hành thực hiện: • Khảo sát hệ thống liên quan đến quản lý trung tâm ngoại ngữ • Tìm hiểu quy trình nghiệp vụ trung tâm ngoại ngữ • Liệt kê chức cần có hệ thống • Mô tả hệ thống thông qua sơ đồ usecase mơ tả usecase • Thiết kế giao diện Figma • Xây dựng sở liệu ERD ánh xạ qua sở liệu quan hệ • Tìm hiểu cơng nghệ dùng để xây dựng hệ thống, bao gồm NextJS, ExpressJS MySQL • Hiện thực, kiểm thử, triển khai đánh giá hệ thống • Viết báo cáo Mục lục Tóm tắt iii Danh mục hình ảnh viii Danh mục bảng biểu xi Danh mục chữ viết tắt Chương TỔNG QUAN HỆ THỐNG 1.1 Tổng quan 1.2 Ý nghĩa đề tài 1.2.1 Ý nghĩa thực tiễn 1.2.2 Ý nghĩa học thuật 1.3 Nội dung thực 1.4 Giới hạn đề tài 2 3 6 7 10 10 11 11 11 12 Chương KIẾN THỨC NỀN 2.1 React JS [1] 2.2 JSX 2.2.1 Components 2.2.2 Props State 2.2.3 React Life-cycle 2.2.4 Virtual DOM 2.3 NextJS [2] 2.4 Redux [3] 2.5 NodeJS [4] 2.6 ExpressJS [5] 2.7 SocketIO [6] 2.8 Restful API 2.9 MySQL TẢNG Chương PHÂN TÍCH VÀ ĐỀ XUẤT 3.1 Các khái niệm 3.1.1 LMS(Learning Management System) “Hệ thống quản lý học tập” 3.1.2 EMS[7] (Education Management System) - “Hệ quản trị đào tạo” hay “hệ quản trị học tập” 3.2 Các hệ thống tương tự lĩnh vực đề tài 3.2.1 Mona eLMS 3.2.2 Eduspace 3.3 Đề xuất đề tài 14 15 15 15 15 16 17 18 MỤC LỤC Chương 4.1 Các 4.2 Các 4.3 Các 4.4 Các 4.5 Các 4.6 Các v USECASE chức người dùng chưa đăng nhập chức chung người dùng đăng nhập chức người dùng học viên phụ huynh chức người dùng giáo viên trợ giảng chức người dùng nhân viên chức người dùng Quản lý (Admin) Chương THIẾT KẾ CƠ SỞ DỮ LIỆU 5.1 ERD thực thể 5.2 ERD quan hệ 5.3 Mô tả Erd 5.3.1 Mô tả bảng Ca học (Shift) 5.3.2 Mô tả bảng Bài tập (Exercise) 5.3.3 Mô tả bảng Câu hỏi (Question) 5.3.4 Mô tả bảng Câu trả lời sai (WrongAnswer) 5.3.5 Mô tả bảng Tài liệu (Document) 5.3.6 Mô tả bảng Thông báo (Notification) 5.3.7 Mô tả bảng Tag 5.3.8 Mô tả bảng Khoản thu chi (Transaction) 5.3.9 Mô tả bảng Lương (Salary) 5.3.10 Mơ tả bảng Học phí (Fee) 5.3.11 Mô tả bảng Hồn phí (Refund) 5.3.12 Mô tả bảng Người dùng (User) 5.3.13 Mô tả bảng Người làm (Worker) 5.3.14 Mô tả bảng Học sinh (Student) 5.3.15 Mô tả bảng Phụ huynh (Parents) 5.3.16 Mô tả bảng Giáo viên (Teacher) 5.3.17 Mô tả bảng Trợ giảng (Tutor) 5.3.18 Mô tả bảng Nhân viên (Employee) 5.3.19 Mô tả bảng Quản lý (Admin) 5.3.20 Mô tả bảng Tài Khoản (Account) 5.3.21 Mô tả bảng Chi Nhánh (Branch) 5.3.22 Mô tả bảng Phòng Học (Classroom) 5.3.23 Mô tả bảng Khóa Học (Course) 5.3.24 Mơ tả bảng Chương Trình Học (Curriculum) 5.3.25 Mô tả bảng Bài Học (Lecture) 5.3.26 Mô tả bảng Giáo Viên dạy Chương Trình Học (TeacherPreferCurriculum) 5.3.27 Mô tả bảng Buổi Học (StudySession) 5.3.28 Mô tả bảng Buổi Học thuộc Ca Học (StudySessionBelongToShift) 5.3.29 Mô tả bảng Trợ Giảng rảnh Ca Học (TutorFreeInShift) 5.3.30 Mô tả bảng Học Sinh tham gia Khóa Học (StudentParticipateCourse) 5.3.31 Mô tả bảng Người dùng nhắn tin (UsersChatEachOther) 19 20 25 31 41 71 102 107 108 110 112 112 112 113 113 114 114 115 115 116 116 117 117 118 118 119 119 119 120 120 120 121 121 122 123 124 124 125 126 126 127 128 MỤC LỤC vi 5.3.32 Mô tả bảng Câu hỏi thuộc Tag (QuestionBelongTag) 5.3.33 Mơ tả bảng Chương Trình Học thuộc Tag (CurriculumBelongTag) 5.3.34 Mô tả bảng Học Sinh tham dự Buổi Học (StudentAttendStudySession) 5.3.35 Mô tả bảng Bài tập gồm Câu hỏi (ExerciseContainQuestion) 5.3.36 Mô tả bảng Học Sinh làm Bài tập (StudentDoExercise) 5.3.37 Mô tả bảng Học Sinh học bù (MakeUpLesson) Chương HIỆN THỰC 6.1 Kiến trúc hệ thống 6.2 Công nghệ thư viện sử dụng 6.2.1 Front-end 6.2.2 Back-end 6.3 Quản lý mã nguồn 6.3.1 Lưu trữ quản lý mã nguồn Git 6.3.2 Cấu trúc mã nguồn 6.4 Giao diện hệ thống 6.4.1 Giao diện chung 6.4.2 Giao diện học viên 6.4.3 Giao diện phụ huynh 6.4.4 Giao diện giáo viên 6.4.5 Giao diện trợ giảng 6.4.6 Giao diện nhân viên 129 129 130 130 131 132 133 134 135 135 136 136 136 137 140 140 147 155 156 171 173 Chương KIỂM THỬ 183 Chương TRIỂN KHAI VÀ ĐÁNH GIÁ HỆ THỐNG 8.1 Nền tảng điện toán đám mây Google Cloud 8.2 Nền tảng Vercel 8.3 Sơ đồ triển khai 8.4 Các bước triển khai server Google Cloud Platform 8.5 Các bước triển khai frontend Vercel 8.6 Đánh giá cải thiện hiệu suất 8.6.1 Đánh giá hiệu suất trang web Google PageSpeed Insights Lighthouse 8.6.2 Cải thiện hiệu suất Chương TỔNG KẾT VÀ HƯỚNG PHÁT TRIỂN 9.1 Tổng kết kết làm 9.1.1 Đối với nhiệm vụ đề tài 9.1.2 Đối với lợi ích thực tế 9.1.3 Đối với sở lý thuyết công nghệ 9.1.4 Đối với quy trình phát triển phần mềm 9.2 Đánh giá kết đạt 9.2.1 Ưu điểm ĐỀ TÀI 191 192 192 193 194 199 201 201 201 204 205 205 205 205 206 206 206 CHƯƠNG TRIỂN KHAI VÀ ĐÁNH GIÁ HỆ THỐNG Ta nhập tên instance mật instance Hình 8.6: Điền tên mật database instance Sau chọn server asian-southeast-1 múi tương ứng với nơi đặt server Hình 8.7: Chọn vị trí server múi Kiểm tra lại thông tin nhấn Create Instance Sau tảng Google Cloud thông báo khởi tạo hoàn tất, ta vào mục User để tạo người dùng cho ứng dụng 195 CHƯƠNG TRIỂN KHAI VÀ ĐÁNH GIÁ HỆ THỐNG Hình 8.8: Chọn User để đến trang quản lý người dùng Sau nhấn Add User Account, điền thông tin cần thiết nhấn Add để thêm người dùng Hình 8.9: Tạo người dùng Tiếp theo, ta cần tạo database schema cho hệ thống Chọn Database để đến hình quản lý sở liệu có instance 196 CHƯƠNG TRIỂN KHAI VÀ ĐÁNH GIÁ HỆ THỐNG Hình 8.10: Chọn Database để đến trang quản lý sở liệu Sau nhấn Create Database, điền thơng tin nhấn Create Hình 8.11: Tạo sở liệu Tiếp đến, ta cần triển khai app engine để chạy hệ thống NodeJS (Express) Google Cloud Platform Sau cài đặt Google Cloud SDK, ta cần đăng nhập thông qua câu lệnh gcloud auth login định project mà ta cần tương tác câu lệnh gcloud config set project Để cấu hình cho ứng dụng triển khai, ta cần cung cấp tập tin chứa thơng tin cần thiết có tên app.yaml đặt thư mục chứa mã nguồn, bao gồm thông tin môi trường chạy, biến môi trường phiên ứng dụng (standard flexible) 197 CHƯƠNG TRIỂN KHAI VÀ ĐÁNH GIÁ HỆ THỐNG Hình 8.12: Cấu trúc tập tin app.yaml Sau dùng lệnh gcloud app deploy để triển khai ứng dụng Sau khoảng thời gian, ta nhận thông báo thành công hoàn thành triển khai server hệ thống tảng Google Cloud Platform Hình 8.13: Thơng báo hồn thành triển khai app engine 198 CHƯƠNG TRIỂN KHAI VÀ ĐÁNH GIÁ HỆ THỐNG 8.5 Các bước triển khai frontend Vercel Sau tạo tài khoản tảng Vercel liên kết với tài khoản Github, ta chọn Add new project hình Hình 8.14: Chọn thêm dự án trang chủ Vercel Sau lựa chọn dự án từ tài khoản Github liên kết Hình 8.15: Chọn dự án từ tài khoản Github Điền tên, công nghệ sử dụng nhấn Deploy để thực triển khai 199 CHƯƠNG TRIỂN KHAI VÀ ĐÁNH GIÁ HỆ THỐNG Hình 8.16: Điền thơng tin dự án trước triển khai Vercel Sau thời gian, ta nhận thông báo thành công hoàn thành triển khai frontend hệ thống với tên miền https://english-center.vercel.app Hình 8.17: Triển khai Vercel thành cơng 200 CHƯƠNG TRIỂN KHAI VÀ ĐÁNH GIÁ HỆ THỐNG 8.6 8.6.1 Đánh giá cải thiện hiệu suất Đánh giá hiệu suất trang web Google PageSpeed Insights Lighthouse Với ứng dụng web, hiệu suất tải trang web yếu tố quan trọng ảnh hưởng đến trải nghiệm người dùng Do đó, chúng tơi sử dụng công cụ Google PageSpeed Insights công cụ Lighthouse cơng cụ devtools trình duyệt Chrome để đánh giá hiệu suất trang web Bộ công cụ Google PageSpeed Insights Lighthouse đưa điểm số tương đối hiệu suất tải trang tính thân thiện với người dùng, mà đưa gợi ý nhằm giúp tăng điểm số cho trang web Kết ban đầu sử dụng công cụ để đánh giá hiệu suất Hình 8.18: Điểm đánh giá PageSpeed lần Theo kết đánh giá, SEO tính thân thiện với người dùng khả quan, nhiên hiệu suất chưa thực tốt Do cần cải thiện thêm để đáp ứng trải nghiệm cho người dùng 8.6.2 Cải thiện hiệu suất Dựa theo thông số PageSpeed Insights cung cấp, thời gian để tương tác với trang web thời gian thực thi chạy mã nguồn tương đối cao, chúng tơi 201 CHƯƠNG TRIỂN KHAI VÀ ĐÁNH GIÁ HỆ THỐNG tiến hành thực chia nhỏ mã nguồn chức import động [12] Trong tập tin next.config.js hỗ trợ việc cấu hình để nén tập tin dạng gzip tải trang web Ta cần gán giá trị true cho thuộc tính compress Hình 8.19: Cấu trúc tập tin next.config.js Để tải liệu trang web nhanh hơn, ta cần cấu hình để cache lại tập tin sử dụng NextJS hỗ trợ mặc định môi trường production, nhiên hình ảnh ta cần sử dụng component Image mà thư viện NextJS cung cấp Hình 8.20: Các tập tin hình ảnh cache 202 CHƯƠNG TRIỂN KHAI VÀ ĐÁNH GIÁ HỆ THỐNG Sau hoàn thành cải thiện số vấn đề, hiệu suất ứng dụng khả quan so với lần Hình 8.21: Hiệu suất cải thiện 203 Tổng kết hướng phát triển đề tài Trong chương này, tổng kết lại kết suốt trình lên lên ý tưởng thực hệ thống, từ đánh giá hệ thống thông qua ưu điểm nhược điểm Cuối cùng, đưa hướng phát triển cho hệ thống tương lai Mục lục 9.1 Tổng kết kết làm 205 9.2 Đánh giá kết đạt 206 9.3 Hướng phát triển đề tài 207 CHƯƠNG TỔNG KẾT VÀ HƯỚNG PHÁT TRIỂN ĐỀ TÀI 9.1 9.1.1 Tổng kết kết làm Đối với nhiệm vụ đề tài • Tìm hiểu nghiệp vụ tình hữu ích để xây dựng ứng dụng quản lý dành cho trung tâm ngoại ngữ mang nét đặc thù đem lại nhiều tiện ích cho việc quản lý trung tâm ngoại ngữ • Tìm hiểu, học hỏi vận dụng kĩ lập trình front-end để xây dựng ứng dụng web với giao diện thân thiện, dễ dàng sử dụng, đẹp mắt • Tìm hiểu, học hỏi vận dụng kĩ lập trình back-end để xây dựng server cho hệ thống • Tích hợp API bên thứ ba cung cấp toán online với Paypal • Tìm hiểu triển khai hệ thống tảng Google Cloud Platform (phần server) Vercel (phần front-end) 9.1.2 Đối với lợi ích thực tế • Đáp ứng tác vụ quản lý cho trung tâm ngoại ngữ • Dễ dàng giới thiệu trung tâm đến với người học, tăng tính cạnh tranh • Tự động hóa hoạt động dạy học, giúp giáo viên theo dõi việc học học viên dễ dàng hơn, từ đưa lời khuyên nhắc nhở để tăng chất lượng học tập học viên kết đầu trung tâm • Số hóa thơng tin trung tâm, giúp nhân viên dễ dàng theo dói • Cung cấp chức giúp giáo viên thuận tiện việc tạo giáo án • Giúp học viên dễ dàng theo dõi trình học tập mình, phụ huynh theo dõi thơng tin học tập trung tâm 9.1.3 Đối với sở lý thuyết công nghệ Để thực hệ thống, chúng tơi tìm hiểu cơng nghệ phù hợp với yêu cầu nghiệp vụ để phát triển Qua q trình đó, chúng tơi học hỏi tìm hiểu cơng nghệ phát triển ứng dụng web, công nghệ thực cho máy chủ, cụ thể sau: • Đối với ứng dụng web, sử dụng NextJS, Redux, cách triển khai ứng dụng web với NextJS, • Đối với máy chủ, thực ExpressJS, sử dụng MySQL làm sở liệu để lưu trữ thông tin tiến hành tích hợp API Paypal cho dịch vụ toán trực tuyến 205 CHƯƠNG TỔNG KẾT VÀ HƯỚNG PHÁT TRIỂN ĐỀ TÀI • Tìm hiểu triển khai đề tài môi trường đám mây thông qua dịch vụ GCP 9.1.4 Đối với quy trình phát triển phần mềm Từ tảng cơng nghệ, tiến hành thực bước để phát triển hệ thống: • Tìm hiểu nghiệp vụ ứng dụng tương tự đề tài Eduspace, Mona eLMS Từ so sánh với đề xuất từ hệ thống • Thiết kế giao diện người dùng với Figma • Đặc tả chức người dùng thiết kế sở liệu • Hiện thực hệ thống thông qua công nghệ chọn: – NextJS để thực ứng dụng web – ExpressJS để thực máy chủ • Kiểm thử hệ thống hình thức thủ cơng thành viên nhóm kiểm thử tự động tiện ích Katalon Recorder Google Chrome • Triển khai hệ thống: – Triển khai ứng dụng web tảng Vercel – Triển khai máy chủ Google Cloud Platform • Đánh giá lại hiệu suất hệ thống web thông qua Google PageSpeed, từ tiến hành bước để cải thiện hiệu suất 9.2 9.2.1 Đánh giá kết đạt Ưu điểm • Số hóa thơng tin trung tâm, giúp hạn chế thao tác giấy tờ • Cung cấp tính giúp quản lý người làm việc trung tâm • Thiết kế giao diện thân thiện, dễ sử dụng • Sử dụng cơng nghệ NextJS giúp tăng hiệu suất trang web, đồng thời đem lại lợi SEO, giúp tăng khả tiếp cận đến với người dùng • Cung cấp khả đăng ký khóa học hình thức trực tuyến mà khơng cần tận trung tâm • Có chức giúp giáo viên thuận tiện việc xây dựng giáo án Theo dõi trình học tập học viên, từ đưa lời khuyên nhắc nhở để tăng kết học tập học viên chất lượng đầu trung tâm 206 CHƯƠNG TỔNG KẾT VÀ HƯỚNG PHÁT TRIỂN ĐỀ TÀI • Giúp học viên dễ dàng theo dõi kết trình học tập trung tâm phụ huynh theo dõi thông tin học tập 9.2.2 Nhược điểm Ngồi ưu điểm liệt kê trên, hệ thống hạn chế cần khắc phục: • Chưa thực chức người quản lý (admin) • Thiếu ngân hàng câu hỏi để giúp giáo viên thuận tiện việc tạo quản lý tập khóa học • Chưa quản lý đầy đủ thơng tin thiết bị có hệ thống bàn ghế, máy chiếu • Cần tối ưu hệ thống để tăng hiệu suất, trải nghiệm người dùng • Phân quyền nhân viên cho chức riêng biệt nhân viên quản lý nhân sự, quản lý sở vật chất, nhân viên tiếp tân, chăm sóc tìm kiếm khách hàng 9.3 Hướng phát triển đề tài "Hệ thống quản lý dành cho trung tâm ngoại ngữ" nhằm cung cấp toàn diện chức quản lý cho trung tâm Tuy nhiên giới hạn nhân lực thời gian trình phát triển đề tài, nên cịn nhiều thiếu sót khơng thể phủ nhân Qua việc thực triển khai hệ thống, rút nhiều kinh nghiệm Chúng có đề xuất hướng phát triển hệ thống tương lai: • Hồn thành chức người dùng admin • Cung cấp thêm chức hỗ trợ giáo viên việc giảng dạy lập ngân hàng câu hỏi, hỗ trợ việc học tổ chức kiểm tra trực tuyến • Tích hợp thêm nhiều API tiện ích bên thứ ba cho việc tốn trực tuyến Momo, ZaloPay, giúp người dùng có nhiều lựa chọn cho việc tốn • Tối ưu hóa chức hệ thống • Cung cấp thêm tảng mobile • Tích hợp thêm công nghệ AI giúp đề xuất cho người học lộ trình học tối ưu dựa thông tin họ hệ thống 207 TÀI LIỆU THAM KHẢO [1] Facebook (Lần truy cập cuối: 01/12/2022) “Reactjs doc,” [Online] Available: https://reactjs.org/docs/getting-started.html [2] Vercel (Lần truy cập cuối: 09/12/2022) “Nextjs doc,” [Online] Available: https://nextjs.org/docs/getting-started [3] (Lần truy cập cuối: 01/12/2022) “Redux toolkit a predictable state container for js apps,” [Online] Available: https : / / redux js org / introduction / getting-started [4] (Lần truy cập cuối: 01/12/2022) “Nodejs: Node.js is a javascript runtime built on chrome’s v8 javascript engine.,” [Online] Available: https://nodejs.org/ en/docs/ [5] (Lần truy cập cuối: 01/12/2022) “Express - node.js web application framework.,” [Online] Available: https://expressjs.com/en/starter/installing html [6] (Lần truy cập cuối: 01/12/2022) “Socketio: Bidirectional and low-latency communication for every platform.,” [Online] Available: https://socket.io/ docs/v4/ [7] Chuong (2020) “Lms, lcms, ems sis gì?” [Online] Available: https : //forum.cohota.com/t/lms-lcms-ems-va-sis-la-gi/33 [8] Lucidchart (Lần truy cập cuối: 01/12/2022) “Usecase diagram: Uml use case diagram tutorial,” [Online] Available: https://www.lucidchart.com/pages/ uml-use-case-diagram [9] ——, (Lần truy cập cuối: 01/12/2022) “Erd diagram: What is an entity relationship diagram (erd),” [Online] Available: https://www.lucidchart.com/ pages/er-diagrams [10] (Lần truy cập cuối: 01/12/2022) “Create a custom runtime app in the app engine flexible environment.,” [Online] Available: https://cloud.google.com/ appengine/docs/flexible/custom-runtimes/about-custom-runtimes [11] (Lần truy cập cuối: 01/12/2022) “An overview of app engine.,” [Online] Available: https://cloud.google.com/appengine/docs/legacy/standard/php/ an-overview-of-app-engine CHƯƠNG TÀI LIỆU THAM KHẢO [12] (Lần truy cập cuối: 01/12/2022) “Dynamic import.,” [Online] Available: https://nextjs.org/docs/advanced-features/dynamic-import 209