TRƯỜNG ĐẠI HỌC KINH TẾ QUỐC DÂN
TRƯỜNG CÔNG NGHỆ
----------------
KHÓA LUẬN TỐT NGHIỆP
Xây dựng hệ thống website quản lý,
chỉnh sửa trực tuyến tài liệu của cá
nhân và tổ chức
Tên sinh viên : Phạm Trung Hiếu
Giảng viên hướng dẫn : TS. Phạm Xuân Lâm
Hà Nội, 2/2025
2024.2 KHOA HỌC MÁY TÍNH PHẠM TRUNG HIẾU 11218405
TRƯỜNG ĐẠI HỌC KINH TẾ QUỐC DÂN
TRƯỜNG CÔNG NGHỆ
----------------
KHÓA LUẬN TỐT NGHIỆP
Xây dựng hệ thống website quản lý, chỉnh
sửa trực tuyến tài liệu của cá nhân và tổ
chức
Tên sinh viên : Phạm Trung Hiếu
Mã sinh viên : 11218405
Lớp : Khoa học máy tính K63
Ngành : Khoa học máy tính
Khoa : Công nghệ thông tin
Giảng viên hướng dẫn : TS. Phạm Xuân Lâm
(Chữ ký GVHD)
Hà Nội, 2/2025
i
MỤC LỤC
CHƯƠNG 1. TỔNG QUAN VỀ ĐỀ TÀI ......................................................... 8
1.1. Tổng quan về đề tài nghiên cứu ................................................................ 8
1.1.1. Sự phát triển của công nghệ và nhu cầu làm việc trực tuyến ............... 8
1.1.2. Hạn chế của các nền tảng hiện có ....................................................... 8
1.1.3. Nhu cầu về một giải pháp quản lý tài liệu độc lập .............................. 8
1.1.4. Xu hướng phát triển và ứng dụng thực tế ........................................... 9
1.1.5. Tổng quan tình hình thực tế................................................................ 9
1.2. Mục tiêu của đề tài nghiên cứu ................................................................. 9
1.2.1. Mục tiêu tổng quát ............................................................................. 9
1.2.2. Mục tiêu cụ thể .................................................................................. 9
1.3. Nội dung thực hiện .................................................................................. 10
1.3.1. Khảo sát và phân tích yêu cầu .......................................................... 10
1.3.2. Thiết kế hệ thống ............................................................................. 10
1.3.3. Triển khai và lập trình ...................................................................... 11
1.3.4. Kiểm thử và đánh giá ....................................................................... 11
1.3.5. Triển khai và hướng dẫn sử dụng ..................................................... 11
CHƯƠNG 2. CÁC CÔNG NGHỆ SỬ DỤNG ................................................ 12
2.1. Các công nghệ sử dụng trong xây dựng hệ thống .................................... 12
2.1.1. Next.js.............................................................................................. 12
2.1.1.1. Các tính năng nổi bật của Next.js: ............................................. 12
2.1.1.2. Ưu điểm khi sử dụng Next.js ..................................................... 13
2.1.1.3. Cách hoạt động của Next.js ....................................................... 14
2.1.2. Tailwind CSS ................................................................................... 16
2.1.2.1. Các tính năng nổi bật của Tailwind CSS: .................................. 16
2.1.2.2. Ưu điểm khi sử dụng Tailwind CSS .......................................... 17
2.1.3. Cơ sở dữ liệu Convex ....................................................................... 19
2.1.3.1. Các tính năng nổi bật của Convex ............................................. 19
2.1.3.2. Ưu điểm khi sử dụng Convex .................................................... 20
2.1.3.3. Cách hoạt động của Convex ...................................................... 21
2.1.4. Tiptap .............................................................................................. 22
2.1.4.1. Các tính năng nổi bật của Tiptap ............................................... 22
2.1.4.2. Ưu điểm khi sử dụng Tiptap ...................................................... 23
2.1.4.3. Cách hoạt động của Tiptap ........................................................ 24
CHƯƠNG 3. PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG ............................. 25
3.1. Phân tích hệ thống .................................................................................. 25
ii
3.1.1. Biểu đồ UC tổng quát hệ thống ........................................................ 25
3.1.2. Biểu đồ hoạt động ............................................................................ 26
3.1.2.1. Biểu đồ hoạt động quản lý tài liệu ............................................. 26
3.1.2.2. Biểu đô hoạt động quản lý tổ chức ............................................ 27
3.1.2.3. Biểu đồ hoạt động chỉnh sửa tài liệu .......................................... 28
3.1.2.4. Biểu đô hoạt động admin quản lý tài liệu ................................... 29
3.1.2.5. Biểu đồ hoạt động admin quản lý tài khoản ............................... 30
3.1.3. Phần tích hành vi dựa trên sơ đồ tuần tự ........................................... 31
3.1.3.1. Sơ đồ tuần tự quản lý tài liệu ..................................................... 31
3.1.3.2. Sơ đồ tuần tự quản lý tổ chức .................................................... 32
3.1.3.3. Sơ đồ tuần tự chỉnh sửa tài liệu.................................................. 33
3.1.4. Biểu đồ UC phân rã chức năng ......................................................... 34
3.1.4.1. Biểu đồ UC phân rã quản lý tài liệu ........................................... 34
3.1.4.2. Biểu đồ UC phân rã quản lý tổ chức .......................................... 35
3.1.4.3. Biểu đồ UC phân rã chỉnh sửa tài liệu ....................................... 36
3.1.4.4. Biểu đồ UC phân rã admin quản lý tài liệu ................................ 37
3.1.4.5. Biểu đồ UC phân rã admin quản lý tài khoản ............................ 38
3.1.5. Sơ đồ lớp lĩnh vực ............................................................................ 39
3.2. Thiết kế hệ thống ..................................................................................... 40
3.2.1. Kiến trúc tổng thể của hệ thống ........................................................ 40
3.2.1.1. Mô hình kiến trúc tổng quát ...................................................... 40
3.2.2. Sơ đồ kiến trúc tổng thể ................................................................... 41
3.3. Thiết kế giao diện hệ thống ..................................................................... 42
3.3.1. Mô tả giao diện ................................................................................ 42
3.3.2. Thiết kế giao diện............................................................................. 44
CHƯƠNG 4. KẾT QUẢ VÀ ĐÁNH GIÁ....................................................... 51
4.1. Mỗ tả các công việc đã tiến hành ............................................................ 51
4.1.1. Khảo sát và phân tích yêu cầu .......................................................... 51
4.1.2. Lựa chọn công nghệ và công cụ ....................................................... 51
4.1.3. Thiết kế hệ thống ............................................................................. 52
4.1.4. Xây dựng và triển khai hệ thống....................................................... 52
4.1.5. Kiểm thử và đánh giá ban đầu .......................................................... 53
4.2. Kết quả đạt được .................................................................................... 53
4.2.1. Xây dựng giao diện người dùng trực quan ........................................ 53
4.2.2. Hệ thống tài khoản ........................................................................... 54
4.2.3. Xây dựng tính năng trình soạn thảo với Tiptap ................................. 55
4.2.4. Xây dựng tính năng đồng bộ thời gian thực ...................................... 57
4.2.5. Đánh giá tổng quan .......................................................................... 60
iii
4.3. Chức năng chưa hoàn thành ................................................................... 61
4.3.1. Chức năng chọn tài liệu từ thiết bị .................................................... 61
4.3.2. Chức năng tích hợp trí tuệ nhân tạo .................................................. 62
4.4. Tổng kết ........................................................................................................... 63