Website luyện thi vào lớp 10 (đồ án 1 SE121 l21)

=
ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN
KHOA CÔNG NGHỆ PHẦN MỀM
----------

Báo Cáo Đồ Án 1
WEBSITE LUYỆN THI VÀO LỚP 10

Giảng viên hướng dẫn:
ThS.Huỳnh Hồ Thị Mộng Trinh

Sinh viên thực hiện:
Trần Huy Win -18521686
Phạm Thiên Long-18521052


Tp. Hồ Chí Minh, 6/2021

Nhận Xét Của Giáo Viên

…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………

…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
1


…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
………………………………………………………………
…..........................., ngày..........tháng..........năm 2021
Người nhận xét
(Ký tên)

2


Lời cảm ơn
Để có được sự thành cơng trong mơn học và hoàn thành tốt đồ án 1 “Website luyện thi vào lớp
10” em đã nhận được rất nhiều sự giúp đỡ của các quý thầy cô và bạn bè. Tỏ lòng biết ơn sâu sắc em

xin chân thành cảm ơn những giảng viên ở khoa Công nghệ phần mềm – Đại học Công Nghệ Thông
Tin đã cùng với tri thức và tâm huyết của mình truyền đạt vốn kiến thức quý báu cho em trong suốt
thời gian học tập tại trường.
Em xin chân thành cảm ơn Cô Huỳnh Hồ Thị Mộng Trinh đã tận tâm hướng dẫn chúng em
qua từng buổi học trên lớp. Nếu khơng có những lời hướng dẫn, chỉ bảo của thầy cơ thì em nghĩ q
trình hồn thiện bài báo cáo này của chúng em sẽ gặp nhiều vấn đề và khó khăn hơn.
Do kiến thức và khả năng của em còn nhiều hạn chế, vì vậy khơng tránh khỏi những thiếu sót,
yếu kém. Em rất mong nhận được những ý kiến đóng góp quý báu của thầy cơ để kiến thức của em
được hồn thiện hơn.
Sau cùng, em xin kính chúc q thầy cơ ở khoa Công nghệ phần mềm và Cô Huỳnh Hồ Thị
Mộng Trinh thật dồi dào sức khỏe, niềm tin để tiếp tục thực hiện sứ mệnh cao đẹp của mình là truyền
đạt kiến thức cho thế hệ mai sau.
Trân trọng cảm ơn.

3


Mục Lục
Tổng quan đề tài............................................................................................................................................................ 6

1.

1.1.

Đặt vấn đề .............................................................................................................................................................. 6

1.2.

Giải pháp................................................................................................................................................................ 6

1.3.

Mục tiêu ................................................................................................................................................................. 6

1.4.

Phạm vi .................................................................................................................................................................. 7

1.5.

Công cụ sử dụng .................................................................................................................................................... 7

Xác định và phân tích yêu cầu ..................................................................................................................................... 7

2.

2.1.

Khảo sát hiện trạng. .............................................................................................................................................. 7

2.2.

Phân tích yêu cầu .................................................................................................................................................. 8

2.2.1.

Yêu cầu chức năng ........................................................................................................................................ 8

2.2.2.

Yêu cầu phi chức năng.................................................................................................................................. 8

Thiết kế hệ thống ........................................................................................................................................................... 9

3.

3.1.

Sơ đồ usecase ......................................................................................................................................................... 9

3.2.

Danh sách tác nhân hệ thống ............................................................................................................................. 13

3.3.

Danh sách usecase ............................................................................................................................................... 13

3.4.

Đặc tả usecase ...................................................................................................................................................... 14

3.4.1.

Module Lịch sử làm bài .................................................................................................................................. 14

3.4.2.

Module Làm bài thi......................................................................................................................................... 15

3.4.3.

Module Tạo bài kiểm tra ................................................................................................................................ 16

3.4.4.

Module Duyệt bài kiểm tra............................................................................................................................. 17

3.4.5.

Module đăng nhập .......................................................................................................................................... 18

3.4.7.

Module tạo tài khoản ...................................................................................................................................... 19

