Xây dựng website tạo bộ đề, ôn tập và kiểm tra trắc nghiệm online

2022 ĐẠI HỌC ĐÀ NẴNG
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT

KHOA CÔNG NGHỆ SỐ

NGUYỄN VĂN LONG TÊN ĐỀ TÀI : XÂY DỰNG WEBSITE TẠO BỘ ĐỀ, ÔN TẬP VÀ KIỂM TRA TRẮC NGHIỆM ONLINE ĐỒ ÁN TỐT NGHIỆP
ĐẠI HỌC

NGÀNH: CÔNG NGHỆ THÔNG TIN

ĐỀ TÀI:

Xây dựng website tạo bộ đề, ôn tập và kiểm tra trắc
nghiệm online

Người hướng dẫn : TS. PHẠM TUẤN

Sinh Viên Thực Hiện : Nguyễn Văn Long

Mã Sinh Viên: : 1811505310225

Lớp : 18T2

Đà Nẵng, tháng 02 năm 2022

ĐẠI HỌC ĐÀ NẴNG
TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT

KHOA CÔNG NGHỆ SỐ

ĐỒ ÁN TỐT NGHIỆP

ĐẠI HỌC

NGÀNH: CÔNG NGHỆ THÔNG TIN

ĐỀ TÀI:

Xây dựng website tạo bộ đề, ôn tập và kiểm tra trắc
nghiệm online

Người hướng dẫn : TS. PHẠM TUẤN

Sinh Viên Thực Hiện : Nguyễn Văn Long

Mã Sinh Viên: : 1811505310225

Lớp : 18T2

Đà Nẵng, tháng 02 năm 2022



TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM
KHOA CÔNG NGHỆ SỐ Độc lập - Tự do - Hạnh phúc

NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP

Giảng viên hướng dẫn: TS. PHẠM TUẤN Mã SV:1811505310225
Sinh viên thực hiện: NGUYỄN VĂN LONG

1. Tên đề tài: Xây dựng website tạo bộ đề, ôn tập và kiểm tra trắc nghiệm online

2. Các số liệu, tài liệu ban đầu:
Trang chủ reactjs:
Trang chủ nodejs: />Trang chủ express (framework):
Trang chủ mongodb:
Trang chủ firebase: />3. Nội dung chính của đồ án:

A. Tìm hiểu cơng nghệ: Reactjs, nodejs (express), mongodb, firebase.
B. Xây dựng phân tích thiết kế hệ thống.
C. Xây dựng chức năng chính:
● Đăng nhập, đăng ký tài khoản:

○ Đăng nhập với google, account.
○ Xác minh email.
● Lấy lại mật khẩu.
● Xây dựng profile cho user (gồm thông tin người dùng, các đề đã làm các bộ đề đã
tạo, các phòng thi đã tạo, các phòng thi đã tham gia).
● Tạo bộ đề trắc nghiệm (Bằng cách tạo lần lượt các câu hỏi).
○ Giới hạn thời gian làm bài.
○ Có thể private hoặc public bộ đề.
○ Tạo giải thích cho các câu trả lời và đáp án cho các câu hỏi.
● Tự động nộp bài kết thúc trắc nghiệm khi hết thời gian làm bài.

● Hiển thị danh sách thông tin của người tham gia trắc nghiệm.(thông tin cơ bản,
điểm số) có thể xuất ra file excel.

● Trả về kết quả và đáp án khi hoàn thành bộ đề ôn tập.
● Thông báo khi hồn thành kiểm tra phịng thi.
● Chức năng import đề từ excel một cách tự động

○ Người dùng có thể import các câu hỏi đã sẵn từ trước lên hệ thống.

