Khóa luận xây dựng ứng dụng ghi chú, quản lý tiến độ công việc cá nhân và nhóm

ĐẠI HỌC QUỐC GIA TP. HỒ CHÍ MINH

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN
KHOA CÔNG NGHỆ PHẦN MỀM

ĐẶNG DUY BẰNG
NGUYỄN NHỰT TÂN

KHOÁ LUẬN TỐT NGHIỆP

XÂY DỰNG ỨNG DỤNG GHI CHÚ,
QUẢN LÝ TIẾN ĐỘ CƠNG VIỆC
CÁ NHÂN VÀ NHĨM
NOTES TAKING AND TASKS TRACKING MANAGEMENT
APPLICATION

KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM

TP. HỒ CHÍ MINH, 2023


ĐẠI HỌC QUỐC GIA TP. HỒ CHÍ MINH

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN
KHOA CÔNG NGHỆ PHẦN MỀM

ĐẶNG DUY BẰNG - 19521234
NGUYỄN NHỰT TÂN - 19520923

KHOÁ LUẬN TỐT NGHIỆP

XÂY DỰNG ỨNG DỤNG GHI CHÚ,
QUẢN LÝ TIẾN ĐỘ CÔNG VIỆC
CÁ NHÂN VÀ NHÓM
NOTES TAKING AND TASKS TRACKING MANAGEMENT
APPLICATION

KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM
GIẢNG VIÊN HƯỚNG DẪN:
THS. THÁI THUỴ HÀN UYỂN

TP. HỒ CHÍ MINH, 2023


THƠNG TIN HỘI ĐỒNG CHẤM KHỐ LUẬN TỐT NGHIỆP
Hội đồng chấm khoá luận tốt nghiệp, thành lập theo Quyết định số………………
……………… ngày ……………………... của Hiệu trưởng Trường Đại học Công
nghệ Thông tin – Đại học Quốc gia Thành phố Hồ Chí Minh.
1.

……………………………….

– Chủ tịch.

2.

…………………….…………

– Thư ký.

3.

………………………………

– Ủy viên.

4.

…………………….…………

– Ủy viên.


ĐHQG TP. HỒ CHÍ MINH

CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM

TRƯỜNG ĐẠI HỌC

Độc Lập - Tự Do - Hạnh Phúc

CƠNG NGHỆ THƠNG TIN

TP. HCM, ngày…tháng…năm 2023

NHẬN XÉT KHỐ LUẬN TỐT NGHIỆP
(Của cán bộ hướng dẫn)

Tên đề tài:
XÂY DỰNG ỨNG DỤNG GHI CHÚ,
QUẢN LÝ TIẾN ĐỘ CÔNG VIỆC CÁ NHÂN VÀ NHĨM

Nhóm sinh viên thực hiện:
Họ và Tên:

Đặng Duy Bằng

MSSV: 19521234

Họ và Tên:

Nguyễn Nhựt Tân

MSSV: 19520923

Đánh giá Đồ án:
1. Về cuốn báo cáo:
Số trang

: ……………

Số chương

: ………………

Số bảng số liệu

: ……………

Số hình vẽ

: ………………

Sản phẩm

: ………………

Số tài liệu tham khảo : ……………

Một số nhận xét về hình thức cuốn báo cáo:
………………………………………………………………………………….
………………………………………………………………………………….


………………………………………………………………………………….
2. Về nội dung nghiên cứu:
………………………………………………………………………………….
………………………………………………………………………………….
………………………………………………………………………………….
3. Về chương trình ứng dụng
………………………………………………………………………………….
………………………………………………………………………………….
………………………………………………………………………………….
4. Về thái độ làm việc của sinh viên
………………………………………………………………………………….
………………………………………………………………………………….
………………………………………………………………………………….
Điểm từng sinh viên:
Đặng Duy Bằng

:

………. /10

Nguyễn Nhựt Tân

:

………. /10

Người nhận xét
(Ký tên và ghi rõ họ tên)


ĐHQG TP. HỒ CHÍ MINH

CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM

TRƯỜNG ĐẠI HỌC

Độc Lập - Tự Do - Hạnh Phúc

CƠNG NGHỆ THƠNG TIN

TP. HCM, ngày…tháng…năm 2023

NHẬN XÉT KHỐ LUẬN TỐT NGHIỆP
(Của cán bộ phản biện)

Tên đề tài:
XÂY DỰNG ỨNG DỤNG GHI CHÚ,

