Xây dựng website quản lý trung tâm ngoại ngữ sử dụng Spring framework và React JS

Trang người dùng • Đăng nhập, đăng ký • Xem danh sách khóa học, lớp học • Ghi danh vào lớp học • Liên hệ trực tuyến • Thi thử • Tải tài liệu • Cập nhật thông tin cá nhân • Thống kê: tổng

Nhóm 9 Trần Quốc Nam 18110323

Nguyễn Trần Phúc 18110339

Đề tài

Xây dựng website quản lý trung tâm ngoại ngữ sử

dụng Spring framework và React JS

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

1.1 Khảo sát trực tiếp

1.1.1 Trang người dùng

• Đăng nhập, đăng ký

• Xem danh sách khóa học, lớp học

• Ghi danh vào lớp học

• Liên hệ trực tuyến

• Thi thử

• Tải tài liệu

• Cập nhật thông tin cá nhân

• Thống kê: tổng số học viên, giảng viên, học viên có thành tích cao, …

o Lấy danh sách học viên (Tìm kiếm, filter, sort)

• Quản lý giảng viên

o Thêm giảng viên

o Cập nhật thông tin giảng viên (bao gồm cả cập nhật trạng thái)

o Reset password

o Lấy danh sách giảng viên (Tìm kiếm, filter, sort)

• Quản lý nhân viên

o Thêm nhân viên

o Cập nhật thông tin nhân viên (bao gồm cả cập nhật trạng thái)

o Lấy danh sách khóa học (Tìm kiếm, filter, sort)

o Lấy danh sách lớp học (Tìm kiếm, filter, sort) (2 dạng: danh sách, lịch)

• Quản lý tài liệu

o Thêm tài liệu

o Cập nhật tài liệu

o Xóa tài liệu

o Phân quyền tải tài liệu

• Thống kê

o Báo cáo danh thu và số lượng học viên đăng ký theo khóa

o Báo cáo tổng số lượng buổi đã dạy theo giáo viên

• Cho phép tải tài liện

• Thông kê các thông tin như: tổng số học viên, giảng viên, các trường liên kết.

• Hỗ trợ trực tuyền

