đồ án 2 phần mềm quản lí lớp hệ chứng chỉ quốc tế

Đóng kết nối cơ sở dữ liệuĐầu ra Hiển thị các ngành dưới dạng bảng với mỗi hàng lần lượt là ID ngành, tên ngành Lưu ý Phân trang tự động với thư viện datatables của JQueryPhần mềm quản l

Trang 1

ĐỒ ÁN 2 PHẦN MỀM QUẢN LÍ LỚP HỆ CHỨNG CHỈ QUỐC TẾ

Giáo viên: họ và tên

Trang 2

Hà Nội, Tháng 10 năm 2021

Mục lụ

Phần mềm quản lí lớp hệ chứng chỉ quốc tế Page 2 of 42

Trang 3

1 Mở đầu 3

2 Giới thiệu 3

2.1 Đưa ra vấn đề 3

2.2 Hệ thống hiện tại 3

2.3 Hệ thống đề nghị 3

2.4 Công nghệ 3

3 Phân tích yêu cầu người dùng 5

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

3.2 Yêu cầu chức năng 5

3.2.1 Nhóm người dùng của hệ thống 5

3.2.2 Phân tích chức năng 6

4 Thiết kế hệ thống 33

4.1 Sơ đồ quan hệ thực thể 33

4.2 Sơ đồ cơ sở dữ liệu 34

4.3 Sơ đồ trang web 37

5 Kết luận 38

6 Phân công công việc 39

Trang 4

Mục lục ảnh

Trang 5

Mục lục bảng biểu

Trang 6

1 Mở đầu giới thiệu về bài toán – phát biểu bài toán

- Hiện nay, có không ít trung tâm đào tạo, trường học sử dụng công

nghệ vào việc quản lý học sinh, học viên, lịch học Vì vậy, một trung tâm đào tạo hay 1 lớp học chỉ có thể hoạt động ổn định khi người quản lý có những giải pháp phù hợp để quản lý hệ thống các lớp học của trung tâm đào tạo đó Khi mỗi lớp học được quản lý khoa học

và hiệu quả, cả hệ thống trung tâm đào tạo của bạn mới có thể được hoạt động tốt.

2 Giới thiệu

2.1 Đưa ra vấn đề

- Học viện công nghệ thông tin Bách Khoa( Bkacad) hiện đang

muốn triển khai một phần mềm cho các nhân viên tư vấn tuyển sinh dùng để quản lí các lớp học theo hệ chứng chỉ quốc tế 2.2 Hệ thống hiện tại

- Quản lí trực tiếp – gây ra khó khăn và thiếu sót

- Chi tiết các chức năng của quản lí lớp

2.3 Hệ thống đề nghị

Những phân hệ hoặc chức năng được bổ sung để giải quyết các yêu cầu:

- Thuận tiện, mọi lúc mọi nơi đều có thể tương tác

- Cung cấp thông tin tương đối về các chức năng quản lí

- Giao diện thân thiện với người dùng, dễ dàng sử dụng

2.4 Công nghệ

- HTML5

Trang 8

4 Phân tích yêu cầu người dùng

Vẽ sơ đồ use case

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

- Giao diện thân thiện với người sử dụng

- Tiện lợi 24/24

- Dễ dàng sử dụng

- Hệ thống chức năng đầy đủ, đáp ứng nhu cầu của người dung

- Dễ dàng quản lí số lượng sinh viên đăng kí theo môn cũng như

chứng chỉ

- Thông báo khai giảng cho những lớp đủ số lượng sinh viên

- Thống kê được số lượng người đăng kí theo môn học và chuyên

ngành

- Có thể mở rộng thêm các chức năng sau khi sử dụng

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

- Quản lí thông tin người học

- Quản lí báo cáo, thống kê

Trang 9

3.2.2 Phân tích chức năng

Đăng nhập

Các tác nhân Nhân viên tư vấn tuyển sinh

Mô tả Đăng nhập

Kích hoạt Người dùng truy cập vào trang “Đăng nhập”

Đầu vào Tên đăng nhập

Mật khẩuTrình tự xử lý 1 Chuyển sang form đăng nhập

2 Lấy thông tin từ form, kiểm tra không được để trống:

a Trống: chuyển hướng về trang đăng nhập và thông báo lỗi

3 Kiểm tra tên đăng nhập và mật khẩu có khớp với 1 tài khoản nàokhông

Trang 10

Đăng xuất

Mô tả Đăng xuất

