THÔNG TIN TÀI LIỆU
BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN TÌM HIỂU CÔNG NGHỆ MEVN STACK ĐỂ XÂY DỰNG WEBSITE VỀ HỌC TẬP SỐ GVHD: TS MAI ANH THƠ SVTH: CHUNG THIÊN NHI THI LÝ VŨ SKL009446 TP HỒ CHÍ MINH, năm 2022 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HCM KHOA CÔNG NGHỆ THÔNG TIN ✡ ✡ KHÓA LUẬN TỐT NGHIỆP TÌM HIỂU CÔNG NGHỆ MEVN STACK ĐỂ XÂY DỰNG WEBSITE VỀ HỌC TẬP SỐ GVHD: ThS MAI ANH THƠ SVTH: CHUNG THIÊN NHI - 18110330 THI LÝ VŨ - 18110399 TP HỒ CHÍ MINH – Năm 2022 i BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HCM KHOA CÔNG NGHỆ THÔNG TIN ✡ ✡ KHÓA LUẬN TỐT NGHIỆP TÌM HIỂU CÔNG NGHỆ MEVN STACK ĐỂ XÂY DỰNG WEBSITE VỀ HỌC TẬP SỐ GVHD: ThS MAI ANH THƠ SVTH: CHUNG THIÊN NHI - 18110330 THI LÝ VŨ - 18110399 TP HỒ CHÍ MINH – Năm 2022 ii CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc Tp Hồ Chí Minh, ngày 12 tháng 07 năm 2022 NHIỆM VỤ KHÓA LUẬN TỐ T NGHIỆP Họ tên sinh viên: Chung Thiên Nhi MSSV: 18110330 Thi Lý Vũ MSSV: 18110399 Ngành: Công Nghệ Thông Tin Lớp: 18110ST3 Giảng viên hướng dẫn: ThS Mai Anh Thơ Ngày nhận đề tài: 14/02/2022 Ngày nộp đề tài: 19/06/2022 Tên đề tài: Tìm hiểu công nghệ MEVN stack để xây dựng website học tập số Các số liệu, tài liệu ban đầu: Khảo sát trạng qua website dạy học số phổ biến mạng ngày Nội dung thực đề tài: - Xây dựng trang quản lý - Xây dựng trang quản trị để ban quản trị có thể quản lý website bao gồm: chức quản lý người dùng, quản lý lớp học, quản lý kiểm tra quản lý thời khóa biểu, quản lý học liệu Sản phẩm đạt được: Website dạy học số TRƯỞNG NGÀNH GIẢNG VIÊN HƯỚNG DẪN iii CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc Tp Hồ Chí Minh, ngày 12 tháng 07 năm 2022 PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Họ tên sinh viên: Chung Thiên Nhi MSSV: 18110330 Thi Lý Vũ MSSV: 18110399 Ngành: Công Nghệ Thông Tin Tên đề tài: Tìm hiểu công nghệ MEVN stack để xây dựng website học tập số Họ Tên Giáo viên hướng dẫn: ThS Mai Anh Thơ NHẬN XÉT Về nội dung đề tài khối lượng thực hiện: ……………………………………………………………………………………… ……………………………………………………………………………………… Ưu điểm: ……………………………………………………………………………………… ……………………………………………………………………………………… Khuyết điểm: ……………………………………………………………………………………… ……………………………………………………………………….…………… Đề nghị cho bảo vệ hay không? ……………………………………………………………………………………… ……………………………………………………………………………………… iv Đánh giá loại:……………………………………………………………… Điểm:…………………… (Bằng chữ:…………………………………….) Tp Hồ Chí Minh, ngày 12 tháng 07 năm 2022 Giảng viên hướng dẫn (Ký & ghi rõ họ tên) v CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN Họ tên sinh viên: Chung Thiên Nhi MSSV: 18110330 Thi Lý Vũ MSSV: 18110399 Ngành: Công Nghệ Thông Tin Tên đề tài: Tìm hiểu công nghệ MEVN stack để xây dựng website học tập số Họ Tên Giáo viên phản biện: ThS Nguyễn Trần Thi Văn NHẬN XÉT Về nội dung đề tài khối lượng thực hiện: ……………………………………………………………………………………… ……………………………………………………………………………………… Ưu điểm: ……………………………………………………………………………………… ……………………………………………………………………………………… Khuyết điểm: ……………………………………………………………………………………… ……………………………………………………………………………………… Đề nghị cho bảo vệ hay không? ……………………………………………………………………………………… ……………………………………………………………………………………… vi Đánh giá loại:……………………………………………………………… Điểm:…………………… (Bằng chữ:…………………………………….) Tp Hồ Chí Minh, ngày 12 tháng 07 năm 2022 Giảng viên phản biện (Ký & ghi rõ họ tên) vii MỤC LỤC CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG .1 1.1 LÍ DO CHỌN ĐỀ TÀI 1.2 TÍNH CẤP THIẾT CỦA ĐỀ TÀI 1.3 KHẢO SÁT HIỆN TRẠNG CÁC ỨNG DỤNG TƯƠNG TỰ .2 1.3.1 Đánh giá tổng quan trang web .2 1.3.2 Các chức đặc biệt trang web 1.4 KẾT QUẢ DỰ KIẾN ĐẠT ĐƯỢC .4 1.4.1 Yêu cầu phi chức năng: 1.4.2 Yêu cầu chức năng: 1.5 ĐỐI TƯỢNG VÀ PHẠM VI NGHIÊN CỨU 1.5.1 Đối tượng .5 1.5.2 Phạm vi nghiên cứu .5 1.6 BẢNG PHÂN CÔNG CHƯƠNG 2: CÁC CÔNG NGHỆ SỬ DỤNG .7 2.1 KIẾN TRÚC CHUNG CỦA HỆ THỐNG 2.2 TÌM HIỂU CÔNG NGHỆ MEVN STACK 2.2.1 Công nghệ MEVN stack gì? 2.2.2 Quy trình hoạt động MEVN stack .8 2.2.3 Lý lựa chọn công nghệ MEVN stack 2.3 CÔNG NGHỆ SỬ DỤNG Ở FRONT-END 10 2.3.1 Vuejs Framework Vue 10 2.3.2 Setup Vuejs cho project: 12 2.3.3 Các thư viện hỗ trợ thiết kế giao diện 14 2.4 CÔNG NGHỆ SỬ DỤNG Ở BACK-END: 14 viii 2.4.1 Tổng quan MONGODB MONGOOSE: 14 2.4.2 Tổng quan Nodejs Framework: 16 2.4.3 Tổng quan Express Framework: 16 2.4.4 Setup Back-end: 17 2.4.5 Thiết lập API: 21 CHƯƠNG 3: PHÂN TÍCH THIẾT KẾ 24 3.1 LƯỢC ĐỒ USE CASE 24 3.1.1 Quản lý xác thực người dùng 24 3.1.2 Quản lý tài khoản 31 3.1.3 Tương tác học sinh trang chủ 36 3.1.4 Tương tác học sinh trang lớp học 41 3.1.5 Tương tác giáo viên trang chủ 47 3.1.6 Tương tác giáo viên trang lớp học 49 3.2 LƯỢC ĐỒ TUẦN TỰ - SEQUENCE DIAGRAM 59 3.2.1 Xem thông tin trang web 59 3.2.2 Đăng nhập 60 3.2.3 Đăng xuất 60 3.2.4 Đăng ký tài khoản 61 3.2.5 Hiển thị thông báo 61 3.2.6 Đặt lại mật 62 3.2.7 Quản lý lớp học 62 3.2.8 Thêm lớp học 63 3.2.9 Tham gia lớp học 63 3.2.10 Rời khỏi lớp học 64 3.2.11 Ẩn lớp học 65 3.2.12 Chỉnh sửa lớp học 65 3.2.13 Xóa lớp học 66 ix
Ngày đăng: 15/05/2023, 17:31
Xem thêm: