KHÓA LUẬN tốt NGHIỆP xây DỰNG ỨNG DỤNG học TIẾNG ANH CHO NGƯỜI VIỆT

ĐẠ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 VÕ PHÚC TÀI KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG HỌC TIẾNG ANH CHO NGƯỜI VIỆT Building an application to learn English for Vietnamese people KỸ SƯ NGÀNH CÔNG NGHỆ 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 VÕ PHÚC TÀI – 17521003 KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG HỌC TIẾNG ANH CHO NGƯỜI VIỆT Building an application to learn English for Vietnamese people KỸ SƯ NGÀNH CÔNG NGHỆ PHẦN MỀM GIẢNG VIÊN HƯỚNG DẪN THS HUỲNH HỒ THỊ MỘNG TRINH 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 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, em trang bị kiến thức 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, với lịng biết ơn sâu sắc 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 thuận lợi để sinh viên tìm kiếm, nghiên cứu thơng tin với hệ thống thư viện đại, đa dạng loại sách tài liệu Gần gũi lời tốt đẹp xin gửi đến đến cô Huỳnh Hồ Thị Mộng Trinh tận tình giúp đỡ, định hướng cách tư phương pháp làm việc khoa học Đó góp ý q báu khơng q trình thực khóa luận mà cịn hành trang tiếp bước cho em trình học tập làm việc sau Sau cùng, xin chúc q Thầy Cơ khoa Cơng nghệ Phần mềm nói riêng, giáo viên trường Công nghệ thơng tin nói chung thật dồi sức khỏe để tiếp tục thực sứ mệnh cao đẹp Thành phố Hồ Chí Minh, 10 tháng 06 năm 2021 Sinh viên VÕ PHÚC TÀI MỤC LỤC TÓM TẮT KHÓA LUẬN Chương TỔNG QUAN ĐỀ TÀI .2 1.1 Lý chọn đề tài 1.2 Khảo sát trạng 1.2.1 Elight 1.2.2 Duolingo 1.2.3 BBC Learning English 1.2.4 Memrise .6 1.2.5 TFlat 1.3 Mục tiêu đề tài .8 1.4 Đối tượng nghiên cứu 1.5 Phương pháp thực 1.6 Kết mong đợi Chương CƠ SỞ LÍ THUYẾT VÀ CƠNG NGHỆ SỬ DỤNG .11 2.1 ASP.NET Core 11 2.1.1 Giới thiệu ASP.NET Core 11 2.1.2 Tại chọn ASP.NET Core .12 2.2 ASP.NET Core web APIs 13 2.2.1 API Web API 13 2.2.2 Những tính Web API 14 2.3 Hệ quản trị sở liệu MySQL/MariaDb 14 2.3.1 Vì chọn sử dụng MySQL 15 2.3.2 MariaDB 16 2.3.3 Sự lựa chọn cá nhân 16 2.4 ReactJs framework 17 2.4.1 Virtual DOM .18 2.4.2 JSX – JavaScrip XML .18 2.4.3 Components .18 2.5 Khung tham chiếu ngôn ngữ Chung Châu Âu 19 2.6 Đường cong quên lãng phương pháp học giãn cách .20 2.7 Raspberry Pi 21 Chương XÂY DỰNG HỆ THỐNG 23 3.1 Xác định yêu cầu hệ thống 23 3.2 Phân tích yêu cầu hệ thống 24 3.3 Thiết kế hệ thống 41 3.3.1 Thiết kế sở liệu 41 3.3.2 Thiết kế kiến trúc phần mềm .53 3.3.3 Thiết kế giao diện 56 3.4 Triển khai hệ thống 66 Chương KẾT LUẬN, HƯỚNG PHÁT TRIỂN 68 4.1 Kết đạt 68 4.1.1 Một số hình ứng dụng 68 4.1.2 Đánh giá người dùng 83 4.2 Ưu điểm .88 4.3 Nhược điểm 88 4.4 Hướng phát triển 88 TÀI LIỆU THAM KHẢO 89 DANH MỤC HÌNH VẼ Hình 1-1: Ảnh minh hoạ tỷ lệ người dùng nội dung internet theo ngôn ngữ Hình 1-2: Ảnh minh họa ứng dụng Elight Hình 1-3: Ảnh minh họa ứng dụng Duolingo .4 Hình 1-4: Ảnh minh hoạ ứng dụng BBC Learning English .5 Hình 1-5: Hình ảnh minh họa ứng dụng Memrise Hình 1-6: Hình ảnh minh họa ứng dụng Tflat Hình 2-1: Ảnh minh họa ASP.NET Core 11 Hình 2-2: Ảnh minh họa ASP.NET Core web APIs 13 Hình 2-3: Ảnh minh họa MariaDB MySQL 15 Hình 2-4: Ảnh minh họa React JS 17 Hình 2-5: Ảnh Khung tham chiếu trình độ CEFR 19 Hình 2-6: Ảnh minh họa Đường cong quên lãng 20 Hình 2-7: Ảnh trí nhớ cải thiện nhờ phương pháp ơn ngắt quãng 21 Hình 2-8: Ảnh máy tính Raspberry Pi 22 Hình 3-1: Ảnh sơ đồ Use-case mức tổng quát 26 Hình 3-2: Sơ đồ use-case người dùng chưa đăng nhập .27 Hình 3-3: Sơ đồ use-case người dùng đăng nhập .28 Hình 3-4: Sơ đồ use-case người quản trị 29 Hình 3-5: Sơ đồ thiết kế sở liệu 41 Hình 3-6: Mơ hình kiến trúc phía back-end 53 Hình 3-7: Mơ hình kiến trúc phía front-end 55 Hình 3-8: Hình thiết kế giao diện trang chủ 57 Hình 3-9: Hình thiết kế giao diện Grammar/Quiz Topic 58 Hình 3-10: Hình thiết kế giao diện nội dung ngữ pháp .59 Hình 3-11: Hình thiết kế giao diện chủ đề từ vựng 60 Hình 3-12: Hình thiết kế giao diện danh sách từ vựng .61 Hình 3-13: Hình thiết kế giao diện làm trắc nghiệm .62 Hình 3-14: Hình thiết kế giao diện kết kiểm tra trình độ .63 Hình 3-15: Hình thiết kế giao diện học ôn .64 Hình 3-16: Sơ đồ liên kết giao diện 65 Hình 3-17: Hình sơ đồ thành phần triển khai hệ thống 66 Hình 4-1: Màn hình trang chủ 68 Hình 4-2: Màn hình kết đầu vào 69 Hình 4-3: Màn hình học ôn 70 Hình 4-4: Màn hình danh sách ngữ pháp 71 Hình 4-5: Màn hình trị chơi xếp câu 71 Hình 4-6: Màn hình học ngữ pháp 72 Hình 4-7: Màn hình danh sách từ vựng theo chủ đề 73 Hình 4-8: Màn hình danh sách từ vựng 74 Hình 4-9: Màn hình Flashcard 75 Hình 4-10: Màn hình trị chơi điền kí tự khuyết .75 Hình 4-11: Màn hình trị rùa thỏ 76 Hình 4-12: Màn hình danh sách trắc nghiệm 76 Hình 4-13: Màn hình câu hỏi trắc nghiệm 77 Hình 4-14: Màn hình quản lí thơng tin cá nhân 77 Hình 4-15: hình từ điển .78 Hình 4-16: Màn hình hỏi trả lời 79 Hình 4-17: Màn hình đăng kí 80 Hình 4-18: Màn hình đăng nhập .80 Hình 4-19: Màn hình mua hàng 81 Hình 4-20: Màn hình quản lí sản phẩm 82 Hình 4-21: Màn hình quản lí đơn hàng .82 Hình 4-22: Hình số liệu người dùng đăng kí tài khoản 83 Hình 4-23: Hình số liệu phản hồi chất lượng đánh giá trình độ 84 Hình 4-24: Hình số liệu phản hồi chất lượng học đề xuất 84 Hình 4-25: Hình số liệu phản hồi số lần ôn tập 85 Hình 4-26: Hình số liệu phản hồi phương pháp ôn tập 85 Hình 4-27: Hình số liệu người dùng muốn tiếp tục sử dụng ứng dụng 86 Hình 4-28: Hình số liệu độ hài lịng người dùng 86 Hình 4-9: Màn hình Flashcard Hình 4-10: Màn hình trị chơi điền kí tự khuyết 75 Hình 4-11: Màn hình trị rùa thỏ Hình 4-12: Màn hình danh sách trắc nghiệm 76 Hình 4-13: Màn hình câu hỏi trắc nghiệm Hình 4-14: Màn hình quản lí thơng tin cá nhân 77 Hình 4-15: hình từ điển 78 Hình 4-16: Màn hình hỏi trả lời 79 Hình 4-17: Màn hình đăng kí Hình 4-18: Màn hình đăng nhập 80 Hình 4-19: Màn hình mua hàng 81 Hình 4-20: Màn hình quản lí sản phẩm Hình 4-21: Màn hình quản lí đơn hàng 82 4.1.2 Đánh giá người dùng Ứng dụng triển khai nhận kết phản hồi Khảo sát đặt câu hỏi người dùng đăng kí tài khoản chưa? Bài đánh giá trình độ đầu vào có phù hợp khơng? Bài học đề xuất ôn đủ chưa? Ứng dụng có giúp nhớ nhanh khơng? Tính tới thời diểm nhận 78 kết phản hồi Hình 4-22: Hình số liệu người dùng đăng kí tài khoản 83 Hình 4-23: Hình số liệu phản hồi chất lượng đánh giá trình độ Hình 4-24: Hình số liệu phản hồi chất lượng học đề xuất 84 Hình 4-25: Hình số liệu phản hồi số lần ơn tập Hình 4-26: Hình số liệu phản hồi phương pháp ơn tập 85 Hình 4-27: Hình số liệu người dùng muốn tiếp tục sử dụng ứng dụng Hình 4-28: Hình số liệu độ hài lịng người dùng 86 Tổng kết Bảng 4-1: Bảng thống kê kết khảo sát người dùng Câu hỏi khảo sát Kết Bạn đăng kí tài khoản người dùng Đã đăng kí: 97.4% chưa? Chưa đăng kí: 2.6% Bài đánh giá đầu vào có đánh giá trình độ bạn không? Đánh giá đúng: 94.9% Kết cao trình độ thực tế: 3.8% Kết thấp trình độ thực tế: 1.3% Bài học đề xuất có phù hợp với bạn Phù hợp: 98.7% Nội dung khơng trình độ: 1.3% khơng? lần ơn tập: sau buổi học, ngày 30ngày đủ chưa? Phù hợp: 93.6% Nên thêm nhiều lần ôn tập hơn: 6.4% Nên giảm số lần ôn tập lại: 0% Các trị chơi có giúp bạn nhớ nhanh Có: 100% khơng? Khơng: 0% Bạn có muốn tiếp tục sử dụng ứng dụng Có: 100% tương lai khơng? Không: 0% Rất tốt (5/5): 21.8% Tốt (4/5): 62.8% Ứng dụng hỗ trợ tốt cho bạn chưa? Khá tốt (3/5): 15.4% Không tốt (2/5): 0% Rất tệ (1/5): 0% Tổng kết lại hầu hết người dùng có tài khoản để sử dụng tính mở rộng, họ hài lịng với việc đánh giá trình độ đề xuất học Tất cảm thấy ứng dụng hỗ trợ tốt họ muốn tiếp tục sử dụng tương lai Bên cạnh đó, người dùng có đề xuất việc tăng tần xuất ơn tập nên mở rộng kiến thức cho trình độ C1, C2 87 4.2 Ưu điểm Hoàn thành yêu cầu đặt ban đầu, có đầy đủ tính cần thiết website học tiếng anh cho người Việt Nam Giao diện đơn giản, bố cục hợp lý, người dùng dễ dàng theo tác Tất tính bật hướng tới cá nhân hóa cho người dùng Sinh viên thực khóa luận nắm kiến thức cách tổ chức việc lập trình web Ứng dụng triển khai thành công 4.3 Nhược điểm Cịn hạn chế số tính Tối ưu code chưa tốt nên tốc độ tương tác ứng dụng cịn chậm Chưa phát triển tính xác thực qua email, số điện thoại cho tài khoản Mặc dù đánh giá chưa có học cho trình độ C1, C2 4.4 Hướng phát triển Xây dựng chứa bổ sung, hoàn thiện chức có Cải tiến source code để tăng tốc độ tương tác Tái tổ chức CSDL hợp lý Hỗ trợ thêm đa ngôn ngữ cho quốc gia Mở rộng thêm nhiều học nhiều chủ đề khó cụm từ, cụm ngữ pháp thường xuất trình độ cao 88 TÀI LIỆU THAM KHẢO [1] Marijn Haverbeke, “Eloquent JavaScript: A Modern Introduction to Programming” in 2011 2rd [2] “Historical yearly trends in the usage statistics of server-side programming languages for websites.” https://w3techs.com/technologies/history_overview/programming_language/ ms/y [3] ASP.NET Core Overview: https://docs.microsoft.com/enus/aspnet/core/introduction-to-aspnet-core?view=aspnetcore-5.0 [4] Reactjs Overview: https://reactjs.org/tutorial/tutorial.html [5] Mariadb and mySQL: https://blog.panoply.io/a-comparative-vmariadb-vsmysql [6] CEFR: The CEFR | Cambridge English [7] Forgetting Curve: The Forgetting Curve - Why We Forget, and What We Can Do About It (mindtools.com) [8] Spaced Repetition: A Guide to the Technique | E-Student 89 ...ĐẠ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 VÕ PHÚC TÀI – 17521003 KHÓA LUẬN TỐT NGHIỆP XÂY DỰNG ỨNG DỤNG HỌC TIẾNG ANH CHO NGƯỜI VIỆT Building... mở phục vụ cho việc xây dựng ứng dụng đại, cho phép kết nối cloud internet Với ASP.NET Core, có thể: - Xây dựng ứng dụng web dịch vụ, ứng dụng IoT, backend cho mobile app - Có thể sử dụng chung... viện ứng dụng khác Nó viết tắt từ tiếng anh Application Programming Interface API cung cấp khả truy xuất đến một tập hàm mà ứng dụng muốn cung cấp API cho ứng dụng khác sử dụng Nhờ ứng dụng trao