TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH
KHOA ĐÀO TẠO CHẤT LƯỢNG CAO

ĐỒ ÁN TỐT NGHIỆP

XÂY DỰNG WEBSITE MẠNG XÃ HỘI VỀ HÌNH ẢNH
SVTH : PHẠM PHƯỚC ĐẶNG TOÀN
MSSV : 16110227
SVTH : NGÔ THANH TÀI
MSSV : 16110201
Khoá: 16
Ngành: CÔNG NGHỆ THÔNG TIN
GVHD: TS. LÊ VĨNH THỊNH

Tp. Hồ Chí Minh, ngày 12 tháng 10 năm 2020

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH
KHOA ĐÀO TẠO CHẤT LƯỢNG CAO

ĐỒ ÁN TỐT NGHIỆP

XÂY DỰNG WEBSITE MẠNG XÃ HỘI VỀ HÌNH ẢNH

SVTH : PHẠM PHƯỚC ĐẶNG TOÀN
MSSV : 16110227
SVTH : NGÔ THANH TÀI
MSSV : 16110201
Khoá: 16
Ngành: CÔNG NGHỆ THÔNG TIN
GVHD: TS. LÊ VĨNH THỊNH
Tp. Hồ Chí Minh, ngày 12 tháng 10 năm 2020

2

Báo cáo đồ án tốt nghiệp
CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tự do – Hạnh phúc
*******

Tp. Hồ Chí Minh, ngày 01 tháng 07 năm 2020
NHIỆM VỤ KHÓA LUẬN TỐT NGHIỆP
Họ và tên sinh viên: Phạm Phước Đặng Toàn

MSSV: 16110227

Họ và tên sinh viên: Ngô Thanh Tài

MSSV: 16110201

Ngành: Công Nghệ Thông Tin

Lớp: 16110ST1,16110ST

Giảng viên hướng dẫn: TS. Lê Vĩnh Thịnh

ĐT: 0938 252 222

Ngày nhận đề tài: 14/09/2020

Ngày nộp đề tài: 28/12/2020

1. Tên đề tài: XÂY DỰNG WEBSITE MẠNG XÃ HỘI VỀ HÌNH ẢNH
2. Các số liệu, tài liệu ban đầu: Không có
3. Nội dung thực hiện đề tài:
- Tìm hiểu các công nghệ thực hiện(ReactJS,AntDesign,NestJS,Graphql,MongoDB)
- Xây dựng website.

TRƯỞNG NGÀNH

GIẢNG VIÊN HƯỚNG DẪN

Nguyễn Đăng Quang

Lê Vĩnh Thịnh

3

Báo cáo đồ án tốt nghiệp
CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM
Độc lập – Tự do – Hạnh phúc
*******

PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN
Họ và tên Sinh viên 1: Phạm Phước Đặng Toàn.........................MSSV 1: 16110227
Họ và tên Sinh viên 2: Ngô Thanh Tài………...........................MSSV 2: 16110201
Ngành: Công nghệ Thông tin
Tên đề tài: XÂY DỰNG WEBSITE MẠNG XÃ HỘI VỀ HÌNH ẢNH
Họ và tên Giáo viên hướng dẫn: TS. LÊ VĨNH THỊNH
NHẬN XÉT
1. Về nội dung đề tài và khối lượng thực hiện:
............................................................................................................................................
............................................................................................................................................
2. Ưu điểm:
............................................................................................................................................
............................................................................................................................................
...

...
thể phục vụ cho nhu cầu xã hội .
- Xây dựng web dưới dạng SPA (Sigle Page Application ) bằng ReactJS.
- Tích hợp Microsoft Computer Vision vào website .
6.2 Ưu điểm và nhược điểm
6.2.1 Ưu điểm
- Website được thiết kế với giao diện dễ nhìn, thân thiện với người dùng.
- Website có đầy đủ các chức năng của một trang mạng xã hội.
- Có chức năng chat với emoji giữa các user cũng như là phần bình luận trong mỗi
tấm ảnh giúp người dùng cảm thấy thích thú hơn đối với việc sử dụng website và
điều này sẽ giúp tăng lượt sử dụng website lên.
- Ràng buộc nội dung ảnh đăng lên website, tránh tình trạng đăng ảnh đồ truỵ,văn
hóa phẩm bằng Microsoft Computer Vision.
- Tự động phân loại nội dung ảnh theo chủ đề.
- TÌm kiếm ảnh, lọc ảnh theo chủ đề ưa thích của người dùng.
6.2.2 Nhược điểm
- Do việc xử lí chức năng,nghiệp vụ và kinh nghiệm vẫn còn kém nên một số chức
năng vẫn chưa được hoàn thiện như việc gợi ý kết bạn giữa các user.
- Chưa tích hợp quảng cáo Google vào hệ thống .
- Về phần admin vẫn chưa hoàn thiện nhiều các chức năng để quản lí chặt chẻ người
dùng cũng như là việc post ảnh lên website.

CHƯƠNG 6 KẾT LUẬN

Trang 103

Báo cáo đồ án tốt nghiệp
6.2.3 Khó khăn
6.2.3.1 Chức năng
STT
1

Khó khăn

Khắc phục

Chức năng theo dõi người dùng Hiện chưa thể khắc phục

6.2.3.2 Quy trình thực hiện
STT
Khó khăn

Khắc phục

1

Việc commit branch lên gitlab
ban đầu vẫn còn conflict giữa
các branch

Sử dụng teamview,chat để thống
nhất cách merge ,pull request để
thực hiện trơn tru.

2

Do nằm trong thời gian dịch
bệnh bùng phát nên khó khăn
trong việc làm việc nhóm

Sử dụng các công cụ mạng xã hội
và teamview để trao đổi thông tin

6.3 Kinh nghiệm đạt được
Học được các làm việc teamwork mặc dù chỉ có thể thao tác với nhau qua
teamview,facebook nhưng nó hỗ trỡ,học hỏi được nhiều từ việc làm việc với git
giữa mọi người với nhau và áp dụng tốt trong công việc với dự án nhiều người.
Được tiếp xúc,học hỏi thêm các công nghệ mới hổ trợ cho dự án sau này.
6.4 Hướng phát triển cho tương lai
Khắc phục,cải thiện các chức năng vẫn chưa được hoàn thiện để cải thiện
website,thân thiện với người dùng hơn .
Tích hợp một số hệ thống khác vào hệ thống như chạy quảng cáo,livestream,..

CHƯƠNG 6 KẾT LUẬN

Trang 104

Báo cáo đồ án tốt nghiệp
TÀI LIỆU THAM KHẢO
https://reactjs.org/
https://nestjs.com/
https://docs.mongodb.com/
https://ant.design/
https://graphql.org/
https://docs.microsoft.com/en-us/azure/cognitive-services/computer-vision/

TÀI LIỆU THAM KHẢO

Trang 105