Đồ án xây dựng ứng dụng tìm bạn tâm sự

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

BÁO CÁO ĐỒ ÁN 2

PHẦN MỀM QUẢN LÝ FREELANCER TEAM
SOLANCE

Giảng viên hướng dẫn: Thạc sĩ Huỳnh Tuấn Anh
Sinh viên thực hiện: Hồ Nguyên Bảo - 17520267

Tp Hồ Chí Minh, tháng 01 năm 2021


1

LỜI CẢM ƠN
Trân trọng gửi lời cảm ơn tới quý thầy cô trường Đại học Công nghệ thông tin – Đại học
Quốc gia TP.HCM đã cung cấp cho em những kiến thức bổ ích để hồn thành đề tài này.
Chân thành gửi lời cảm ơn tới thầy Huỳnh Tuấn Anh đã dành thời gian hướng dẫn và
định hướng cho đề tài này.
Trong quá trình thực hiện, em đã vận dụng những kiến thức cơ bản cũng như tìm hiểu
những cơng nghệ lập trình phổ biến hiện nay để có thể hồn thành tốt nhất đề tài này. Tuy nhiên, vẫn
khơng tránh khỏi nhiều thiếu sót, em mong nhận được được những góp ý q báu từ thầy cơ để hồn
thiện hơn đề tài sau này.
Xin cảm ơn quý thầy cô!

Tp Hồ Chí Minh, 12 tháng 01 năm 2021

Hồ Nguyên Bảo

GVHD: Thạc sĩ Huỳnh Tuấn Anh

Sinh viên: Hồ Nguyên Bảo


2

NHẬN XÉT CỦA GIẢNG VIÊN
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………
…………………………………………………………………………………………………………

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

GVHD: Thạc sĩ Huỳnh Tuấn Anh

Sinh viên: Hồ Nguyên Bảo


3

LỜI CẢM ƠN....................................................................................................... 1
CHƯƠNG I: TỔNG QUAN ................................................................................. 4
1. Vấn đề ......................................................................................................... 4
2. Mục tiêu ...................................................................................................... 4
3. Đối tượng hướng đến và phạm vi đề tài ..................................................... 4
CHƯƠNG II: SƠ ĐỒ USECASE ........................................................................ 5
CHƯƠNG III: ỨNG DỤNG ................................................................................ 7
1. Giới thiệu: ................................................................................................... 7
2. Môi trường hoạt động: ................................................................................ 7

3. Công nghệ sử dụng: .................................................................................... 7
4. Tính năng: ................................................................................................... 8
4.1. Đăng nhập ............................................................................................. 8
4.2. Quản lý dự án........................................................................................ 8
4.3. Quản lý thành viên .............................................................................. 11
4.4. Quản lý tác vụ được giao .................................................................... 15
4.5. Quản lý khách hàng ............................................................................ 18
4.6. Quản lý mục tiêu................................................................................. 22
4.7. Quản lý người dùng ............................................................................ 23
4.8. Quản lý thơng tin nhóm freelancer ..................................................... 25
CHƯƠNG IV: TỔNG KẾT................................................................................ 26

GVHD: Thạc sĩ Huỳnh Tuấn Anh

Sinh viên: Hồ Nguyên Bảo


4

CHƯƠNG I: TỔNG QUAN
1. Vấn đề
Hiện nay, Việt Nam đang trên đà phát triển mạnh về kinh tế. Vì vậy, thị trường
xuất hiện nhiều hình thức lao động như làm th, tự kinh doanh, … trong đó
khơng thể khơng nhắc đến làm việc freelance.
Làm freelancer đang trở thành một xu hướng ngày càng phổ biến trên toàn
thế giới. Ở Mỹ, nơi mà trào lưu làm freelance phát triển mạnh mẽ nhất, hiện
có hơn 40 triệu lao động nước này từ bỏ một cơng việc tồn thời gian ở cơng
sở để làm tự do.
Freelancer là người được trả tiền để thực hiện các nhiệm vụ cho các khách
hàng, những người sử dụng lao động tạm thời trong một khoảng thời gian

nhất định. Họ là những người bán các dịch vụ của mình cho người trả giá
cao nhất và có thể làm việc cho nhiều người thuê cùng lúc.
Freelancer cũng thường gặp một số khó khăn như:
• Sắp xếp cơng việc, dự án chưa hợp lý.
• Những mơ tả, u cầu của từng cơng việc q nhiều khiến bạn khơng
nhớ nổi.
• Xem xét đánh giá tiến độ của các thành viên trong team.
Vì những khó khăn như vậy, các freelancer cần một phương tiện để quản lý
và hỗ trợ giải quyết những vấn đề trên, đảm bảo công việc luôn được suôn sẻ.
2. Mục tiêu
Xây dựng trang web giải quyết được khó khăn nêu trên bằng việc hỗ trợ quản
lý công việc, quản lý task, quản lý khách hàng, quản lý các thành viên trong
team, đồng thời hỗ trợ các tác vụ cơ bản như việc đặt mục tiêu cho team để mọi
người có thể cùng nhau phát triển team của mình.
3. Đối tượng hướng đến và phạm vi đề tài
Đề tài hướng đến các freelancer team vừa và nhỏ ở mọi lĩnh vực.

