HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG

MỤC LỤC:
DANH MỤC HÌNH ẢNH............................................................................................................................................................................................................................... 2

I. MỞ ĐẦU............................................................................................................................................................................................................................................ 3

II. THIẾT KẾ.......................................................................................................................................................................................................................................... 4

1. Kiến trúc tổng quan............................................................................................................................................................................................................................ 4

2. Sơ đồ khối các chức năng của Server và Client.................................................................................................................................................................................. 6

3. Biểu đồ Use case tổng quan................................................................................................................................................................................................................ 7

4. Biểu đồ Use case chi tiết..................................................................................................................................................................................................................... 7

5. Biểu đồ lớp......................................................................................................................................................................................................................................... 9

6. Biểu đồ tuần tự.................................................................................................................................................................................................................................. 10

III. KẾT QUẢ................................................................................................................................................................................................................................... 11

1. Cấu trúc ứng dụng............................................................................................................................................................................................................................ 11

2. Giao diện........................................................................................................................................................................................................................................... 13

3. Các kết quả thực hiện được............................................................................................................................................................................................................... 18

4. Kết luận, hạn chế.............................................................................................................................................................................................................................. 18

DANH MỤC HÌNH ẢNH

Hình 1: Sơ đồ khối.......................................................................................................................................................................................................................................... 5
Hình 2:Use case tổng quan............................................................................................................................................................................................................................. 7
Hình 3:Use case quản lý sinh viên.................................................................................................................................................................................................................. 8
Hình 4: use case quản lý giáo viên.................................................................................................................................................................................................................. 8
Hình 5: use case quản lý lớp............................................................................................................................................................................................................................ 9
Hình 6: sơ đồ lớp client................................................................................................................................................................................................................................... 9
Hình 7: sơ đồ lớp server................................................................................................................................................................................................................................ 10
Hình 8: Biểu đồ tuần tự Client...................................................................................................................................................................................................................... 10
Hình 9: Biểu đồ tuần tự Server...................................................................................................................................................................................................................... 11
Hình 10: cấu trúc web................................................................................................................................................................................................................................... 12
Hình 11: cấu trúc client................................................................................................................................................................................................................................. 13
Hình 12: cấu trúc server................................................................................................................................................................................................................................ 13
Hình 13: trang chủ......................................................................................................................................................................................................................................... 14
Hình 14: giao diện sinh viên.......................................................................................................................................................................................................................... 14
Hình 15: giao diện thêm sinh viên................................................................................................................................................................................................................. 15
Hình 16: giao diện sửa sinh viên................................................................................................................................................................................................................... 15
Hình 17: giao diện giáo viên......................................................................................................................................................................................................................... 16
Hình 18: giao diện thêm giáo viên................................................................................................................................................................................................................ 16
Hình 19: giao diện sửa giáo viên................................................................................................................................................................................................................... 17
Hình 20: giao diện lọc theo giáo viên............................................................................................................................................................................................................ 17
Hình 21: giao diện lớp học............................................................................................................................................................................................................................ 18
Hình 22: giao diện thêm lớp.......................................................................................................................................................................................................................... 18

1
Hình 23: giao diện sửa lớp............................................................................................................................................................................................................................ 18
Hình 24: giao diện lọc theo lớp..................................................................................................................................................................................................................... 19

I. MỞ ĐẦU

Ứng dụng Quản lý Sinh viên thực tập là một nền tảng hiệu quả giúp tổ chức và quản lý thông tin liên quan đến sinh viên, lớp học và giảng viên

trong quá trình thực tập. Với kĩ thuật lập trình mạng sử dụng socket và giao thức TCP/IP cùng với VueJS và Bootstrap. Ứng dụng có giao diện thân thiện

và tính năng đa dạng, ứng dụng này cung cấp các chức năng quản lý chính sau:

- User thêm, sửa, xóa, xem danh sách Sinh Viên.

- User thêm, sửa, xóa, xem danh sách Giảng Viên.

- User thêm, sửa, xóa, xem danh sách Lớp Học.

- User lọc danh sách sinh viên theo Giảng Viên.

- User lọc danh sách sinh viên theo Lớp Học.

- User tìm kiếm sinh viên.

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

Quản lý Sinh Viên, Giảng Viên, Lớp Học

 Use case: Quản lý thông tin sinh viên, giảng viên, và lớp học.

 Actor: User

 Chi tiết yêu cầu:

 Thêm mới thông tin:

 User có thể thêm mới thông tin sinh viên bao gồm mã, tên, ngày sinh, quê quán.

 User có khả năng thêm mới thông tin giảng viên với mã, tên, năm sinh, số năm kinh nghiệm.

 User cũng có thể thêm mới thông tin về lớp học với mã, tên và mô tả.

 Chỉnh sửa thông tin:

 User có thể sửa đổi thông tin của sinh viên, giảng viên, và lớp học nếu có bất kỳ thay đổi nào.

 Xóa thông tin:

 User có quyền xóa thông tin của sinh viên, giảng viên, và lớp học khỏi hệ thống.

