Đồ án 2 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

ĐẠ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 2: 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 2: 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 2, 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 05/09/2022 đến ngày 31/12/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 + Luyện nói Toeic + Luyện viết Toeic + Ghi 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 − Luyện nói Toeic + Cung cấp đề luyện nói + Có gợi ý đáp án + Cung cấp mẹo làm − Luyện viết Toeic + Cung cấp đề luyện viết + Có gợi ý đáp án + Cung cấp mẹo làm − Ghi + Cho phép ghi lại nội dung cần ghi nhớ + Lưu file ghi kho lưu trữ - Mơ tả: • Chứa đề luyện nghe theo phần Màn hình luyện nghe Hình 33 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 84 Màn hình danh sách đề thi Hình 34 Màn hình danh sách đề luyện thi - Mô tả: Chứa danh sách đề luyện thi 85 Màn hình làm đề thi Hình 35 Màn hình làm đề thi - 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 36 Màn hình kho từ vựng chưa đăng nhập 86 Hình 37 Màn hình kho từ vựng đăng nhập - Mơ tả: • Chứa tất từ vựng người dùng lưu lại q trình học Có thể xem nghĩa, nghe phát âm bỏ ghim từ vựng • Chứa ghi lưu Có thể xem, xóa, sửa nội dung ghi Màn hình dạng luyện nói Hình 38 Màn hình dạng luyện nói 87 - Mô tả: Các câu hỏi thi nói chia làm dạng (Read aloud, describe a picture, Respond to Questions, Respond to questions with information, Express an Options) Màn hình đề luyện nói theo dạng Hình 39 Màn hình đề luyện nói theo dạng - Mơ tả: Bao gồm đề chia theo dạng câu 88 Màn hình luyện nói Hình 40 Màn hình luyện nói - Mơ tả: • Chứa câu hỏi luyện nói • Có chức ghi âm để trả lời • Hiện gợi ý, phiên âm • Có thể nghe phát âm từ tồn gợi ý • Hiện tổng kết 89 Màn hình danh sách hướng dẫn thi nói Hình 41 Màn hình danh sách hướng dẫn thi nói - Mơ tả: Bao gồm hướng dẫn cách để làm dạng câu hỏi đề thi nói toeic Màn hình nội dung hướng dẫn thi nói Hình 42 Màn hình nội dung hướng dẫn thi nói - Mơ tả: • Chứa nội dung hướng dẫn 90 • Có mục lục để dễ dàng theo dõi Màn hình dạng viết Hình 43 Màn hình dạng viết - Mô tả: Mô tả: Các câu hỏi thi viết chia làm dạng (Write a sentence based on a picture, respond to a written request, Write an opinion essay) Màn hình đề luyện viết theo dạng Hình 44 Màn hình đề luyện viết theo dạng 91 - Mô tả: Bao gồm đề chia theo dạng câu Màn hình luyện viết Hình 45 Màn hình luyện viết - Mơ tả: • Chứa câu hỏi luyện viết • Có phần điền câu trả lời • Hiện gợi ý, phiên dịch • Có thể nghe phát âm từ • Hiện tổng kết 92 Màn hình danh sách hướng dẫn thi viết Hình 46 Màn hình danh sách hướng dẫn thi viết - Mô tả: Bao gồm hướng dẫn cách để làm dạng câu hỏi đề thi viết toeic Màn hình nội dung hướng dẫn thi viết Hình 47 Màn hình nội dung hướng dẫn thi viết - Mơ tả: • Chứa nội dung hướng dẫn • Có mục lục để dễ dàng theo dõi 93 Màn hình lựa chọn tạo ghi Hình 48 Màn hình lựa chọn tạo ghi - Mơ tả: • Chọn điền tên ghi có • Tạo ghi • Thông báo trạng thái thành công thất bại cho thao tác tạo ghi • Cảnh báo nhấn nút “Create or Change” chưa điền tên ghi 94 Màn hình nội dung ghi Hình 49 Màn hình nội dung ghi - Mơ tả: • Cho phép xem, chỉnh sửa lưu nội dung muốn ghi • Thơng báo trạng thái thành cơng thất bại cho thao tác lưu 95 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, luyện nói, luyện viết, ghi − 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 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 96 - 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 − Luyện nói − Luyện viết 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ăng thuận tiện cho chức ghi − 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, ) 97 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 98 ... (CỦA CÁN BỘ HƯỚNG DẪN) Tên đồ án 2: 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 19 520 040 Ths Huỳnh Hồ Thị... THÔNG TIN TP HCM, ngày… tháng … năm 20 22 ĐỀ 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... đề 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