○ Người dùng có thể chỉnh sửa các đề thi.
● Chức năng tạo đề ngẫu nhiên có kèm theo đáp án.
● Chức năng tổ chức thi online:
○ Tự động mở đề.
○ Tự động chấm điểm.
○ Tự động đóng thời gian.
● Chức năng xuất điểm báo cáo cho từng phòng thi.
● Mời người tham gia phòng thi.
● Chức năng quản lý admin:
○ Quản lý người dùng (Thêm, sửa, xóa, phân quyền).
○ Quản lý lĩnh vực bộ đề (Thêm, sửa, xóa).
○ Quản lý bộ đề(Thêm, sửa, xóa).
○ Thống kê (số người dùng, số đề được tạo/tháng, số phòng thi được tạo

/tháng,...).
4. Các sản phẩm dự kiến:

Tạo ra web thi trắc nghiệm trực tuyến được sử dụng thực tế, phù hợp cho người dùng
có thể ơn tập, kiểm tra năng lực, giải trí dễ sử dụng phù hợp với nhiều lứa tuổi.
5. Ngày giao đồ án: 04/10/2021.
6. Ngày nộp đồ án: 16/01/2021.

Trưởng Bộ môn Đà Nẵng, ngày 08 tháng 02 năm 2022
Người hướng dẫn

Đề tài: Xây dựng website tạo bộ đề, ôn tập và kiểm tra trắc nghiệm online

TÓM TẮT NỘI DUNG

Tên đề tài: Xây dựng website tạo bộ đề ôn tập, kiểm tra trắc nghiệm online.

Sinh viên thực hiện: Nguyễn Văn Long
Mã Sinh Viên: 1811505310225 Lớp: 18T2
Đề tài:

 Xây dựng phần mềm tạo, quản lý và tham gia bộ đề ơn tập, phịng thi online
với tính tình hình dịch bệnh phức tạp như hiện này và các kỳ thi trung học phổ
thông hiện này đa số thi trắc nghiệm nên em muỗn xây dưng một ứng dùng
website có thể tạo, quản lý và tham gia các bộ đề ơn tập, phịng thi online.

 Website gồm có các chức năng chính:
o Về người dùng: có thể tạo, tham gia kiểm tra các bộ đề, phòng thi (đối
với tham gia phịng thi thì cần phải có trong danh sách thi) và quản lý,
xuất danh sách các người dùng đã tham gia các bộ đề và phòng thi đã
tạo.
o Về người quản trị: có thể quản lý tất các thành phần gồm: bộ đề, người
dùng, lĩnh vực, phòng thi.

Nội dung bài báo cáo gồm có:
 Chương I: Tổng quan về dự án.
 Chương II: Tổng quan về lý thuyết.
 Chương III: Phân tích thiết kế.
 Chương IV: Chạy demo chương trình.
 Chương V: Kết luận và hướng phát triển.

\

Đề tài: Xây dựng website tạo bộ đề, ôn tập và kiểm tra trắc nghiệm online

LỜI CẢM ƠN

Trước hết, em xin bày tỏ tình cảm và lòng biết ơn của em tới thầy giáo TS.Phạm
Tuấn. Người đã từng bước hướng dẫn, giúp đỡ em trong quá trình thực hiện đồ án tốt
nghiệp của mình.

Em xin chân thành cảm ơn các thầy cô giáo khoa công nghệ thông tin của trường
Đại Học Sư Phạm Kỹ Thuật Đà Nẵng đã dìu dắt, dạy dỗ em cả về kiến thức chun
mơn và tinh thần học tập để em có được những kiến thức thực hiện đồ án tốt nghiệp của
mình.

Em xin chân thành cảm ơn PGS.TS Phan Cao Thọ – Hiệu trưởng Trường Đại
Học Sư Phạm Kỹ Thuật Đà Nẵng, ban giám hiệu nhà trường, các phòng ban đã giúp đỡ
tạo điều kiện tốt nhất cho em trong suốt thời gian học tập tại trường

Ngày nay, cơng nghệ thơng tin đã có những bước phát triển mạnh mẽ theo cả
chiều rộng và sâu. Máy tính điện tử khơng cịn là một thứ phương tiện quý hiếm mà
đang ngày càng trở thành một công cụ làm việc và giải trí thơng dụng của con người,
khơng chỉ ở cơng sở mà cịn ngay cả trong gia đình.