Kích hoạt Người dùng ấn vào “Đăng xuất” trên thanh header

Đầu vào

Trình tự xử lý 1 Xóa toàn bộ dữ liệu của phiên đăng nhập

2 Chuyển hướng tới trang đăng nhậpĐầu ra Chuyển hướng tới trang đăng nhập

Lưu ý

Trang 11

Trình tự xử lý 1 Kết nối vào cơ sở dữ liệu

2 Lấy thông tin từ bảng “majors”

3 Đóng kết nối cơ sở dữ liệuĐầu ra Hiển thị các ngành dưới dạng bảng với mỗi hàng lần lượt là ID

ngành, tên ngành Lưu ý Phân trang tự động với thư viện datatables của JQuery

Trang 12

2 Kiểm tra trống, nếu trống báo lỗi

3 Nếu đủ thông tin, thêm ngành và đẩy về trang tất cả ngànhĐầu ra Thêm ngành và đưa về danh sách ngành

Lưu ý Kiểm tra ô nhập không để trống, kí tự đặc biệt bằng javaScript

Trang 13

3 Nếu đủ thông tin, chỉnh sửa ngành có mã tương ứng và đẩy

về trang tất cả ngànhĐầu ra Sửa ngành và đưa về danh sách ngành

Trang 14

Tìm kiếm ngành

Mô tả Tìm kiếm ngành

Kích hoạt Nhập từ khóa cần tìm kiếm vào thanh “Tìm kiếm”

Đầu vào Tên ngành

2 Lấy dữ liệu của ngành có trường thông tin phù hợp với từ khóa tìm kiếm

3 Đóng kết nối cơ sở dữ liệuĐầu ra Hiển thị ngành dưới dạng bảng với mỗi hàng lần lượt là ID

ngành, tên ngànhLưu ý Phân trang tự động với thư viện datatables của JQuery

Trang 15

5 Lấy thông tin từ bảng “classes”

6 Đóng kết nối cơ sở dữ liệu

Đầu ra Hiển thị các lớp dưới dạng bảng với mỗi hàng lần lượt là ID lớp,

tên lớp, ID khung giờ, ID môn học, ngày bắt đầu, ngày kết kết thúc, trạng thái, số lượng học sinh, ngày nghỉ

Lưu ý Phân trang tự động với thư viện datatables của JQuery

Trang 16

3 Nếu đủ thông tin, thêm lớp và đẩy về trang tất cả lớpĐầu ra Thêm lớp và đưa về danh sách lớp

Trang 17

3 Nếu đủ thông tin, chỉnh sửa lớp có mã tương ứng và đẩy về trang tất cả lớp

Đầu ra Sửa lớp và đưa về danh sách lớp

Trang 18

Tìm kiếm lớp

Mô tả Tìm kiếm lớp

Đầu vào Tên lớp

Tên môn họcTrình tự xử lý 1 Kết nối vào cơ sở dữ liệu

2 Lấy dữ liệu của lớp có trường thông tin phù hợp với từ khóa tìm kiếm

3 Đóng kết nối cơ sở dữ liệuĐầu ra Hiển thị các lớp dưới dạng bảng với mỗi hàng lần lượt là ID lớp,

tên lớp, ID khung giờ, ID môn học, ngày bắt đầu, ngày kết kết thúc, trạng thái, số lượng học sinh, ngày nghỉ

Trang 19

Xem tất cả các môn

Mô tả Xem tất cả các môn

Kích hoạt Chọn “Quản lí môn” từ menu

Đầu vào

2 Lấy thông tin từ bảng “subjects”

3 Đóng kết nối cơ sở dữ liệuĐầu ra Hiển thị các môn dưới dạng bảng với mỗi hàng lần lượt là ID

môn, tên môn, ID ngành, tên ngành, số giờLưu ý Phân trang tự động với thư viện datatables của JQuery

Trang 20

Thêm môn

Mô tả Thêm môn

Kích hoạt Chọn “Thêm môn” trong “Quản lí môn”

Đầu vào ID môn

Tên môn

ID ngành

Số giờTrình tự xử lý 1 Chuyển hướng đến form thêm môn

3 Nếu đủ thông tin, thêm môn và đẩy về trang tất cả mônĐầu ra Thêm môn và đưa về danh sách môn

Trang 21

Sửa môn

Mô tả Sửa môn

Kích hoạt Chọn nút “Sửa” trong danh sách môn (trong mục Quản lí môn)Đầu vào ID môn

Tên môn

ID ngànhTên ngành

