Báo Cáo D Án

Dự án tốt nghiệp
1
TRƯỜNG CAO ĐẲNG FPT POLYTECHNIC
---🙠🕮🙢---
DỰ ÁN TỐT NGHIỆP
(Ngành: Thiết kế website)
Đề tài: Website quản lý quy trình dạy học trung tâm BrightChamps
Giảng viên hướng dẫn : Lê Trọng Đạt
Sinh viên thực hiện : Nguyễn Anh Quân - PH18209

Kiều Văn Chương - PH13392
Lê Công Định - PH18273
Lê Quang Vinh - PH18160
Nguyễn Thị Vân - PH17034
Nguyễn Minh Hiếu - PH17303
Bùi Thị Hương - PH16610
Hà Nội, 2022
2
Nhận xét của giảng viên
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
……………………………………………………………………………………
Giáo viên hướng dẫn ký, ghi rõ họ tên
3
NHẬN XÉT CỦA HỘI ĐỒNG PHẢN BIỆN
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
………………………………………………………………………………………
……………………………………………………………………………………
HĐ phản biện ký, ghi rõ họ tên
MỤC LỤC
4
5
LỜI MỞ ĐẦU
Ngày nay, công nghệ thông tin đã và đang đóng vai trò quan trọng trong xã hội. Nó
giúp con người làm việc với mức độ chính xác cao, quản lý và tổ chức công việc
hiệu quả, cũng như thông tin được phổ biến và cập nhật nhanh chóng, chính xác.
Do đó, việc ứng dụng công nghệ thông tin vào các phòng ban công ty, xí nghiệp,
trường học, trung tâm dạy học là nhu cầu tất yếu.
Thấy được lợi ích của ứng dụng công nghệ thông tin, các trung tâm, tổ chức đang
từng bước tin học hóa vào công tác quản lý. Trong đó, công tác quản lý trung tâm
dạy học là khá cần thiết. Bởi lẽ, công việc quản lý này đòi hỏi phải xử lý một số
lượng lớn thông tin với mức độ chính xác cao. Trong khi, số lượng học sinh ngày
càng gia tăng nên công việc quản lý dễ dẫn đến sai sót, tốn thời gian là không thể
tránh khỏi. Vì thế, sự ra đời của hệ thống quản lý trung tâm dạy học mang lại
những lợi ích:
- Tiết kiệm chi phí, thời gian, tránh sai sót cho người quản lý.
- Công tác lưu trữ được an toàn và tiện ích.
- Giúp giáo viên chủ động trong công việc.
- Giúp học sinh cải thiện chất lượng học tập, chủ động hơn trong việc học, dễ
lắm bắt các thông tin từ phía trung tâm.
Xuất phát từ những lợi ích trên, nhóm đã chọn đề tài tốt nghiệp “ Website quản lý
quy trình dạy học trung tâm BrightChamps”. Với đề tài này nhóm mong muốn áp
dụng các kiến thức được học trong trường cùng với việc tìm hiểu nghiên cứu ngôn
ngữ và môi trường lập trình để xây dựng hệ thống quản lý quy trình dạy học trung
tâm BrightChamps đạt được hiệu quả cao.
6
GIẢI THÍCH THUẬT NGỮ
STT Thuật ngữ Giải thích

Phần front-end của một trang web là phần tương
tác với người dùng, là một sự kết hợp của
1 Front-end HTML, CSS, và JavaScript được điều khiển bởi
trình duyệt máy tính của bạn.
Bao gồm quá trình xử lý các dữ liệu request ở

phía server và quá trình nhào nặn trên trình ứng
dụng server (application) để tạo ra gói trả lời
2 Back-end response gửi trả về cho client. Cụ thể là cần truy
xuất phần thông tin nào từ database.
Dữ liệu trong đó phải theo đúng chuẩn mà ứng

3 Validate form dụng của bạn có thể xử lý.
Người kiểm tra sản phẩm mà lập trình viên làm
4 Tester ra.
Thông tin gửi từ phía client lên server.
5 Request
Thông tin từ server gửi về client.

6 Response
Chức năng.
7 Module
8 Staging Môi trường demo Developer
9 Production Môi trường demo thật
PHẦN 1. GIỚI THIỆU CHUNG

1. 1 Giới thiệu đề tài
1.1.1 Lý do chọn đề tài
Nhận được sự yêu cầu của giám đốc trung tâm BrightChamps ông Nguyễn Văn
Hưng, nhóm chúng em đã lên ý tưởng xây dựng website quản lý chương trình học của
trung tâm BrightChamps nhằm đáp ứng nhu cầu quản lý trung tâm của giám đốc, đăng
ký lịch dạy học của giáo viên , đăng ký lịch học và đổi lịch học theo nhu cầu của học
sinh , nhân viên tạo lớp học dễ dàng cho giáo viên và học sinh đăng ký.
7
Để nghiên cứu và khảo sát cách thức hoạt động của các trung tâm nhóm đã lên ý
tưởng đi khảo sát lấy thông tin trực tiếp từ phụ huynh học sinh để cải thiện những
khó khăn trong việc học của con.
Trong những câu hỏi mà nhóm thu được từ việc khảo sát :
- Tỷ lệ phụ huynh có cho con em mình học trực tuyến
- Tỷ lệ phụ huynh có con em mình làm bài trực tuyến
- Tỷ lệ phụ huynh cho học sinh học lập trình online từ lớp 1-12 :
8
- Để học sinh có thể chủ động trong lịch học , phụ huynh đã đưa ra một số ý kiến
để trung tâm có thể quản lý việc học dễ dàng. Đây là một số ý kiến nhóm
chúng em đã lựa chọn :
+ Con có thể chủ động đăng ký lịch học trên hệ thống .
+ Học 1-1 cùng với giáo viên
+ Sử dụng website dễ dàng , hiệu quả .
+ Quản lý thời gian học , chọn được giáo viên dạy , thời gian phù hợp với lịch
học trên lớp, giáo trình học nước ngoài.
1.1.2 Hệ thống tương tự

