BỘ GIÁO DỤC VÀ ĐÀO TẠO

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM

KHOA CÔNG NGHỆ THÔNG TIN
2022 – 2023

BÁO CÁO ĐỒ ÁN

Xây dựng ứng dụng quản lý

sinh viên cho ký túc xá Cỏ May
sử dụng Spring Boot và React JS

Giáo viên hướng dẫn: TS. Trương Thị Khánh Dịp

Nhóm sinh viên thực hiện: Nhóm 4
 GIỚI THIỆU NỘI DUNG
01
NỀN TẢNG KIẾN THỨC 02

TRIỂN KHAI HỆ THỐNG 03

TỔNG KẾT
04
DEMO
05
01 GIỚI
THIỆU
1. GIỚI THIỆU Ký túc xá Cỏ May
- Miễn phí.
- Sinh viên tự làm chủ.
Một hệ thống mới
Dễ dàng quản lý và
nâng cấp khi cần thiết. Sinh viên ngày
càng đông
Bắt đầu áp dụng hệ
Bắt đầu xảy ra bất cập thống quản lý trên
- Phòng ban. ứng dụng web ở địa
- Chưa quản lý được đội chỉ
nhóm, thiết bị. canhbaosom.com.
02
KIẾN THỨC
NỀN TẢNG
2. NỀN TẢNG KIẾN THỨC

MySQL
01

React JS 05 02 RESTful API

Spring Security 04 03 Spring Boot

MySQL
 MySQL
Bảng 1.1: Xếp hạng các engine database (08/2022) • Mã nguồn mở.
• Dễ dùng.
• Tốc độ cao
• Miễn phí
RESTful API
 RESTful API

RESTful API là một tiêu chuẩn dùng trong việc

thiết kế API cho các ứng dụng web (thiết kế
Web services)
Spring Boot
 Spring Boot
Là một mô-đun nằm trong Spring Framework.

Giảm tải công việc cấu hình dự án

Spring security
Spring security

Khái niệm

-Là một trong những tính - Rất mạnh mẽ

năng cốt lõi quan trọng của - Có khả năng tùy biến cao.
Spring Framework.
- Giúp phân quyền và xác
thực người dùng.
React JS
 React JS
Ưu điểm:
-Tăng tốc quá trình phát triển,
giảm thiểu những rủi ro.
- Cung cấp cho khả năng tái
Là một thư viện JavaScript
sử
chuyên giúp các nhà phát triển
dụng code.
xây dựng giao diện người
- Cập nhật dữ liệu thay đổi mà
dùng.
không cần tải lại toàn bộ dữ
liệu.
03 TRIỂN KHAI
HỆ THỐNG
3. TRIỂN KHAI HỆ THỐNG

1. Xác định chức năng

2. Mô hình Use Case

3. Sơ đồ hệ thống

4. Class diagram
3. TRIỂN KHAI HỆ THỐNG

01. Xác định chức năng

3. TRIỂN KHAI HỆ THỐNG 02. Mô hình Use Case
3. TRIỂN KHAI HỆ THỐNG

03. Sơ đồ của hệ thống

 3. TRIỂN KHAI HỆ THỐNG

04. Class diagram

Phần class diagram thể hiện các entity được
mapping với các table trong database, nên cũng
được chia làm 3 phần:
01 02 03

Vai trò, Đề xuất, Sinh viên

chức vụ loại đề xuất
3. TRIỂN KHAI HỆ THỐNG

04. Class diagram

Vai trò, chức vụ
3. TRIỂN KHAI HỆ THỐNG 04. Class diagram Đề xuất, loại đề xuất
3. TRIỂN KHAI HỆ THỐNG 04. Class diagram Sinh viên
Tổng thể
04 TỔNG KẾT
 TỔNG KẾT
Kỹ năng phân tích thiết kế hệ thống

Kỹ năng tìm kiếm giải quyết vấn đề.

Kinh nghiệm về web service.

Kết quả đạt được Được tiếp xúc và sử dụng một số

framework: Spring Boot, Spring
Security React JS, Redux, Hook,
Jenkins
TỔNG KẾT Công nghệ Tính năng
ƯU - Độc lập giữa Front-end -Linh động về vấn đề phân
ĐIỂM và Back-end. quyền.
CỦA  Dễ dàng mở rộng hệ - Thêm chức năng
thống trên nền tảng
ĐỀ import
ứng dụng di động. danh sách sinh viên.
TÀI - Được tích hợp công -Sinh viên có thể ở nhiều
cụ phòng ban.
tự động hóa hỗ trợ nhiều cho một -Quản lý được đội nhóm
đội cùng nhau phát triển và thành viên.
hệ thống. - Quản lý được tình
 01Mở rộng thêm
TỔNG KẾT

Hướng phát triển

04Thiết bị sẽ được
chức năng import.
02Quản
nhiềulýthông
thêm tin
của sinh viên.
tích hợp IOT.

03Loại đề xuất
tạo bởi ngườicódùng.
thể được
Có dữ
liệu dạng bảng chi tiết.
 05
Đường dẫn: cmd.ktxcomay.com.vn
Tài khoản: admin@gmail.com
DEMO
Mật khẩu: cmdcmdcmd
 Thanks

CẢM ƠN QUÝ THẦY CÔ ĐÃ LẮNG NGHE