Với thời buổi dịch bệnh như hiện nay thì để ơn tập và kiểm tra kiến thức như lúc
trước được xem là rất khó khăn nên để góp phần khắc phục tình tình trạng trên, em đã
tìm hiểu và xây dựng một website có thể ơn tập và kiểm tra kiến thức bằng hình thức
trắc nghiệm. Với sự hướng dẫn tận tình của Thầy Phạm Tuấn em đã hoàn thành đồ án
tốt nghiệp này. Tuy đã cố gắng hết sức tìm hiểu, phân tích thiết kế, xây dựng hệ thống
nhưng sẽ khơng tránh khỏi những thiếu sót. Em rất mong nhận được sự thơng cảm và
góp ý của q thầy cơ.

Xin chân thành cảm ơn!

Sinh viên thực hiện: Nguyễn Văn Long | Người hướng dẫn: Phạm Tuấn i

Đề tài: Xây dựng website tạo bộ đề, ôn tập và kiểm tra trắc nghiệm online

LỜI CAM ĐOAN

Chúng tôi xin cam đoan :

1 Những nội dung trong luận văn này do chúng em thực hiện dưới sự

hướng dẫn của Thầy Phạm Tuấn.

2 Mọi tham khảo trong luận văn đều được trích dẫn rõ ràng tên tác giả,

tên cơng trình, thời gian, địa điểm công bố.

3 Mọi sao chép không hợp lệ, vi phạm quy chế đào tạo, hay gian trá,

chúng em xin chịu hoàn toàn trách nhiệm.

Sinh viên thực hiện

Nguyễn Văn Long

Sinh viên thực hiện: Nguyễn Văn Long | Người hướng dẫn: Phạm Tuấn ii

Đề tài: Xây dựng website tạo bộ đề, ôn tập và kiểm tra trắc nghiệm online

MỤC LỤC

NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP

TÓM TẮT NỘI DUNG

LỜI CẢM ƠN .......................................................................................................I

LỜI CAM ĐOAN..................................................................................................II

MỤC LỤC ....................................................................................................III

DANH MỤC HÌNH ẢNH....................................................................................VI

MỤC LỤC BẢNG..................................................................................................X

DANH SÁCH CÁC KÝ HIỆU, CHỮ BIẾT TẮT..............................................XI

CHƯƠNG 1. TỔNG QUAN..............................................................................1
1.1. Lý do chọn đề tài.......................................................................................1
1.2. Mục đích đề tài..........................................................................................1
1.3. Phạm vi đề tài............................................................................................1

CHƯƠNG 2. CƠ SỞ LÝ THUYẾT..................................................................2

2.1. Hệ quản trị cơ sở dữ liệu: MongoDB, Firebase..........................................2
2.1.1. MongoDB..........................................................................................2
2.1.2. Firebase.............................................................................................3

2.2. Ngơn ngữ lập trình.....................................................................................4
2.2.1. Thư viện ReactJs (front-end).............................................................4
2.2.2. NodeJS..............................................................................................5
2.2.3. Framework ExpressJS.......................................................................7
2.2.4. Mơ hình MVC...................................................................................8

CHƯƠNG 3. PHÂN TÍCH THIẾT KẾ............................................................9

3.1. Đặc tả yêu cầu phần mềm (Software Requirements)..................................9
3.1.1. Người dùng chưa đăng ký.................................................................9
3.1.2. Người dùng thành viên......................................................................9
3.1.3. Quản trị viên......................................................................................9

3.2. Sơ đồ Use-case.........................................................................................10

Sinh viên thực hiện: Nguyễn Văn Long | Người hướng dẫn: Phạm Tuấn iii

Đề tài: Xây dựng website tạo bộ đề, ôn tập và kiểm tra trắc nghiệm online