Sơ đồ tuần tự ........................................................................................................................................................... 20

a.

Thiết kế dữ liệu............................................................................................................................................................ 23

2.

Mô tả chi tiết các kiểu dữ liệu trong sơ đồ logic ................................................................................................... 23

a.
i.

Bảng Ghi Chú ...................................................................................................................................................... 23

ii.

Mô tả chi tiết các kiểu dữ liệu ............................................................................................................................ 23

1.

Kiến trúc ...................................................................................................................................................................... 25

2.

Thiết kế giao diện ........................................................................................................................................................ 27
2.1.

Danh sách màn hình ........................................................................................................................................... 27

2.2.

Chi tiết màn hình................................................................................................................................................. 28

Màng hình trang chủ website......................................................................................................................................... 28
Màn hình chọn đề(luyện thi) .......................................................................................................................................... 28
Màn hình làm bài thi( sau khi chọn đề) ........................................................................................................................ 29
4


Màn hình chấm điểm và xem giải thích ........................................................................................................................ 30
Màn hình quản lý user .................................................................................................................................................... 33
Màn hình bảng điểm ....................................................................................................................................................... 33
Màn hình điền thơng tin đề thi( đăng đề) ..................................................................................................................... 34

Màn hình tạo câu hỏi( đăng đề) ..................................................................................................................................... 35
Màn hình xem trước đề thi( đăng đề)............................................................................................................................ 36
Màn hình duyệt đề(admin) ............................................................................................................................................. 37
Màn hình đăng nhập ....................................................................................................................................................... 37
3.

Kết luận ........................................................................................................................................................................ 38
3.1.

Mơi trường phát triển và môi trường triển khai .............................................................................................. 38

3.2.

Kết quả đạt được ................................................................................................................................................. 38

3.3.

Hướng phát triển ................................................................................................................................................. 38

5


1. Tổng quan đề tài
1.1. Đặt vấn đề
Dựa trên nhu cầu thực tế của xã hội ngày càng bùng nổ bệnh dịch covid 19 nên cần có nhiều
thêm các website để các em nhỏ ôn tập cũng như luyện thi cho các kì thi lớn như thi đại học,
thi tuyển sinh cấp 3. Nhằm giải quyết những vấn giúp đỡ các em có một mơi trường rèn
luyện các bài thi thử thật tốt, tham khảo các dạng bài thi cũng như các loại bài tập. Đó là
những nội dung cơ bản đề cập đến trong đề tài này.
Website luyện thi vào lớp 10 sẽ giúp ích cho các bạn học sinh rất nhiều, đặc biệt là trong

thời buổi dịch bệnh hồnh hành, khơng thể đến trường lớp thường xun. Bạn không cần
thiết phải biết nhiều về tin học, bạn vẫn có thể sử dụng trang web một cách hiệu quả. Giao
diện thuận tiện dễ sử dụng của chương trình sẽ luôn khiến bạn cảm thấy thật thoải mái khi
sử dụng website.

1.2. Giải pháp
Để có thể hồn thành được đề tài thì cần phải nghiên cứu những nội dung như sau:
• Tìm hiểu cách thức vận hành 1 bài thi thử.
• Tìm hiểu về các nghiệp vụ liên quan tới quá trình thực hiện bài kiểm tra, đăng bài
kiểm tra lên trang web, cách thức chấm điểm.
• Cần phải tìm hiểu nghiên cứu về những nhu cầu có thể phát sinh của người dùng để
có giải pháp phù hợp.

1.3. Mục tiêu
Xây dựng website luyện thi lớp 10 đáp ứng những nhu cầu sau:
• Thực hiện được các chức năng cơ bản của một website học tập
• Trang bảng giúp chủ học sinh có thể quản lý, cập nhật thơng tin các bài kiểm tra.
• Có hình thức chấm điểm chính xác, phù hợp với các loại bài thi.
• Có thể giúp các giáo viên đăng đề lên trang web dễ dàng.

6