1.1.2.1 Trung tâm đào tạo khóa học lập trình viên cho trẻ
Đường Link truy cập vào website : https://kase.edu.vn/
Ưu điểm :
- Trung tâm dạy lập trình tích hợp online và offline.
- Sử dụng 2 ngôn ngữ : Tiếng Việt và tiếng Anh
9
- Đăng ký nhận tư vấn và đăng ký học thử dành cho người dùng dễ dàng sử
dụng.
- Áp dụng kiến thức lập trình vào game cho trẻ.
Nhược điểm:
- Không phát triển theo hướng học 1-1.
- Chỉ áp dụng cho trẻ từ 10-13 tuổi.
1.1.2.2 Trung tâm đào tạo lập trình cho trẻ Digiuni
Đường Link truy cập vào website :https://digiunivietnam.com/
- Ưu điểm :
+ Đăng ký buổi học thử miễn phí dễ dàng.
+ Kết hợp dạy online và offline.
- Nhược điểm :
+ Thông tin giáo viên trên hệ thống quá ít.
+ Học theo nhóm , số lượng 3-4 học sinh trên 1 giáo viên.
+ Học sinh thay đổi lịch học tại nhóm zalo .
1.1.3 Mục đích làm đề tài
- Xây dựng website quản lý chương trình học lập trình cho học sinh từ lớp 1-12.
- Giúp phụ huynh/học sinh có thể dễ dàng đăng ký học trải nghiệm tại trung tâm.
- Giúp học sinh chủ động đăng ký lịch học,đổi lịch học, xem giáo trình học .
- Giúp giáo viên chủ động đăng ký lịch dạy .
- Giúp người quản trị dễ dàng phân quyền cho người dùng , quản lý người dùng ,
lớp học , khóa học , ca học dễ dàng và hiệu quả.
- Giúp nhân viên dễ dàng tiếp nhận đơn đăng ký từ khách hàng và sắp xếp lịch
học cho học sinh .
1.1.4 Đối tượng sử dụng hệ thống
Đối tượng sử dụng hệ thống gồm có :
- Quản lý
10
- Giáo viên.
- Học sinh.
1.1.5 Sơ đồ làm việc nhóm
1.3 Các công cụ và công nghệ sử dụng
1.3.1 Các công cụ
11
GitLab Diagram
Figma
Google Meet Google Chrome Visual Studio Code
Word Slack Postman
Balsamiq
1.3.2 Các công nghệ
12
PHẦN 2. KHẢO SÁT HỆ THỐNG
2.1 Danh sách tác nhân
Actor Mô tả
Quản lý Là nhóm người có quyền thực hiện các chức năng của quản lý
như phân quyền , quản lý lớp học , quản lý ca học , quản lý ca
học , quản lý users.
Giáo viên Là nhóm người có quyền thực hiện các chức năng của giáo viên
như đăng ký lịch dạy, xem lịch dạy,trao đổi với học sinh
Học sinh Là nhóm người có quyền thực hiện các chức năng của học sinh
như: đăng ký lịch học, xem lịch học, đổi lịch học,xem khóa học,
trao đổi với giáo viên.
Nhân viên Là nhóm người có quyền thực hiện các chức năng : tạo lớp học
cho học sinh, tạo ca học cho giáo viên, quản lý đơn đăng ký.
2.2 Danh sách các use case
13
STT Chức năng Nội dung
1 Quản lý lớp học Admin, nhân viên là người có quyền sử dụng chức năng
này.
1. Hiển thị danh sách các lớp học bao gồm lớp
demo, lớp chính thức.
2. Thêm, sửa lớp Paid; sửa lớp Demo.
3. Gửi thông báo từ slack , gửi email.
2 Quản lý khóa Admin, nhân viên là người có quyền sử dụng chức năng
học này.
1. Hiển thị danh sách các khóa học.
2. Thêm, sửa, xóa khóa học.
3 Quản lý ca học Admin là người có quyền sử dụng chức năng này.

1. Hiển thị danh sách ca học bao gồm ca demo, ca
chính thức .
2. Thêm, sửa, xóa ca học.
4 Quản lý User Admin là người có quyền sử dụng chức năng này.

1. Hiển thị danh sách Users , Teachers, Students.
2. Thêm , sửa, xóa users, teachers, students.
5 Phân quyền Admin là người có quyền sử dụng chức năng này.

1. Hiển thị các quyền user có thể thực hiện được.
2. Thêm , sửa, xóa quyền của user.
6 Theo dõi lớp Admin và nhân viên có quyền sử dụng chức năng này.
học 1. Quản lý điểm danh.
2. Quản lý đánh giá lớp học
7 Quản lý điểm Admin và nhân viên có quyền sử dụng chức năng này.
danh 1. Hiển thị số lượng học sinh đã điểm danh.
2. Thêm , sửa , xóa điểm danh.
8 Quản lý đánh Admin và nhân viên có quyền sử dụng chức năng này.
giá lớp học 1. Hiển thị đánh giá lớp học .
2. Thêm , sửa , xóa đánh giá của lớp học.
11 Quản lý lớp Giáo viên có quyền sử dụng chức năng này.