GVHD: Thạc sĩ Huỳnh Tuấn Anh

Sinh viên: Hồ Nguyên Bảo


5

CHƯƠNG II: SƠ ĐỒ USECASE

Actor

Usecase

Nhóm trường

Thêm, xố, sửa người dùng

Nhóm trưởng

Thêm, xoá, sửa dự án

GVHD: Thạc sĩ Huỳnh Tuấn Anh

Sinh viên: Hồ Nguyên Bảo


6

Nhóm trưởng

Thêm, xố, sửa thơng tin khách hàng

Nhóm trường

Thêm, xố, sửa tác vụ

Nhóm trưởng

Thêm, xố, sửa thơng tin thành viên

Nhóm trưởng

Chỉnh sửa thơng tin nhóm

Nhóm trưởng, thành viên

Thay đổi theme giao diện

Nhóm trưởng, thành viên

Thay đổi ngơn ngữ hiển thị

Thành viên

Thêm, xoá, sửa tác vụ được giao

Thành viên

Thêm, xoá, sửa tác vụ của thành viên
đó

Nhóm trưởng, thành viên

Cập nhật thơng tin profile

Nhóm trưởng

Thêm mục tiêu cho nhóm

Thành viên

Xem mục tiêu của nhóm

Thành viên

Xem danh sách khách hàng

GVHD: Thạc sĩ Huỳnh Tuấn Anh

Sinh viên: Hồ Nguyên Bảo


7

CHƯƠNG III: ỨNG DỤNG
1. Giới thiệu:

Phần mềm Solance (được tạo thành từ Freelance Solutions) được xây dựng
nhằm mục đích hỗ trợ cho các team freelance trong các việc nắm bắt thông
tin dự án, phân chia công việc, quản lý các thành viên, lưu giữ thông tin
khách hàng cũng như giúp nhóm lên các mục tiêu ngắn hạn và dài hạn để
ngày càng phát triển.

2. Môi trường hoạt động:
Chạy trên server nodejs.
Hoạt động tốt trên Windows, Linux
3. Công nghệ sử dụng:
Framework frontend: Angular
Framework backend: NextJS Swagger
Template: ngx-admin
Kiến trúc nền: Gauzy
DB: SQLite

GVHD: Thạc sĩ Huỳnh Tuấn Anh

Sinh viên: Hồ Nguyên Bảo


8

4. Tính năng:
4.1. Đăng nhập

Mô tả: Cho phép người dùng đăng nhập bằng email và mật khẩu đã
được cấp.

4.2. Quản lý dự án

Xem danh sách dự án

Mơ tả:
• Màn hình cho phép xem những dự án hiện có của team.

GVHD: Thạc sĩ Huỳnh Tuấn Anh

Sinh viên: Hồ Nguyên Bảo


9

• Từ màn hình này có thể thêm mới dự án, chọn và sửa dự án
hoặc xoá dự án.
Thêm mới dự án

GVHD: Thạc sĩ Huỳnh Tuấn Anh

Sinh viên: Hồ Nguyên Bảo


10

Thêm mới với các thơng tin:
• Tên dự án
• URL dự án
• Mã dự án
• Loại dự án: Trong team hay cho khách hàng
• Những thành viên phụ trách dự án này
• Ngày bắt đầu dự án
• Ngày kết thúc dự án
▪ Mô tả dự án
▪ Địa chỉ github của dự án

Sửa thông tin dự án

Sửa dự án với các thông tin

GVHD: Thạc sĩ Huỳnh Tuấn Anh

Sinh viên: Hồ Nguyên Bảo


11

• Tên dự án
• URL dự án
• Mã dự án
• Loại dự án: Trong team hay cho khách hàng
• Những thành viên phụ trách dự án này
• Ngày bắt đầu dự án
• Ngày kết thúc dự án
• Mơ tả dự án
▪ Địa chỉ github của dự án

Xoá dự án

4.3. Quản lý thành viên
Xem danh sách thành viên

GVHD: Thạc sĩ Huỳnh Tuấn Anh

Sinh viên: Hồ Nguyên Bảo


12

Mơ tả
• Cho phép xem danh sách thành viên trong nhóm
• Từ màn hình này, có thể thêm mới, chọn và sửa, xố hoặc
cập nhật tình trạng làm việc của thành viên.
Thêm mới thành viên

Mô tả:
Thêm mới thành viên với các thông tin:

GVHD: Thạc sĩ Huỳnh Tuấn Anh