Số giờTrình tự xử lý 1 Chuyển hướng đến form sửa môn

3 Nếu đủ thông tin, chỉnh sửa môn có mã tương ứng và đẩy về trang tất cả môn

Đầu ra Sửa môn và đưa về danh sách môn

Trang 22

Tìm kiếm môn

Mô tả Tìm kiếm môn

Đầu vào Tên môn

Tên ngànhTrình tự xử lý 1 Kết nối vào cơ sở dữ liệu

2 Lấy dữ liệu của môn có trường thông tin phù hợp với từ khóa tìm kiếm

3 Đóng kết nối cơ sở dữ liệuĐầu ra Hiển thị các môn dưới dạng bảng với mỗi hàng lần lượt là ID

môn, tên môn, ID ngành, tên ngành, số giờLưu ý Phân trang tự động với thư viện datatables của JQuery

Trang 23

Xem tất cả các khung giờ

Mô tả Xem tất cả các khung giờ

Kích hoạt Chọn “Quản lí khung giờ” từ menu

Đầu vào

2 Lấy thông tin từ bảng “time_slots”

3 Đóng kết nối cơ sở dữ liệuĐầu ra Hiển thị các khung giờ dưới dạng bảng với mỗi hàng lần lượt là

ID khung giờ, khung giờLưu ý Phân trang tự động với thư viện datatables của JQuery

Trang 24

Thêm khung giờ

Mô tả Thêm khung giờ

Kích hoạt Chọn “Thêm khung giờ” trong “Quản lí khung giờ”

Đầu vào ID khung giờ

Tên khung giờTrình tự xử lý 1 Chuyển hướng đến form thêm khung giờ

3 Nếu đủ thông tin, thêm khung giờ và đẩy về trang tất cả khung giờ

Đầu ra Thêm khung giờ và đưa về danh sách khung giờ

Trang 25

Sửa khung giờ

Mô tả Sửa khung giờ

Kích hoạt Chọn nút “Sửa” trong danh sách khung giờ (trong mục Quản lí

khung giờ)

Đầu vào ID khung giờ

Tên khung giờTrình tự xử lý 1 Chuyển hướng đến form sửa khung giờ

3 Nếu đủ thông tin, chỉnh sửa khung giờ có mã tương ứng và đẩy về trang tất cả khung giờ

Đầu ra Sửa khung giờ và đưa về danh sách khung giờ

Trang 26

Tìm kiếm khung giờ

Mô tả Tìm kiếm khung giờ

Đầu vào Tên khung giờ

2 Lấy dữ liệu của khung giờ có trường thông tin phù hợp với

Trang 27

Xem tất cả các sinh viên

Mô tả Xem tất cả các sinh viên

Kích hoạt Chọn “Quản lí sinh viên” từ menu

Đầu vào

5 Lấy thông tin từ bảng “students”

6 Đóng kết nối cơ sở dữ liệuĐầu ra Hiển thị các sinh viên dưới dạng bảng với mỗi hàng lần lượt là

ID sinh viên, tên sinh viên, số điện thoại, địa chỉ, email, ID lớp, ngày thêm

Trang 28

Thêm sinh viên

Mô tả Thêm sinh viên

Kích hoạt Chọn “Thêm sinh viên” trong “Quản lí sinh viên”

Đầu vào ID sinh viên

Tên sinh viên

Số điện thoạiĐịa chỉEmailNgày thêmTên lớpTrình tự xử lý 1 Chuyển hướng đến form thêm sinh viên

3 Nếu đủ thông tin, thêm sinh viên và đẩy về trang tất cả sinh viên

Đầu ra Thêm sinh viên và đưa về danh sách sinh viên

Trang 29

Sửa sinh viên

Mô tả Sửa sinh viên

Kích hoạt Chọn nút “Sửa” trong danh sách sinh viên (trong mục Quản lí sinh

viên)

Đầu vào ID sinh viên

Tên sinh viên

Số điện thoạiĐịa chỉEmailNgày thêmTên lớpTrình tự xử lý 1 Chuyển hướng đến form sửa sinh viên

3 Nếu đủ thông tin, chỉnh sửa sinh viên có mã tương ứng và đẩy về trang tất cả sinh viên

Đầu ra Sửa sinh viên và đưa về danh sách sinh viên

Trang 30

Tìm kiếm sinh viên

Mô tả Tìm kiếm sinh viên

Đầu vào Tên sinh viên