2
  Xem danh sách:

 User có khả năng xem danh sách các sinh viên, giảng viên, và lớp học hiện có trong hệ thống và hiển thị thông tin chi

tiết của từng mục.

 Tìm kiếm và lọc thông tin:

 User có khả năng tìm kiếm theo từ khóa trong danh sách sinh viên

 Có thể lọc ra danh sách sinh viên theo lớp học hoặc theo giáo viên

II. THIẾT KẾ

1. Kiến trúc tổng quan

Về tổng quan, ứng dụng bao gồm 4 khối như sau:

3
 Hình 1: Sơ đồ khối

Web Sử dụng VueJS và kết nối với Client qua giao thức Http

Client và Server Java, sử dụng kết nối socket qua giao thức TCP/IP.

Client kết nối với Sever gửi yêu cầu lên server

Server được kết nối trực tiếp với Database để thao tác dữ liệu.

4
 Client còn sử dụng SparkJava framework để hỗ trợ restAPIs với Web/Client.

2. Sơ đồ khối các chức năng của Server và Client

Web/Client:

o Giao diện người dùng: hiển thị danh sách các Sinh viên, giáo viên, lớp học và giao diện khi thêm, sửa, xóa.

o Xử lý đầu vào người dùng: lấy được thông tin mà người dùng thao tác hoặc nhập vào để gửi qua client

Client:

o Kết nối với Web/Client qua giao thức HTTP và kết nối với Server qua giao thức TCP/IP.

o Tiếp nhận yêu cầu từ Web: nhận yêu cầu thêm, sửa, xóa thông qua giao thức HTTP.

o Xử lý yêu cầu: đọc các yêu cầu từ Web và tương ứng chuyển tiếp yêu cầu đến Server thông qua giao thức TCP/IP.

o Gửi dữ liệu: yêu cầu chuyển tiếp sau khi được Server xử lý sẽ được trả về kết quả. Client sẽ trả lại kết quả này cho Web.

Server:

o Là 1 ServerSocket, nhận các yêu cầu từ Client

o Xử lý yêu cầu và đọc dữ liệu từ Database.

o Gửi dữ liệu về Client sau khi đã xử lý xong.

Database:

o Sử dụng MySQL.

o Được kết nối trực tiếp với Server.

3. Biểu đồ Use case tổng quan

5
 Hình 2:Use case tổng quan

4. Biểu đồ Use case chi tiết

a. Use case quản lý sinh viên:

Hình 3:Use case quản lý sinh viên

6
b. Use case quản lý Giáo viên:

Hình 4: use case quản lý giáo viên

c. Use case quản lý lớp

Hình 5: use case quản lý lớp

7
5. Biểu đồ lớp

Client:

Hình 6: sơ đồ lớp client

Server:

Hình 7: sơ đồ lớp server

8
 6. Biểu đồ tuần tự

Client:

Hình 8: Biểu đồ tuần tự Client

Server:

Hình 9: Biểu đồ tuần tự Server

III. KẾT QUẢ

1. Cấu trúc ứng dụng

9
a. Web

Hình 10: cấu trúc web

b. Client

10
 Hình 11: cấu trúc client

c. Server

Hình 12: cấu trúc server

11
2. Giao diện

a. Trang chủ lựa chọn

Hình 13: trang chủ

b. Giao diện xem danh sách sinh viên và tìm kiếm

Hình 14: giao diện sinh viên

12
c. Giao diện thêm mới sinh viên

Hình 15: giao diện thêm sinh viên

d. Giao diện sửa thông tin sinh viên có sẵn

Hình 16: giao diện sửa sinh viên

13
e. Giao diện giáo viên

Hình 17: giao diện giáo viên

f. Giao diện thêm giáo viên

Hình 18: giao diện thêm giáo viên

14
g. Sửa giáo viên có sẵn

Hình 19: giao diện sửa giáo viên

h. Lọc ra các sinh viên đang giảng dạy của giáo viên chỉ định

Hình 20: giao diện lọc theo giáo viên

i. Giao diện xem danh sách lớp học

15
 Hình 21: giao diện lớp học

j. Giao diện thêm lớp học

Hình 22: giao diện thêm lớp

k. Giao diện sửa lớp học đã có sẵn

Hình 23: giao diện sửa lớp

l. Giao diện lọc sinh viên của lớp chỉ định

16
 Hình 24: giao diện lọc theo lớp

3. Các kết quả thực hiện được

- Đã đạt được các chức năng như mong muốn của ứng dụng.

- Tự mình phát triển được ứng dụng sử dụng kết nối TCP/IP, sử dụng đa luồng xử lý yêu cầu của client socket.

4. Kết luận, hạn chế

- Ứng dụng tạo ra đã có thể giúp người dùng quản lý được các loại thông tin và danh sách của sinh viên, giáo viên và lớp, thuận tiện trong

việc sửa xóa và tìm kiếm.

- Hạn chế:

 Bộ lọc còn cơ bản hạn chế

17