đang dạy 1. Điểm danh
2. Tổng kết chi tiết sau buổi dạy.
12 Điểm danh Giáo viên có quyền sử dụng chức năng này.
13 Tổng kết chi Giáo viên có quyền sử dụng chức năng này.
tiết sau buổi
14
dạy
14 Xem lịch dạy Giáo viên có quyền sử dụng chức năng này.
1. Hiển thị lịch dạy học của giáo viên.
15 Đăng ký lịch Giáo viên có quyền sử dụng chức năng này.

dạy 1. Thêm lịch dạy.
16 Đăng nhập Học sinh, giáo viên , quản lý có quyền sử dụng chức
năng này.
1. Đăng nhập.
2. Đăng xuất.
17 Đăng ký học Học sinh có quyền sử dụng chức năng này.

1. Đăng ký học Demo.
2. Đăng ký học chính thức.
18 Xem lịch học Học sinh có quyền sử dụng chức năng này.
1. Xem chi tiết lịch học.
19 Đổi lịch học Học sinh có quyền sử dụng chức năng này.
1. Thay đổi lịch học.
20 Xem thông tin Học sinh có quyền sử dụng chức năng này.
khóa học 1. Xem thông tin khóa học.
21 Chat với Học sinh có quyền sử dụng chức năng này.

teacher 1. Trao đổi với giáo viên
22 Chat với Giáo viên có quyền sử dụng chức năng này.

student 1. Trao đổi với học sinh
23 Quản lý Giáo viên có quyền sử dụng chức năng này.

Quizzes 1. Thêm, sửa, xóa quizzes.
24 Quizzes Học sinh có quyền sử dụng chức năng này.

1. Tham gia quizzes.
2.3 Mô hình hệ thống (Use Case Model)
15
2.4 Mô tả nội dung, chức năng
2.4.1 Đăng ký lịch học

2.4.1.1 Đăng ký lịch học Demo
1. Đăng ký buổi học Demo
Mô tả Đây là chức năng giúp người dùng đăng ký buổi học thử miễn phí
tại trung tâm
Tác nhân Tác nhân chính: Student
16
Tác nhân phụ : N/A
Tiền điều kiện N/A
Luồng điều
kiện Bước 1: Người dùng gõ tên miền website
https://www.brightchamps.click/ lên thanh trình duyệt hiện ra
trang chủ website , click vào nút “Đăng ký học thử 1 buổi miễn
phí”.
Bước 2: Người dùng nhập đầy đủ thông tin bao gồm Email, tên
học sinh, số điện thoại ba mẹ , trẻ học lớp , ngày , khung giờ.
Bước 3: Người dùng ấn đăng ký hệ thống báo “Đăng ký thành

công”.
Hậu điều kiện Thành công : Thông báo đăng ký thành công.
Thất bại : Thông báo bạn chưa nhập đủ dữ liệu và mời nhập lại.
2.4.1.2 Đăng ký lịch học cố định
2. Đăng ký buổi học cố định
Mô tả Đây là chức năng giúp người dùng đăng ký lịch học cố định
Tác nhân Tác nhân chính: Student
Tiền điều kiện N/A
Luồng điều
kiện Bước 1: Người dùng gõ tên miền website
https://student.brightchamps.click/login lên thanh trình duyệt hiện
ra trang login vào hệ thống của student.
17
Bước 2: Người dùng nhập đầy đủ thông tin bao gồm Email, tên
học sinh, số điện thoại ba mẹ , trẻ học lớp , ngày , khung giờ.
Bước 3: Người dùng ấn đăng ký hệ thống báo “Đăng ký thành

công”.
Hậu điều kiện Thành công : Thông báo đăng ký thành công.
Thất bại : Thông báo bạn chưa nhập đủ dữ liệu và mời nhập lại.
2.4.3 Đăng nhập
3. Đăng nhập
Mô tả Đây là chức năng giúp học sinh, quản lý, giáo viên ,nhân viên
đăng nhập vào hệ thống
Tác nhân Tác nhân chính:Học sinh, quản lý , giáo viên , nhân viên
Tiền điều kiện Học sinh, giáo viên , quản lý , nhân viên đã có tài khoản đăng
nhập vào hệ thống
Luồng điều
kiện Bước 1:
- Học sinh truy cập vào đường link

https://student.brightchamps.click/login, click vào nút
“Đăng nhập với Google” .
- Giáo viên truy cập vào đường link
https://teacher.brightchamps.click/login, click vào nút
- Nhân viên truy cập vào đường link
https://employee.brightchamps.click/login, click vào nút
18
- Quản lý truy cập vào đường link
https://admin.brightchamps.click/login , điền thông tin
admin để đăng nhập vào hệ thống.
Hậu điều kiện Thành công : Thông báo đăng nhập thành công
Thất bại : Thông báo đăng nhập thất bại.
2.4.3 Đăng xuất
4. Đăng xuất
Mô tả Đây là chức năng giúp học sinh, quản lý, nhân viên , giáo viên
đăng xuất khỏi hệ thống.
Tác nhân Tác nhân chính: Học sinh, giáo viên , nhân viên , quản lý.
Tiền điều kiện Học sinh, giáo viên , nhân viên , quản lý đã đăng nhập vào hệ
thống.
Luồng điều
kiện Bước 1: Người dùng chọn tab trên cùng của hệ thống hiển thị nút
đăng xuất.
Bước 2: Người dùng chọn nút Đăng xuất, hệ thống xử lý xóa

phiên người dùng trở về trang đăng nhập.
Hậu điều kiện Thành công : Quay về trang đăng nhập
Lỗi : N/A.
2.4.4 Quản lý lớp học