QUẢN LÝ TIẾN ĐỘ CÔNG VIỆC CÁ NHÂN VÀ NHĨM

Nhóm sinh viên thực hiện:
Họ và Tên:

Đặng Duy Bằng

MSSV: 19521234

Họ và Tên:

Nguyễn Nhựt Tân

MSSV: 19520923

Đánh giá Đồ án:
1

Về cuốn báo cáo:
Số trang

: ……………

Số chương

: ……………

Số bảng

: ……………

Số hình vẽ

: ……………

Số tài liệu tham khảo

: ……………

Sản phẩm

: ……………

Một số nhận xét về hình thức cuốn báo cáo:
……………………………………………………………………………
……………………………………………………………………………


……………………………………………………………………………
2

Về nội dung nghiên cứu:
……………………………………………………………………………
……………………………………………………………………………
……………………………………………………………………………

3

Về chương trình ứng dụng
……………………………………………………………………………

……………………………………………………………………………
……………………………………………………………………………

4

Về thái độ làm việc của sinh viên
……………………………………………………………………………
……………………………………………………………………………
……………………………………………………………………………

Điểm từng sinh viên:
Đặng Duy Bằng

:

………. /10

Nguyễn Nhựt Tân

:

………. /10

Người nhận xét
(Ký tên và ghi rõ họ tên)


LỜI CẢM ƠN
Trong quá trình học tập, nghiên cứu và phát triển đề tài “Xây dựng ứng dụng
ghi chú, quản lý tiến độ cơng việc cá nhân và nhóm” chúng em đã nhận được sự giúp

đỡ, chỉ bảo nhiệt tình của Cơ để hồn thành đồ án này.
Chúng em xin gửi lời cảm ơn chân thành đến Cô Thái Thụy Hàn Uyển vì
những đóng góp khơng nhỏ trong q trình phát triển đề tài. Cô đã dành thời gian và
tâm huyết hướng dẫn, giúp đỡ về kiến thức, tài liệu cũng như phương pháp, giúp cho
quá trình nghiên cứu và phát triển được diễn ra một cách thuận lợi. Chúng em xin ghi
nhận những ý kiến nhận xét và lời đóng góp q báu từ Cơ giúp chúng em có thêm
những ý tưởng và hướng phát triển trong tương lai.
Bên cạnh đó, chúng em cũng xin được gửi lời cảm ơn đến tồn thể q Thầy,
Cơ tại trường Đại học Công nghệ Thông tin, những người đã chỉ dạy nhiệt tình và
đem lại nguồn cảm hứng để chúng em có thể lấy làm động lực và phát triển trên con
đường sự nghiệp phía trước.
Mặc dù đã có nhiều cố gắng trong suốt quá trình thực hiện đề tài, nhưng bên
cạnh đó vẫn cịn có những mặt hạn chế, thiếu sót. Chúng em rất mong nhận được ý
kiến, đóng góp của q Thầy, Cơ để có được những kinh nghiệm q báu lấy làm
hành trang trong tương lai.
Chúng em xin trân trọng cảm ơn!

TP. Hồ Chí Minh, tháng 7 năm 2023
Nguyễn Nhựt Tân
Đặng Duy Bằng


ĐHQG TP. HỒ CHÍ MINH

CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM

TRƯỜNG ĐẠI HỌC

Độc Lập - Tự Do - Hạnh Phúc

CÔNG NGHỆ THÔNG TIN

TP. HCM, ngày…tháng…năm 2023

ĐỀ CƯƠNG CHI TIẾT
TÊN ĐỀ TÀI: Xây dựng ứng dụng ghi chú, quản lý tiến độ cơng việc cá
nhân và nhóm
Cán bộ hướng dẫn: ThS. Thái Thuỵ Hàn Uyển
Thời gian thực hiện: Từ ngày 6/2/2023 đến ngày 25/6/2023 (20 tuần)
Sinh viên thực hiện:
Nguyễn Nhựt Tân

19520923

Đặng Duy Bằng

19521234

Nội dung đề tài:
Mục tiêu:
- Ứng dụng được xây dựng với mục đích giúp các cá nhân, nhóm nhỏ
khoảng từ 30 đến 50 người (có thể cải tiến) có thể quản lý cơng việc
của mình dễ dàng, theo dõi tiến độ công việc và phân bổ thời gian một
cách hợp lý. Tạo thói quen ghi chú cơng việc thường xuyên, đem lại
hiệu quả trong cách quản lý và sắp xếp cơng việc.
- Bên cạnh đó, đối với việc quản lý các thành viên trong một nhóm có
thể đánh giá được hiệu quả và thời gian hồn thành cơng việc, từ đó
người dùng có thể biết được chính xác năng lực của từng người để
phân chia công việc một cách hợp lý.