1.4. Phạm vi
Thời gian thực hiện đồ án có hạn, việc xây dựng website sẽ tập trung vào các chức năng
chính bao gồm : thống kê bảng điểm,luyện thi, quản lý đề thi, đăng đề thi, duyệt đề thi, quản
lí thơng tin tài khoản.

1.5. Cơng cụ sử dụng
Trong q trình xây dựng phần mềm, nhóm đã sử dụng phần mềm sau:

• Visual Studio Code: IDE xây dựng phần mềm
• ReactJS: Xây dựng giao diện website
• Redux: State management
• Bootstrap: Built-in styles
• Firebase: Database

2. Xác định và phân tích u cầu
2.1. Khảo sát hiện trạng.
STT

Chủ đề

Yêu cầu
Nắm rõ các thành phần của thông tin nghiệp vụ.

1

Các thành phần thông tin về
nghiệp vụ
Nắm rõ những đề thi, môn học mà nhiều người muốn luyện tập,

2

Các mơn học, dạng bài thi

tìm ra cách thức chấm điểm tự động phù hợp cho các dạng bài thi.

và cách thức chấm điểm
Tìm hiểu kỹ về tài nguyên máy móc, trang thiết bị, phần mềm, hệ
3

Hệ thống máy móc phần

điều hành phần lớn của các bạn .

mềm

7


2.2. Phân tích yêu cầu
Yêu cầu chức năng

2.2.1.

Yêu cầu lưu trữ:
Tính năng lưu trữ là yêu cầu quan trọng nhất của hệ thống là cơ sở để thực hiện phần
lớn tính năng của hệ thống, để đảm bảo việc quản có hiệu quả hệ thống lưu trữ cần lưu
trữ những thơng tin sau:
• Thơng tin đề bài, đáp án, câu trả lời
• Thơng tin user, phân quyền các user
•
u cầu tính năng:
• Chức năng tìm kiếm đề kiểm tra
• Chức năng thống kê báo cáo kết quả làm bài kiểm tra
• Chức năng cập nhật
• Chức năng đăng đề bài, kiểm duyệt đề bài
• Chức năng tham gia bài kiểm tra

2.2.2.

Yêu cầu phi chức năng

Yêu cầu về giao diện: giao diện phải thân thiện với người dùng, phù hợp. Người dùng có
thể dễ dàng sử dụng cũng như thap tác
Yêu cầu chất lượng:
• Tính tiến hóa
• Tính tiện dụng
• Tính hiệu quả
• Tính tương thích

8


3. Thiết kế hệ thống
3.1. Sơ đồ usecase

9


10


11


12


3.2. Danh sách tác nhân hệ thống

STT

Tác nhân của hệ thống

Ý nghĩa

1

Admin

Người quản trị của hệ thống

2

Thầy giáo

Quản lý các nghiệp vụ chính của luyện thi,
đăng đề bài

3

Học sinh

Thực hiện được các chức năng cơ bản khi vào
một website luyện thi

3.3. Danh sách usecase
STT

Usecase

Ý nghĩa

1

Lịch sử làm bài

Giúp quản lý thông tin các bài thi đã được học
sinh tham gia

2

Luyện thi

Thực hiện chức năng tham gia bài thi

3

Quản lý user

Giúp quản lý thông tin user

4

Đăng đề

Thực hiện chức năng tạo mới đề bài thi của
giáo viên, sửa đề bài

5

Duyệt đề

Thực hiện chức năng phê duyệt, xóa bài thi
trên hệ thống

13


3.4. Đặc tả usecase

3.4.1. Module Lịch sử làm bài

Lịch sử làm bài
Người tạo

Ngày tạo:

24/6/2021

Tác nhân chính

Học sinh

Tác nhân phụ

Mơ tả

Tra cứu thông tin các bài kiểm tra đã được học sinh làm

Xảy ra khi

Truy cập mục Lịch sử làm bài

Điều kiện trước

PRE-1: Học sinh đã đăng nhập vào hệ thống

Điều kiện sau
Dòng sự kiện cơ

1. Học sinh vào giao diện Lịch sử làm bài ở website

bản
Dòng sự kiện

1. Học sinh click vào xem chi tiết bài kiểm tra

