BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC MỎ - ĐỊA CHẤT
VŨ THIÊN SƠN
182050868
ĐỒ ÁN TỐT NGHIỆP
NGÀNH CÔNG NGHỆ THÔNG TIN
CHUYÊN NGÀNH CÔNG NGHỆ THÔNG TIN ĐỊA HỌC
ĐỀ TÀI
PHÁT TRIỂN ỨNG DỤNG WEB CUNG CẤP KHÓA HỌC TRỰC TUYẾN
K63– MÃ SV: 1821050868-VŨ THIÊN SƠN
PHÁT TRIỂN ỨNG DỤNG WEB CUNG CẤP KHÓA HỌC TRỰC TUYẾN
lOMoARcPSD|42620215
.
BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC MỎ - ĐỊA CHẤT
ĐỒ ÁN TỐT NGHIỆP
CHUYÊN NGÀNH CNTT ĐỊA HỌC
ĐỀ TÀI
PHÁT TRIỂN ỨNG DỤNG WEB CUNG CẤP KHÓA HỌC TRỰC TUYẾN
SINH VIÊN THỰC HIỆN
VŨ THIÊN SƠN
Lớp Công nghệ thông tin địa học K63A
CÁN BỘ HƯỚNG DẪN
TS. NGUYỄN HOÀNG LONG
Bộ môn tin học trắc địa
lOMoARcPSD|42620215
HÀ NỘI 2023
.
Đồ án tốt nghiệp ngành CNTT chuyên ngành Tin học Trắc địa
MỤC LỤC
THÔNG TIN KẾT QUẢ NGHIÊN CỨU..............................................................8
MỞ ĐẦU.............................................................................................................10
CHƯƠNG 1 TỒNG QUAN LÝ THUYẾT VỀ LĨNH VỰC NGHIÊN CỨU......12
1.1 Tình hình nghiên cứu và công nghệ liên quan............................................12
1.1.1 Ứng dụng web cung cấp khóa học trực tuyến trên thế giới.................12
1.1.2 Ứng dụng web cung cấp khóa học trực tuyến tại Việt Nam................14
1.2 Các công nghệ được sử dụng để thực hiện xây dựng đồ án........................16
1.2.1 ReactJs................................................................................................16
1.2.2 NodeJs.................................................................................................18
1.2.3 Express Framework.............................................................................20
1.2.4 MongoDB...........................................................................................22
1.3 Kết luận......................................................................................................24
CHƯƠNG 2 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG CHO ỨNG DỤNG.....25
2.1 Thu thập thông tin và mô tả bài toán..........................................................25
2.1.1 Thu thập thông tin...............................................................................25
2.1.2 Mô tả bài toán.....................................................................................25
2.2 Xác định yêu cầu hệ thống.........................................................................28
2.2.1 Xây dựng mô hình Use Case...............................................................28
2.2.2 Xây dựng kịch bản..............................................................................33
2.3 Thiết kế lược đồ cơ sở dữ liệu....................................................................54
2.3.1 Giải thích lược đồ dữ liệu Người học..................................................58
Vũ Thiên Sơn 3Lớp Công nghệ thông tin địa
học K63A
lOMoARcPSD|42620215
.
Đồ án tốt nghiệp ngành CNTT chuyên ngành Tin học Trắc địa
2.3.2 Giải thích lược đồ Người dạy..............................................................59
2.3.3 Giải thích lược đồ Quản trị viên..........................................................61
2.3.4 Tổng kết..............................................................................................62
2.4 Kết luận......................................................................................................63
CHƯƠNG 3 KẾT QUẢ THỰC NGHIỆM..........................................................64
3.1 Danh sách các chức năng và đánh giá độ ưu tiên.......................................64
3.2 Xây dựng cấu trúc thư mục của ứng dụng..................................................64
3.2.1 Cấu trúc thư mục front-end.................................................................64
3.2.2 Cấu trúc thư mục back-end.................................................................69
3.3 Thiết kế giao diện ứng dụng.......................................................................71
3.3.1 Giao diện dành cho Người dùng miễn phí...........................................71
3.3.2 Giao diện dành cho Người học............................................................74
3.3.3 Giao diện dành cho Người dạy............................................................75
3.3.4 Giao diện dành cho người Quản trị viên..............................................77
3.4 Kết luận......................................................................................................79
KẾT LUẬN.........................................................................................................80
TÀI LIỆU THAM KHẢO....................................................................................81
Vũ Thiên Sơn 4Lớp Công nghệ thông tin địa
học K63A
lOMoARcPSD|42620215
.
Đồ án tốt nghiệp ngành CNTT chuyên ngành Tin học Trắc địa
DANH MỤC HÌNH ẢNH
Hình 1 Hình ảnh ứng dụng Skooli.......................................................................13
Hình 2 Hình ảnh ứng dụng Udemy......................................................................14
Hình 3 Hình ảnh ứng dụng Edumall....................................................................15
Hình 4 Hình ảnh ứng dụng Topica kids...............................................................15
Hình 5 Hình ảnh logo công nghệ ReactJs............................................................16
Hình 6 Hình ảnh sơ đồ DOM...............................................................................17
Hình 7 Hình ảnh minh họa về DOM ảo trong ReactJs.........................................18
Hình 8 Hình ảnh logo của công nghệ NodeJs......................................................19
Hình 9 Hình ảnh về cấu trúc các chức năng cơ bản của Express..........................20
Hình 10 Hình ảnh logo công nghệ Express..........................................................21
Hình 11 Hình ảnh minh họa logo về cơ sở dữ liệu MongoDB.............................22
Hình 12 Sơ đồ hoạt động vi trò quản trị viên.......................................................26
Hình 13 Sơ đồ hoạt động vai trò người dạy.........................................................26
Hình 14 Sơ đồ hoạt động vai trò người học.........................................................26
Hình 15 Sơ đồ Use Case tổng quát.......................................................................28
Hình 16 Sơ đồ Use Case role Người học.............................................................29
Hình 17 Hình ảnh sơ đồ Use Case Người dạy......................................................31
Hình 18 Hình ảnh sơ đồ Use Case Quản trị viên..................................................32
Hình 19 Hình ảnh danh sách các chức năng cần làm trong quy mô đồ án...........64
Hình 20 Cấu trúc thư mục fron-end.....................................................................65
Hình 21 Thư mục apis..........................................................................................65
Vũ Thiên Sơn 5Lớp Công nghệ thông tin địa
học K63A
lOMoARcPSD|42620215
.