Phạm vi:
Phạm vi khoá luận hướng đến việc xây dựng ứng dụng di động tập trung
phát triển trên hệ điều hành iOS và Android cùng với các chức năng chính sau:
- UI/UX: Đầu tiên sẽ mang lại trải nghiệm thân thiện với người dùng.
- Authentication: Đăng nhập, đăng ký,…
- Note: Tạo ghi chú mới, gợi ý các mẫu ghi chú, phân loại ghi chú,…
- Reminder: Tạo lịch nhắc nhở, theo dõi tiến độ qua timeline,…
- Project: Tạo dự án và quản lý công việc của nhiều thành viên, đánh
giá hiệu quả làm việc qua từng task,…
- Task: Tạo task cho thành viên, theo dõi tiến độ và cập nhật trạng thái
liên tục, tìm kiếm, tính năng đề xuất thành viên phù hợp với công việc
dựa vào chủ đề áp dụng Content-based recommendation system.
- Chat Group, Chatbot (Chat realtime giữa các thành thành viên và kết
hợp chatbot OpenAI)
- Statistic: Thống kê lại kết quả làm việc sau thời gian được quy định,
cho điểm từng thành viên trong một dự án,…
- Notification: Nhận các thơng báo khi có các hoạt động mới,…
Đối tượng sử dụng:
- Là những cá nhân muốn quản lý cơng việc một cách hiệu quả, tạo cho
mình một thói quen ghi chú hàng ngày, cần một nơi để lưu trữ những
thông tin cần thiết để ghi nhớ, tạo lịch nhắc nhở cho những công việc
sắp tới, làm chủ thời gian để quản lý công việc một cách tốt nhất.
- Là các tổ chức, nhóm muốn quản lý cơng việc của nhiều người, theo
dõi tiến độ cũng như quá trình làm việc của các thành viên,…
- Về số lượng người dùng tải và sử dụng ứng dụng là không giới hạn.
Về số lượng người dùng đồng thời tạm thời ước tính khoảng 100 người
dùng.

- Ứng dụng không phân chia lĩnh vực cụ thể, các tính năng quản lý, ghi
chú hầu như phù hợp cho mọi công việc, cụ thể là các công việc đòi
hỏi sự liên tục, tiến độ cập nhật thường xuyên. Tuy nhiên về sau có
thể cải tiến thêm cho các lĩnh vực cụ thể đi kèm thêm các nghiệm cụ
tương ứng với từng lĩnh vực đó để ứng dụng có thể đi sâu vào từng
ngành nghề tìm ra các phương pháp quản lý hiệu quả hơn.
Phương pháp thực hiện:
- Tìm hiểu và tham khảo những phương pháp đã có, so sánh ưu điểm,
nhược điểm để chọn lọc.
- Kế thừa và phát huy những tính năng tương tự, đề xuất các giải pháp
phù hợp.
- Nâng cấp và sáng tạo hơn trong cách xử lý, cách nhìn nhận dưới vai
trị là một người dùng ứng dụng
- Chia nhỏ các công việc để thực hiện theo từng giai đoạn, quản lý công
việc trong thư mục lớn để dễ dàng đánh giá tiến độ, tạo kế hoạch làm
việc theo từng mốc thời gian cụ thể và review chéo sau khi kết thúc
một giai đoạn và chuẩn bị kế hoạch cho bước tiếp theo.
- Áp dụng mơ hình tiếp cận lặp (Iterative Model) trong q trình thực
hiện và xây dựng ứng dụng. Một chuỗi quá trình thực hiện sẽ được lặp
đi lặp lại từ lúc bắt đầu đến khi hoàn thành sản phẩm và báo cáo, sau
mỗi chu kỳ sẽ có kết quả của quá trình đó, tiếp theo thực hiện review
sau mỗi giai đoạn cho đến khi có sản phẩm cuối cùng.
Kết quả mong đợi:
- Hiểu rõ về công nghệ, nắm được các kiến thức cơ bản và cách hoạt
động của công nghệ được sử dụng.
- Nắm được vòng đời của một ứng dụng hiểu được cách vận hành, từ
lúc khởi động đến khi kết thúc.


