BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH ĐỒ ÁN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN PHÁT TRIỂN MẠNG XÃ HỘI TANA - KẾT NỐI VÀ SÁNG TẠO GVHD: ThS MAI ANH THƠ SVTH : CAO HOÀI TẤN THÁI THÀNH NAM SKL011438 Tp Hồ Chí Minh, năm 2023 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CƠNG NGHỆ THƠNG TIN KHÓA LUẬN TỐT NGHIỆP PHÁT TRIỂN MẠNG XÃ HỘI TANA - KẾT NỐI VÀ SÁNG TẠO SINH VIÊN THỰC HIỆN: Cao Hoài Tấn MSSV: 19110454 Thái Thành Nam MSSV: 19110049 GIÁO VIÊN HƯỚNG DẪN: ThS Mai Anh Thơ TP HỒ CHÍ MINH – ĐH SƯ PHẠM KỸ THUẬT TP HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CNTT Độc lập – Tự – Hạnh Phúc ******* ******* PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Họ tên Sinh viên 1: Thái Thành Nam MSSV 1: 19110049 Họ tên Sinh viên 2: Cao Hoài Tấn MSSV 2: 19110454 Ngành: Công nghệ Thông tin Tên đề tài: Phát triển mạng xã hội TaNa - Kết nối sáng tạo Họ tên Giáo viên hướng dẫn: ThS Mai Anh Thơ NHẬN XÉT Về nội dung đề tài & khối lượng thực hiện: Ưu điểm Khuyết điểm Đề nghị cho bảo vệ hay không? Đánh giá loại: Điểm: Tp Hồ Chí Minh, ngày … tháng … năm 2023 Giáo viên hướng dẫn (Ký & ghi rõ họ tên) ĐH SƯ PHẠM KỸ THUẬT TP HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM KHOA CNTT Độc lập – Tự – Hạnh Phúc ******* ******* PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN Họ tên Sinh viên 1: Thái Thành Nam MSSV 1: 19110049 Họ tên Sinh viên 2: Cao Hoài Tấn MSSV 2: 19110454 Ngành: Công nghệ Thông tin Tên đề tài: Phát triển mạng xã hội TaNa - Kết nối sáng tạo Họ tên Giáo viên phản biện: ThS Nguyễn Hữu Trung NHẬN XÉT Về nội dung đề tài & khối lượng thực hiện: Ưu điểm Khuyết điểm Đề nghị cho bảo vệ hay không? Đánh giá loại: Điểm: Tp Hồ Chí Minh, ngày … tháng … năm 2023 Giáo viên hướng dẫn (Ký & ghi rõ họ tên) LỜI CẢM ƠN Đầu tiên, nhóm chúng em xin bày tỏ lịng biết ơn sâu sắc đến Khoa Cơng Nghệ Thông Tin – Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh tạo điều kiện thuận lợi cho nhóm học hỏi nâng cao kiến thức chuyên môn kỹ mềm q trình thực đề tài Ngồi ra, nhóm chúng em xin gửi lời tri ân đến cô Mai Anh Thơ giảng viên hướng dẫn nhóm Cơ ln hỗ trợ đóng góp ý kiến quan trọng cho nhóm từ bắt đầu hoàn thành đề tài Tuy nhiên, q trình làm có thiếu sót, chúng em mong nhận góp ý chân thành q thầy (cơ) để nhóm rút học quý giá hoàn thiện cải tiến sản phẩm cách tốt Chúng em xin chân thành cảm ơn! Nhóm thực Cao Hoài Tấn – 19110454 Thái Thành Nam – 19110049 ĐỀ CƯƠNG LUẬN VĂN TỐT NGHIỆP Họ tên Sinh viên 1: Thái Thành Nam MSSV 1: 19110049 Họ tên Sinh viên 2: Cao Hoài Tấn MSSV 2: 19110454 Thời gian làm luận văn: 14/02/2023 – 10/07/2023 Chuyên ngành: Công nghệ phần mềm Tên đề tài: Phát triển mạng xã hội TaNa – kết nối sáng tạo Giáo viên hướng dẫn: ThS Mai Anh Thơ Nhiệm vụ luận văn: Lý thuyết: Tìm hiểu công nghệ: Node JS, Express, Redis, Socket.io, React JS, Next JS, Restful API, Zustand, Ant Design, Json Web Token (JWT) Thực hành: − Sử dụng Restful API, Express để viết APIs cho module hệ thống − Sử dụng MongoDB để lưu trữ liệu người dùng hệ thống − Sử dụng dịch vụ Cloudinary cho việc lưu trữ video, tài liệu, hình ảnh cho hệ thống − Sử dụng Json Web Token kết hợp với Middleware Express để xác thực ủy quyền cho hệ thống APIs hoạt động tốt hiệu − Sử dụng React JS Next JS làm Framework để thiết kế xử lý giao diện web cho người dùng, người quản trị thao tác − Sử dụng Socket.io để làm chức realtime nhắn tin, nhận thông báo,… − Sử dụng Railway, Vercel Cloudflare để deploy hệ thống, quản lý domain Đề cương viết luận văn: CHƯƠNG MỞ ĐẦU 1.1 Giới thiệu đề tài 1.2 Lí chọn đề tài 1.3 Mục tiêu đề tài 1.4 Đối tượng nghiên cứu 1.5 Phạm vi nghiên cứu 1.6 Ý nghĩa khoa học thực tiễn CHƯƠNG KHẢO SÁT HIỆN TRẠNG 2.1 Các ứng dụng tương tự đề tài ưu nhược điểm ứng dụng 2.2 u cầu tốn đề tài CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG 3.1 Xác định u cầu 3.2 Mơ hình hóa yêu cầu 3.3 Thiết kế sở liệu CHƯƠNG KIẾN TRÚC HỆ THỐNG VÀ CÁC CÔNG NGHỆ SỬ DỤNG 4.1 Kiến trúc chung hệ thống 4.2 Các công nghệ sử dụng CHƯƠNG THIẾT KẾ GIAO DIỆN 5.1 Trang đăng nhập 5.2 Trang đăng ký 5.3 Trang quên mật 5.4 Trang đặt lại mật 5.5 Trang chủ 5.6 Trang bạn bè 5.7 Trang nhắn tin 5.8 Trang cá nhân 5.9 Trang đăng nhập Admin 5.10 Trang chủ Admin 5.11 Trang danh sách người dùng 5.12 Trang chi tiết người dùng 5.13 Trang danh sách quản trị viên 5.14 Trang danh sách báo cáo 5.15 Trang chi tiết báo cáo 5.16 Trang danh sách 5.17 Trang chi tiết danh sách CHƯƠNG KIỂM THỬ PHẦN MỀM 6.1 Cài đặt hệ thống 6.2 Kiểm thử CHƯƠNG KẾT QUẢ ĐẠT ĐƯỢC VÀ HƯỚNG PHÁT TRIỂN 7.1 Kết đạt 7.2 Hướng phát triển TÀI LIỆU THAM KHẢO KẾ HOẠCH THỰC HIỆN STT Thời gian thực 20/02/2023 – 04/03/2023 05/03/2023 – 15/03/2023 16/03/2023 – 23/03/2023 Công việc Ghi - Khảo sát trạng, xác định yêu cầu tốn - Thiết kế usecase mơ hình hóa yêu cầu - Thiết kế sở liệu - Tìm hiểu ReactJS, NextJS, Ant Desgin - Tìm hiểu Node JS, Express, Redis, MongoDB, Socket - Tìm hiểu JWT - Tiến hành tạo, cấu trúc project - Xây dụng Schema tương ứng với Collections sở liệu - Xây dụng giao diện cho trang xác thực - Tiến hành làm xác thực phân quyền - Xây dụng API cho chức cho người dùng - Xây dựng giao diện cho người dùng - Kết hợp APIs với giao diện tạo cho người dùng - Xây dựng giao diện cho người quản trị - Tiến hành xây dựng APIs cho người quản trị - Xây dựng tính báo cáo, xem lịch sử hoạt động, thông báo, … - Sử dụng socket cho tính cần realtime - Xây dựng tính tạo quản lý danh sách từ quy phạm tiêu chuẩn cộng đồng cho người quản trị - Xây dựng giao diện phù hợp - Tiến hành kiểm thử sửa lỗi - Tiến hành deploy sản phẩm cho người dùng dùng thử 24/03/2023 – 10/04/2023 11/04/2023 – 25/04/2023 26/04/2023 – 11/05/2023 12/05/2023 – 30/05/2023 31/052023 – 06/06/2023 07/06/2023 – 15/06/2023 10 16/06/2023 – 21/06/2023 - Sửa lỗi người dùng báo 11 22/06/2023 – 07/07/2023 - Viết hoàn thiện báo cáo Tp Hồ Chí Minh, ngày tháng năm 2023 Ý kiến giáo viên hướng dẫn Người viết đề cương (Ký ghi rõ họ tên) (Ký ghi rõ họ tên) Mục lục Trang LỜI CẢM ƠN .1 ĐỀ CƯƠNG LUẬN VĂN TỐT NGHIỆP DANH MỤC BẢNG 10 DANH MỤC ẢNH 13 CHƯƠNG MỞ ĐẦU 17 1.1 Giới thiệu đề tài 17 1.2 Lí chọn đề tài .17 1.3 Mục tiêu đề tài 18 1.4 Đối tượng nghiên cứu 18 1.5 Phạm vi nghiên cứu 19 1.6 Ý nghĩa khoa học thực tiễn 20 CHƯƠNG KHẢO SÁT HIỆN TRẠNG .21 2.1 Các ứng dụng tương tự đề tài ưu nhược điểm ứng dụng .21 2.1.1 Mocha (Hơn 4,5 triệu người dùng) 21 2.1.2 Lotus (Hơn 2,5 triệu người dùng) 21 2.1.3 Gapo (6 triệu người dùng) .22 2.1.4 Zalo (60 triệu người dùng) 23 2.2 Yêu cầu toán đề tài 23 CHƯƠNG PHÂN TÍCH THIẾT KẾ HỆ THỐNG .25 3.1 Xác định yêu cầu 25 3.1.1 Yêu cầu chức 25 3.1.2 Yêu cầu phi chức 26