2.4.4.1 Xem danh sách lớp học
19
1. Xem danh sách lớp học
Mô tả Đây là chức năng giúp người nhân viên xem được danh sách lớp
học.
Tác nhân Tác nhân chính: Nhân viên
Tiền điều kiện Tài khoản đăng nhập vào trang employee.
Luồng điều
kiện Bước 1: Người dùng chọn Demo Class, Paid Class hiển thị ra
trang danh sách lớp học
Bước 2: Người dùng có thể tìm kiếm , lọc lớp học mình muốn tìm
theo mã lớp.
Hậu điều kiện Thành công : Hiển thị danh sách lớp học
Thất bại : Không hiển thị danh sách lớp học
2.4.4.2 Thêm lớp học

2. Thêm lớp học
Mô tả Đây là chức năng giúp người nhân viên thêm lớp học.
Tiền điều kiện Tài khoản đăng nhập vào trang employee
Luồng điều
kiện Bước 1: Người dùng ở trang Paid Class bấm nút thêm mới lớp
học.
Bước 2: Người dùng điền đầy đủ thông tin chọn Save.
Hậu điều kiện Thành công : Hiển thị thông báo “ Thêm lớp học thành công”
20
Thất bại : Hiển thị ra lỗi nếu nhập sai các trường
2.4.4.3 Sửa lớp học

3. Sửa lớp học
Mô tả Đây là chức năng giúp người nhân viên sửa lớp học.
Tác nhân Tác nhân chính: Nhân viên.
Luồng điều
kiện Bước 1: Người dùng ở trang Demo Class, Paid Class bấm nút sửa
hiển thị ra trang sửa lớp học.
Bước 2: Người dùng thay đổi thông tin chọn Save.
Bước 3: Hệ thống báo thành công quay lại trang lớp học, lớp học
vừa cập nhật thay đổi
Hậu điều kiện Thành công : Hiển thị thông báo “ Sửa lớp học thành công”
2.4.4.4 Xóa lớp học

4. Xóa lớp học
Mô tả Đây là chức năng giúp người nhân viên xóa lớp học.
Luồng điều
kiện Bước 1: Người dùng ở trang Paid Class bấm nút xóa hiển thị ở
21
trang lớp học.
Bước 2: Hiển thị thông báo bạn có chắc chắn muốn xóa lớp học
bấm chọn Yes.
Bước 3: Hệ thống báo thành công xóa thành công , lớp học
chuyển vào thư mục Trash .
Hậu điều kiện Thành công : Hiển thị thông báo “ Xóa lớp học thành công”
Thất bại : Lớp học không được chuyển vào mục Trash.
2.4.5 Quản lý khóa học
2.4.5.1 Xem danh sách khóa học

1. Xem danh sách khóa học
Mô tả Đây là chức năng giúp người nhân viên xem được danh sách khóa
học.
Luồng điều
kiện Bước 1: Người dùng chọn Courses hiển thị ra trang khóa học
Hậu điều kiện Thành công : Hiển thị danh sách khóa học
Thất bại : Không hiển thị danh sách khóa học
2.4.5.2 Thêm khóa học
Thêm khóa học
Mô tả Đây là chức năng giúp người nhân viên thêm khóa học.
22
Luồng điều
kiện Bước 1: Người dùng ở trang Courses bấm nút thêm mới khóa học
Hậu điều kiện Thành công : Hiển thị thông báo “ Thêm khóa học thành công”
2.4.5.3 Sửa khóa học

Sửa khóa học
Mô tả Đây là chức năng giúp người nhân viên sửa khóa học.
Luồng điều
kiện Bước 1: Người dùng ở trang Course bấm nút sửa hiển thị ra trang
sửa khóa học .
Bước 3: Hệ thống báo thành công quay lại trang khóa học, khóa
học vừa cập nhật thay đổi.
Hậu điều kiện Thành công : Hiển thị thông báo “ Sửa khóa học thành công”
2.4.5.4 Xóa khóa học
23
Xóa khóa học
Mô tả Đây là chức năng giúp người nhân viên xóa khóa học.
Luồng điều
kiện Bước 1: Người dùng ở trang Course bấm nút sửa hiển thị ra trang
xóa khóa học .
Bước 2: Hiển thị thông báo bạn có chắc chắn muốn xóa khóa học
bấm chọn Yes.
Bước 3: Hệ thống báo thành công xóa thành công , khóa học
Hậu điều kiện Thành công : Hiển thị thông báo “ Xóa khóa học thành công”
2.4.5 Quản lý giáo trình
2.4.5.1 Xem danh sách giáo trình

2. Xem danh sách giáo trình
Mô tả Đây là chức năng giúp người nhân viên xem được giáo trình.
Luồng điều
kiện Bước 1: Người dùng chọn Courses hiển thị ra trang khóa học, tại
mỗi khóa học sẽ có giáo trình.
24
Bước 2: Bấm chọn Curriculum, hiển thị ra trang giáo trình trong
mỗi khóa học.
Hậu điều kiện Thành công : Hiển thị danh sách giáo trình
Thất bại : Không hiển thị danh sách giáo trình
2.4.5.2 Thêm giáo trình
Thêm giáo trình
Mô tả Đây là chức năng giúp người nhân viên thêm giáo trình.
Luồng điều
kiện Bước 1: Người dùng ở trang Curriculum bấm thêm mới hiển thị ra
trang thêm mới giáo trình .
Bước 3: Điền thông tin giáo trình, ấn Save.
Bước 4: Thông báo thêm mới thành công , hiển thị ra bảng giáo
trình.
Hậu điều kiện Thành công : Hiển thị thông báo “ Thêm giáo trình thành công”
2.4.5.3 Sửa giáo trình

Sửa giáo trình
Mô tả Đây là chức năng giúp người nhân viên sửa giáo trình.
25
Luồng điều
kiện Bước 1: Người dùng ở trang Curriculum bấm nút sửa hiển thị ra
trang sửa giáo trình .
Bước 3: Hệ thống báo thành công quay lại trang giáo trình , giáo
trình vừa cập nhật thay đổi.
Hậu điều kiện Thành công : Hiển thị thông báo “ Sửa giáo trình thành công”
2.4.5.4 Xóa giáo trình

