Xây dựng hệ thống tìm kiếm gia sư trực tuyến

ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM NGUYỄN TRỌNG KHANH - 17520627 PHAN ANH TÚ - 17521204 KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG HỆ THỐNG GIA SƯ TRỰC TUYẾN Building Online Tutor Application KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM TP HỒ CHÍ MINH, 2021 ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THÔNG TIN KHOA CÔNG NGHỆ PHẦN MỀM NGUYỄN TRỌNG KHANH - 17520627 PHAN ANH TÚ - 17521204 KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG HỆ THỐNG GIA SƯ TRỰC TUYẾN Building Online Tutor Application KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM GIẢNG VIÊN HƯỚNG DẪN Tiến sĩ Trần Sơn Hải Thạc sĩ Huỳnh Nguyễn Khắc Huy TP HỒ CHÍ MINH, 2021 DANH SÁCH HỘI ĐỒNG BẢO VỆ KHÓA LUẬN Hội đồng chấm khóa luận tốt nghiệp, thành lập theo Quyết định số ……………… ngày ……………… Hiệu trưởng Trường Đại học Công nghệ Thông tin ………………………………………… – Chủ tịch ………………………………………… – Thư ký ………………………………………… – Ủy viên ………………………………………… – Ủy viên ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP HCM, ngày… tháng… năm 2021 NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ HƯỚNG DẪN) Tên khóa luận: XÂY DỰNG HỆ THỐNG GIA SƯ TRỰC TUYẾN (Tên tiếng Anh: BUILDING ONLINE TUTOR APPLICATION) Nhóm SV thực hiện: Cán hướng dẫn: NGUYỄN TRỌNG KHANH 17520627 TS TRẦN SƠN HẢI PHAN ANH TÚ 17521204 ThS HUỲNH NGUYỄN KHẮC HUY Đánh giá Khóa luận Về báo cáo: Số trang 154 Số chương Số bảng số liệu 53 _ Số hình vẽ 29 _ Số tài liệu tham khảo 11 _ Sản phẩm Một số nhận xét hình thức báo cáo: …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… Về nội dung nghiên cứu: …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… Về chương trình ứng dụng: …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… Về thái độ làm việc sinh viên: …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… Đánh giá chung: …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… Điểm sinh viên: Nguyễn Trọng Khanh:……… /10 Phan Anh Tú:……… /10 Người nhận xét (Ký tên ghi rõ họ tên) ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN TP HCM, ngày… tháng… năm 2021 NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP (CỦA CÁN BỘ PHẢN BIỆN) Tên khóa luận: XÂY DỰNG HỆ THỐNG GIA SƯ TRỰC TUYẾN (Tên tiếng Anh: BUILDING ONLINE TUTOR APPLICATION) Nhóm SV thực hiện: Cán phản biện: NGUYỄN TRỌNG KHANH 17520627 TS TRẦN SƠN HẢI PHAN ANH TÚ 17521204 ThS HUỲNH NGUYỄN KHẮC HUY Đánh giá Khóa luận Về báo cáo: Số trang 154 Số chương Số bảng số liệu 53 _ Số hình vẽ 29 _ Số tài liệu tham khảo 11 _ Sản phẩm Một số nhận xét hình thức báo cáo: …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… Về nội dung nghiên cứu: …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… Về chương trình ứng dụng: …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… Về thái độ làm việc sinh viên: …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… Đánh giá chung: …………………………………………………………………………………………………… …………………………………………………………………………………………………… …………………………………………………………………………………………………… Điểm sinh viên: Nguyễn Trọng Khanh:……… /10 Phan Anh Tú:……… /10 Người nhận xét (Ký tên ghi rõ họ tên) LỜI CẢM ƠN Sau q trình học tập rèn luyện khoa Cơng nghệ phần mềm trường Đại học Công nghệ Thông tin – ĐHQG TP.HCM chúng em trang bị kiến thức bản, kỹ thực tế để hồn thành Khóa luận tốt nghiệp Để hồn thành khóa luận này, chúng em xin gửi lời cảm ơn chân thành đến: Ban Giám hiệu trường Đại học Cơng nghệ Thơng tin – ĐHQG TP.HCM tạo điều kiện sở vật chất với hệ thống thư viện đại, đa dạng loại sách, tài liệu thuận lợi cho việc tìm kiếm, nghiên cứu thông tin Chúng em xin gửi lời cảm ơn chân thành đến thầy Trần Sơn Hải thầy Huỳnh Nguyễn Khắc Huy tận tình giúp đỡ, định hướng cách tư cách làm việc khoa học Đó góp ý q báu khơng q trình thực luận văn mà cịn hành trang tiếp bước cho chúng em trình học tập lập nghiệp sau Và cuối cùng, chúng em xin gửi lời cảm ơn đến gia đình, tất thầy khoa, bạn bè người sẵn sàng sẻ chia giúp đỡ học tập sống Mong rằng, mãi gắn bó với Trong q trình làm khóa luận chúng em khơng tránh khỏi sai sót, chúng em kính mong nhận dẫn góp ý q thầy để khóa luận hồn thiện Chúng em xin chân thành cảm ơn Xin chúc điều tốt đẹp đồng hành người Thành phố Hồ Chí Minh, tháng năm 2021 Sinh viên NGUYỄN TRỌNG KHANH PHAN ANH TÚ ĐẠI HỌC QUỐC GIA TP HỒ CHÍ MINH CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM TRƯỜNG ĐẠI HỌC Độc Lập - Tự Do - Hạnh Phúc CÔNG NGHỆ THÔNG TIN ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Xây dựng hệ thống tìm kiếm gia sư trực tuyến Cán hướng dẫn: TS Trần Sơn Hải, ThS Huỳnh Nguyễn Khắc Huy Thời gian thực hiện:Từ ngày…01/03/2021………… đến ngày…26/06/2021………… Sinh viên thực hiện: Nguyễn Trọng Khanh - 175206271 Phan Anh Tú – 17521204 Nội dung đề tài:(Mô tả chi tiết mục tiêu, phạm vi, đối tượng, phương pháp thực hiện, kết mong đợi đề tài) Lý chọn đề tài Trong thời đại cách mạng 4.0 nay, internet phát triển cách mạnh mẽ ảnh hưởng lớn đến hoạt động người Ngoài xã hội phát triển, bậc phụ huynh khơng có nhiều thời gian kiến thức đổi liên tục để giúp đỡ họ học tập, nên dịch vụ gia sư ngày đông đảo phụ huynh, học sinh lựa chọn nhằm giúp em đạt mục tiêu định học tập Hệ thống tìm kiếm gia sư trực tuyến đời giúp phụ huynh, học sinh tìm kiếm gia sư trực tuyến dễ dàng, giúp tiết kiệm thời gian đến trực tiếp trung tâm để tìm kiếm gia sư Đồng thời, bạn sinh viên, người có cấp, chun mơn giảng dạy có nhu cầu trở thành gia sư đăng ký trở thành ga sư Phạm vi Phạm vi đề tài gồm: - Xây dựng website quản lý hệ thống dành cho admin - Xây dựng website dành cho người dùng có nhu cầu tìm kiếm gia sư người muốn trở thành gia sư 2.1 Các tính - Dành cho Web Admin quản lý hệ thống • Quản lý danh sách gia sư • Duyệt yêu cầu đăng ký làm gia sư • Thống kế tìm kiếm, tin đăng, lĩnh vực, mơn học • Quản lý tin đăng - Dành cho người dùng Người tìm gia sư: • Tìm kiếm gia sư • Đăng tin tìm gia sư • Xem thơng tin gia sư • Chat trao đổi trực tuyến với gia sư Gia sư: • Đăng tin ứng tuyển • Tìm kiếm tin đăng tìm gia sư • Chat trao đổi trực tuyến với người tìm 2.2 Các tính bật Xây dựng cơng cụ tìm kiếm cách áp dụng máy học để tối ưu hóa kết tìm kiếm Giúp việc tìm kiếm người dùng dễ dàng Đối tượng Đối tượng sử dụng : - Phụ huynh, học sinh, có nhu cầu thuê gia sư dạy kèm học tập - Sinh viên, người có cấp, chun mơn giảng dạy có nhu cầu trở thành gia sư Mục tiêu - Hiểu rõ quy trình làm việc để tạo ứng dụng công nghệ thông tin - Hiểu áp dụng Máy học vào ứng dụng - Tạo ứng dụng sau sử dụng đáp ứng cho nhu cầu đề - Thực tính đề ban đầu Phương pháp thực - Các thành viên nhóm lập kế hoạch thực - Trao đổi thường xuyên với giảng viên hướng dẫn - Khảo sát nhu cầu tìm kiếm gia sư mạng xã hội, website tìm kiếm việc làm, tìm kiếm gia sư - Phân tích thiết kế hệ thống, thiết kế giao diện, database - Xây dựng ứng dụng - Tìm hiểu nghiên cứu máy học, kỹ thuật, thuật toán áp dụng vào việc tìm kiếm, gợi ý, sàng lọc xếp loại gia sư Công nghệ nghiên cứu - Frontend : ReactJS - Backend : Flask - Database : PostgreSql - Máy học, thuật tốn áp dụng vào việc tìm kiếm, gợi ý, sàng lọc xếp loại gia sư Kết mong muốn - Xây dựng ứng dụng với tính đề ban đầu - Ứng dụng có tính thực tiễn cao Đây giao diện hiển thị thông tin viết, bao gồm: thông tin người đăng bài, thông tin lớp học danh sách viết gợi ý - Giao diện đăng ký tài khoản: Hình 3-13 Giao diện Đăng ký tài khoản Nếu người dùng muốn sử dụng chức khác chức người dùng phải đăng ký tài khoản đăng nhập vào ứng dụng để trải nghiệm tính hấp dẫn khác ứng dụng 3.3.2 Người dùng đăng nhập Ngoài chức người dùng chưa đăng nhập, người dùng sau đăng nhập có thêm chức sau: - Giao diện đăng viết: 140 Hình 3-14 Giao diện đăng viết Tại giao diện viết, ta có thẻ thực số chức năng: (1) Đăng kí viết (2) Theo dõi viết (3) Đánh giá người đăng viết (trường hợp bạn đăng kí lớp người đăng bài) Hình 3-37: Giao diện thông tin đăng - Giao diện giỏ hàng: Giao diện thơng tin cá nhân 141 Hình 3-15 Giao diện thông tin người dùng Đây giao diện trang cá nhân, hiển thị thông tin bạn muốn người khác thấy Tại giao diện này, bạn chỉnh sửa thông tin đăng, xem đăng bạn đăng, xem viết bạn theo dõi, xem viết bạn đăng kí, xem lớp học bạn tham gia, viết bạn cần duyệt Giao diện quản lí viết bạn đăng 142 Hình 3-16 Giao diện danh sách viết bạn Giao diện quản lí viết minh theo dõi Hình 3-17 Giao diện danh sách viết bạn theo dõi 143 - Giao diện viết đăng kí: Hình 3-18 Giao diện danh sách viết đăng kí Giao diện viết đăng kí giúp bạn quản lí viết chờ xác nhận xác nhận bị từ chối, bạn hủy đăng kí viết bạn đăng kí mà chưa xác nhận Giao diện lớp bạn tham gia 144 Hình 3-19 Giao diện danh sách lớp bạn tham gia Giao diện quản lí lớp bạn tham gia giúp bạn biết bạn đanh giá người dùng Hình 3-20Giao diện quản lí lớp người dùng đăng kí bạn Bạn từ chối đồng ý người dùng 145 Hình 3-21 Giao diện theo dõi đanh giá người dùng Giao diện mời gia sư dạy Hình 3-22 Giao diện mời gia sư dạy 146 10 Giao diện chỉnh sửa thơng tin cá nhân Hình 3-23 Giao diện chỉnh sửa thông tin cá nhân 11 Giao diện đăng kí làm gia sư 147 Hình 3-24 Giao diện đăng kí làm gia sư 3.3.3 Người dùng đăng kí tài khoản gia sư - Giao diện chỉnh sửa thơng tin gia sư 148 Hình 3-25 Giao diện chỉnh sửa thông tin gia sư 12 Giao diện đăng tìm kiếm học viên 149 Hình 3-26 Giao diện đăng tìm kiếm học viên gia sư 150 13 Giao diện thơng tin gia sư Hình 3-27 Giao diện thông tin gia sư 151 Chương KẾT LUẬN, HƯỚNG PHÁT TRIỂN 4.1 Ưu điểm - Hoàn thành đầy đủ tính đề ban đầu Giao diện đơn giản, bố cục hợp lý, người dùng dễ dàng theo tác website Tốc độ phản hồi thao tác nhanh, tối ưu hóa suất người dùng Ứng dụng chạy nhiều trình duyệt phổ biến (Google Chrome, Microsoft Edge, Cốc Cốc, Firefox, ) Sử dụng Google maps api để hiển thị danh sách vị trí gia sư xung quanh Sử dụng Elasticsearch tối ưu hiệu tìm kiếm 4.2 Nhược điểm Cịn hạn chế số tính năng: - Chưa áp dụng máy học vào hệ thống để giúp gợi ý, tìm kiếm tốt - Chưa xây dựng chức chat trực tuyến - Tối ưu code chưa tốt nên tốc độ tương tác ứng dụng chậm - Chưa có tích hợp push notification cho trang web 4.3 Về mặt kiến thức tổng quát - - Nắm bắt kiến thức website, công nghệ để xây dựng web app hoàn chỉnh Ứng dụng với cơng nghệ phục vụ mục đích định Cần phải xác định nhu cầu thực tế lựa chọn công nghệ phù hợp triển khai dịch vụ Cải thiện khả làm việc nhóm, cách để tiếp xúc công nghệ 4.4 Về mặt công nghệ - Nghiên cứu áp dụng thành công ReactJs vào xây dựng frontend website Nghiên cứu áp dụng thành công Flask vào xây dựng backend website Nghiên cứu sử dụng PostgreSql lưu trữ liệu Nghiên cứu áp dụng Elasticsearch vào việc tối ưu chức tìm kiếm Nghiên cứu áp dụng Google maps api để hiển thị danh sách vị trị gia sư xung quanh Sử dụng SMTP để gửi mail Sử dụng Docker để deploy web lên Google Cloud 152 4.5 Hướng phát triển - Xây dựng web admin để quản lý hệ thống Xây dựng chứa cịn thiếu, hồn thiện chức có Tối ưu hóa CSDL hợp lý Tích hợp máy học (Content-based Recommender System) vào hệ thống giúp gợi ý hiệu Xây dựng chức chat trực tuyến người dung Tích hợp chức đăng kí trả phí để tìm kiếm người dùng tốt 153 TÀI LIỆU THAM KHẢO React – A JavaScript library for building user interfaces (reactjs.org) Google Maps Platform | Google Developers https://material-ui.com/ Ant Design - The world's second most popular React UI framework https://www.cluemediator.com https://stackoverflow.com react onclick pass event and parameter Code Example (codegrepper.com) https://flask.palletsprojects.com https://www.sqlalchemy.org https://www.elastic.co/guide/index.html https://cloud.google.com 154 ... gia sư • Đăng tin tìm gia sư • Xem thông tin gia sư • Chat trao đổi trực tuyến với gia sư Gia sư: • Đăng tin ứng tuyển • Tìm kiếm tin đăng tìm gia sư • Chat trao đổi trực tuyến với người tìm. .. 16 - Tìm kiếm keyword tất trường đơn giản 17 Chương XÂY DỰNG HỆ THỐNG 3.1 Xây dựng kiến trúc hệ thống 3.1.1 Xác định yêu cầu hệ thống Qua khảo sát tìm hiểu, website/ ứng dụng tìm kiếm gia sư nói... danh sách viết đăng U3 Tìm kiếm U3.1 Tìm kiếm viết tìm gia sư U3.2 Tìm kiếm viết tìm học viên U3.3 Tìm kiếm gia sư U3.4 Hiển thị vị trí viết tìm Hiển thị danh sách viết gia sư đồ xung quanh người