Xây dựng ứng dụng luyện thi đạt chuẩn đầu ra ngoại ngữ cho hệ chính qui đại trà UIT (báo cáo cuối kì đồ án 1)

ĐẠ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 Thành Đạt - 19520040 Nguyễn Hoàng Nam - 19520171 ĐỒ ÁN XÂY DỰNG ỨNG DỤNG LUYỆN THI ĐẠT CHUẨN ĐẦU RA NGOẠI NGỮ CHO HỆ CHÍNH QUI ĐẠI TRÀ UIT GIẢNG VIÊN HƯỚNG DẪN Thạc sĩ: Huỳnh Hồ Thị Mộng Trinh TP HỒ CHÍ MINH, 2022 THƠNG TIN HỘI ĐỒNG CHẤM ĐỒ Á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 2022 NHẬN XÉT ĐỒ ÁN (CỦA CÁN BỘ HƯỚNG DẪN) Tên đồ án 1: Xây dựng ứng dụng luyện thi đạt chuẩn đầu ngoại ngữ cho hệ qui đại trà UIT Nhóm sinh viên thực hiện: Cán hướng dẫn: Nguyễn Thành Đạt 19520040 Ths Huỳnh Hồ Thị Mộng Trinh Nguyễn Hoàng Nam 19520171 Đánh giá Đồ án 1: Về báo cáo: Số trang Số chương Số bảng số liệu Số hình vẽ Số tài liệu tham khảo 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 Thành Đạt: ……… /10 Nguyễn Hoàng Nam: ……… /10 Người nhận xét (Ký ghi rõ họ tên) Huỳnh Hồ Thị Mộng Trinh ĐẠ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 2022 NHẬN XÉT ĐỒ ÁN (CỦA CÁN BỘ PHẢN BIỆN) Tên khóa luận: Xây dựng ứng dụng luyện thi đạt chuẩn đầu ngoại ngữ cho hệ đại trà UIT Nhóm sinh viên thực hiện: Cán phản biện: Nguyễn Thành Đạt 19520040 ThS Huỳnh Hồ Thị Mộng Trinh Nguyễn Hồng Nam 19520171 Đánh giá Khóa luận: Về báo cáo: Số trang Số chương Số bảng số liệu Số hình vẽ Số tài liệu tham khảo 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 Thành Đạt: ……… /10 Nguyễn Hoàng Nam: ……… /10 Người nhận xét (Ký ghi rõ họ tên) LỜI CẢM ƠN Sau 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 kỹ thực tế để hồn thành Đồ án Để hoàn thành Đồ án 1, 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 Cô Huỳnh Hồ Thị Mộng Trinh 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 đồ án mà 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 cô khoa, bạn bè tập thể lớp KTPM2019 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 đồ á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 ý quý thầy để đồ á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 2022 Sinh viên NGUYỄN THÀNH ĐẠT NGUYỄN HOÀNG NAM ĐẠ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 2022 ĐỀ CƯƠNG CHI TIẾT TÊN ĐỀ TÀI: Xây dựng ứng dụng luyện thi đạt chuẩn đầu ngoại ngữ cho hệ qui đại trà UIT TÊN ĐỀ TÀI (TIẾNG ANH): Cán hướng dẫn: ThS Huỳnh Hồ Thị Mộng Trinh Thời gian thực hiện: Từ ngày 21/02/2022 đến ngày 11/06/2022 Sinh viên thực hiện: Nguyễn Thành Đạt – 19520040 Nguyễn Hoàng Nam – 19520171 Nội dung đề tài Lý chọn đề tài: Tiếng anh ngôn ngữ vô cần thiết Đối với sinh viên trường UIT, việc học tiếng anh khơng giúp đạt chuẩn tốt nghiệp mà cịn ảnh hưởng đến công việc sau Phần lớn quỹ thời gian sinh viên dành cho việc học tập trường, làm tập đồ án Do đó, họ không đủ thời gian để học tập rèn luyện tiếng anh trung tâm Để giải tình trạng đó, chúng em định chọn đề tài để giúp tất sinh viên học tập thường xuyên mà không cần phải tới lớp tiếng anh hay trung tâm Tình trạng trang web học tiếng anh nay: - Trả phí để sử dụng tính - Thiếu số tính cần thiết - Một số trang web bắt buộc người dùng phải theo khởi đầu nên khó tiếp cận người mức điểm cao - Hầu hết trang web bật số tính cịn lại không tốt ⇒ Với nguyên nhân trên, chúng em định chọn đề tài xây dựng ứng dụng luyện thi đạt chuẩn đầu ngoại ngữ cho hệ qui đại trà UIT để tiến hành nghiên cứu xây dựng Mục đích lần nghiên cứu tạo trang web với giao diện thân thiện cung cấp cho sinh viện đại trà UIT tình tiện ích để học tập tiếng anh phục vụ cho nhu cầu tốt nghiệp Mục tiêu: _ Xây dựng trang web gồm chức sau: + Học từ vựng + Ôn tập từ vựng + Học ngữ pháp + Luyện thi Toeic + Luyện nghe Toeic + Kho lưu từ vựng đánh dấu Phạm vi: Phạm vi môi trường: Web Phạm vi chức năng: − Học từ vựng: ▪ Học từ vựng theo chủ đề ▪ Cung cấp từ (vd: 600 toeic, chủ đề nhà cửa, chủ đề cảm xúc …) ▪ Học từ vựng theo danh sách (truyền thống, liệt kê tất từ từ người dùng tự đọc tự học) ▪ Ơn tập từ vựng siêu tốc (hình thức trắc nghiệm, 5s câu) − Ôn tập từ vựng: + Ôn tập siêu tốc − Học ngữ pháp: + Danh sách dạng ngữ pháp + Mỗi học có: Lý thuyết + Ví dụ − Luyện thi Toeic + Cung cấp đề thi + Chấm điểm + tính + Xem lại kết đáp án + giải thích thi − Luyện nghe Toeic + Danh sách luyện nghe − Kho lưu từ vựng đánh dấu + Lưu từ vựng người dùng đánh dấu Đối tượng sử dụng: Sinh viên đại trà trường UIT người cần luyện thi Toeic Phương pháp thực hiện: Phương pháp làm việc: Làm việc nhóm thành viên thơng qua phương thức online offline hướng dẫn giảng viên hướng dẫn Phương pháp nghiên cứu: − Phân tích nhu cầu sử dụng đối tượng người dùng − Nghiên cứu tài liệu công nghệ liên quan Phương pháp cơng nghệ: − Tìm hiểu ngơn ngữ lập trình − Xây dựng giao diện web để tương tác với người dùng − Tìm hiểu hoạt động tính trang web Nền tảng công nghệ: − Frontend: HTML, CSS, Javascript, ReactJS Bảng answers Bảng 27 Bảng answers STT Thuộc tính Kiểu liệu Ràng buộc Diễn giải _id ObjectID Not null Mã câu trả lời content String Default: “” Nội dung câu trả lời Bảng grammartopics Bảng 28 Bảng grammartopics STT Thuộc tính Kiểu liệu Ràng buộc Diễn giải _id ObjectID Not null Mã chủ đề ngữ pháp name String Not null Tên chủ đề list_part Array Danh sách phần Bảng grammarparts Bảng 29 Bảng grammarparts STT Thuộc tính Kiểu liệu Ràng buộc Diễn giải _id ObjectID Not null Mã phần chủ đề ngữ pháp name String Not null Tên phần chủ đề ngữ pháp content Default: “” Array Nội dung Bảng exams Bảng 30 Bảng exams STT Thuộc tính Kiểu liệu 58 Ràng buộc Diễn giải _id ObjectID Not null Mã đề thi type String Default: “” Loại đề thi description String Default: “” Mô tả đề thi name String Default: “” Tên đề thi big_questions Array Default: Danh sách câu hỏi size Number Default: Số lượng câu hỏi time Number Default: Thời gian làm 120 Bảng bigquestions Bảng 31 Bảng bigquestions STT Thuộc tính Kiểu liệu Ràng buộc Diễn giải _id ObjectID Not null Mã câu hỏi type String Default: “” Loại câu hỏi description String Default: “” Mô tả câu hỏi audio String Link âm images String Hình ảnh sm_questions Array Danh sách câu hỏi explanation String Giải thích content String Nội dung Bảng smquestions Bảng 32 Bảng smquestions STT Thuộc tính Kiểu liệu 59 Ràng buộc Diễn giải _id ObjectID Not null Mã câu hỏi nhỏ content String Default: “” Nội dung a String Default: “” Câu a b String Default: “” Câu b c String Default: “” Câu c d String Default: “” Câu d correctAns Object Default: “” Đáp án explanation String Default: “” Giải thích Thiết kế giao diện Danh sách hình Màn hình đăng nhập Hình 17 Màn hình đăng nhập - Mơ tả: Đăng nhập tài khoản email mật 60 Màn hình đăng ký Hình 18 Màn hình đăng ký - Mơ tả: • Đăng ký tài khoản • Kiểm tra trường liệu 61 Màn hình khóa học từ vựng Hình 19 Màn hình danh sách khóa học từ vựng - Mơ tả: Chứa danh sách khóa học từ vựng Màn hình danh sách chủ đề từ vựng Hình 20 Màn hình danh sách chủ đề từ vựng - Mơ tả: • Chứa chủ đề từ vựng 62 • Thể số từ học theo chủ đề • Có chức ơn tập siêu tốc Màn hình học từ vựng Hình 21 Màn hình học từ vựng - Mơ tả: • Bao gồm nghĩa, từ loại, phiên âm, phát âm, từ đồng nghĩa, ví dụ từ loại • Ơn lại từ vừa học 63 Màn hình ơn tập siêu tốc Hình 22 Màn hình ôn tập siêu tốc - Mô tả: • Làm trắc nghiệm • Tính thời gian Màn hình chủ đề ngữ pháp Hình 23 Màn hình chủ đề ngữ pháp 64 - Mô tả: chứa danh sách chủ đề ngữ pháp Màn hình nội dung ngữ pháp Hình 24 Màn hình nội dung ngữ pháp - Mơ tả: • Chứa nội dung ngữ pháp • Có mục lục 65 Màn hình khóa luyện nghe Hình 25 Màn hình khóa luyện nghe - Mơ tả: • Chứa danh sách chủ đề luyện nghe Màn hình đề luyện nghe theo phần Hình 26 Màn hình đề luyện nghe theo phần - Mơ tả: • Chứa đề luyện nghe theo phần 66 Màn hình luyện nghe Hình 27 Màn hình luyện nghe - Mơ tả: • Chứa câu hỏi luyện nghe • Có file âm • Hiện đáp án, tổng kết, tính điểm 67 Màn hình danh sách đề thi Hình 28 Màn hình danh sách đề luyện thi - Mô tả: Chứa danh sách đề luyện thi Màn hình làm đề thi Hình 29 Màn hình làm đề thi 68 - Mô tả: Trang làm thi, chấm điểm, thống kê số liệu sau thi hiển thị lời giải thích cho câu hỏi Màn hình Kho từ vựng Hình 30 Màn hình kho từ vựng chưa đăng nhập Hình 31 Màn hình kho từ vựng đăng nhập - Mô tả: Trang chứa tất từ vựng người dùng lưu lại trình học 69 KẾT LUẬN, HƯỚNG PHÁT TRIỂN Ưu điểm − Giao diện website trực quan, dễ dàng sử dụng đầy đủ thông tin cần thiết − Hỗ trợ đầy đủ tính cho việc học từ vựng, luyện nghe, học ngữ pháp, luyện thi, lưu trữ từ vựng − Có tính ơn tập siêu tốc giúp người dùng dễ dàng ôn tập, phản xạ với từ vựng − Tìm hiểu áp dụng công nghệ vào hệ thống Nhược điểm − Code chưa chạy nhanh cần tối ưu − Dữ liệu chưa đủ nhiều để hoạt động tốt Kết đạt Link source code − https://github.com/DatNguyen-267/learning-english Về mặt nghiên cứu − Nhóm có hội tìm hiểu áp dụng công nghệ phổ biến Reactjs, Nodejs express, React-redux, Redux-saga, React-router-dom, mongoDb, JWT, Cloud q trình phát triển − Tìm hiểu mơ hình phương pháp xây dựng project cách phù hợp − Biết thêm nhiều phương pháp code hiệu quả, dễ đọc, dễ bảo trì áp dụng mẫu Design Pattern Mediator Pattern, Proxy Pattern Về mặt sản phẩm - Các yêu cầu phi chức + Giao diện trực quan đại + Chức dễ sử dụng 70 - Các yêu cầu chức Ứng dụng web − Học từ vựng − Học ngữ pháp − Ôn tập từ vựng − Lưu trữ từ vựng − Luyện nghe − Luyện thi Hướng phát triển Đề tài cho phép mở rộng phát triển nhằm xây dựng ứng dụng hoàn chỉnh: − Cung cấp đầy đủ chức tiện ích việc học từ vựng, luyện nghe, học ngữ pháp, luyện thi lưu trữ từ vựng khó − Trang blog − Trang cung cấp tài liệu (Các đề thi, đề nghe, pdf từ vựng ) − Tập trung nâng cao hiệu học − Tạo ghi trang − Lưu lại câu khó đề thi/ đề nghe − Tạo lịch trình học theo điểm số − Trang cộng đồng (Đăng bài, trả lời, ) 71 TÀI LIỆU THAM KHẢO JavaScript Tutorial, W3School Truy cập tại: https://www.w3schools.com/js/default.asp CSS Tutorial, W3School Truy cập tại: https://www.w3schools.com/css/default.asp NodeJS Document Truy cập tại: https://nodejs.org/en/docs/ HTML, CSS từ zero đến hero, F8 Truy cập tại: https://fullstack.edu.vn/ ReactJS Tutorial Truy cập tại: https://reactjs.org/tutorial/tutorial.html React Redux Tutorial Truy cập tại: https://react-redux.js.org/ React-router-dom Document Truy cập tại: https://www.npmjs.com/package/reactrouter-dom 72 ... đề tài xây dựng ứng dụng luyện thi đạt chuẩn đầu ngoại ngữ cho hệ qui đại trà UIT để tiến hành nghiên cứu xây dựng Mục đích lần nghiên cứu tạo trang web với giao diện thân thi? ??n cung cấp cho sinh... đề tài xây dựng ứng dụng luyện thi đạt chuẩn đầu ngoại ngữ cho hệ qui đại trà UIT để tiến hành nghiên cứu xây dựng Mục đích lần nghiên cứu tạo trang web với giao diện thân thi? ??n cung cấp cho sinh... (CỦA CÁN BỘ HƯỚNG DẪN) Tên đồ án 1: Xây dựng ứng dụng luyện thi đạt chuẩn đầu ngoại ngữ cho hệ qui đại trà UIT Nhóm sinh viên thực hiện: Cán hướng dẫn: Nguyễn Thành Đạt 19520040 Ths Huỳnh Hồ Thị