3.3. Kịch bản cho Use-case.............................................................................11
3.3.1. Người dùng chưa đăng ký...............................................................11
3.3.2. Người dùng thành viên....................................................................11
3.3.3. Quản trị viên....................................................................................19

3.4. Sơ đồ hoạt động.......................................................................................25
3.4.1. Actor người dùng chưa đăng ký......................................................25
3.4.2. Người dùng thành viên....................................................................26
3.4.3. Actor Quản trị viên..........................................................................35

3.5. Danh sách các schema.............................................................................43

3.6. Sơ đồ tuần tự............................................................................................44
3.6.1. Người dùng chưa đăng ký...............................................................44
3.6.2. Người dùng thành viên....................................................................44
3.6.3. Người dùng quản trị viên.................................................................51

CHƯƠNG 4. DEMO CHƯƠNG TRÌNH.......................................................57

4.1. Người dùng chưa đăng ký........................................................................57
4.1.1. Đăng ký...........................................................................................57

4.2. Người dùng thành viên.............................................................................59
4.2.1. Đăng nhập.......................................................................................59
4.2.2. Tạo bộ đề.........................................................................................61
4.2.3. Tạo phòng thi...................................................................................64
4.2.4. Quản lý bộ đề đã tạo........................................................................66
4.2.5. Quản lý phòng thi............................................................................68
4.2.6. Tham gia ôn tập với bộ đề tự chọn..................................................71
4.2.7. Xem kết quả các bộ đề ôn tập đã tham gia.......................................73
4.2.8. Xem kết quả các phòng thi đã tham gia...........................................73
4.2.9. Chỉnh sửa thông tin cá nhân............................................................74
4.2.10. Đặt lại mật khẩu.............................................................................75

4.3. Người dùng quản trị viên.........................................................................77
4.3.1. Quản lý tất cả người dùng................................................................77
4.3.2. Quản lý tất cả lĩnh vực.....................................................................80
4.3.3. Quản lý tất cả các bộ đề...................................................................82
4.3.4. Quản lý tất cả các phòng thi............................................................85

Sinh viên thực hiện: Nguyễn Văn Long | Người hướng dẫn: Phạm Tuấn iv

Đề tài: Xây dựng website tạo bộ đề, ôn tập và kiểm tra trắc nghiệm online

CHƯƠNG 5. KẾT LUẬN & HƯỚNG PHÁT TRIỂN................................................88

5.1. Kết luận....................................................................................................88

5.2. Những hạn chế.........................................................................................88

5.3. Hướng phát triển......................................................................................88

Sinh viên thực hiện: Nguyễn Văn Long | Người hướng dẫn: Phạm Tuấn v

Đề tài: Xây dựng website tạo bộ đề, ôn tập và kiểm tra trắc nghiệm online

DANH MỤC HÌNH ẢNH

Hình 2.1: Hệ quản trị cơ sở dữ liệu mongodb............................................................2
Hình 2.2: Dịch vụ cơ sở dữ liệu firebase....................................................................3
Hình 2.3: Thư viện Reactjs........................................................................................5
Hình 2.4: Platform NodeJS........................................................................................6
Hình 2.5: Framework ExpressJS................................................................................7
Hình 2.6: Mơ hình MVC trong NodeJS.....................................................................8
Hình 3.1: Use-case Diagram....................................................................................10
Hình 3.2: Sơ đồ đăng ký tài khoản...........................................................................11
Hình 3.3: Sơ đồ đăng nhập hệ thống quyền người dùng..........................................12
Hình 3.4: Sơ đồ tạo bộ đề ơn tập..............................................................................12
Hình 3.5: Sơ đồ hoạt động tạo phịng thi online.......................................................13
Hình 3.6: Sơ đồ hoạt động quản lý thơng tin các bộ đề đã tạo (chỉnh sửa)..............13
Hình 3.7: Sơ đồ hoạt động quản lý thông tin các bộ đề đã tạo (Xóa).......................14
Hình 3.8: Sơ đồ hoạt động quản lý thơng tin các phịng thi đã tạo (Chỉnh sửa).......15
Hình 3.9: Sơ đồ hoạt động Quản lý thơng tin các phịng thi đã tạo (cho phép / thu
hồi quyền xem điểm của người dùng tham gia phịng thi).......................................16
Hình 3.10: Sơ đồ hoạt động Quản lý thơng tin các phịng thi đã tạo (Xóa)..............17
Hình 3.11: Sơ đồ hoạt động tham gia ơn tập với bộ đề tự chọn...............................17