- Biết sử dụng các công cụ để phát triển, hỗ trợ trong quá trình thực hiện

dự án
- Ứng dụng có độ hồn thiện cao, đáp ứng đủ các u cầu đã đề ra,
người dùng có thể sử dụng ngay lập tức.
- Giao diện thân thiện, đem lại trải nghiệm tốt với người dùng, dễ sử
dụng.
- Tài liệu và quá trình làm việc được ghi lại đầy đủ và rõ ràng đáp ứng
cho việc cải tiến và sửa lỗi sau này, có thể được kế thừa bởi những
người sau.
Kế hoạch và phương pháp thực hiện: (Nêu lên quy trình, thứ tự thực hiện
công việc, kế hoạch phân công và nhiệm vụ của từng sinh viên tham gia)
Thời gian

Cơng việc

Phụ
trách

- Tìm hiểu, nghiên cứu công nghệ thực hiện
(React JS, framework7, Node JS, Express JS,
Tìm hiểu,
nghiên cứu và
Phác thảo ý
tưởng
Từ 6/2/2023
đến 19/2/2023
(2 tuần)

Typescript, NoSQL, …) (𝟏)
- Tham khảo ứng dụng tương tự, liệt kê các chức
năng cần có, phân tích u cầu, mô tả chi tiết (𝟐)

- Thiết kế giao diện màn hình trên figma.com,
logic các xử lý màn hình (𝟑)
- Tạo thư mục quản lý tiến độ, cập nhật tài liệu
liên tục trên drive(𝟒)

Bằng,
Tân


- Thiết kế database, mô tả cơ sở dữ liệu thơng qua
Phân tích u
cầu
Từ 20/2/2023
đến 5/3/2023
(2 tuần)

tool dbdiagram.io (𝟓)

thống và
Mơ tả chức
năng
Từ 6/3/2023
đến 16/4/2023

Tân

- Liệt kê các API cần thiết cho ứng dụng (𝟔)
- Soạn file ngôn ngữ cho ứng dụng (𝟕)
- Build source code frontend, backend. (𝟖)
- Thiết kế kiến trúc source code (𝟗)

- Vẽ use case diagram thông qua draw.io, đặc tả
Thiết kế hệ

Bằng,

chi tiết các use case (𝟏𝟎)

Bằng,
Tân

- Vẽ sequence diagram các chức năng cơ bản
thông qua tool sequencediagram.org (𝟏𝟏)
- Setup môi trường, server deploy, cloud,… (𝟏𝟐)
- Coding frontend, các màn hình onboard,
authentication (𝟏𝟑)

(6 tuần)
- Coding các màn hình chính của ứng dụng (𝟏𝟒)
- Coding các màn hình phụ, component của mỗi
màn hình chính (𝟏𝟓)
Triển khai
coding

- Coding logic cho từng màn hình (𝟏𝟔)
- Coding backend, viết các API theo danh sách

Từ 17/4/2023

liệt kê trước đó (𝟏𝟕)

đến 11/6/2023

- Review code qua lại trong quá trình làm việc để

(8 tuần)

hạn chế conflict(𝟏𝟖)

Bằng,
Tân


- Liên kết frontend với backend, map data vào ứng
dụng (𝟏𝟗)
- Hoàn thiện các chức năng cho ứng dụng, tạo
Tổng kết và

data mẫu, tạo user cho ứng dụng (𝟐𝟎)

hoàn thiện

- Test theo test case, fix bug (𝟐𝟏)

Từ 12/6/2023

- Hoàn thiện báo cáo, slide thuyết trình, tài liệu

đến 25/6/2023

(𝟐𝟐)

(2 tuần)

Bằng,
Tân

- Sẵn sàng demo (𝟐𝟑)

Ghi chú: Các công việc được phân chia đồng đều cho các thành viên, với
mỗi công việc sẽ được một người phụ trách chính và người cịn lại trong
nhóm có trách nhiệm review, góp ý, thay đổi và cải thiện (nếu có).
Xác nhận của CBHD

TP. HCM, ngày…. tháng …. năm 2023

(Ký tên và ghi rõ họ tên)

Sinh viên 1
(Ký tên và ghi rõ họ tên)

Đặng Duy Bằng
Thái Thuỵ Hàn Uyển
Sinh viên 2
(Ký tên và ghi rõ họ tên)

