(Đồ án hcmute) website chia sẻ kiến thức học tập sử dụng reactjs và asp net core

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 WEBSITE CHIA SẺ KIẾN THỨC HỌC TẬP SỬ DỤNG REACTJS VÀ ASP.NET CORE GVHD: TS LÊ VĂN VINH SVTH: LÊ TẤN ĐẠT KIỀU XUÂN VINH SKL009867 Tp Hồ Chí Minh - 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 - - KHÓA LUẬN TỐT NGHIỆP Đề Tài: WEBSITE CHIA SẺ KIẾN THỨC HỌC TẬP SỬ DỤNG REACTJS VÀ ASP.NET CORE SVTH: Lê Tấn Đạt - 18110267 Kiều Xuân Vinh - 18110394 Giảng viên hướng dẫn: TS Lê Văn Vinh KHÓA 2018 - 2022 Tp Hồ Chí Minh, tháng 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 - - KHÓA LUẬN TỐT NGHIỆP Đề Tài: WEBSITE CHIA SẺ KIẾN THỨC HỌC TẬP SỬ DỤNG REACTJS VÀ ASP.NET CORE SVTH: Lê Tấn Đạt - 18110267 Kiều Xuân Vinh - 18110394 Giảng viên hướng dẫn: TS Lê Văn Vinh KHĨA 2018 - 2022 Tp Hồ Chí Minh, tháng 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 HƯỚNG DẪN Họ tên Sinh viên 1: Lê Tấn Đạt MSSV 1: 18110267 Họ tên Sinh viên 2: Kiều Xuân Vinh MSSV 2: 18110394 Ngành: Công nghệ thông tin Tên đề tài: Website chia sẻ kiến thức học tập sử dụng React JS ASP.NET Core 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ê Tấn Đạt MSSV 1: 18110267 Họ tên Sinh viên 2: Kiều Xuân Vinh MSSV 2: 18110394 Ngành: Công nghệ thông tin Tên đề tài: Website chia sẻ kiến thức học tập sử dụng React JS ASP.NET Core 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 Giáo viên phản biện (Ký & ghi rõ họ tên) năm 2022 LỜI CẢM ƠN Lời nói đầu tiên, nhóm chúng em xin gửi đến q Thầy Cơ Khoa Công nghệ thông tin – Trường Đại học Sư Phạm Kỹ Thuật Thành phố Hồ Chí Minh lời cảm ơn chân thành sâu sắc Trong suốt thời gian học tập trường, chúng em may mắn nhận nhiều quan tâm yêu thương từ quý Thầy Cô Chúng em may mắn tận tâm giảng dạy, truyền đạt q Thầy Cơ để giúp chúng em có tảng kiến thức vững tạo điều kiện thuận lợi cho chúng em tiếp cận, thực hồn thành đề tài Tiếp nhóm chúng em xin chân thành gửi lời cảm ơn đến Thầy TS Lê Văn Vinh trực tiếp hướng dẫn chúng em hoàn thành đồ án suốt thời gian qua Trải qua thời gian thực đề tài, Thầy tận tình hướng dẫn, chia sẻ kinh nghiệm, truyền động lực cho chúng em từ ngày đầu chọn đề tài trải qua buổi hướng dẫn, nhận xét, chỉnh sửa để đề tài chúng em ngày hồn thiện Chúng em hồn thành đề tài ngày hôm nhờ phần lớn bảo, chia sẻ Thầy Với khả kiến thức chúng em cố gắng để hoàn thành cách tốt Tuy nhiên nguồn kiến thức vô tận nên hiểu biết cịn hạn hẹp chúng em khơng thể tránh khỏi có sai sót Chúng em mong nhận góp ý tận tình q báu q Thầy Cơ để giúp nhóm chúng em rút kinh nghiệm, bổ sung thêm kiến thức hồn thiện nâng cấp đề tài tốt Cuối lời, chúng em xin kính chúc quý thầy cô dồi sức khỏe thành công nghiệp trồng người Chúng em xin chân thành cảm ơn! Nhóm thực Lê Tấn Đạt – 18110267 Kiều Xuân Vinh - 18110394 Trường Đại học Sư phạm Kỹ thuật TP.HCM Khoa Công nghệ Thông tin ĐỀ CƯƠNG LUẬN VĂN TỐT NGHIỆP Họ Tên SV thực 1: Lê Tấn Đạt Mã Số SV: 18110267 Họ Tên SV thực 2: Kiều Xuân Vinh Mã Số SV: 18110394 Thời gian làm luận văn: Từ 14/03/2022 đến 05/07/2022 Chuyên ngành: Công nghệ phần mềm Tên luận văn: Website chia sẻ kiến thức học tập sử dụng React JS ASP.NET Core Giảng 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ệ: ReactJS, ASP.NET Core, JSON Web Token Thực hành: - Sử dụng ASP.NET Core để xây dựng Backend, viết API cho module hệ thống - Sử dụng SQL Server để 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 API hoạt động tốt hiệu - Sử dụng thư viện React để thiết kế xử lý giao diện web cho người dùng thao tác Đề cương viết luận văn: MỤC LỤC Phần MỞ ĐẦU 1.1 Tính cấp thiết đề tài 1.2 Đối tượng nghiên cứu 1.3 Phạm vi nghiên cứu 1.4 Mục tiêu đề tài 1.5 Ý nghĩa khoa học thực tiễn Phần NỘI DUNG Chương 1: CƠ SỞ LÝ THUYẾT 1.1 ReactJS 1.2 Ngôn ngữ C# 1.3 ASP.NET Core 1.4 SQL Server Chương 2: KHẢO SÁT HIỆN TRẠNG VÀ MƠ HÌNH HĨA U CẦU 2.1 Khảo sát trạng 2.2 Xác định yêu cầu 2.3 Mơ hình hóa u cầu Chương 3: THIẾT KẾ PHẦN MỀM 3.1 Lược đồ lớp 3.2 Lược đồ 3.3 Thiết kế sở liệu 3.4 Thiết kế giao diện Chương 4: CÀI ĐẶT VÀ KIỂM THỬ 4.1 Công cụ dùng dự án 4.2 Cài đặt ứng dụng 4.3 Kiểm thử Phần KẾT LUẬN Tài liệu tham khảo KẾ HOẠCH THỰC HIỆN STT Thời gian Công việc - 14/03/2022 – 20/03/2022 - 21/03/2022 – 07/04/2022 Khảo sát trạng Thiết kế usecase mơ hình hóa u cầu - Thiết kế sở liệu - Tìm hiểu thư viện ReactJS - Tìm hiểu ASP.NET Core Ghi - Tìm hiểu JSON Web Token để ứng dụng vào xác thực phân quyền API hệ 08/04/2022 – 17/04/2022 thống - Tìm hiểu SQL Server để áp dụng vào lưu trữ liệu 18/04/2022 – 08/05/2022 Tiến hành phát triển API dựa kiến thức tìm hiểu tài liệu - Tiến hành xây dựng giao diện người dùng cho hệ thống Kết hợp phần xây dựng lại với 09/05/2022 – 09/06/2022 09/06/2022 – 20/06/2022 Kiểm thử chương trình tiến hành sửa lỗi 21/06/2022 – 05/07/2022 Viết hoàn thiện báo cáo (giao diện, API, sở liệu) Ý kiến giảng viên hướng dẫn Ngày tháng năm 2022 (Ký ghi rõ họ tên) Người viết đề cương (Ký ghi rõ họ tên) MỤC LỤC PHẦN MỞ ĐẦU 1 TÍNH CẤP THIẾT CỦA ĐỀ TÀI ĐỐI TƯỢNG NGHIÊN CỨU PHẠM VI NGHIÊN CỨU MỤC TIÊU CỦA ĐỀ TÀI Ý NGHĨA KHOA HỌC VÀ THỰC TIỄN .3 PHẦN NỘI DUNG CHƯƠNG CƠ SỞ LÝ THUYẾT .4 1.1 REACT JS 1.1.1 React JS gì? 1.1.2 Một số khái niệm liên quan đến React JS .4 1.2 NGÔN NGỮ C# 1.2.1 Sơ lược ngôn ngữ C# 1.2.2 Đặc trưng ngôn ngữ C# 1.2.3 Ưu điểm C# .8 1.2.4 Nhược điểm C# .8 1.3 ASP.NET CORE 1.3.1 Nền tảng NET 1.3.2 ASP.NET Core gì? 1.3.3 Sơ lược lịch sử ASP.NET Core 10 1.3.4 Ưu điểm ASP.NET Core 10 1.3.5 Nhược điểm ASP.NET Core 11 1.4 SQL SERVER 11 1.4.1 SQL Server gì? 11 1.4.2 Mục đích sử dụng SQL Server 12 1.4.3 Ưu điểm SQL Server 12 1.4.4 Nhược điểm SQL Server .12 CHƯƠNG KHẢO SÁT HIỆN TRẠNG VÀ MƠ HÌNH HĨA YÊU CẦU 13 2.1 KHẢO SÁT HIỆN TRẠNG .13 2.1.1 StackOverFlow 13 2.1.2 QA Stack .14 Hình 3.65: Giao diện Trang quản lý tài liệu Bảng 3.29: Mô tả giao diện Trang quản lý tài liệu Chức Vị trí Chọn mơn học Chọn loại xếp sau lọc Nhập từ khóa tìm kiếm Nút tìm kiếm Nút thêm tài liệu Chỉnh sửa tài liệu Nút xóa tài liệu Nút tải 93 Hình 3.66: Giao diện Trang quản lý đề thi Bảng 3.30: Mô tả giao diện Trang quản lý đề thi Chức Vị trí Chọn mơn học Chọn loại xếp sau lọc Nhập từ khóa tìm kiếm Nút tìm kiếm Nút thêm đề thi 94 10 Hình 3.67: Giao diện Trang quản lý câu hỏi Bảng 3.31: Mô tả giao diện Trang quản lý câu hỏi Chức Vị trí Chọn mơn học để lọc Chọn ngày tháng câu hỏi thảo luận để lọc Chọn xếp lọc Nhập tên tiêu đề muốn lọc Nút đặt lại lọc mặc định Nút lọc thông tin câu hỏi Nút thêm câu hỏi Nút xem chi tiết câu hỏi Nút chỉnh sửa câu hỏi 10 Nút xóa câu hỏi 95 Hình 3.68: Giao diện Trang quản lý loại vi phạm Bảng 3.32: Mô tả giao diện Trang quản lý loại vi phạm Chức Vị trí Chọn mơn học Chọn loại xếp sau lọc Nhập từ khóa tìm kiếm Nút tìm kiếm Nút thêm loại vi phạm Chỉnh sửa loại vi phạm Nút xóa tài liệu Nút xóa loại vi phạm 96 Hình 3.69: Giao diện Trang quản lý vi phạm Bảng 3.33: Mô tả giao diện Trang quản lý vi phạm Chức Vị trí Chọn trạng thái Chọn loại xếp sau lọc Nhập từ khóa tìm kiếm Nút tìm kiếm Nút xem chi tiết câu hỏi Nút xem chi tiết báo cáo Nút xử lý vi phạm 97 CHƯƠNG CÀI ĐẶT VÀ KIỂM THỬ 4.1 CÔNG CỤ DÙNG TRONG DỰ ÁN - Front-end: ReactJS, HTML, CSS - Back-end: ASP.NET Core - Cơ sở liệu: SQL Server - IDE: Visual Code 2019, Visual Studio - Hệ thống quản lý: Gitlab - Trình duyệt: Google Chrome, Microsoft Edge - Hệ điều hành: Windows 10 - Thiết kế sơ đồ: Enterprise Architect 4.2 CÀI ĐẶT ỨNG DỤNG Để chạy ứng dụng, máy tính phải có u cầu sau: - Phải cài đặt npm - Phải cài đặt NodeJS - Phải cài đặt ReactJS - Cài Update NET Framework từ v4.7.2 - Phải có Windows Terminal Command Prompt - Có cài Visual Studio, Visual Studio Code Các bước để tiến hành cài đặt: Bước 1: Clone download project từ link gitlab sau: (Link gitlab: https://gitlab.com/ddat705/website-chia-se-kien-thuc-hoc-tap) Bước 2: Thiết đặt SQL Server cấu hình back-end - Khởi động SQL tạo user - Name: sa - Password: 123456 - Sau hoàn tất kết đăng nhập thành công với trạng thái 98 Hình 4.1: Đăng nhập tài khoản SQL Server - Restore Database file BK.bak thư mục “postman_backup” - Vào UnitOfWork setting cho cấu hình với “DataSource” tên Server SQL Server, “InitialCatalog” tên database vừa restore, “UserID” “Password” tên mật tài khoản vừa tạo SQL Server Bước 2: Khởi chạy back-end IIS Express Visual Studio Bước 3: Khởi chạy front-end Visual Studio Code - Chọn “Terminal” nhấn “New Terminal” - Sau Windows Terminal ra, chạy lệnh “npm i” để cập nhật thư viện package cần thiết để project hoạt động - Tiếp tục chạy lệnh “npm start” Windows Terminal để bắt đầu chạy frontend 4.3 KIỂM THỬ 4.3.1 Kế hoạch kiểm thử Viết test plan cho toàn hệ thống gồm thành phần sau: - Xác định phạm vi kiểm thử - Xác định chiến lược kiểm thử - Xác định rủi ro xảy - Xây dựng lịch biểu cho hoạt động kiểm thử - Xây dựng môi trường kiểm thử 99 - Thường xuyên kiểm tra, hiệu chỉnh suốt trình kiểm thử để kịp thời sửa chữa phản ánh thay đổi cần thiết Viết testcase cho module, thực việc kiểm thử theo test plan sau có lỗi xảy dựa vào kịch kiểm thử để xác định lỗi bắt nguồn từ đâu tìm hướng khắc phục 4.3.2 Quy trình thiết kế kiểm thử Đầu tiên nhóm xây dựng kế hoạch kiểm thử thơng qua việc phân tích đánh giá xác định phạm vi, rủi ro xảy ra, dạng kiểm thử, môi trường kiểm thử Sau tiến hành áp dụng kỹ thuật để viết testcase cho chức module cho bao quát hết trường hợp với mục tiêu kiểm tra tìm lỗi có chức năng, module lỗi dự án Trong giai đoạn này, nhóm dùng mẫu prototype, usecase, đặc tả chức để viết testcase cho bước để kiểm tra cách luồng hoạt động dự án Tiếp theo kiểm thử tiến hành dựa testcase module cụ thể theo test plan lên từ trước Sau nhóm phải liên tục trì tạo báo cáo lỗi q trình thực hiện, sau tiến hành trao đổi thảo luận kết kiểm thử để xác định xem testcase, module hồn thành testcase, module cịn lỗi ghi lại kiểm tra lại phiên test lần sau 4.3.3 Quy trình thực kiểm thử Nhóm thực việc kiểm thử theo quy trình cụ thể sau: - Kiểm thử testcase cho module cụ thể - Chạy lại testcase failed trước để kiểm tra lỗi sửa hay chưa - So sánh kết thực thi với kết mong đợi - Đánh giá kết kiểm thử (Passed/Failed) cho trường hợp kiểm thử - Viết báo cáo lỗi cho trường hợp kết thực thi kết mong đợi không giống 100 4.3.4 Kết kiểm thử Bảng 4.1: Kết kiểm thử chức STT Kết thực tế Như kết mong đợi Trạng thái Đạt Thông báo đăng nhập thành công chuyển sang trang chủ Đăng xuất thành công, điểu hướng sang trang chủ Thông báo thành công, điều hướng sang trang đăng nhập Như kết mong đợi Đạt Như kết mong đợi Như kết mong đợi Đạt Thông báo thành công điều hướng sang trang chi tiết câu hỏi Hiển thị danh sách câu hỏi tìm Như kết mong đợi Đạt Như kết mong đợi Đạt Hiển thị danh sách người dùng tìm Như kết mong đợi Đạt Hiển thị thông báo thành công Như kết mong đợi Đạt Các bước thực Kết mong đợi - Nhập đầy đủ thông tin đăng ký - Nhấn nút Đăng ký - Kiểm tra email đăng kí nhấn vào xác thực tài khoản Kiểm thử - Nhập đầy đủ thông chức tin đăng nhập đăng nhập - Nhấn nút Đăng nhập Kiểm thử - Chọn Đăng xuất chức đăng xuất Kiểm thử - Nhập email tài chức khoản lấy lại tài - Nhấn gửi mã xác khoản nhận - Vào email lấy mã xác nhận nhập mã xác nhận, nhập mật - Nhấn xác nhận Kiểm thử - Nhập đầy đủ thông chức tin câu hỏi tạo câu hỏi - Nhấn nút đăng tải thảo luận Kiểm thử - Nhập thông tin tìm chức kiếm header tìm kiếm - Nhấn biểu tượng câu hỏi tìm kiếm Kiểm thử - Nhập thơng tin tìm chức kiếm header tìm kiếm - Nhấn biểu tượng người tìm kiếm dùng Kiểm thử - Chọn chức chức sửa thông tin cá chỉnh sửa nhân trang cá nhân Thông báo đăng ký thành công chuyển sang trang đăng nhập Mô tả Kiểm thử chức đăng ký tài khoản Đạt 101 thông tin cá nhân 10 11 12 13 14 15 16 Kiểm thử chức tìm kiếm đề thi Kiểm thử chức tìm kiếm tài liệu Kiểm thử chức đổi mật Kiểm thử chức chỉnh sửa câu hỏi thảo luận Kiểm thử chức xóa câu hỏi thảo luận Kiểm thử chức Xác nhận câu trả lời xác Kiểm thử chức theo dõi câu hỏi thảo luận Kiểm tra chức thêm câu - Nhập thông tin cá nhân cần sửa - Nhấn nút cập nhật - Vào trang đề thi - Nhập thơng tin tìm kiếm đề thi - Nhấn biểu tượng tìm kiếm - Vào trang tài liệu - Nhập thơng tin tìm kiếm - Nhấn biểu tượng tìm kiếm - Vào trang cá nhân chọn nút đổi mật - Nhập đầy đủ thông tin - Nhấn nút xác nhận - Vào trang chi tiết câu hỏi, chọn nút chỉnh sửa câu hỏi - Nhập thông tin cần chỉnh sửa - Nhấn nút Lưu - Vào trang chi tiết câu hỏi thảo luận - Chọn nút Xóa - Chọn nút Xác nhận - Vào trang chi tiét câu hỏi thảo luận - Chọn câu trả lời nhấn nút xác nhận câu trả lời - Vào trang chi tiết câu hỏi thảo luận - Chọn nút theo dõi - Vào trang chi tiết câu hỏi thảo luận - Nhập thông tin câu trả lời Hiển thị danh sách đề thi tìm Như kết mong đợi Đạt Hiển thị danh sách tài liệu tìm Như kết mong đợi Đạt Hiển thị thông báo thành công Như kết mong đợi Đạt Hiển thị thông báo thành công Như kết mong đợi Đạt Hiển thị thông báo thành công điều hướng sang trang danh sách câu hỏi Như kết mong đợi Đạt Hiển thị thông báo thành công Trước câu trả lời tick xanh Như kết mong đợi Đạt Hiển thị thông báo theo dõi thành công Như kết mong đợi Đạt Hiển thị câu trả lời thêm vào câu hỏi thảo luận Như kết mong đợi Đạt 102 17 18 19 20 21 22 trả lời thảo luận Kiểm tra chức chỉnh sửa câu trả lời - Nhấn đăng tải - Vào trang chi tiết câu hỏi thảo luận - Chọn câu trả lời muốn chỉnh sửa nhấn chỉnh sửa - Nhập thông tin muốn sửa - Nhấn nút Lưu Kiểm tra - Vào trang chi tiết chức câu hỏi thảo luận xóa câu trả - Chọn câu trả lời lời muốn xóa nhấn nút Xóa - Nhấn Xác nhận Kiểm thử - Vào trang chi tiết chức câu hỏi thảo luận báo cáo - Chọn nút Báo cáo câu hỏi vi - Chọn loại báo phạm cáo - Nhấn xác nhận Kiểm thử - Vào trang chi tiết chức câu hỏi thảo luận báo cáo - Chọn câu trả lời câu trả lời muốn báo cáo vi phạm chọn nút Báo cáo - Chọn loại báo cáo - Nhấn xác nhận Kiểm thử - Vào trang chi tiết chức câu hỏi thảo luận bình chọn - Chọn câu trả lời câu trả lời muốn bình chọn - Chọn vào biểu tượng tăng giảm Kiểm thử - Vào trang chi tiết chức câu hỏi thảo luận phản hồi - Chọn câu trả lời câu trả lời muốn phản hồi - Chọn “Trả lời”, nhập nội dung đăng tải Như kết mong đợi Đạt Hiển thị thông báo Như kết thành cơng, xóa câu mong trả lời khỏi câu hỏi đợi Đạt Hiển thị thông báo Như kết báo cáo thành công mong đợi Đạt Hiển thị thông báo Như kết báo cáo thành công mong đợi Đạt Điểm đánh giá câu trả lời cập nhật hiển thị thông báo thành công Như kết mong đợi Đạt Hiển thị phản hồi Như kết câu trả lời phía mong câu trả lời đợi thơng báo thành cơng Đạt Hiển thị thông báo thành công, cập nhật câu trả lời 103 PHẦN KẾT LUẬN KẾT QUẢ ĐẠT ĐƯỢC 1.1 Kiến thức tìm hiểu Ứng dụng kiến thức học, tìm hiểu áp dụng ASP.NET vào phát triển vấn đề liên quan việc xây dựng Web API Sử dụng Json Web Token để bảo mật phân quyền cho API hệ thống Tìm hiểu, ứng dụng framework phổ biến tiện lợi ReactJS để xây dựng giao diện cho đề tài 1.2 Dự án làm Xây dựng hoàn chỉnh trang web với chức đề sau: - Xây dựng cho người dùng chức cần có trang, diễn đàn chia sẻ kiến thức học tập với tính như: tạo câu hỏi thảo luận, trả lời câu hỏi thảo luận, bình chọn đánh giá câu trả lời, phản hồi câu trả lời có, với chức sửa, xóa, báo cáo vi phạm, theo dõi, trang chia sẻ tài liệu, đề thi - Xây dựng cho admin quản lý thống kê mục cần thiết hệ thống - Áp dụng công nghệ sử dụng nhiều vào đề tài nhóm Sử dụng Json Web Token để tăng tính bảo mật phân quyền hệ thống ƯU ĐIỂM Sau trình học hỏi, nghiên cứu hồn thiện website, nhóm chúng em xin nhận xét ưu điểm thấy đề tài cụ thể là: - Trang web hoạt sn sẻ xác, khơng xảy lỗi hay xung đột module hệ thống - Đáp ứng tính trang web chia sẻ kiến thức học tập thảo luận, nơi tìm kiếm tài liệu, đề thi - Chia hệ thống thành front-end back-end, module xây dựng cách tách biệt APIs tương ứng, đảm bảo luồng hoạt động xác giúp dễ dàng quản lý phát triển sau 104 - Phần back-end sử dụng ASP.NET Core tiện lợi có nhiều hỗ trợ từ NET Framework dễ hiểu không ngừng phát triển giúp dễ dàng bảo trì sửa chữa, nâng cấp ứng dụng - Phần front-end sử dụng ReactJS framework mới, phổ biến phát triển để xây dựng phần giao diện giúp việc bảo trì, nâng cấp phát triển trở nên dễ dàng - Giao diện dễ nhìn, dễ sử dụng với người dùng - Sử dụng Json Web Token để nâng cao tính bảo mật tạo cho người dùng yên tâm vào hệ thống hạn chế bị hay đánh cắp thông tin liệu NHƯỢC ĐIỂM Do hạn chế mặt người, thời gian kinh nghiệm nên website có số điểm chưa hồn hảo cần chỉnh sửa cải tiến sau: - Chưa xây dựng tính bình luận theo thời gian thực cho người dùng - Chưa đánh giá mức độ danh tiếng người dùng HƯỚNG PHÁT TRIỂN Trong thời tới nhóm cố gắng tiếp tục tối ưu nâng cấp trang web với hướng phát triển sau: - Xây dựng tính bình luận theo thời gian thực, đánh giá mức độ danh tiếng người dùng - Deploy ứng dụng lên server 105 TÀI LIỆU THAM KHẢO [1] Thư viện ReactJS Link: https://reactjs.org/docs [2] ASP.NET Core docs Link: https://docs.microsoft.com/en-us/aspnet/core/?view=aspnetcore-6.0 [3] Từ Quốc Hưng, ReactJS gì? Những điều bạn chưa biết ReactJS Link: https://200lab.io/blog/reactjs-la-gi/ [4] Giới thiệu C#, Tự học tin Link: https://tuhoctin.net/lap-trinh/co-ban/c-sharp/124-gioi-thieu-c-sharp.html [5] Tổng quan ngôn ngữ C# Link: https://123docz.net/trich-doan/59833-tong-quan-ve-ngon-ngu-c.html [6] Net Framework docs Link: https://docs.microsoft.com/vi-vn/dotnet/framework/ [7] C# Net Framework Link: https://voer.edu.vn/m/c-va-net-framework/fae61987 [8] Tổng quan ASP.NET Core Link: https://netcore.vn/bai-viet/aspnet-core/tong-quan-ve-aspnet-core [9] SQL Server gì? Mục đích việc sử dụng SQL Server Link: https://itnavi.com.vn/blog/sql-server [10] SQL Server gì? Link: https://teamvietdev.com/sql-server-la-gi/ 106 S K L 0