Hình 3.12: Sơ đồ hoạt động tham gia kiểm tra phòng thi online (người dùng phải có
trong danh sách kiểm tra).........................................................................................18
Hình 3.13: Sơ đồ hoạt động quản lý thơng tin cá nhân............................................18
Hình 3.14: Sơ đồ hoạt động xem kết quả các bộ để đã ôn tập..................................19
Hình 3.15: Sơ đồ hoạt động xem kết quả các phịng thi đã tham gia kiểm tra.........19
Hình 3.16: Sơ đồ hoạt động đặt lại mật khẩu...........................................................20
Hình 3.17: Sơ đồ hoạt động quản lý tất cả người dùng (thêm).................................21
Hình 3.18: Sơ đồ hoạt động quản lý tất cả người dùng (chỉnh sửa).........................22
Hình 3.19: Sơ đồ hoạt động quản lý tất cả người dùng (xóa)...................................22
Hình 3.20: Sơ đồ hoạt động quản lý tất cả lĩnh vực (thêm lĩnh vực)........................23
Hình 3.21: Sơ đồ hoạt động quản lý tất cả lĩnh vực (chỉnh sửa)..............................24
Hình 3.22: Sơ đồ hoạt động quản lý tất cả lĩnh vực (xóa)........................................24

Sinh viên thực hiện: Nguyễn Văn Long | Người hướng dẫn: Phạm Tuấn vi

Đề tài: Xây dựng website tạo bộ đề, ôn tập và kiểm tra trắc nghiệm online

Hình 3.23: Sơ đồ hoạt động quản lý tất cả lĩnh vực (thêm thẻ)................................25
Hình 3.24: Sơ đồ hoạt động quản lý tất cả lĩnh vực (chỉnh sửa thẻ).........................26
Hình 3.25: Sơ đồ hoạt động quản lý tất cả lĩnh vực (xóa thẻ)..................................26
Hình 3.26: Sơ đồ hoạt động quản lý tất cả bộ đề ôn tập (thêm bộ đề)......................26
Hình 3.27: Sơ đồ hoạt động quản lý tất cả bộ đề ơn tập (chỉnh sửa)........................27
Hình 3.28: Sơ đồ hoạt động quản lý tất cả bộ đề ôn tập (xóa)..................................27
Hình 3.29: Sơ đồ hoạt động quản lý tất cả phịng thi (thêm)....................................28
Hình 3.30: Sơ đồ hoạt động quản lý tất cả phịng thi (chỉnh sửa)............................28
Hình 3.31: Sơ đồ hoạt động quản lý tất cả phịng thi (xóa)......................................29
Hình 3.32: Danh sách các Schema...........................................................................30
Hình 3.33: Sơ đồ sequence cho use-case đăng ký....................................................31
Hình 3.34: Sơ đồ sequence cho use-case đăng nhập................................................31
Hình 3.35: Sơ đồ sequence cho use-case tạo bộ đề..................................................32