Nguyễn Nhựt Tân


MỤC LỤC

TĨM TẮT KHỐ LUẬN TỐT NGHIỆP ............................................................. 1
CHƯƠNG 1: TỔNG QUAN ................................................................................... 3
1.1

Giới thiệu đề tài ................................................................................. 3

1.2

Lý do chọn đề tài ............................................................................... 3

1.3

Mục tiêu ............................................................................................. 4

1.4

Phạm vi .............................................................................................. 5

1.5

Phương pháp thực hiện ...................................................................... 6

1.6

Kết quả dự kiến .................................................................................. 7

1.7

Hiện trạng bài toán ............................................................................. 7

1.7.1 Các ứng dụng liên quan ................................................................. 8
1.7.2 Đánh giá hiện trạng và hướng giải quyết ..................................... 11
CHƯƠNG 2: KIẾN THỨC NỀN TẢNG ............................................................. 13
2.1

Công cụ quản lý và phát triển .......................................................... 13

2.1.1 Visual Studio Code ...................................................................... 13
2.1.2 Xcode ........................................................................................... 14
2.1.3 Android Studio ............................................................................. 15
2.1.4 Github .......................................................................................... 16
2.1.5 Bitbucket ...................................................................................... 17
2.1.6 Postman ........................................................................................ 18
2.1.7 Figma ........................................................................................... 19
2.2

Công nghệ sử dụng .......................................................................... 20

2.2.1 React (Framework7) .................................................................... 20
2.2.2 Cordova ........................................................................................ 21
2.2.3 Node.JS (Express JS) ................................................................... 22


2.2.4 MongoDB Atlas (noSQL) ............................................................ 22
2.2.5 Javascript (Typescript) ................................................................. 23
2.2.6 Firebase ........................................................................................ 24
2.2.7 Socket.io ...................................................................................... 25
2.2.8 Nodemailer................................................................................... 26
2.2.9 Chatbot GPT - OpenAI ............................................................... 27
2.3

Content-Based Recommendation System ........................................ 28

2.3.1 Tổng quan .................................................................................... 28
2.3.2 Các khái niệm liên quan............................................................... 28
2.3.3 Áp dụng vào dự án ....................................................................... 28
CHƯƠNG 3: XÂY DỰNG ỨNG DỤNG ............................................................. 33
3.1

Phân tích yêu cầu hệ thống .............................................................. 33

3.1.1 Phân tích yêu cầu chức năng ........................................................ 33
3.1.2 Phân tích yêu cầu phi chức năng.................................................. 34
3.1.3 Phân tích yêu cầu người dùng ...................................................... 34
3.2

Phân tích thiết kế hệ thống ............................................................... 63

3.2.1 Thiết kế xử lý ............................................................................... 63
3.2.2 Thiết kế cơ sở dữ liệu................................................................... 68
3.2.3 Thiết kế kiến trúc hệ thống .......................................................... 79
3.2.4 Thiết kế giao diện ........................................................................ 83
3.3

Triển khai hệ thống .......................................................................... 96

3.3.1 Máy chủ ....................................................................................... 96
3.3.2 Ứng dụng di động ........................................................................ 96
3.4

Testing ............................................................................................. 97

3.4.1 Testing methods ........................................................................... 97
3.4.2 Test case ....................................................................................... 97
CHƯƠNG 4: KẾT LUẬN ................................................................................... 110


4.1

Kết quả đạt được ............................................................................ 110

4.2

Thuận lợi và khó khăn ................................................................... 111

4.2.1 Thuận lợi .................................................................................... 111
4.2.2 Khó khăn .................................................................................... 111
4.3

Hướng phát triển ............................................................................ 111

4.4

Kết luận .......................................................................................... 112

TÀI LIỆU THAM KHẢO ................................................................................... 114


DANH MỤC HÌNH
Hình 1-1: Logo ứng dụng Notion ............................................................................... 8

