Xây dựng mạng xã hội sử dụng Mern Stack

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 KHĨA LUẬN TỐT NGHIỆP NGÀNH CÔNG NGHỆ THÔNG TIN XÂY DỰNG MẠNG XÃ HỘI SỬ DỤNG MERN STACK GVHD: TS LÊ VĂN VINH SVTH: LÊ THANH HẢI PHẠM HOÀNG LONG SKL009510 Tp.Hồ Chí Minh, năm 2022 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CƠNG NGHỆ THƠNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM - - LÊ THANH HẢI - 18110277 PHẠM HOÀNG LONG - 18110314 Đề Tài: XÂY DỰNG MẠNG XÃ HỘI SỬ DỤNG MERN STACK KHOÁ LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIẢNG VIÊN HƯỚNG DẪN TS LÊ VĂN VINH KHÓA 2018 – 2022 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CƠNG NGHỆ THƠNG TIN BỘ MƠN CÔNG NGHỆ PHẦN MỀM - - LÊ THANH HẢI - 18110277 PHẠM HOÀNG LONG - 18110314 Đề tài: XÂY DỰNG MẠNG XÃ HỘI SỬ DỤNG MERN STACK KHOÁ LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIẢNG VIÊN HƯỚNG DẪN TS LÊ VĂN VINH KHÓA 2018 - 2022 Đ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: Lê Thanh Hải MSSV 1: 18110277 Họ tên Sinh viên 2: Phạm Hồng Long MSSV 2: 18110314 Ngành: Cơng nghệ Thông tin Tên đề tài: Xây dựng website mạng xã hội sử dụng MERN Stack Họ tên Giáo viên hướng dẫn: TS Lê Văn Vinh 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 Giáo viên hướng dẫn (Ký & ghi rõ họ tên) năm 2022 Đ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: Lê Thanh Hải MSSV 1: 18110277 Họ tên Sinh viên 2: Phạm Hoàng Long MSSV 2: 18110314 Ngành: Công nghệ Thông tin Tên đề tài: Xây dựng website mạng xã hội MERN Stack Họ tên Giáo viên phản biệ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 Giáo viên phản biện (Ký & ghi rõ họ tên) năm 2022 LỜI CẢM ƠN Lời nhóm xin phép gửi lời cảm ơn chân thành sâu sắc đến với 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 cho nhóm chúng em học tập, phát triển tảng kiến thức sâu sắc thực đề tài Bên cạnh nhóm chúng em xin gửi đến thầy Lê Văn Vinh lời cảm ơn sâu sắc Trải qua trình dài học tập thực đề tài thời gian qua Thầy tận tâm bảo nhiệt tình nhóm chúng em suốt trình từ lúc bắt đầu kết thúc đề tài Nhờ có tảng kiến thức chuyên ngành vững cộng thêm với kinh nhiệm yêu cầu thực tế xã hội thông qua việc học trường thực tập công ty Tập thể thầy cô Khoa Công Nghệ Thông Tin đặc biệt thầy Lê Văn Vinh tặng cho chúng em khối lượng kiến thức kinh nghiệm khổng lồ chuyên ngành công việc tương lai Đặc biệt điều giúp thơi thúc chúng em hồn thành đề tài Đây hành trang vô lớn chúng em trước bước sống Tuy nhiên lượng kiến thức vô tận với khả hạn hẹp chúng em cố gắng để hồn thành cách tốt Chính việc xảy thiếu sót điều khó tránh khỏi Chúng em hi vọng nhận góp ý tận tình q thầy (cơ) qua chúng em rút học kinh nghiệm hoàn thiện cải thiện nâng cấp lại sản phẩm cách tốt Chúng em xin chân thành cảm ơn! Nhóm thực Lê Thanh Hải – 18110277 Phạm Hoàng Long – 18110314 ĐỀ CƯƠNG KHỐ LUẬN TỐT NGHIỆP CƠNG NGHỆ PHẦN MỀM Họ tên Sinh viên 1: Lê Thanh Hải MSSV 1: 18110277 Họ tên Sinh viên 2: Phạm Hoàng Long MSSV 2: 18110314 Thời gian làm khóa luận: 14/02/2021 – 10/07/2022 Chun ngành: Cơng nghệ phần mềm Tên khố luận: Xây dựng mạng xã hội sử dụng MERN Stack Giáo viên hướng dẫn: TS Lê Văn Vinh Nhiệm vụ luận văn: Lý thuyết: Tìm hiểu công nghệ: MERN Stack, Restful API, Json Web Token Thực hành: • Sử dụng Restful API, NodeJS, ExpressJS để 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 Json Web Token để xác thực ủy quyền cho hệ thống APIs hoạt động tốt hiệu • Sử dụng ReactJS làm Framework để thiết kế xử lý giao diện web cho người dùng thao tác MỤC LỤC LỜI CẢM ƠN ĐỀ CƯƠNG KHOÁ LUẬN TỐT NGHIỆP CÔNG NGHỆ PHẦN MỀM KẾ HOẠCH THỰC HIỆN 10 DANH SÁCH HÌNH 12 DANH SÁCH BẢNG BIỂU 14 PHẦN MỞ ĐẦU 16 TÍNH CẤP THIẾT CỦA ĐỀ TÀI 16 ĐỐI TƯỢNG NGHIÊN CỨU 16 PHẠM VI NGHIÊN CỨU 17 KẾT QUẢ DỰ KIẾN ĐẠT ĐƯỢC 17 PHẦN NỘI DUNG 18 CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 18 1.1 KIẾN TRÚC HỆ THỐNG 18 1.2 NODEJS 18 1.2.1 NodeJS 18 1.2.2 Kiến trúc NodeJS 19 1.2.3 Cách thức hoạt động NodeJS 20 1.3 EXPRESSJS 24 1.3.1 Định nghĩa 24 1.3.2 Cách thức xây dựng 25 1.4 MONGODB 26 1.4.1 Các khái niệm 26 1.4.2 Nguyên tắc hoạt động 28 1.4.3 Các tính 28 1.4.4 Ưu điểm MongoDB 30 1.4.5 Nhược điểm MongoDB 30 1.5 RESTFUL API 31 1.5.1 Các khái niệm 31 1.5.2 Cách thức hoạt động 31 1.6 REACT JS 32 1.7 JSON WEB TOKEN 34 CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG MƠ HÌNH HĨA U CẦU 37 2.1 KHẢO SÁT HIỆN TRẠNG 37 2.1.1 Facebook.com 37 2.1.2 Linkedin.com 38 2.1.3 Gapo.vn 39 2.1.4 Kết luận 41 2.2 XÁC ĐỊNH YÊU CẦU 41 2.2.1 Yêu cầu chức 41 2.2.2 Yêu cầu phi chức 42 2.3 MƠ HÌNH HĨA U CẦU 42 2.3.1 Lược đồ Use case 42 2.3.2 Mô tả Use case 52 CHƯƠNG THIẾT KẾ PHẦN MỀM 59 3.1 LƯỢC ĐỒ TUẦN TỰ 59 3.2 LƯỢC ĐỒ LỚP 72 3.3 THIẾT KẾ GIAO DIỆN 73 3.3.1 Giao diện đăng nhập 73 3.3.2 Giao diện đăng ký 73 3.3.3 Giao diện quên mật 74 3.3.4 Giao diện trang chủ 76 3.3.5 Giao diện viết 77 3.3.6 Giao diện danh sách lời mời kết bạn 78 3.3.7 Giao diện danh sách thông báo tương tác 79 3.3.8 Giao diện tạo viết 80 3.3.9 Giao diện chỉnh sửa viết 81 3.3.10 Giao diện bình luận viết 82 3.3.11 Giao diện tùy chỉnh công cụ đầu trang 83 3.3.12 Giao diện thay đổi mật tài khoản thân 84 3.3.13 Giao diện trang cá nhân 85 3.3.14 Giao diện chỉnh thông tin cá nhân 86 3.3.15 Giao diện chỉnh sửa ảnh đại diện ảnh bìa 87 3.3.16 Giao diện chỉnh sửa sở thích 88 3.3.17 Giao diện tab bạn bè trang cá nhân 89 3.3.18 Giao diện tab nhóm trang cá nhân 90 3.3.19 Giao diện trang nhóm 91 3.3.20 Giao diện trang danh sách người dùng 92 3.3.21 Giao diện biểu đồ trang admin 93 3.3.22 Giao diện bảng quản lý người dùng trang admin 94 3.3.23 Giao diện bảng quản lý viết trang admin 95 CHƯƠNG KIỂM THỬ ỨNG DỤNG 96 4.1 Kế hoạch kiểm thử 96 4.1.1 Mục đích kiểm thử 96 4.1.2 Lịch trình kiểm thử 96 4.2 Phạm vi kiểm thử 97 4.2.1 Những chức kiểm thử 97 4.2.2 Những chức không kiểm thử: 98 4.3 Yêu cầu tài nguyên: 98 4.3.1 Phần cứng 98 4.3.2 Phần mềm 98 4.3.3 Công cụ kiểm thử 99 4.3.4 Môi trường kiểm thử 99 4.4 Bảng phân công kiểm thử 99 4.5 Chiến lược kiểm thử 100 4.5.1 Các loại kiểm thử 100 4.5.2 Các loại kiểm thử 100 4.6 Theo dõi lỗi 103 4.6.1 Phân loại lỗi .103 4.6.2 Quy trình xử lý lỡi 104 CHƯƠNG 5: CÀI ĐẶT ỨNG DỤNG 105 PHẦN KẾT LUẬN 107 KẾT QUẢ ĐẠT ĐƯỢC 107 Kiến thức tìm hiểu .107 Chương trình làm 107 ƯU ĐIỂM 107 NHƯỢC ĐIỂM .107 HƯỚNG PHÁT TRIỂN .108 TÀI LIỆU THAM KHẢO .109