Xóa giáo trình
Mô tả Đây là chức năng giúp người nhân viên xóa giáo trình.
Luồng điều
kiện Bước 1: Người dùng ở trang Curriculum bấm nút sửa hiển thị ra
nút xóa giáo trình .
Bước 2: Hiển thị thông báo bạn có chắc chắn muốn xóa giáo trình
bấm chọn Yes.
Bước 3: Hệ thống báo thành công xóa thành công , giáo trình
26
Hậu điều kiện Thành công : Hiển thị thông báo “ Xóa giáo trình thành công”
2.4.6 Quản lý ca học

2.4.6.1 Xem danh sách ca học
Xem danh sách ca học
Mô tả Đây là chức năng giúp người nhân viên xem được danh sách ca
học.
Tác nhân Tác nhân chính: nhân viên
Luồng điều
kiện Bước 1: Người dùng chọn Slots hiển thị ra trang ca học
Hậu điều kiện Thành công : Hiển thị danh sách ca học
Thất bại : Không hiển thị danh sách ca học
2.4.4.2 Thêm ca học

Thêm ca học
Mô tả Đây là chức năng giúp người nhân viên thêm ca học.
Luồng điều
kiện Bước 1: Người dùng ở trang Slots bấm nút thêm mới ca học .
Hậu điều kiện Thành công : Hiển thị thông báo “ Thêm ca học thành công”
27
2.4.4.3 Sửa lớp học

Sửa ca học
Mô tả Đây là chức năng giúp người nhân viên sửa ca học.
Luồng điều
kiện Bước 1: Người dùng ở trang Slots bấm nút sửa hiển thị ra trang
sửa ca học .
Bước 3: Hệ thống báo thành công quay lại trang ca học, ca học
vừa được cập nhật
Hậu điều kiện Thành công : Hiển thị thông báo “ Sửa lớp học thành công”
2.4.4.4 Xóa lớp học

Xóa lớp học
Mô tả Đây là chức năng giúp người nhân viên có thể xóa ca học.
Luồng điều
kiện Bước 1: Người dùng ở trang Slots hiển thị nút xóa ca học.
28
Bước 2: Hiển thị thông báo bạn có chắc chắn muốn xóa ca học
bấm chọn Yes.
Bước 3: Hệ thống báo xóa thành công , ca học chuyển vào thư
mục Trash .
Hậu điều kiện Thành công : Hiển thị thông báo “ Xóa ca học thành công”
2.4.7 Quản lý người dùng

2.4.4.1 Xem danh sách user
Xem danh sách user
Mô tả Đây là chức năng giúp người quản lý xem được danh sách user.
Tác nhân Tác nhân chính: Quản lý
Tiền điều kiện Tài khoản đăng nhập vào trang admin.
Luồng điều
kiện Bước 1: Người dùng chọn Users hiển thị ra trang quản lý người
dùng.
Hậu điều kiện Thành công : Hiển thị danh sách user
Thất bại : Không hiển thị danh sách user
2.4.4.2 Thêm người dùng

Thêm user
Mô tả Đây là chức năng giúp người quản lý thêm user
29
Luồng điều
kiện Bước 1: Người dùng ở trang Users bấm nút thêm mới user .
Hậu điều kiện Thành công : Hiển thị thông báo “ Thêm user thành công”
2.4.4.3 Sửa người dùng

Sửa người dùng
Mô tả Đây là chức năng giúp người quản lý sửa user.
Tiền điều kiện Tài khoản đăng nhập vào trang admin
Luồng điều
kiện Bước 1: Người dùng ở trang Users bấm nút sửa hiển thị ra trang
sửa user .
Bước 3: Hệ thống báo thành công quay lại trang users, user vừa
cập nhật đã thay đổi thông tin.
Hậu điều kiện Thành công : Hiển thị thông báo “ Sửa user thành công”
2.4.4.4 Xóa người dùng

Xóa người dùng
Mô tả Đây là chức năng giúp người quản lý xóa người dùng.
30
Luồng điều
kiện Bước 1: Người dùng ở trang Users bấm nút xóa user .
Bước 2: Hiển thị thông báo bạn có chắc chắn muốn xóa user bấm
chọn Yes.
Bước 3: Hệ thống báo xóa thành công ,user chuyển vào thư mục
Trash .
Hậu điều kiện Thành công : Hiển thị thông báo “ Xóa user thành công”
2.4.7 Phân quyền

2.4.4.1 Xem danh sách quyền của người dùng
Xem danh sách quyền của người dùng
Mô tả Đây là chức năng giúp người quản lý xem được danh sách quyền
của người dùng.
Luồng điều
dùng
Bước 2: Bấm vào nút Update , tại đây có mục Permission là các
quyền của người dùng do quản lý đã cấp.
31
Hậu điều kiện Thành công : Hiển thị danh sách quyền người dùng.
Thất bại : Không hiển thị danh sách quyền của người dùng.
2.4.4.2 Thêm quyền cho người dùng

Thêm quyền cho người dùng
Mô tả Đây là chức năng giúp người quản lý thêm quyền cho người dùng
Luồng điều
dùng
Bước 3: Click vào các quyền mà user có thể thực hiện được , sau
đó ấn nút Save.
Bước 4: Hệ thống thông báo thêm thành công , quay lại trang
users.
Hậu điều kiện Thành công : Hiển thị thông báo “ Thêm quyền của người dùng
thành công”
2.4.4.3 Sửa quyền người dùng

