Báo cáo cuối kỳ đề tài: Xây dựng website ôn tập từ vựng Tiếng Anh môn Kiến trúc & Thiết kế phần mềm | Học viện Công Nghệ Bưu Chính Viễn Thông

lOMoAR cPSD| 58647650
HỌC VIỆN CÔNG NGHỆ BƯU CHÍNH VIỄN THÔNG
KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO CUỐI KỲ
MÔN KIẾN TRÚC VÀ THIẾT KẾ PHẦN MỀM
TÊN ĐỀ TÀI: XÂY DỰNG WEBSITE ÔN TẬP TỪ VỰNG TIẾNG ANH
GIẢNG VIÊN HƯỚNG DẪN: NGUYỄN VĂN HỮU HOÀNG
SINH VIÊN THỰC HIỆN HỌ VÀ TÊN MÃ SỐ SINH VIÊN LỚP
NGUYỄN TRẦN TẤN QUY N20DCCN131 D20CQCNPM02-N ĐỖ XUÂN MINH N20DCCN041 D20CQCNPM01-N LÊ QUANG QUỐC THỊNH N20DCCN149 D20CQCNPM02-N TP. HCM 06/2024 lOMoAR cPSD| 58647650 LỜI CẢM ƠN
Nhóm em xin gửi lời biết ơn sâu sắc đến thầy Nguyễn Văn Hữu Hoàng, người đã hướng
dẫn và hỗ trợ em rất nhiều trong quá trình học môn Kiến trúc và thiết kế phần mềm. Nhờ có sự
chỉ dẫn của thầy, chúng em đã hoàn thành được một đề tài khoa học chất lượng.
Đồng thời, chúng em cũng đã học được nhiều kiến thức và kỹ năng quan trọng để tiếp tục
nghiên cứu và xây dựng các đề tài khác phục vụ cho công việc sau này. Em cũng xin bày tỏ lòng
biết ơn đến Ban lãnh đạo và các giảng viên tại Học Viện Công Nghệ Bưu Chính Viễn Thông vì
đã tạo điều kiện và cung cấp cơ sở vật chất cho em có cơ hội và môi trường học tập tốt nhất.
Tuy nhiên, do kiến thức và kinh nghiệm còn hạn chế nên đề tài của chúng em không tránh
khỏi những thiếu sót và sai lầm. Em rất mong nhận được những góp ý và nhận xét của thầy để
chúng em có thể sửa chữa và hoàn thiện đề tài một cách tốt nhất.
Chúng em xin chân thành cảm ơn!
Thành phố Hồ Chí Minh, tháng 6 năm 2024
Sinh viên thực hiện Nhóm 32 MỤC LỤC
LỜI CẢM ƠN .................................................................................................. 2
MỤC LỤC ........................................................................................................ 2
DANH MỤC HÌNH ẢNH ............................................................................... 4
CHƯƠNG 1. TỔNG QUAN ĐỀ TÀI ............................................................ 6
1.1 Giới thiệu đề tài: .................................................................................................................. 6
1.2 Mục tiêu của đề tài: ............................................................................................................. 6
1.3 Yêu cầu chức năng: ............................................................................................................. 6
1.4 Yêu cầu phi chức năng: ....................................................................................................... 7
1.5 Công nghệ sử dụng: ............................................................................................................. 7
CHƯƠNG 2. THIẾT KẾ HỆ THỐNG ......................................................... 8
2.1 Các nghiệp vụ chính: ........................................................................................................... 8 lOMoAR cPSD| 58647650
2.2 Xác định các thực thể ngoài, dòng dữ liệu chính, kho dữ liệu chính: ................................. 8
2.2.1. Thực thể ngoài: ........................................................................................................... 8
2.2.2. Dòng dữ liệu chính:..................................................................................................... 8
2.2.3. Kho dữ liệu chính: ....................................................................................................... 8
2.3 Sơ đồ phân rã chức năng: .................................................................................................... 8
2.4 Lược đồ Use-case: ............................................................................................................... 9
2.4.1. Usecase tổng quát: .......................................................................................................... 9
2.4.2. Usecase đăng nhập: ......................................................................................................... 9
2.4.3. Usecase đăng ký: ........................................................................................................... 11
2.4.4. Usecase quản lý thông tin cá nhân: ............................................................................... 13
2.4.5. Usecase quản lý thư mục: ............................................................................................. 15
2.4.6. Usecase quản lý danh sách từ vựng: ............................................................................. 16
2.4.7. Usecase quản lý cấp độ: ................................................................................................ 18
2.5 Mô tả Usecase bằng biểu đồ tuần tự: ................................................................................ 19
2.6 Sơ đồ hoạt động: ................................................................................................................ 29
2.7 Sơ đồ Class: ....................................................................................................................... 36
CHƯƠNG 3. THIẾT KẾ CSDL .................................................................. 37
3.1 Mô hình thực thể mối liên kết (ERD): .............................................................................. 37
3.2 Mô hình dữ liệu vật lý: ...................................................................................................... 39
- Bảng User: ............................................................................................................................ 39
- Bảng Folder: .......................................................................................................................... 40
- Bảng Vocabulary_Lists: ........................................................................................................ 40
- Bảng Vocabulary: .................................................................................................................. 40
- Bảng User_Progress: ............................................................................................................. 41
- Bảng Level: ........................................................................................................................... 41 lOMoAR cPSD| 58647650
- Bảng Detailed_Level: ........................................................................................................... 42
CHƯƠNG 4. LẬP TRÌNH ........................................................................... 43
CHƯƠNG 5. TỔNG KẾT ............................................................................ 48
5.1. Kết quả đạt được: ............................................................................................................. 48
5.2. Đánh giá ưu, khuyết điểm: ............................................................................................... 48
5.2.1. Ưu điểm: .................................................................................................................... 48
5.2.2. Khuyết điểm: ............................................................................................................. 49
5.3. Hướng phát triển trong tương lai: .................................................................................... 49
CHƯƠNG 6: CÁC MỤC KHÁC ................................................................. 51
Chi tiết phân công công việc: .................................................................................................. 51 DANH MỤC HÌNH ẢNH
Hình 2.3- 1. Sơ đồ phân rã chức năng của website ôn tập từ vựng..............................................8
Hình 2.4- 1. Usecase tổng quát....................................................................................................9
Hình 2.4- 2. Usecase đăng nhập..................................................................................................9
Hình 2.4- 3. Usecase đăng ký....................................................................................................11
Hình 2.4- 4. Usecase quản lý thông tin cá nhân.........................................................................13
Hình 2.4- 5. Usecase quản lý thư mục.......................................................................................15
Hình 2.4- 6. Usecase quản lý danh sách từ vựng.......................................................................16
Hình 2.4- 7. Usecase quản lý cấp độ..........................................................................................18
Hình 2.5- 1. Sơ đồ tuần tự đăng nhập........................................................................................20
Hình 2.5- 2. Sơ đồ tuần tự đăng ký............................................................................................21
Hình 2.5- 3. Sơ đồ tuần tự quản lý thông tin cá nhân................................................................21 lOMoAR cPSD| 58647650
Hình 2.5- 4. Sơ đồ tuần tự thêm thư mục..................................................................................22
Hình 2.5- 5. Sơ đồ tuần tự chỉnh sửa thư mục...........................................................................22
Hình 2.5- 6. Sơ đồ tuần tự thêm tiêu đề.....................................................................................23
Hình 2.5- 7. Sơ đồ tuần tự mô tả tiêu đề....................................................................................24
Hình 2.5- 8. Sơ đồ tuần tự thêm từ vựng...................................................................................24
Hình 2.5- 9. Sơ đồ tuần tự chỉnh sửa từ vựng............................................................................25
Hình 2.5- 10. Sơ đồ tuần tự xóa từ vựng...................................................................................25
Hình 2.5- 11. Sơ đồ tuần tự thêm định nghĩa từ vựng................................................................26
Hình 2.5- 12. Sơ đồ tuần tự chỉnh sửa định nghĩa từ vựng........................................................26
Hình 2.5- 13. Sơ đồ tuần tự xóa định nghĩa từ vựng..................................................................27
Hình 2.5- 14. Sơ đồ tuần tự thêm tiêu đề DS từ vựng................................................................27
Hình 2.5- 15. Sơ đồ tuần tự chỉnh sửa tiêu đề DS từ vựng........................................................28
Hình 2.5- 16. Sơ đồ tuần tự xóa tiêu đề DS từ vựng..................................................................28
Hình 2.5- 17. Sơ đồ tuần tự thêm mô tả DS từ vựng.................................................................29
Hình 2.5- 18. Sơ đồ tuần tự chỉnh sửa mô tả DS từ vựng..........................................................29
Hình 2.5- 19. Sơ đồ tuần tự xóa mô tả DS từ vựng....................................................................30
Hình 2.6- 1. Sơ đồ hoạt động đăng nhập...................................................................................31
Hình 2.6- 2. Sơ đồ hoạt động đăng ký.......................................................................................32
Hình 2.6- 3. Sơ đồ hoạt động quản lý thông tin cá nhân............................................................33
Hình 2.6- 4. Sơ đồ hoạt động quản lý thêm thư mục.................................................................34
Hình 2.6- 5. Sơ đồ hoạt động chỉnh thư mục.............................................................................35
Hình 2.6- 6. Sơ đồ hoạt động quản lý thư mục..........................................................................36
Hình 2.6- 7. Sơ đồ hoạt động quản lý danh sách từ vựng..........................................................37
Hình 3.1- 1. Mô hình thực thể mối liên kết ERD.......................................................................40 lOMoAR cPSD| 58647650
Hình 3.1- 2. Lược đồ Diagram..................................................................................................41
Hình 4. 1. Quản lý cấp độ..........................................................................................................45
Hình 4. 2. Quản lý thư mục.......................................................................................................46
Hình 4. 3. Update cấp độ...........................................................................................................47
Hình 4. 4. Quản lý tiến độ.........................................................................................................48
Hình 4. 5. Quản lý danh sách từ vựng.......................................................................................49
Hình 4. 6. Quản lý từ vựng........................................................................................................50
CHƯƠNG 1. TỔNG QUAN ĐỀ TÀI
1.1 Giới thiệu đề tài:
Nền tảng học tập trực tuyến ngày càng phổ biến trong kỷ nguyên số, mở ra nhiều phương
thức học tập và ôn luyện từ vựng tiếng Anh hiệu quả. Tuy nhiên, các nền tảng hiện có chưa đáp
ứng đầy đủ nhu cầu cá nhân hóa, theo dõi tiến độ và áp dụng các phương pháp học tập tối ưu cho
người học. Do vậy, nhóm chúng em đã lên kế hoạch xây dựng một website ôn tập từ vựng tiếng
Anh chuyên sâu là giải pháp tối ưu nhằm nâng cao trải nghiệm học tập và mang lại hiệu quả vượt trội.
1.2 Mục tiêu của đề tài:
- Xây dựng một website thân thiện với người dùng, hỗ trợ ôn tập từ vựng tiếng Anh hiệu quả.
- Cung cấp các tính năng cá nhân hóa nội dung học tập dựa trên trình độ và mục tiêu của từng người học.
- Tích hợp các phương pháp học từ vựng tiên tiến bằng flashcards.
- Theo dõi và báo cáo tiến độ học tập của người dùng.
1.3 Yêu cầu chức năng:
- Đăng ký/Đăng nhập: Cho phép người dùng tạo tài khoản và đăng nhập để sử dụng các tính năng của website.
- Hồ sơ người dùng: Lưu trữ thông tin cá nhân, tiến độ học tập và tùy chỉnh các lựa chọn học tập.
- Danh sách từ vựng: Tạo và quản lý danh sách từ vựng theo các chủ đề khác nhau (ví dụ: từ
vựng học thuật, từ vựng giao tiếp, từ vựng chuyên ngành). lOMoAR cPSD| 58647650
- Phương pháp học tập: Cung cấp các phương pháp học từ vựng khác nhau như flashcards, trò
chơi ghép từ, bài tập trắc nghiệm.
- Tính cá nhân hóa: Đề xuất từ vựng và bài tập dựa trên trình độ và tiến độ học tập của người dùng.
- Theo dõi tiến độ: Hiển thị tiến độ học tập và cung cấp các báo cáo chi tiết về hiệu suất học tập của người dùng.
1.4 Yêu cầu phi chức năng:
- Giao diện người dùng: Thiết kế giao diện thân thiện, dễ sử dụng.
- Bảo mật: Đảm bảo bảo mật thông tin cá nhân và dữ liệu học tập của người dùng.
- Hiệu suất: Website phải hoạt động mượt mà, đáp ứng nhanh chóng yêu cầu của người dùng.
- Khả năng mở rộng: Hệ thống dễ dàng mở rộng và tích hợp thêm các tính năng mới trong tương lai.
1.5 Công nghệ sử dụng:
Sử dụng các công nghệ cơ bản để xây dựng Website:
- Frontend: ReactJs, Scss.
- Backend: Java, Spring Boot, Spring Data JPA.
+ Sử dụng ngôn ngữ Java và Spring Boot để xử lý phần Backend Website. +
Sử dụng Spring Data JPA để tương tác với cơ sở dữ liệu (MySQL). - Database: MySQL. lOMoAR cPSD| 58647650
CHƯƠNG 2. THIẾT KẾ HỆ THỐNG
2.1 Các nghiệp vụ chính: - Quản lý tài khoản
- Quản lý thông tin cá nhân - Quản lý thư mục
- Quản lý danh sách từ vựng
2.2 Xác định các thực thể ngoài, dòng dữ liệu chính, kho dữ liệu chính:
2.2.1. Thực thể ngoài: - Người dùng - Người quản lý Website
2.2.2. Dòng dữ liệu chính: - Thông tin cá nhân.
- Thông tin về từ vựng.
- Thông tin về tiến độ học tập.
2.2.3. Kho dữ liệu chính: - Tủ đựng hồ sơ. - Tập tin máy tính.
- Cơ sở dữ liệu (Database).
2.3 Sơ đồ phân rã chức năng: lOMoAR cPSD| 58647650
Hình 2.3- 1. Sơ đồ phân rã chức năng của website ôn tập từ vựng.
2.4 Lược đồ Use-case:
2.4.1. Usecase tổng quát:
Hình 2.4- 1. Usecase tổng quát
2.4.2. Usecase đăng nhập:
Hình 2.4- 2. Usecase đăng nhập Tên Use-Case Đăng nhập lOMoAR cPSD| 58647650 Actor Người dùng Mô tả
Tác nhân sử dụng Usecase này để thực hiện
đăng nhập vào hệ thống
Điều kiện kích hoạt
Chọn chức năng Đăng nhập ở hệ thống Tiền điều kiện
Không đòi hỏi yêu cầu gì trước đó. Hậu điều kiện
Nếu thành công: Hệ thống sẽ hiển thị giao
diện chính. Người dùng có thể thực hiện
các chức năng theo đúng quyền hạn của mình
Nếu thất bại: Hệ thống sẽ đưa ra thông báo
“Thông tin đăng nhập không hợp lệ” và yêu cầu đăng nhập lại
Luồng sự kiện chính
1. Hệ thống hiển thị giao diện đăng nhập 2.
Người dùng nhập tài khoản bao gồm Tên
đăng nhập và mật khẩu. 3.
Hệ thống kiểm tra và xác nhận thông tinđăng nhập. 4.
Hiển thị giao diện chính của website. 5. Kết thúc Usecase.
Luồng sự kiện phụ
Dòng sự kiện phụ 1
1. Người dùng hủy yêu cầu đăng nhập. 2. Hệ thống đóng lại. 3. Kết thúc Usecase.
Dòng sự kiện phụ 2 lOMoAR cPSD| 58647650
1. Người dùng nhập thông tin sai.
2. Hệ thống hiển thị thông báo lỗi. 3. Kết thúc Use case.
Các yêu cầu đặc biệt Không có
2.4.3. Usecase đăng ký:
Hình 2.4- 3. Usecase đăng ký Tên Use-Case Đăng ký Actor Người dùng Mô tả
Tác nhân sử dụng Usecase này để thực hiện đăng ký tài khoản mới
Điều kiện kích hoạt
Chọn chức năng đăng ký ở hệ thống lOMoAR cPSD| 58647650 Tiền điều kiện
Không đòi hỏi yêu cầu gì trước đó. Hậu điều kiện
Nếu thành công: Hệ thống sẽ hiển thị giao
diện đăng nhập. Người dùng có thể thực
hiện các chức năng đăng nhập Nếu thất
bại: Hệ thống sẽ đưa ra thông báo “Thông
tin đăng ký không hợp lệ” và yêu cầu đăng ký lại thông tin khác
Luồng sự kiện chính
1. Hệ thống hiển thị giao diện đăng ký 2.
Người dùng nhập tài khoản bao gồm Tên
đăng nhập và mật khẩu. 3.
Hệ thống kiểm tra và xác nhận thông tinđăng ký. 4.
Hiển thị giao diện đăng ký của phần mềm 5. Kết thúc Use case.
Luồng sự kiện phụ
Dòng sự kiện phụ 1
1. Người dùng hủy yêu cầu đăng ký. 2. Hệ thống đóng lại. 3. Kết thúc Usecase.
Dòng sự kiện phụ 2
1. Người dùng nhập thông tin sai.
2. Hệ thống hiển thị thông báo lỗi. 3. Kết thúc Use case.
Các yêu cầu đặc biệt Không có lOMoAR cPSD| 58647650
2.4.4. Usecase quản lý thông tin cá nhân:
Hình 2.4- 4. Usecase quản lý thông tin cá nhân Tên Use-Case
Quản lý thông tin cá nhân Actor Người dùng Mô tả
Tác nhân sử dụng Usecase này để thực hiện
chỉnh sửa thông tin cá nhân
Điều kiện kích hoạt
Chọn chức năng chỉnh sửa thông tin ở hệ thống Tiền điều kiện
Tác nhân phải đăng nhập vào hệ thống Hậu điều kiện
Nếu thành công: Thông tin người dùng
được cập nhật thành công vào hệ thống.
Nếu thất bại: Hệ thống trả về thông báo
lỗi, thông tin không được cập nhật thành công lOMoAR cPSD| 58647650
Luồng sự kiện chính
1. Tác nhân chọn chức năng Chỉnh sửa thông tin cá nhân 2.
Tác nhân chọn thông tin cần sửa 3. Tác nhân sửa thông tin 4.
Tác nhân chọn lưu thông tin 5.
Hệ thống kiểm tra sự hợp lệ của thôngtin đưa vào. 6.
Hệ thống lưu thông tin vào cơ sở dữliệu 7. Usecase kết thúc
Luồng sự kiện phụ
Dòng sự kiện phụ 1
1. Tác nhân hủy bỏ việc sửa người dùng 2.
Hệ thống bỏ qua và trở về giao diện chính 3. Kết thúc Usecase.
Dòng sự kiện phụ 2 1.
Thông tin tác nhân nhập vào không hợplệ 2.
Hệ thống hiển thị thông báo lỗi 3. Kết thúc Usecase
2. Hệ thống hiển thị lỗi 3. Kết thúc Usecase
Các yêu cầu đặc biệt Không có lOMoAR cPSD| 58647650
2.4.5. Usecase quản lý thư mục:
Hình 2.4- 5. Usecase quản lý thư mục Tên Use-Case Quản lý thư mục Actor Khách Mô tả
Tác nhân sử dụng Usecase này để thực hiện quản lý thư mục
Điều kiện kích hoạt
Chọn phần quản lý thư mục Tiền điều kiện
Tác nhân phải đăng nhập vào hệ thống Hậu điều kiện
Hệ thống hiện thị màn hình quản lý thư mục lOMoAR cPSD| 58647650
Luồng sự kiện chính
1. Người dùng chọn một trong các chức
năng tạo, xóa, chỉnh sửa thư mục 2. Hệ thống cập nhật CSDL 3. Usecase kết thúc.
Luồng sự kiện phụ
Dòng sự kiện phụ 1 1.
Tác nhân hủy bỏ việc quản lý thư mục. 2.
Hệ thống bỏ qua và trở về giao diệnchính. 3. Kết thúc Usecase.
Các yêu cầu đặc biệt Không có
2.4.6. Usecase quản lý danh sách từ vựng:
Hình 2.4- 6. Usecase quản lý danh sách từ vựng lOMoAR cPSD| 58647650 Tên Use-Case
Quản lý danh sách từ vựng Actor Khách Mô tả
Tác nhân sử dụng Usecase này để thực
hiện quản lý danh sách từ vựng
Điều kiện kích hoạt
Chọn phần quản lý danh sách từ vựng Tiền điều kiện
Tác nhân phải đăng nhập vào hệ thống Hậu điều kiện
Hệ thống hiện thị màn hình quản lý danh sách từ vựng
Luồng sự kiện chính 1.
Người dùng chọn một trong các chức năng: + Quản lý từ vựng
+ Quản lý định nghĩa từ vựng
+ Quản lý mô tả DS từ vựng
+ Quản lý tiêu đề DS từ vựng 2.
Hệ thống kiểm tra thông tin khi thêm, sửa, xóa 3.
Hệ thống cập nhật CSDL 4. Usecase kết thúc. lOMoAR cPSD| 58647650
Luồng sự kiện phụ
Dòng sự kiện phụ 1 1.
Tác nhân hủy bỏ việc quản lý danh sách từ vựng. 2.
Hệ thống bỏ qua và trở về giao diệnchính. 3. Kết thúc Usecase.
Các yêu cầu đặc biệt Không có
2.4.7. Usecase quản lý cấp độ:
Hình 2.4- 7. Usecase quản lý cấp độ Tên Use-Case
Quản lý danh sách từ vựng Actor Hệ thống Mô tả
Hệ thống sử dụng Usecase này để thực hiện quản lý cấp độ
Điều kiện kích hoạt
Hệ thống xác định sự kiện yêu cầu quản lý cấp độ Tiền điều kiện
Hệ thống đã sẵn sàng và hoạt động lOMoAR cPSD| 58647650 Hậu điều kiện
Hệ thống hiển thị màn hình quản lý cấp độ
Luồng sự kiện chính 1.
Hệ thống chọn một trong các chức
năng thêm, chỉnh sửa cấp độ. 2.
Hệ thống kiểm tra thông tin khi
thêm,chỉnh sửa cấp độ 3.
Hệ thống cập nhật CSDL 4. Usecase kết thúc.
Các yêu cầu đặc biệt Không có
2.5 Mô tả Usecase bằng biểu đồ tuần tự:
Hình 2.5- 1. Sơ đồ tuần tự đăng nhập lOMoAR cPSD| 58647650
Hình 2.5- 2. Sơ đồ tuần tự đăng ký
Hình 2.5- 3. Sơ đồ tuần tự quản lý thông tin cá nhân