Hình 1-2: Logo ứng dụng Taio ................................................................................... 9
Hình 1-3: Logo ứng dụng Redmine ............................................................................ 9
Hình 1-4: Logo backlog ............................................................................................ 10
Hình 2-1: logo ứng dụng Visual Studio Code .......................................................... 13
Hình 2-2: Logo ứng dụng Xcode .............................................................................. 14
Hình 2-3: Logo ứng dụng Android Studio ................................................................ 15
Hình 2-4: Logo Github ............................................................................................. 16
Hình 2-5: Logo Bitbucket ......................................................................................... 17
Hình 2-6: Logo ứng dụng Postman ........................................................................... 18
Hình 2-7: Logo ứng dụng Figma .............................................................................. 19
Hình 2-8: Logo React và Framework7 ..................................................................... 20
Hình 2-9: Logo Cordova ........................................................................................... 21
Hình 2-10: NodeJs và ExpressJs ............................................................................... 22
Hình 2-11: MongoDb................................................................................................ 22
Hình 2-12: JavaScript và TypeScript ........................................................................ 23
Hình 2-13: Firebase cloud services ........................................................................... 24
Hình 2-14: Socket.IO ................................................................................................ 25
Hình 2-15: NodeMailer ............................................................................................. 26
Hình 2-16: Chatbot GPT – OpenAI .......................................................................... 27
Hình 2-17: Trọng số Weighted Topic Matrix ........................................................... 31
Hình 2-18: Độ phù hợp và tương đồng của các chủ đề ............................................ 32
Hình 3-1 Sơ đồ Usecase tồn hệ thống ..................................................................... 36
Hình 3-2 Sơ đồ kiến trúc tổng thể ............................................................................. 79
Hình 3-3 Sơ đồ kiến trúc ứng dụng di động ............................................................. 81
Hình 3-4: Màn hình đăng nhập ................................................................................. 87
Hình 3-5: Màn hình đăng ký ..................................................................................... 87
Hình 3-6: Màn hình xác thực email .......................................................................... 87


Hình 3-7: Màn hình cung cấp thơng tin .................................................................... 87

Hình 3-8: Màn hình quên mật khẩu .......................................................................... 88
Hình 3-9: Màn hình danh sách các ghi chú .............................................................. 88
Hình 3-10: Màn hình ghi chú văn bản ...................................................................... 88
Hình 3-11: Màn hình ghi chú hình vẽ ....................................................................... 88
Hình 3-12: Màn hình ghi chú chi tiết ........................................................................ 89
Hình 3-13: Màn hình danh sách mẫu ghi chú ........................................................... 89
Hình 3-14: Màn hình danh mục phân loại ................................................................ 89
Hình 3-15: Màn hình danh sách nhắc nhở ................................................................ 89
Hình 3-16: Màn hình tạo nhắc nhở ........................................................................... 90
Hình 3-17: Màn hình danh sách thơng báo ............................................................... 90
Hình 3-18: Màn hình thống kê tiến độ của cá nhân người dùng .............................. 90
Hình 3-19: Màn hình hồ sơ cá nhân.......................................................................... 90
Hình 3-20: Màn hình cập nhật thơng tin ................................................................... 91
Hình 3-21: Màn hình danh sách dự án ...................................................................... 91
Hình 3-22: Màn hình tạo dự án ................................................................................. 91
Hình 3-23: Màn hình chức năng dự án ..................................................................... 91
Hình 3-24: Màn hình danh mục dự án ...................................................................... 92
Hình 3-25:Màn hình danh sách cơng việc ................................................................ 92
Hình 3-26: Màn hình cơng việc chi tiết .................................................................... 92
Hình 3-27: Màn hình bình luận cơng việc ................................................................ 92
Hình 3-28: Màn hình trị chuyện nhóm .................................................................... 93
Hình 3-29: Màn hình ghim tin nhắn ......................................................................... 93
Hình 3-30: Màn hình quản lý thành viên .................................................................. 93
Hình 3-31: Màn hình thơng tin thành viên ............................................................... 93
Hình 3-32: Màn hình danh sách file ......................................................................... 94
Hình 3-33: Màn hình đánh giá thành viên ................................................................ 94
Hình 3-34: Màn hình đánh giá chi tiết ...................................................................... 94
Hình 3-35: Màn hình cài đặt dự án ........................................................................... 94

Hình 3-36: Màn hình cột mốc dự án ......................................................................... 95
Hình 3-37: Màn hình nhắc nhở cơng việc ................................................................ 95
Hình 3-38: Màn hình hoạt động dự án ...................................................................... 95
Hình 3-39: Màn hình Gantt Chart ............................................................................. 95