Sửa quyền người dùng
Mô tả Đây là chức năng giúp người quản lý sửa quyền user.
32
Tiền điều kiện Tài khoản đăng nhập vào trang admin
Luồng điều
dùng
Bước 3: Chỉnh sửa các quyền , chọn Save.
Bước 4: Thông báo thay đổi quyền thành công , quay lại trang
users.
Hậu điều kiện Thành công : Hiển thị thông báo “ Sửa quyền người dùng thành
công”
2.4.7.4 Xóa quyền người dùng

Xóa quyền người dùng
Mô tả Đây là chức năng giúp người quản lý xóa quyền người dùng.
Luồng điều
dùng
33
Bước 3: Bỏ chọn quyền của người dùng đã chọn , ấn Save .
Bước 4: Thông báo thay đổi quyền thành công , quay lại trang
users.
Hậu điều kiện Thành công : Hiển thị thông báo “ Xóa quyền người dùng thành
công”
2.4.10 Đăng ký lịch dạy.
2.4.10.1 Đăng ký lịch dạy

Đăng ký lịch dạy
Mô tả Đây là chức năng giúp giáo viên đăng ký lịch dạy.
Tác nhân Tác nhân chính: Giáo viên
Luồng điều
kiện Bước 1: Người dùng chọn MARK LTA đăng ký lớp Paid, DEMO
AVAILABILITY để đăng ký dạy lớp Demo tại trang Schedule của
teacher.
Bước 2: Bấm chọn ô ngày dạy , ca dạy để đăng ký lịch dạy học và
ấn Save Schedule để lưu.
Bước 3: Chuyển lịch đăng ký về nhân viên để tạo lịch dạy.
Hậu điều kiện Thành công : Hiển thị thông báo “ Thêm lịch dạy thành công”
2.4.10 Quản lý lớp đang dạy

34
2.4.10.1 Điểm danh
Điểm danh
Mô tả Đây là chức năng giúp giáo viên điểm danh học sinh trong buổi
học.
Luồng điều
kiện
Hậu điều kiện Thành công : Hiển thị thông báo “ Điểm danh thành công”
2.4.10.2 Tổng kết chi tiết sau buổi học
Tổng kết chi tiết sau buổi học
Mô tả Đây là chức năng giúp giáo viên tổng kết chi tiết sau buổi học.
Luồng điều
kiện
35
Hậu điều kiện Thành công : Hiển thị thông báo “ Đã có tổng kết chi tiết sau buổi
học”
2.4.11 Xem lịch dạy
Xem lịch dạy
Mô tả Đây là chức năng giúp giáo viên xem lịch dạy.
Luồng điều
kiện Bước 1: Người dùng chọn Schedule hiển thị ra danh sách lịch dạy
của giáo viên.
Hậu điều kiện Thành công : Hiển thị lịch dạy của giáo viên
Thất bại : Không hiển thị trang schedule.
2.4.11 Xem lịch học
Xem lịch học
Mô tả Đây là chức năng giúp học sinh xem lịch học.
Tác nhân Tác nhân chính: Học sinh
Tiền điều kiện Tài khoản đăng nhập vào trang student.
Luồng điều
kiện Bước 1: Người dùng chọn Schedule hiển thị ra danh sách lịch học
36
của học sinh
Hậu điều kiện Thành công : Hiển thị lịch học của học sinh.
Thất bại : Không hiển thị trang schedule.
2.4.12 Đổi lịch học
Đổi lịch học
Mô tả Đây là chức năng giúp học sinh thay đổi lịch học.
Luồng điều
kiện Bước 1: Người dùng chọn Schedule bấm nút sửa lịch học của sinh
viên.
Bước 3: Hệ thống chuyển đơn đăng ký đổi lịch học cho nhân viên
, đổi lịch học thành công sẽ hiển thị lịch học mới cập nhật.
Hậu điều kiện Thành công : Hiển thị lịch học của học sinh đã thay đổi.
Thất bại : Không hiển thị lịch học mới tại trang schedule.
2.4.12 Xem thông tin khóa học

2.4.12.1 Xem thông tin khóa học
Xem thông tin khóa học
Mô tả Đây là chức năng giúp học sinh xem thông tin khóa học.
37
Luồng điều
kiện Bước 1: Người dùng chọn Curriculum để xem chi tiết khóa học.
Hậu điều kiện Thành công : Hiển thị thông tin khóa học.
Thất bại : Không hiển thị trang khóa học.
2.4.13 Chat với Student.
Chat với Student.
Mô tả Đây là chức năng giúp giáo viên trò chuyện với học sinh
Tiền điều kiện Tài khoản đăng nhập vào trang teacher.
Luồng điều
kiện Bước 1: Người dùng chọn Let’s chat hiển thị ra khung chat với
các học sinh đã và đang học.
Hậu điều kiện Thành công : Hiển thị trang chat với học sinh
Thất bại : Không hiển thị chat với học sinh
2.4.14 Chat với Teacher.
Chat với Teacher.
Mô tả Đây là chức năng giúp học sinh trò chuyện với giáo viên
38
Tác nhân Tác nhân chính: Học sinh.
Luồng điều
kiện Bước 1: Người dùng chọn Let’s chat.
Hậu điều kiện Thành công : Hiển thị trang chat với giáo viên
Thất bại : Không hiển thị chat với giáo viên
2.4.15 Quản lý Quizzes

Xem danh sách Quizzes
Mô tả Đây là chức năng giúp giáo viên xem danh sách Quizzes đã tạo.
Luồng điều
kiện Bước 1: Người dùng chọn Quizzes hiển thị ra trang quản lý
Quizzes đã tạo.
Bước 2: Người dùng có thể tìm kiếm , lọc buổi học đã điểm danh
theo ý muốn.
Hậu điều kiện Thành công : Hiển thị danh sách quizzes.
Thất bại : Không hiển thị danh sách quizzes.
2.4.9.1.2 Sửa Quizzes