Hình 3.36: Sơ đồ sequence cho use-case tạo phịng thi............................................32
Hình 3.37: Sơ đồ sequence cho use-case quản lý bộ đề đã tạo (chỉnh sửa)..............33
Hình 3.38: Sơ đồ sequence cho use-case quản lý bộ đề đã tạo (xóa).......................33
Hình 3.39: Sơ đồ sequence cho use-case quản lý phịng thi đã tạo (chỉnh sửa)........34
Hình 3.40: Sơ đồ sequence cho use-case quản lý phòng thi đã tạo (xóa).................34
Hình 3.41: Sơ đồ sequence cho use-case quản lý phịng thi đã tạo (cho phép/ thu hồi
quyền xem điểm).....................................................................................................35
Hình 3.42: Sơ đồ sequence cho use-case ôn tập với bộ đề tự chọn..........................35
Hình 3.43: Sơ đồ sequence cho use-case tham gia phịng thi...................................36
Hình 3.44: Sơ đồ sequence cho use-case quản lý thơng tin cá nhân (chỉnh sửa)......36
Hình 3.45: Sơ đồ sequence cho use-case xem kết quả các bộ đề đã tham gia..........37
Hình 3.46: Sơ đồ sequence cho use-case xem kết quả các phịng thi đã tham gia....37
Hình 3.47: Sơ đồ sequence cho use-case đặt lại mật khẩu.......................................38
Hình 3.48: Sơ đồ sequence cho use-case quản lý người dùng(Thêm)......................38
Hình 3.49: Sơ đồ sequence cho use-case quản lý người dùng (chỉnh sửa)...............39
Hình 3.50: Sơ đồ sequence cho use-case quản lý người dùng (xóa)........................39
Hình 3.51: Sơ đồ sequence cho use-case quản lý lĩnh vực (thêm)...........................40
Hình 3.52: Sơ đồ sequence cho use-case quản lý lĩnh vực (chỉnh sửa)....................40
Hình 3.53: Sơ đồ sequence cho use-case quản lý lĩnh vực (xóa)..............................41
Hình 3.54: Sơ đồ sequence cho use-case quản lý bộ đề (thêm)................................41

Sinh viên thực hiện: Nguyễn Văn Long | Người hướng dẫn: Phạm Tuấn vii

Đề tài: Xây dựng website tạo bộ đề, ôn tập và kiểm tra trắc nghiệm online

Hình 3.55: Sơ đồ sequence cho use-case quản lý bộ đề (chỉnh sửa)........................42
Hình 3.56: Sơ đồ sequence cho use-case quản lý bộ đề (xóa)..................................42
Hình 3.57: Sơ đồ sequence cho use-case quản lý phòng thi (thêm).........................43
Hình 3.58: Sơ đồ sequence cho use-case quản lý phịng thi (chỉnh sửa)..................43
Hình 3.59: Sơ đồ sequence cho use-case quản lý phịng thi (xóa)............................43

Hình 4.1: Màn hình đăng ký....................................................................................44
Hình 4.2: Màn hình đăng ký thất bại........................................................................44
Hình 4.3: Màn hình đăng ký thành cơng..................................................................45
Hình 4.4: Màn hình xác nhận địa chỉ email.............................................................45
Hình 4.5: Màn hình hồn thành chức năng đăng ký.................................................46
Hình 4.6: Màn hình đăng nhập.................................................................................46
Hình 4.7: Màn hình đăng nhậ...................................................................................47
Hình 4.8: Màn hình đăng nhập bằng google............................................................47
Hình 4.9: Màn hình đăng nhập thành cơng..............................................................48
Hình 4.10: Màn hình nhập thơng tin bộ đề...............................................................49
Hình 4.11: Danh sách câu hỏi ở file .xlsx................................................................50
Hình 4.12: Màn hình sau khi tải file .xlsx lên..........................................................50
Hình 4.13: Màn hình ghi chú các chức năng............................................................51
Hình 4.14: Màn hình xem lại thơng tin trước khi tạo bộ đề.....................................51
Hình 4.15: Màn hình nhập thơng tin phịng thi........................................................52
Hình 4.16: Màn hình danh sách câu hỏi của phịng thi............................................52
Hình 4.17: Màn hình xem lại thơng tin bộ đề và tạo phịng thi................................53
Hình 4.18: Màn hình chi tiết phịng thi....................................................................53
Hình 4.19: Màn hình hiện popup xác nhận..............................................................54
Hình 4.20: Màn hình chỉnh sửa bộ đề......................................................................55
Hình 4.21: Màn hình danh sách tham gia bộ đề.......................................................55
Hình 4.22: Màn hình chi tiết phịng thi....................................................................56
Hình 4.23: Màn hình chỉnh sửa phịng thi................................................................57
Hình 4.24: Màn hình xóa phịng thi.........................................................................57
Hình 4.25: Màn hình danh sách tham gia phịng thi.................................................58
Hình 4.26: Màn hình chi tiết bộ đề ơn tập................................................................58
Hình 4.27: Màn hình làm ơn tập bộ đề.....................................................................59
Hình 4.28: Màn hình kết quả kiểm tra.....................................................................59

