Xây dựng ứng dụng hỗ trợ kết nối và hỗ trợ trong học tập

ĐẠI HỌC QUỐC GIA TP HCM TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN BÁO CÁO TỔNG KẾT ĐỀ TÀI KHOA HỌC VÀ CÔNG NGHỆ SINH VIÊN NĂM 2021 Tên đề tài tiếng Việt: XÂY DỰNG ỨNG DỤNG HỖ TRỢ KẾT NỐI VÀ HỖ TRỢ TRONG HỌC TẬP Tên đề tài tiếng Anh: BUILDING AN APPLICATION FOR CONNECTING AND SUPPORTING IN LEARNING Khoa/ Bộ môn: Công nghệ phần mềm Thời gian thực hiện: tháng Cán hướng dẫn: ThS Lê Thanh Trọng Tham gia thực TT Chịu trách nhiệm Chủ nhiệm Họ tên Lê Quốc Thắng Đặng Thành Quyên Tham gia Điện thoại Email 0937186594 17520156@gm.uit.edu.vn 0354057037 17520963@gm.uit.edu.vn Thành phố Hồ Chí Minh – Tháng /2022 ĐẠI HỌC QUỐC GIA TP HCM TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN Ngày nhận hồ sơ Mã số đề tài (Do CQ quản lý ghi) BÁO CÁO TỔNG KẾT Tên đề tài tiếng Việt: XÂY DỰNG ỨNG DỤNG HỖ TRỢ KẾT NỐI VÀ HỖ TRỢ TRONG HỌC TẬP Tên đề tài tiếng Anh: BUILDING AN APPLICATION FOR CONNECTING AND SUPPORTING IN LEARNING Ngày tháng năm Cán hướng dẫn (Họ tên chữ ký) Ngày tháng năm Sinh viên chủ nhiệm đề tài (Họ tên chữ ký) Lê Quốc Thắng THÔNG TIN KẾT QUẢ NGHIÊN CỨU Thông tin chung: - Tên đề tài: Xây dựng ứng dụng hỗ trợ kết nối và hỗ trợ học tập - Mã số: - Chủ nhiệm: Lê Quốc Thắng - 17520156 - Thành viên tham gia: Đặng Thành Quyên - 17520963 - Cơ quan chủ trì: Trường Đại học Cơng nghệ Thơng tin - Thời gian thực hiện: tháng Mục tiêu: - Nghiên cứu phát triển ứng dụng di động có chức nhằm kết nối người học với nhằm hỗ trợ giải đáp thắc mắc học tập Tính sáng tạo: - Ứng dụng có chức liên lạc, kèm hệ thống đánh giá, xếp hạng, gợi ý theo lĩnh vực, trình độ, địa điểm Khả kiểm soát, đánh giá, phát sớm sai phạm người dùng trình sử dụng ứng dụng Tóm tắt kết nghiên cứu: - Xây dựng ứng dụng đáp ứng nhu cầu người dùng trình học tập, chia sẻ, hỗ trợ lẫn Tên sản phẩm: Ứng dụng kết nối, hỗ trợ học tập CoStudy Hiệu quả, phương thức chuyển giao kết nghiên cứu khả áp dụng: - Hiệu quả: Ứng dụng đã hoàn thiện đầy đủ chức năng, đáp ứng mục tiêu đề - Phương thức chuyển giao kết nghiên cứu: Bàn giao kết khảo sát, mã nguồn cho quan chủ trì - Khả áp dụng: Ứng dụng đóng vai trị kênh giao tiếp, kết nối, hỗ trợ học tập sinh viên ĐHQG TP.HCM Hình ảnh, sơ đồ minh họa Cơ quan Chủ trì (ký, họ tên, đóng dấu) Chủ nhiệm đề tài (ký, họ tên) MỤC LỤC Chương TỔNG QUAN ĐỀ TÀI 1.1 Giới thiệu đề tài 1.2 Lý chọn đề tài 1.3 Hiện trạng toán 1.3.1 Các ứng dụng liên quan .7 1.3.1.1 Diễn đàn sinh viên trường 1.3.1.2 Trang “Hoidap247” 1.3.1.3 Các hội nhóm mạng xã hội 1.3.1.4 Trang “Quora.com” 10 1.3.1.5 Trang “StackOverFlow.com” 10 1.3.2 Đánh giá trạng hướng giải 11 1.3.2.1 Đánh giá trạng 11 1.3.2.2 Hướng giải 12 1.4 Mục tiêu 13 1.5 Phạm vi đề tài 13 1.6 Phương pháp thực 14 1.7 Ý nghĩa thực tiễn 15 1.8 Kết dự kiến 15 Chương PHÂN TÍCH THIẾT KẾ VÀ XÂY DỰNG ỨNG DỤNG 16 2.1 Phân tích yêu cầu hệ thống 16 2.1.1 Phân tích yêu cầu chức 16 2.1.1.1 Yêu cầu lưu trữ 16 2.1.1.2 Yêu cầu tính 16 2.1.2 Yêu cầu phi chức 17 2.1.3 Phân tích yêu cầu người dùng 17 2.1.3.1 Mơ hình use case tồn hệ thống 19 2.1.3.2 Danh sách Actors use case tương ứng 20 2.1.3.3 Đặc tả số use case 22 2.2 Phân tích thiết kế hệ thống 38 2.2.1 Thiết kế xử lý 38 2.2.1.1 Lược đồ xử lí thao tác đăng kí 39 2.2.1.2 Lược đồ xử lí thao tác đăng 40 2.2.1.3 Lược đồ xử lí thao tác trả lời (bình luận) 42 2.2.1.4 Lược đồ xử lí thao tác đánh giá đăng 43 2.2.1.5 Lược đồ xử lí thao tác báo cáo vi phạm 44 2.2.1.6 Lược đồ xử lí thao tác nhắn tin 45 2.2.2 Thiết kế sở liệu 46 2.2.2.1 Lược đồ sở liệu 46 2.2.2.2 Mô tả bảng liệu 49 2.2.3 Thiết kế kiến trúc hệ thống 63 2.2.3.1 Kiến trúc tổng thể hệ thống 63 2.2.3.2 Kiến trúc ứng dụng di động 64 2.2.4 Thiết kế giao diện 64 2.2.4.1 Danh sách hình 64 2.2.4.2 Màn hình số giao diện 68 2.3 Kiến thức tảng công nghệ sử dụng 79 2.3.1 Kiến thức tảng 79 2.3.1.1 Json Web Token 79 2.3.2 Công nghệ sử dụng 80 2.3.2.1 .NET Core 80 2.3.2.2 Application Programming Interface (API) 81 2.3.2.3 React Native 82 2.3.2.4 MongoDB 87 2.3.2.5 Firebase Cloud Messaging 89 2.3.2.6 Azure App Service 90 2.3.2.7 SMTP 91 2.3.2.8 ConnectyCube Calling API 91 2.4 Triển khai hệ thống 92 2.4.1 Máy chủ 92 2.4.2 Trang dành cho quản trị viên 96 2.4.3 Ứng dụng di động 96 Chương KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 97 3.1 Kết đạt 97 3.2 Thuận lợi khó khăn 98 3.2.1 Thuận lợi 98 3.2.2 Khó khăn 98 3.3 Hướng phát triển 98 TÀI LIỆU THAM KHẢO 100 DANH MỤC HÌNH ẢNH Ảnh 1.1: Nhóm học tập mạng xã hội Ảnh 1.2: Một buổi chia sẻ kiến thức trường đại học Ảnh 1.3: Ban học tập Công nghệ Phần Mềm .5 Ảnh 1.4: Diễn đàn chia sẻ sinh viên Đại học Công nghệ Thông tin Ảnh 1.5: Giải pháp chọn bạn sinh viên giải đáp thắc mắc Ảnh 1.6: Phương tiện mà bạn chọn sử dụng Ảnh 1.7: Diễn đàn sinh viên Ảnh 1.8: Logo Hoidap247 Ảnh 1.9: Ban học tập Công nghệ phần mềm Ảnh 1.10: Logo Quora .10 Ảnh 1.11: Logo Stackoverflow 10 Ảnh 1.12: Kết khảo sát chức 12 Ảnh 1.13: 100% Các bạn sinh viên đồng ý cần thiết ứng dụng .12 Ảnh 2.1: Sơ đồ phân rã chức 18 Ảnh 2.2: Sơ đồ use case tổng quát 19 Ảnh 2.3: Sơ đồ use case tổng quát (Admin) 20 Ảnh 2.4: Use case đăng kí 22 Ảnh 2.5: Use case quản lý hướng dẫn 31 Ảnh 2.6: Use case quản lý liên lạc 33 Ảnh 2.7: Use case quản lý newsfeed 34 Ảnh 2.8: Use case quản lý xếp hạng 35 Ảnh 2.9: Lược đồ cho thao tác đăng kí 39 Ảnh 2.10: Lược đồ cho thao tác đăng 40 Ảnh 2.11: Lược đồ cho thao tác trả lời 42 Ảnh 2.12: Lược đồ cho thao tác đánh giá đăng .43 Ảnh 2.13: Lược đồ cho thao tác báo cáo vi phạm .44 Ảnh 2.14: Lược đồ cho thao tác nhắn tin .45 Ảnh 2.15: Lược đồ Cơ sở liệu 47 Ảnh 2.16: Sơ đồ hệ thống .63 Ảnh 2.17: Kiến trúc ứng dụng di động 64 Ảnh 2.18: Màn hình “Đăng kí” – 69 Ảnh 2.19: Màn hình “Đăng kí “- 69 Ảnh 2.20: Màn hình “Đăng nhập” 69 Ảnh 2.21: Màn hình “Bảng tin” .69 Ảnh 2.22: Màn hình “Bài viết lưu” .70 Ảnh 2.23: Màn hình chi tiết viết 70 Ảnh 2.24: Màn hình “Bình luận” .70 Ảnh 2.25: Màn hình “Báo cáo viết” 70 Ảnh 2.26: Màn hình “Tạo đăng” 71 Ảnh 2.27: Màn hình “Thơng tin cá nhân” 71 Ảnh 2.28: Màn hình “Chỉnh sửa thông tin” .71 Ảnh 2.29:Màn hình “Danh sách lĩnh vực cá nhân” 71 Ảnh 2.30: Màn hình “Đang theo dõi” 72 Ảnh 2.31: Màn hình “Người theo dõi” 72 Ảnh 2.32: Màn hình “Nhắn tin” .72 Ảnh 2.33: Màn hình “Gọi video” .72 Ảnh 2.34: Màn hình “Thơng báo” 73 Ảnh 2.35: Màn hình “Tìm kiếm viết” – 73 Ảnh 2.36: Màn hình “Tìm kiếm viết” - 73 Ảnh 2.37: Màn hình “Tìm kiếm người dùng” 73 Ảnh 2.38: Màn hình “Xếp hạng” .74 Ảnh 2.39: Màn hình "Tìm quanh đây" .74 Ảnh 2.40: Màn hình "Admin - Chi tiết nhóm lĩnh vực" 75 Ảnh 2.41: Màn hình "Admin - Chi tiết tài khoản" 75 Ảnh 2.42: Màn hình "Admin - Danh mục cấp độ" 76 Ảnh 2.43: Màn hình "Admin - Danh mục lĩnh vực" 76 Ảnh 2.44: Màn hình "Admin - Danh sách viết" 77 Ảnh 2.45: Màn hình "Danh sách báo cáo" .77 Ảnh 2.46: Màn hình "Admin - Danh sách người dùng" 78 Ảnh 2.47: Màn hình "Admin - Danh sách nhóm lĩnh vực" .78 Ảnh 2.48: Kết cấu Json Web Token 79 Ảnh 2.49: Logo NET Core 80 Ảnh 2.50: Cấu trúc ứng dụng React Native .82 Ảnh 2.51: React Redux 84 Ảnh 2.52: Nguyên lý hoạt động Redux .85 Ảnh 2.53: React Native tương thích Android IOS 86 Ảnh 2.54: React Native chọn nhiều tập đồn cơng nghệ 86 Ảnh 2.55: Logo Mongo DB .87 Ảnh 2.56: Kiến trúc FCM 90 Ảnh 2.57: Logo Azure App Service 90 Ảnh 2.58: Hoạt động giao thức SMTP 91 Ảnh 2.59: Thư viện ConnectyCube 92 Ảnh 2.60: Kết build mã nguồn máy chủ 93 Ảnh 2.61: Giao diện tạo website IIS Manager 94 Ảnh 2.62: URL cung cấp IIS Manager 95 Ảnh 2.63: Việc thực truy vết ảnh hưởng khả tìm khắc phục lỗi .95 ... Quốc Thắng THÔNG TIN KẾT QUẢ NGHIÊN CỨU Thông tin chung: - Tên đề tài: Xây dựng ứng dụng hỗ trợ kết nối và hỗ trợ học tập - Mã số: - Chủ nhiệm: Lê Quốc Thắng - 17520156 - Thành viên tham... dụng ứng dụng Tóm tắt kết nghiên cứu: - Xây dựng ứng dụng đáp ứng nhu cầu người dùng trình học tập, chia sẻ, hỗ trợ lẫn Tên sản phẩm: Ứng dụng kết nối, hỗ trợ học tập CoStudy Hiệu quả,... TẮT KHÓA LUẬN Đề tài ? ?Xây dựng ứng dụng hỗ trợ kết nối hỗ trợ học tập? ?? tập trung vào khảo sát, nghiên cứu phân tích thực trạng có sản phẩm có trước, với áp dụng công nghệ để xây dựng thành ứng dụng