Sửa Quizzes
39
Mô tả Đây là chức năng giúp giáo viên sửa quizzes
Luồng điều
kiện Bước 1: Người dùng chọn Quizzes hiển thị ra trang quizzes.
Bước 2: Bấm vào nút Update , tại đây có mục sửa câu hỏi để giáo
viên có thể thay đổi câu hỏi.
Bước 3: Chỉnh sửa câu hỏi, chọn Save.
Bước 4: Thông báo thay đổi câu hỏi thành công , quay lại trang
Quizzes.
Hậu điều kiện Thành công : Hiển thị thông báo “ Sửa quizzes thành công”
2.4.9.1.3 Xóa quizz
Xóa quizz
Mô tả Đây là chức năng giúp giáo viên xóa quizz.
Luồng điều
kiện Bước 1: Người dùng ở trang Quizzes bấm nút xóa
Bước 2: Hiển thị thông báo bạn có chắc chắn muốn xóa quizz bấm
40
chọn Yes.
Bước 3: Hệ thống báo xóa thành công ,quizz chuyển vào thư mục
Trash .
Hậu điều kiện Thành công : Hiển thị thông báo “ Xóa quizz thành công”
2.4.18 Quizzes
Quizzes
Mô tả Đây là chức năng giúp học sinh trả lời các câu hỏi do giáo viên
tạo.
Tác nhân Tác nhân chính: Học sinh.
Luồng điều
kiện Bước 1: Người dùng chọn Quizzes.
Bước 2: Tham gia trả lời câu hỏi chọn đáp án đúng.
Hậu điều kiện Thành công : Hiển thị trang quizzes với học sinh
Thất bại : Không hiển thị quizzes với học sinh
2.4.18 Quản lý Orders
Orders
Mô tả Đây là chức năng giúp nhân viên quản lý các đơn đăng ký học
thử.
41
Luồng điều
kiện Bước 1: Người dùng chọn Orders.
Bước 2: Hiển thị các đơn Orders của học sinh đã đăng ký tham gia
học thử.
Hậu điều kiện Thành công : Hiển thị trang orders .
Thất bại : Không hiển thị orders.
2.5 Ma trận phân quyền chức năng
STT Chức năng Super Teacher Student Employee

Admin
1 Trang chủ ✔ ✔ ✔ ✔
2 Chương trình học ✔ ✔ ✔ ✔
3 Blog ✔ ✔ ✔ ✔
4 Đăng ký học thử ✔
5 Đăng nhập ✔ ✔ ✔ ✔
6 Đăng xuất ✔ ✔ ✔ ✔
7 Xem lịch dạy ✔
8 Xem giáo trình ✔
9 Phân quyền ✔
10 Đăng ký lịch dạy ✔

Demo
11 Đăng ký lịch dạy ✔

lớp cố định
12 Chat với Student ✔
13 Xem lịch học ✔
42
14 Đổi lịch học ✔
15 Chat với Teacher ✔
16 Quản lý Orders ✔
17 Quản lý lớp demo ✔ ✔
18 Quản lý lớp Paid ✔ ✔
19 Quản lý Users ✔
20 Quản lý Slots ✔
21 Quản lý Courses ✔
22 Quản lý giáo trình ✔ ✔
23 Thông tin cá nhân ✔ ✔ ✔ ✔
24 Đăng ký lịch học ✔

cố định
25 Xem khóa học ✔
26 Chat với Student ✔
27 Quizzes ✔
28 Quản lý Quizzes ✔
PHẦN 3: PHÂN TÍCH HỆ THỐNG

3.1 Biểu đồ phân tích chức năng đăng nhập
43
Hình 3.1 Biểu đồ hoạt động chức năng đăng nhập
3.2 Biểu đồ phân tích chức năng đăng ký học thử
44
Hình 3.2 Biểu đồ phân tích chức năng đăng ký học thử
3.3 Biểu đồ phân tích chức năng đăng xuất
45
Hình 3.3 Biểu đồ phân tích chức năng đăng xuất
3.4 Biểu đồ phân tích chức năng quản lý lớp học
46
Hình 3.4 Biểu đồ phân tích chức năng quản lý lớp học
3.7 Biểu đồ phân tích chức năng quản lý khóa học
47
Hình 3.7 Biểu đồ phân tích chức năng quản lý khóa học
3.8 Biểu đồ phân tích chức năng quản lý ca học
48
Hình 3.8 Biểu đồ phân tích chức năng quản lý ca học
3.9 Biểu đồ phân tích chức năng send message slack
49
Hình 3.9 Biểu đồ phân tích chức năng send message slack
3.10 Biểu đồ phân tích chức năng send email
50
Hình 3.10 Biểu đồ phân tích chức năng send email
3.11 Biểu đồ phân tích chức năng phân quyền
51
Hình 3.11 Biểu đồ phân tích chức năng phân quyền
3.12 Biểu đồ phân tích chức năng quản lý users
52
Hình 3.12 Biểu đồ phân tích chức năng quản lý users
3.14 Biểu đồ phân tích chức năng đổi lịch học
53
Hình 3.14 Biểu đồ phân tích chức năng đổi lịch học
3.15 Biểu đồ phân tích chức năng xem khóa học
54
Hình 3.15 Biểu đồ phân tích chức năng xem khóa học
3.16 Biểu đồ phân tích chức năng đăng ký ca dạy
55
Hình 3.16 Biểu đồ phân tích chức năng đăng ký dạy
3.17 Biểu đồ phân tích chức năng xem lịch dạy
56
Hình 3.17 Biểu đồ phân tích chức năng quản lý ca học
3.19 Biểu đồ phân tích chức năng chat với student
3.20 Biểu đồ phân tích chức năng chat với teacher
PHẦN 4: THIẾT KẾ HỆ THỐNG