Số điện thoạiĐịa chỉEmailTên lớpTrình tự xử lý 1 Kết nối vào cơ sở dữ liệu

2 Lấy dữ liệu của sinh viên có trường thông tin phù hợp với từ khóa tìm kiếm

3 Đóng kết nối cơ sở dữ liệuĐầu ra Hiển thị các sinh viên dưới dạng bảng với mỗi hàng lần lượt là

ID sinh viên, tên sinh viên, số điện thoại, địa chỉ, email, ID lớp, ngày thêm

Trang 31

2 Lấy thông tin từ bảng “schedules”

3 Đóng kết nối cơ sở dữ liệuĐầu ra Hiển thị các lịch học dưới dạng bảng với mỗi hàng lần lượt là ID

lớp, ngày chọn, trạng tháiLưu ý Phân trang tự động với thư viện datatables của JQuery

Trang 32

Tìm kiếm lịch học

Mô tả Tìm kiếm lịch học

Đầu vào Tên lớp

Tên mônTrình tự xử lý 1 Kết nối vào cơ sở dữ liệu

2 Lấy dữ liệu của lịch học có trường thông tin phù hợp với từ khóa tìm kiếm

3 Đóng kết nối cơ sở dữ liệuĐầu ra Hiển thị các lịch học dưới dạng bảng với mỗi hàng lần lượt là ID

lớp, ngày chọn, trạng tháiLưu ý Phân trang tự động với thư viện datatables của JQuery

Trang 33

Xem chi tiết lịch học

Mô tả Xem chi tiết lịch học

Kích hoạt Chọn “Xem chi tiết” của lịch học tương ứng

Trang 34

Confirm lịch học

Mô tả Chấp nhận lịch học

Kích hoạt Chọn “confirm” trong “Xem chi tiết lịch học”

Đầu vào Ngày học

Trạng tháiTrình tự xử lý 1 Kết nối đến cơ sở dữ liệu

2 Nếu đủ thông tin, thêm ngày học và hiện xanh hàng được thêm

Đầu ra Thêm ngày học và đưa về danh sách xem chi tiết lịch họcLưu ý

Trang 35

Cancel lịch học

Mô tả Hủy lịch học

Kích hoạt Chọn “cancel” trong “Xem chi tiết lịch học”

Đầu vào Ngày học

Trạng tháiTrình tự xử lý 1 Kết nối đến cơ sở dữ liệu

2 Nếu đủ thông tin, hủy ngày học, thêm ngày học mới và hiện

đỏ hàng được hủyĐầu ra Hủy ngày học và đưa về danh sách xem chi tiết lịch họcLưu ý

Trang 37

5.2 Sơ đồ cơ sở dữ liệu

Trang 38

major_id bigint(20) foregin key subjects(major_id)

Trang 40

5.3 Sơ đồ phân rã chức năng hệ thống

- Sơ đồ trang web

Giao diện hệ thống

Trang 41

6 Kết luận

1.Ưu điểm của hệ thống

2.Hướng phát triển:

3.Kết luận

- Sau thời gian thực hiện đồ án dưới sự hướng dẫn của thầy Phạm

Sơn Tùng, nhóm em đã hoàn thành được phần mềm quản lí lớp hệ chứng chỉ quốc tế của mình với các chức năng chính như: xem thông tin các quản lí, thêm sửa các quản lí, quản lý các chức năng, biểu đồ cũng như quản lí lịch học chi tiết của khóa học ,…

- Bên cạnh đó, website của chúng em cũng vẫn còn một số thiếu sót

đáng kể Chúng em sẽ cố gắng hoàn thiện website của bản thân hơn.

- Hướng mở rộng tăng tính bảo mật cho website, có thể mở rộng

thành quản lí các lớp thuộc các khối khác nhau

- Cuối cùng nhóm em xin chân thành cảm ơn thầy Phạm Sơn Tùng

đã giúp đỡ nhóm em hoàn thiện và hoàn thành đồ án này!

Trang 42

7 Phân công công việc

Trần Chính Cường Hà Hùng Tráng

Tiêu đề	Phần mềm quản lí lớp hệ chứng chỉ quốc tế
Tác giả	Trần Chính Cường, Hà Hùng Tráng
Người hướng dẫn	Phạm Sơn Tùng
Trường học	BKACAD Technology Academy
Chuyên ngành	Phần mềm
Thể loại	Đồ án
Năm xuất bản	2021
Thành phố	Hà Nội

Định dạng
Số trang	42
Dung lượng	1,35 MB