ngoài lề

1.1. Điều hướng sang giao diện chi tiết thông tin bài kiểm tra

Độ ưu tiên

Cao

Quy định liên qua
Thông tin bổ sung
Ngầm định

Không có

14


3.4.2. Module Làm bài thi
Làm bài thi
Người tạo

Ngày tạo:

24/6/2021

Tác nhân chính

Học sinh

Tác nhân phụ

Mơ tả

Học sinh tiến hành làm bài kiểm tra thì sẽ hiện ra giao diện bắt
đầu làm bài thi

Xảy ra khi

Khi học sinh muốn bắt đầu làm bài kiểm tra

Điều kiện trước

PRE-1: Học sinh đã chọn bài kiểm tra

Điều kiện sau

POST-1: Học sinh đã xác nhận chắc chắn muốn hồn thành bài
thi
POST-2: Thơng tin được lưu trữ vào hệ thống

Dòng sự kiện cơ

1. Bắt đầu làm bài kiểm tra

bản

2. Trả lời các câu hỏi có trong bài kiểm tra trong thời gian
quy định
3. Xác nhận kết thúc bài kiểm tra
4. Xác nhận lại thông tin
5. Hệ thống ghi nhận kết quả bài làm

Dịng sự kiện
ngồi lề
Độ ưu tiên

Cao

Quy định liên qua
Thông tin bổ sung
Ngầm định

1. Học sinh có thể bỏ trống câu hỏi

Khơng có

15


3.4.3. Module Tạo bài kiểm tra

Tạo bài kiểm tra
Người tạo

Ngày tạo:

24/6/2021

Tác nhân phụ

Admin

Tác nhân chính

Giáo viên

Mơ tả

Khi giáo viên có nhu cầu tạo 1 bài kiểm tra và bấm vào tạo bài
kiểm tra thì giao diện sẽ hiện ra

Xảy ra khi

Khi giáo viên có nhu cầu tạo 1 bài kiểm tra

Điều kiện trước

PRE-1: Khi actor đã điền thông tin bài thi (Nơi ra đề, dạng đề,
thời gian, môn,lần ra đề)
PRE-2: Khi actor đã tạo đủ các câu hỏi

Điều kiện sau

POST-1: Yêu cầu xác nhận kết thúc tạo bài kiểm tra
POST-2: Thơng tin được lưu trữ vào hệ thống

Dịng sự kiện cơ

1. Điền thông tin bài thi(Nơi ra đề, dạng đề, thời gian,
môn,lần ra đề)

bản

2. Actor tạo bộ câu hỏi kèm đáp án
3. Xác nhận lại bộ câu hỏi
4. Gửi đề chờ admin phê duyệt
Dịng sự kiện
ngồi lề
Độ ưu tiên

Cao

Quy định liên qua
Thơng tin bổ sung
Ngầm định

1. Actor có thể thêm gợi ý trả lời

Khơng có

16


3.4.4. Module Duyệt bài kiểm tra

Duyệt bài kiểm tra
Người tạo

Ngày tạo:

24/6/2021

Tác nhân chính

Admin

Tác nhân phụ

Mơ tả

Khi actor có nhu cầu kiểm duyệt bài kiểm tra để đăng lên
website và bấm vào phần duyệt đề thì sẽ hiện ra giao diện duyệt

bài

Xảy ra khi

Khi actor có nhu cầu kiểm duyệt bài kiểm tra

Điều kiện trước

PRE-1: Actor đã đăng nhập vào website, có quyền được truy
cập là admin
PRE-2: Actor đã chọn bài kiểm tra

Điều kiện sau

POST-1: Hệ thống sẽ đăng bài kiểm tra lên hệ thống
POST-2: Thông tin được lưu trữ vào hệ thống

Dòng sự kiện cơ

1. Actor vài giao diện duyệt bài kiểm tra

bản

2. Actor chọn bài kiểm tra muốn kiểm duyệt
3. Actor click vào duyệt đề
4. Xác nhận duyệt đề
5. Hệ thống đăng bài kiểm tra