4.1 Thiết kế mô hình phát triển phần mềm
57
Hình 4.1 Mô hình miêu tả các giai đoạn phát triển hệ thống
4.2 Thiết kế giao diện
4.2.1 Trang chủ
58
59
Hình 4.2.1 Phác thảo trang chủ website
4.2.2 Đăng nhập
Hình 4.2.2. Phác thảo giao diện đăng nhập
Hình 4.2.2 : Giao diện đăng nhập
60
4.2.3 Đăng ký học thử
Hình 4.2.3 Phác thảo màn hình đăng ký học thử
4.2.4 Admin
61
Hình 4.2.4 Phác thảo màn hình Admin
4.2.5 Màn hình hiển thị Users
62
Hình 4.2.5 Màn hình hiển thị Users
4.2.6 Màn hình thêm mới user
63
Hình 4.2.7 Phác thảo màn hình thêm mới user
4.2.8 Màn hình sửa user
64
Hình 4.2.9 Phác thảo màn hình sửa user
4.2.10 Màn hình xóa user
65
Hình 4.2.11 Phác thảo màn hình xóa user
4.2.12 Màn hình xem lịch học của học sinh
66
Hình 4.2.12 Phác thảo màn hình xem lịch dạy của học sinh
4.2.13 Màn hình đổi lịch học của học sinh
Hình 4.2.13 Phác thảo màn hình đổi lịch học của học sinh
4.2.14 Màn hình xem lịch dạy của giáo viên
67
Hình 4.2.14 Phác thảo màn hình xem lịch dạy của giáo viên
4.2.15 Màn hình đăng ký dạy của giáo viên
Hình 4.2.16 Phác thảo màn hình đăng ký dạy của giáo viên
4.2.16 Màn hình thông kê

68
Hình 4.2.16 Phác thảo màn hình thống kê
4.2.17 Màn hình đăng ký dạy của giáo viên
69

Báo Cáo D Án

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Báo Cáo D Án

Uploaded by

Copyright:

Available Formats

Dự án tốt nghiệp

Giảng viên hướng dẫn : Lê Trọng Đạt

Sinh viên thực hiện : Nguyễn Anh Quân - PH18209

Giáo viên hướng dẫn ký, ghi rõ họ tên

HĐ phản biện ký, ghi rõ họ tên

STT Thuật ngữ Giải thích

Bao gồm quá trình xử lý các dữ liệu request ở

Dữ liệu trong đó phải theo đúng chuẩn mà ứng

Thông tin từ server gửi về client.

PHẦN 1. GIỚI THIỆU CHUNG

- Tỷ lệ phụ huynh có con em mình làm bài trực tuyến

1.1.2 Hệ thống tương tự

1.3 Các công cụ và công nghệ sử dụng

1.3.1 Các công cụ

Google Meet Google Chrome Visual Studio Code

Word Slack Postman

1.3.2 Các công nghệ

2.2 Danh sách các use case

3 Quản lý ca học Admin là người có quyền sử dụng chức năng này.

4 Quản lý User Admin là người có quyền sử dụng chức năng này.

5 Phân quyền Admin là người có quyền sử dụng chức năng này.

11 Quản lý lớp Giáo viên có quyền sử dụng chức năng này.

12 Điểm danh Giáo viên có quyền sử dụng chức năng này.

15 Đăng ký lịch Giáo viên có quyền sử dụng chức năng này.

17 Đăng ký học Học sinh có quyền sử dụng chức năng này.

21 Chat với Học sinh có quyền sử dụng chức năng này.

22 Chat với Giáo viên có quyền sử dụng chức năng này.

23 Quản lý Giáo viên có quyền sử dụng chức năng này.

24 Quizzes Học sinh có quyền sử dụng chức năng này.

2.3 Mô hình hệ thống (Use Case Model)

2.4.1 Đăng ký lịch học

1. Đăng ký buổi học Demo

Tác nhân Tác nhân chính: Student

Tiền điều kiện N/A

Bước 3: Người dùng ấn đăng ký hệ thống báo “Đăng ký thành

2.4.1.2 Đăng ký lịch học cố định

2. Đăng ký buổi học cố định

Tác nhân Tác nhân chính: Student

Tác nhân phụ : N/A

Tiền điều kiện N/A

Bước 3: Người dùng ấn đăng ký hệ thống báo “Đăng ký thành

2.4.3 Đăng nhập

Tác nhân phụ : N/A

- Học sinh truy cập vào đường link

Thất bại : Thông báo đăng nhập thất bại.

2.4.3 Đăng xuất

Tác nhân phụ : N/A

Bước 2: Người dùng chọn nút Đăng xuất, hệ thống xử lý xóa

Hậu điều kiện Thành công : Quay về trang đăng nhập

2.4.4 Quản lý lớp học

Tác nhân Tác nhân chính: Nhân viên

Tác nhân phụ : N/A

Thất bại : Không hiển thị danh sách lớp học

2.4.4.2 Thêm lớp học

Tác nhân Tác nhân chính: Nhân viên

Tác nhân phụ : N/A

Bước 2: Người dùng điền đầy đủ thông tin chọn Save.

2.4.4.3 Sửa lớp học

Tác nhân Tác nhân chính: Nhân viên.

Tác nhân phụ : N/A

Bước 2: Người dùng thay đổi thông tin chọn Save.

2.4.4.4 Xóa lớp học

Tác nhân Tác nhân chính: Nhân viên