Sinh viên thực hiện: Nguyễn Văn Long | Người hướng dẫn: Phạm Tuấn viii

Đề tài: Xây dựng website tạo bộ đề, ôn tập và kiểm tra trắc nghiệm online

Hình 4.29: Màn hình chi tiết bài làm và đáp án.......................................................59
Hình 4.30: Màn hình tab các bộ đề đã tham gia ôn tập ở trang cá nhân...................60
Hình 4.31: Màn hình tóm tắt kết quả và thơng tin bộ đề ơn tập...............................60
Hình 4.32: Màn hình chi tiết và kết quả làm bài......................................................60
Hình 4.33: Màn hình tab các phòng thi đã tham gia trong trang cá nhân.................61
Hình 4.34: Màn hình tóm tắt kết quả và thơng tin phịng thi....................................61
Hình 4.35: Màn hình chi tiết và kết quả bài làm......................................................61
Hình 4.36: Màn hình chỉnh sửa thơng tin người dùng..............................................62
Hình 4.37: Màn hình nhập email đặt lại mật khẩu...................................................63
Hình 4.38: Màn hình hộp thư đến ở email yêu cầu đặt lại mật khẩu........................63
Hình 4.39: Màn hình thêm người dùng mới.............................................................64
Hình 4.40: Màn hình danh sách người dùng............................................................65
Hình 4.41: Màn hình chi tiết người dùng.................................................................65
Hình 4.42: Màn hình chỉnh sửa thơng tin người dùng..............................................66
Hình 4.43: Màn hình hiện popup xác nhận xóa sau khi nhấn nút delete..................66
Hình 4.44: Màn hình thêm lĩnh vực mới..................................................................67
Hình 4.45: Màn hình danh sách các lĩnh vực...........................................................68
Hình 4.46: Màn hình chỉnh sửa lĩnh vực..................................................................68
Hình 4.47: Màn hình hiện popup xác nhận xóa lĩnh vực..........................................69
Hình 4.48: Danh sách bộ đề.....................................................................................69
Hình 4.49: Màn hình thêm bộ đề.............................................................................70
Hình 4.50: Màn hình chi tiết bộ đề..........................................................................70
Hình 4.51: Màn hình chỉnh sửa thơng tin bộ đề.......................................................71
Hình 4.52: Màn hình hiện popup xác nhận xóa bộ đề..............................................71
Hình 4.53: Màn hình thêm phịng thi.......................................................................72
Hình 4.54: Màn hình danh sách phịng thi...............................................................73
Hình 4.55: Màn hình chi tiết phịng thi....................................................................73

Hình 4.56: Màn hình chỉnh sửa thơng tin phịng thi.................................................74
Hình 4.57: Màn hình popup xác nhận xóa phịng thi...............................................74

Sinh viên thực hiện: Nguyễn Văn Long | Người hướng dẫn: Phạm Tuấn ix

Đề tài: Xây dựng website tạo bộ đề, ôn tập và kiểm tra trắc nghiệm online

CHƯƠNG 1. MỤC LỤC BẢNG