DANH MỤC BẢNG
Bảng 2-1: Tập dữ liệu chủ đề các công việc của một thành viên ............................. 29
Bảng 2-2: Input Member Ratings ............................................................................. 30
Bảng 2-3: Tập đặc trưng ........................................................................................... 30
Bảng 2-4: Độ phù hợp với công việc ........................................................................ 31
Bảng 2-5: Mã hố cơng việc bằng One-hot encoding .............................................. 31
Bảng 3-1 Bảng mô tả Actors của ứng dụng .............................................................. 37
Bảng 3-2 Bảng mô tả các Actors trong dự án ........................................................... 37
Bảng 3-3 Bảng danh sách và mô tả các Use case của ứng dụng .............................. 37
Bảng 3-4 Bảng đặc tả chi tiết chức năng đăng ký - A001 ........................................ 40
Bảng 3-5 Bảng đặc tả chi tiết chức năng đăng nhập - A002..................................... 41
Bảng 3-6 Bảng đặc tả chi tiết chức năng khôi phục mật khẩu - A003 ..................... 42
Bảng 3-7 Bảng đặc tả chi tiết chức năng đổi mật khẩu - A004 ................................ 43
Bảng 3-8 Bảng đặc tả chi tiết chức năng ghi nhớ tài khoản - A005 ......................... 43
Bảng 3-9 Bảng đặc tả chi tiết chức năng cập nhật thông tin cá nhân - A006 ........... 44
Bảng 3-10 Bảng đặc tả chi tiết chức năng quản lý ghi chú - N001 .......................... 45
Bảng 3-11 Bảng đặc tả chi tiết chức năng sử dụng mẫu ghi chú có sẵn - N002 ...... 46
Bảng 3-12 Bảng đặc tả chi tiết chức năng phân loại ghi chú - N003 ....................... 47
Bảng 3-13 Bảng đặc tả chi tiết chức năng quản lý phân loại - N004 ....................... 48
Bảng 3-14 Bảng đặc tả chi tiết chức năng tìm kiếm ghi chú - N005 ........................ 49
Bảng 3-15 Bảng đặc tả chi tiết chức năng quản lý lời nhắc – R001 ......................... 50
Bảng 3-16 Bảng đặc tả chi tiết chức năng quản lý dự án - P001 .............................. 51
Bảng 3-17 Bảng đặc tả chi tiết chức năng quản lý thành viên - P002 ...................... 52
Bảng 3-18 Bảng đặc tả chi tiết chức năng quản lý công việc - P003 ....................... 54

Bảng 3-19 Bảng đặc tả chi tiết chức năng quản lý bình luận - P004 ........................ 55
Bảng 3-20 Bảng đặc tả chi tiết chức năng quản lý tài liệu, mô tả - P005 ................. 56
Bảng 3-21 Bảng đặc tả chi tiết chức năng trị chuyện nhóm – P006 ........................ 57
Bảng 3-22 Bảng đặc tả chi tiết chức năng quản lý tệp tin - P007 ............................. 58
Bảng 3-23 Bảng đặc tả chi tiết chức năng thống kê, báo cáo – P008 ....................... 59


Bảng 3-24 Bảng đặc tả chi tiết chức năng quản lý cột mốc - P009 .......................... 60
Bảng 3-25 Bảng đặc tả chi tiết chức năng quản lý hoạt động - P010 ....................... 61
Bảng 3-26 Danh sách các thuộc tính "User" ............................................................. 69
Bảng 3-27 Danh sách các thuộc tính của "Verify Code" .......................................... 70
Bảng 3-28 Danh sách các thuộc tính của "Note" ...................................................... 70
Bảng 3-29 Danh sách các thuộc tính của "Category" ............................................... 71
Bảng 3-30 Danh sách các thuộc tính của "Reminder" .............................................. 71
Bảng 3-31 Danh sách các thuộc tính của "Project" .................................................. 72
Bảng 3-32 Danh sách các thuộc tính của "Wiki" ...................................................... 73
Bảng 3-33 Danh sách các thuộc tính của "Activity"................................................. 73
Bảng 3-34 Danh sách các thuộc tính của "Milestone" .............................................. 74
Bảng 3-35 Danh sách các thuộc tính của "File" ....................................................... 74
Bảng 3-36 Danh sách các thuộc tính của "Message" ................................................ 75
Bảng 3-37 Danh sách các thuộc tính của "Task" ...................................................... 76
Bảng 3-38 Danh sách các thuộc tính của "Comment" .............................................. 77
Bảng 3-39 Danh sách các thuộc tính của "Notification" .......................................... 77
Bảng 3-40 Danh sách các thuộc tính của "Task Review" ......................................... 78
Bảng 3-41 Danh sách các thuộc tính “Recommend Assignee” ................................ 79
Bảng 3-42 Danh sách các màn hình của ứng dụng ................................................... 83
Bảng 3-43 Testcase chức năng "Đăng ký" ............................................................... 97
Bảng 3-44 Testcase chức năng "Đăng nhập" ............................................................ 99
Bảng 3-45 Testcase chức năng "Quên mật khẩu" ................................................... 100
Bảng 3-46 Testcase chức năng "Tạo ghi chú" ........................................................ 102