Dòng sự kiện

1.Actor click vào xem chi tiết của 1 bài kiểm tra

ngoài lề

1.1 Hệ thống điều hướng đến giao diện xem trước bài kiểm tra

Độ ưu tiên

Cao

Quy định liên qua
Thông tin bổ sung
Ngầm định

Không có

17


3.4.5. Module đăng nhập
Đăng nhập
Người tạo
Tác nhân chính

Ngày tạo:
Admin,học sinh,

24/6/2021

Tác nhân phụ

giáo viên
Mơ tả

Khi actor có nhu cầu sử dụng website thì sẽ được điều hướng
đến đăng nhập

Xảy ra khi

Khi actor có nhu cầu sử dụng các chức năng của website

Điều kiện trước

PRE-1: Nhập đúng tài khoản, mật khẩu hoặc dùng tài khoản liên
kết của google

Điều kiện sau

POST-1:Điều hướng đến trang chủ

Dòng sự kiện cơ

1. Actor bấm vào đăng nhập

bản

2. Actor nhập tài khoản mật khẩu

Dòng sự kiện

1. Actor sử dụng đăng nhập qua tài khoản google
1.1 Actor chọn tài khoản google để đăng nhập

ngoài lề

Độ ưu tiên

Cao

Quy định liên qua
Thơng tin bổ sung
Ngầm định

Khơng có

18


3.4.7. Module tạo tài khoản

Tạo tài khoản
Người tạo
Tác nhân chính

Ngày tạo:
Học sinh, admin,

24/6/2021

Tác nhân phụ

giáo viên
Mơ tả

Khi khách hàng có nhu cầu tạo tài khoản

Xảy ra khi

Khi actor có nhu cầu muốn tìm kiếm và click tạo tài khoản ở
trang chủ

Điều kiện trước
Điều kiện sau

POST-1: Thông tin tài khoản được lưu trữ vào hệ thống

Dịng sự kiện cơ

1. Có nhu cầu tạo tài khoản

bản

2. Actor vào giao diện website click tạo tài khoản
3. Điền đầy đủ các thông tin cần thiết(Email, tên tài khoản,
mật khẩu)
4. Xác nhận lại thông tin
5. Actor nhấn hồn tất và hệ thống lưu thơng tin tài khoản
mới

Dịng sự kiện

ngồi lề
Độ ưu tiên

Cao

Quy định liên qua
Thơng tin bổ sung
Ngầm định

Khơng có

19


a. Sơ đồ tuần tự
• Sơ đồ tuần tự làm bài kiểm tra

20


• Sơ đồ tuần tự tạo đề kiểm tra

21


• Sơ đồ tuần tự duyệt đề(admin)

22

2. Thiết kế dữ liệu

a. Mô tả chi tiết các kiểu dữ liệu trong sơ đồ logic
i. Bảng Ghi Chú
STT Tên bảng

Ý Nghĩa

1

User

Lưu thông tin tài khoản

2

Exam

Lưu thông tin bài kiểm tra

3

HomeworkHistory

Lưu thông tin lịch sử bài kiểm tra

4

ListQuestion

Lưu thông tin chi bộ câu hỏi

5

CorrectAnswer

Lưu thông tin câu trả lời đúng

6

MultipleChoieAnswers

Lưu thông tin các câu trả lời

ii. Mô tả chi tiết các kiểu dữ liệu
1. User
23


STT

Thuộc tính

Kiểu

1

_id

ObjectId

2

name

string

3

email

string

4

Role

string

5

HomeworkHistory

Object

6

DisplayName

string

2. HomeworkHistory
STT

Thuộc tính

Kiểu

1

_id

ObjectId

2

Subject

String

3

Date

Date

4

Place

String

5

Point

Number

6

IdExam

String

STT

Thuộc tính

Kiểu

1

_id

ObjectId

2

Format

String

3

Place

String

4

SchoolYear

String

5

Subject

String

6

TimeOfExam

Number

7

TimePoposed

Number

8

TitleExam

String

9

ListQuestion

Object

10

OnWebsite

Bool

3. Exam

24