Sinh viên: Hồ Nguyên Bảo


13

• Họ tên thành viên
• Username
• Email
• Password
• Ngày bắt đầu làm việc
• Ảnh avatar
Thành viên sau khi được thêm có thể đăng nhập bằng email và
mật khẩu dã đăng kí ở trên.

Sửa thơng tin thành viên

GVHD: Thạc sĩ Huỳnh Tuấn Anh

Sinh viên: Hồ Nguyên Bảo


14

Mơ tả:
Thay đổi thơng tin thành viên gồm:
• Username
• Email

• Họ tên
• Ngơn ngữ hiển thị
• Ảnh avatar
• Projects tham gia

Xố thơng tin thành viên

Cập nhật tình trạng làm việc của thành viên

GVHD: Thạc sĩ Huỳnh Tuấn Anh

Sinh viên: Hồ Nguyên Bảo


15

Mô tả:
Nhấn nút Back to work hoặc End work để cập nhật tình trạng làm
việc của thành viên
4.4. Quản lý tác vụ được giao
Danh sách tác vụ

Mơ tả:
• Hiển thị danh sách tác vụ.
• Từ màn hình này có thể, thêm mới, chọn và sửa, xoá hoặc
tạo tác vụ từ tác vụ đã có.
Thêm mới tác vụ

GVHD: Thạc sĩ Huỳnh Tuấn Anh

Sinh viên: Hồ Nguyên Bảo


16

Mơ tả:
Thêm mới với các thơng tin
• Dự án tác vụ đó thuộc về
• Tình trạng: Todo, In Progress, For Testing hoặc Completed
• Thêm những thành viên phụ trách
• Tên tác vụ
• Ngày hết hạn
• Dự tính thời gian làm
• Mô tả tác vụ
Sửa tác vụ

GVHD: Thạc sĩ Huỳnh Tuấn Anh

Sinh viên: Hồ Nguyên Bảo


17

Mơ tả:
Sửa đổi với các thơng tin:
• Dự án tác vụ đó thuộc về
• Tình trạng: Todo, In Progress, For Testing hoặc Completed
• Thêm những thành viên phụ trách
• Tên tác vụ
• Ngày hết hạn

• Dự tính thời gian làm
• Mô tả tác vụ
Tạo tác vụ từ tác vụ đã có

GVHD: Thạc sĩ Huỳnh Tuấn Anh

Sinh viên: Hồ Nguyên Bảo


18

Mơ tả: Nhấn nút Duplicate để clone task hiện có.
Xố tác vụ

4.5. Quản lý khách hàng
Xem danh sách khách hàng

GVHD: Thạc sĩ Huỳnh Tuấn Anh

Sinh viên: Hồ Nguyên Bảo


19

Mơ tả:
• Hiển thị danh sách khách hàng
• Từ màn hình này, có thể thêm, chọn và sửa hoặc xố thông
tin khách hàng.

Thêm mới thông tin khách hàng

GVHD: Thạc sĩ Huỳnh Tuấn Anh

Sinh viên: Hồ Nguyên Bảo


20

Mơ tả:
Thêm mới với các thơng tin:
• Ảnh đại diện
• Tên khách hàng
• Email
• Phone
• Project
• Fax
• Địa chỉ
• Thơng tin ngân hàng

GVHD: Thạc sĩ Huỳnh Tuấn Anh

Sinh viên: Hồ Nguyên Bảo


21

• Website
• Thơng tin thành viên tham gia
Sửa đổi thơng tin khách hàng

Mơ tả:
Sửa đổi với các thơng tin:
• Ảnh đại diện
• Tên khách hàng
• Email
• Phone
• Project
• Fax
• Địa chỉ
• Thơng tin ngân hàng
• Website

GVHD: Thạc sĩ Huỳnh Tuấn Anh

Sinh viên: Hồ Nguyên Bảo


22

• Thơng tin thành viên tham gia

Xố thơng tin khách hàng

4.6. Quản lý mục tiêu
Xem danh sách mục tiêu

Thêm mới mục tiêu

GVHD: Thạc sĩ Huỳnh Tuấn Anh

Sinh viên: Hồ Nguyên Bảo


23

Mô tả:
Thêm mới mục tiêu với các thông tin:
o Tên mục tiêu
o Mô tả mục tiêu
4.7. Quản lý người dùng
Hiển thị thông tin người dùng

Thêm mới thông tin người dùng

GVHD: Thạc sĩ Huỳnh Tuấn Anh

Sinh viên: Hồ Nguyên Bảo


24

Mơ tả:
Thêm mới với các thơng tin:
• Họ tên
• Username
• Email
• Password
• Vai trị
• Ảnh đại diện
Sửa đổi thơng tin người dùng

GVHD: Thạc sĩ Huỳnh Tuấn Anh

Sinh viên: Hồ Nguyên Bảo