1.2.2 Trung tâm Anh ngữ Halo ( https://haloenglish.edu.vn/ )

• Hỗ trợ trực tuyến

• Tra cứu thông tin các khóa học

• Gửi thông tin tư vấn miễn phí

• Thông kê thành tích học viên

• Cho phép tải tài liệu

1.2.3 Trung tâm Anh ngữ PMP (https://anhngupmp.edu.vn/)

• Tìm kiếm theo khóa học

• Xem lịch khai giảng

• Xem danh sách cách khóa học

• Ghi danh

• Thống kê học viên tiêu biểu

• Đăng ký thi thử

• Xem kết quả đăng ký thì thử

• Tải tải liệu

1.2.4 Anh văn hội Việt Mỹ Vus ( https://vus.edu.vn/ )

• Xem danh sách các khóa học

• Xem danh sách các trung tâm

• Thông kê học viên

• Tìm kiếm

• Đăng ký học

• Liên hệ trực tuyến

1.2.5 Ngoại ngữ flamingo (https://flamingo.edu.vn/)

• Gửi thông tin hỗ trợ

• Xem thông tin trung tâm

• Đăng nhập vào các khóa học

2 Use case

2.1 Lược đồ Use case 2.1.1 Trang người dùng

2.1.2 Trang quản trị

2.2 Mô tả Use case

2.2.1 Quản lý giáo viên

2.2.1.1 Use case “Thêm giáo viên”

Name Thêm giáo viên

Người quản lý của hệ thống, phải có tài khoản Admin

Post- Nếu thành công: thêm tài khoản mới cho giáo viên vào

conditions hệ thống, hiển thị thông báo cho người dùng

Nếu thất bại: hiển thị thông báo cho người dùng lý dokhông thể thêm giáo viên vào hệ thống

2: Quay lại bước 2 của phần Basic flow

Extension

point

Không có

2.2.1.2 Use case “Chỉnh sửa thông tin giáo viên”

Name Chỉnh sửa thông tin giáo viên

Nếu thất bại: thông báo lí do không thể thực hiện cậpnhật thông tin giáo viên

3: Người dùng chỉnh sửa các thông tin được phép vàbấm lưu

4: Hệ thống kiểm tra lại các thông tin người dùng nhập5: Nếu đúng lưu lại các thông tin đã được cập nhật

Extension

point

Không có

2.2.1.3 Use case “Xóa giáo viên”

Name Xóa giáo viên

2.2.2.1 Use case “Thêm học viên”

5: Hệ thống thêm tài khoản người dùng vào trongdatabase

6: Màn hình thông báo đăng ký thành công hiện raAlternative

3: Khi người dùng nhập lại dữ liệu, bước 3 ở Basicflow được thực hiện

Extension

point

Không có

2.2.2.2 Use case “Chỉnh sửa thông tin học viên”

Name Chỉnh sửa thông tin học viên

Là quản lý của trung tâm, có tài khoản Admin

Post- Nếu thành công: cập nhật lại thông tin của học viên

conditions được chỉnh sửa, thông báo cập nhật thông tin học viên

thành côngNếu thất bại: thông báo lí do không thể thực hiện cậpnhật thông tin học viên

events

Đăng nhập với tài khoản Admin  quản lý học viên chọn học viên cần chỉnh sửa thông tin  chọn chỉnhsửa thông tin  nhập thông tin cần chỉnh sửa  chọnlưu

Extension

point

Không có

2.2.2.3 Use case “Xóa học viên”

Name Xóa học viên

2: Hệ thống kiểm tra nhân viên muốn xóa3: Ẩn học viên khỏi hệ thống

2.2.3.1 Use case “Thêm khóa học”

Nếu thành công: thêm tài khoản mới cho khóa học vào

hệ thống, hiển thị thông báo cho người dùngNếu thất bại: hiển thị thông báo cho người dùng lý dokhông thể thêm khóa học vào hệ thống

2: Quay lại bước 2 của phần Basic flow

Extension

point

Không có

2.2.3.2 Use case “Chỉnh sửa thông tin khóa học”

Name Chỉnh sửa khóa học

Nếu thất bại: thông báo lí do không thể thực hiện cậpnhật thông tin khóa học

Extension

point

Không có

2.2.3.3 Use case “Xóa khóa học”

2: Quay lại bước 2 của phần Basic flow

Extension

point

Không có

2.2.4.2 Use case “Chỉnh sửa thông tin lớp học”

Name Chỉnh sửa khóa học

Nếu thất bại: thông báo lí do không thể thực hiện cậpnhật thông tin lớp học

2: Hệ thống truy xuất thông tin về lớp học đó hiển thịlại giao diện

3: Người dùng chỉnh sửa các thông tin được phép vàbấm lưu

4: Hệ thống kiểm tra lại các thông tin người dùng nhập5: Nếu đúng lưu lại các thông tin đã được cập nhật

Extension

point

Không có

2.2.4.3 Use case “Xóa lớp học”

Brief Người quản lý muốn xóa một lớp học ra khỏi hệ thống

2.2.5.1 Use case “Thêm buổi học”

các thông tin cần thiết2: Người dùng nhập các thông tin vào ô quy định3: Người dùng chọn thêm buổi học

4: Hệ thống kiểm tra các thông tin nhập vào5: Hệ thống thêm buổi học vào databaseAlternative

flow

(Thất bại)

1: Nếu kiểm tra các điều kiện ở bước 4 của phần Basicflow sai thì hiển thị thông báo phần cần chỉnh sửa lạicho người dùng

2: Quay lại bước 2 của phần Basic flow

Extension

point

Không có

2.2.5.2 Use case “Chỉnh sửa thông tin buổi học”

Name Chỉnh sửa buổi học

Nếu thất bại: thông báo lí do không thể thực hiện cậpnhật thông tin buổi học

Extension Không có

2.2.5.3 Use case “Xóa buổi học”

2.2.6 Quản lý nhân viên

2.2.6.1 Use case “Thêm nhân viên”

2: Quay lại bước 2 của phần Basic flow

Extension

point

Không có

2.2.6.2 Use case “Chỉnh sửa thông tin nhân viên”

Name Chỉnh sửa thông tin nhân viên

Nếu thất bại: thông báo lí do không thể thực hiện cậpnhật thông tin nhân viên

5: Nếu đúng lưu lại các thông tin đã được cập nhật

Extension

point

Không có

2.2.6.3 Use case “Xóa nhân viên”

2.2.7 Quản lý tài liệu

2.2.7.1 Use case “Thêm tài liệu”

Name Thêm tài liệu

Brief

description

Thêm tài liệu lên trên hệ thống

Actor(s) Admin, nhân viên

2: Quay lại bước 2 của phần Basic flow

Extension

point

Không có

2.2.7.2 Use case “Xóa tài liệu”

Name Xóa tài liệu

Brief

description

Xóa tài liệu khỏi hệ thống

Actor(s) Admin, nhân viên

3: Hệ thống xóa tài liệuAlternative

flow

(Thất bại)

1: Nếu thực hiện xóa thất bại thông báo đã có lỗi xảy

ra trong quá trình xóa

Extension

point

Không có

2.2.7.3 Use case “Phân quyền tải tài liệu”

Name Phân quyền tải tài liệu

Brief

description

Chỉnh sửa phân quyền người được tải tài liệu

Actor(s) Admin, nhân viên

4: Hệ thống cập nhật lại phân quyền của tài liệu

5: Hệ thống thông báo cho người dùng tài liệu đã đượccập nhật thành công

2.2.8.2 Use case “Báo cáo số lượng buổi đã dạy của giáo viên”

Name Báo cáo doanh thu

người dùngAlternative

Người dùng đăng nhập vào hệ thống

Actor(s) Admin, giáo viên, học viên

Nếu đăng nhập thành công: Người dùng được xác thực

và hệ thống hiển thị nội dung trang chủNếu đăng nhập không thành công: Người dùng khôngtruy cập được và hệ thống

2: Người dùng nhập username và password3: Hệ thống xác thực username và password4: Hệ thống xác định vai trò của người dùng 5: Hệ thống mở màn hình trang chủ và mở các chứcnăng được phép truy cập của người dùng

5: Hệ thống thêm tài khoản người dùng vào trongdatabase

6: Màn hình thông báo đăng ký thành công hiện raAlternative

3: Khi người dùng nhập lại dữ liệu, bước 3 ở Basicflow được thực hiện

học bù thành côngNếu đăng ký học bù không thành công: Người dùngđăng ký học bù không thành công

Nếu người dùng chọn buổi học bù đã đủ học viên hoặc

là buổi học đó trùng với lịch học lớp khác của họcviên Những công việc sau được thực hiện:

1: Hệ thống mô tả lý do không đăng ký học bù được2: Hệ thống lưu ý người dùng chọn lại buổi học bù3: Khi người dùng chọn lại thì bước 2 của basic flow

1: Hệ thống hiển thị một danh sách các khóa học.2: Người dùng chọn khóa học muốn ghi danh3: Hệ thống sẽ truy xuất các lớp học mà người dùng đãchọn

4: Hệ thống hiển thị danh sách các lớp học đó lên mànhình

5: Người dùng chọn lớp học muốn ghi danh6: Hệ thống kiểm tra xem lớp học đó đã đủ học viênhay chưa

7: Hệ thống thêm học viên vào danh sách lớp học đăng

ký và thông báo đăng ký thành côngAlternative

Extension

point

Không có

2.2.13 Xem thông tin cá nhân

Name Xem thông tin cá nhân

Brief

description

Người dùng xem thông tin cá nhân của mình

Actor(s) Học viên, giáo viên

2.2.14 Chỉnh sửa thông tin cá nhân

Name Chỉnh sửa thông tin cá nhân

Brief

description

Người dùng thay đổi thông tin cá nhân của bản thân

Actor(s) Học viên, giáo viên, admin

4: Người dùng nhập thông tin cần chỉnh sửa5: Hệ thống kiểm tra dữ liệu nhập vào có hợp lệ haykhông

6: Hệ thống lưu lại thông tin đã cập nhật và thông báochỉnh sửa thành công

3: Người dùng nhập lại các thông tin4: Các bước 5 của basic flow sẽ bắt đầu thực hiện

Extension

point

Không có

2.2.15 Tải tài liệu

Name Tải tài liệu

Brief

description

Tải tài liệu cho người dùng

Actor(s) Học viên, giảng viên

Pre- Học viên, giảng viên của hệ thống, phải có tài khoản

2.2.16 Xem danh sách học viên theo lớp

Name Xem danh sách học viên theo lớp