Bảng 0-1: Bảng giải thích ký hiệu...........................................................................xii
Bảng 0-2: Bảng giải thích chữ viết tắt.....................................................................xii
Bảng 3-1: Kịch bản use-case đăng ký......................................................................11
Bảng 3-2: Kịch bản use-case đăng nhập..................................................................11
Bảng 3-3:Kịch bản use-case tạo bộ đề.....................................................................12
Bảng 3-4: Kịch bản use-case tạo phòng thi online...................................................13
Bảng 3-5: Kịch bản use-case quản lý phòng thi đã tạo............................................14
Bảng 3-6: Kịch bản use-case quản lý bộ đề đã tạo...................................................15
Bảng 3-7: Kịch bản use-case: tham gia ôn tập bộ đề................................................16
Bảng 3-8: Kịch bản use-case tham gia phòng thi online..........................................16
Bảng 3-9: Kịch bản use-case: xem kết quả của các bộ đề đã ôn tập.........................17
Bảng 3-10: Use-case xem kết quả các phòng thi đã kiểm tra...................................18
Bảng 3-11: Kịch bản use-case: đặt lại mật khẩu người dùng...................................18
Bảng 3-12: Kịch bản use-case quản lý tất cả người dùng........................................19
Bảng 3-13: Kịch bản use-case: quản lý tất cả lĩnh vực.............................................20
Bảng 3-14: Kịch bảng use-case: quản lý tất cả các bộ đề.........................................22
Bảng 3-15: Kịch bản quản lý tất cả các phòng thi....................................................23

Sinh viên thực hiện: Nguyễn Văn Long | Người hướng dẫn: Phạm Tuấn x

Đề tài: Xây dựng website tạo bộ đề, ôn tập và kiểm tra trắc nghiệm online

DANH SÁCH CÁC KÝ HIỆU, CHỮ BIẾT TẮT

Ký hiệu Bảng 0-1: Bảng giải thích ký hiệu

Ý Nghĩa
Bước tiếp theo

Bảng 0-2: Bảng giải thích chữ viết tắt

Viết tắt Viết đầy đủ Ý nghĩa
REST API Representational State Transfer Là một loạt hướng dẫn

DB và dạng cấu trúc dùng
NoSQL
RAM cho việc chuyển đổi dữ

JSX Database liệu.
Not Structured Query Language Cơ sở dữ liệu
Hệ thống quản lý dữ liệu

Random Access Memory phi quan hệ.
Bộ nhớ tạm của máy cho

phép truy xuất dữ liệu

ngẫu nhiên đến bất kỳ vị

trí nào trong bộ nhớ dựa

theo địa chỉ bộ nhớ.

Javascript XML JSX sẽ transform cú
pháp dạng gần như XML
về thành Javascript.
Giúp người lập trình có
thể code ReactJS bằng
cú pháp của XML thay
vì sử dụng Javascript.

Sinh viên thực hiện: Nguyễn Văn Long | Người hướng dẫn: Phạm Tuấn xi

Đề tài: Xây dựng website tạo bộ đề, ôn tập và kiểm tra trắc nghiệm online

CHƯƠNG 2. TỔNG QUAN

2.1. Lý do chọn đề tài
Hiện nay vấn đề dịch bệnh xuất hiện khiến quá trình học tập, ôn tập, kiểm tra gặp rất

nhiều khó khăn với các học sinh, sinh viên.
Vì vậy để giải quyết vấn đề khó khăn trên và các vấn đề tương tự, em muốn xây

dựng một website có thể ôn tập, kiểm tra lại kiến thức bằng hình thức trắc nghiệm.
2.2. Mục đích đề tài

Giúp người dùng có thể ơn lại các kiến thức theo chủ đề mong muốn (có trong DB)
thơng qua hình thức trắc nghiệm trực tuyến.

Tổ chức phòng thi online giúp giải quyết các vấn đề trong các trường hợp đặc thù
như dịch bệnh, giảm thời gian chấm bài,...

2.3. Phạm vi đề tài

Áp dụng với tất người dùng tham gia và website.

Sinh viên thực hiện: Nguyễn Văn Long | Người hướng dẫn: Phạm Tuấn 1