Bảng 3-47 Testcase chức năng "Tạo reminder"...................................................... 104
Bảng 3-48 Testcase chức năng "Tạo dự án" ........................................................... 105
Bảng 3-49 Testcase chức năng "Tạo công việc"..................................................... 106


DANH MỤC TỪ VIẾT TẮT
STT

Từ viết tắt

Giải thích

1

AI

Artificial Intelligence

2

API

Application Programming Interface

3

ChatGPT

Chat Generative Pre-training Transformer

4

CDN

Content Delivery Network

5

DB

Database

6

DOM

Document Object Model

7

ERD

Entity Relationship Diagram

8

HTTP(s)

Hypertext Transfer Protocol (security)

9

IDE

Integrated Development Environment

10

JS

JavaScript

11

LLMs

Large Language Models

12

MST

MobX State Tree

13

UML

Unified Modeling Language

14

UC

Usecase

15

UI /UX

User Interface/User Experience

16

SQL

Structured Query Language

17

SMTP

Simple Mail Transfer Protocol

18

SDK

Software Development Kit

19

SSL

Secure Sockets Layer

20

TS

Typescript


TĨM TẮT KHỐ LUẬN TỐT NGHIỆP
Với đề tài "Xây dựng ứng dụng ghi chú, quản lý tiến độ công việc cá nhân và
nhóm", ứng dụng nhằm mục đích cung cấp một nền tảng cho người dùng ghi chú và
quản lý cơng việc cá nhân cũng như cơng việc nhóm một cách dễ dàng và hiệu quả.
Người dùng có thể tạo ghi chú, thêm các công việc, đặt thời hạn, phân loại, thực hiện
theo dõi tiến độ và chia sẻ công việc với các thành viên trong nhóm.
Phía front-end, đề tài sử dụng Framework7, một framework di động được xây
dựng dựa trên HTML, CSS và JavaScript. Framework7 cung cấp các thành phần giao
diện sẵn có và khả năng tương thích với React, một thư viện JavaScript phổ biến cho
việc xây dựng giao diện người dùng tương tác. Kết hợp giữa framework7 và React
giúp tạo ra một giao diện thân thiện, trực quan và linh hoạt cho ứng dụng.
Phía back-end, đề tài sử dụng Node.js, một mơi trường chạy mã JavaScript phía
máy chủ, và Express, một framework ứng dụng web để xây dựng các API và xử lý
các yêu cầu từ phía máy khách. Sử dụng Node.js và Express giúp xây dựng một cơ
sở dữ liệu và các API để quản lý ghi chú và công việc, lưu trữ thông tin và cung cấp
chức năng tương tác với phía front-end.
Tóm lại, đề tài nhằm xây dựng một ứng dụng di động ghi chú và quản lý cơng

việc cá nhân và nhóm, sử dụng framework7 kết hợp React cho phần giao diện người
dùng và Node.js kết hợp Express cho phần xử lý logic phía máy chủ. Ứng dụng này
giúp người dùng dễ dàng tạo, quản lý và chia sẻ công việc cá nhân và cơng việc nhóm.

1


Nội dung khố luận tốt nghiệp được trình bày trong 4 chương:
- Chương 01: Tổng quan

Trình bày sơ lược và lý do thực hiện đề tài.
Xác định phạm vi, mục tiêu mà đề tài hướng tới. Trình bày hiện trạng, đưa ra
giải pháp cũng như hướng giải quyết tối ưu.
- Chương 02: Kiến thức nền tảng

Giới thiệu các tính năng, công thức, giải thuật cũng như những công nghệ được
đưa vào khố luận.
- Chương 03: Xây dựng ứng dụng

Phân tích yêu cầu, thiết kế, hiện thực và triển khai ứng dụng.
- Chương 04: Kết luận

Trình bày những thuận lợi, khó khăn trong thời gian thực hiện nghiên cứu, xây
dựng đề tài và hướng phát triển trong tương lai.
Kết luận.

2