(Đồ án tốt nghiệp) Xây dựng hệ thống hỗ trợ học tiếng anh

(Đồ án tốt nghiệp) Xây dựng hệ thống hỗ trợ học tiếng anh(Đồ án tốt nghiệp) Xây dựng hệ thống hỗ trợ học tiếng anh(Đồ án tốt nghiệp) Xây dựng hệ thống hỗ trợ học tiếng anh(Đồ án tốt nghiệp) Xây dựng hệ thống hỗ trợ học tiếng anh(Đồ án tốt nghiệp) Xây dựng hệ thống hỗ trợ học tiếng anh(Đồ án tốt nghiệp) Xây dựng hệ thống hỗ trợ học tiếng anh(Đồ án tốt nghiệp) Xây dựng hệ thống hỗ trợ học tiếng anh(Đồ án tốt nghiệp) Xây dựng hệ thống hỗ trợ học tiếng anh(Đồ án tốt nghiệp) Xây dựng hệ thống hỗ trợ học tiếng anh(Đồ án tốt nghiệp) Xây dựng hệ thống hỗ trợ học tiếng anh(Đồ án tốt nghiệp) Xây dựng hệ thống hỗ trợ học tiếng anh(Đồ án tốt nghiệp) Xây dựng hệ thống hỗ trợ học tiếng anh(Đồ án tốt nghiệp) Xây dựng hệ thống hỗ trợ học tiếng anh(Đồ án tốt nghiệp) Xây dựng hệ thống hỗ trợ học tiếng anh(Đồ án tốt nghiệp) Xây dựng hệ thống hỗ trợ học tiếng anh(Đồ án tốt nghiệp) Xây dựng hệ thống hỗ trợ học tiếng anh(Đồ án tốt nghiệp) Xây dựng hệ thống hỗ trợ học tiếng anh(Đồ án tốt nghiệp) Xây dựng hệ thống hỗ trợ học tiếng anh

TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM KHOA ĐÀO TẠO CHẤT LƯỢNG CAO  ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG HỆ THỐNG HỖ TRỢ HỌC TIẾNG ANH SVTH: LUYỆN NGỌC THANH NGUYỄN THANH LẬP MSSV: 17110221 17110169 Khóa: 2017 Ngành: CÔNG NGHỆ THÔNG TIN GVHD: THS LÊ THỊ MINH CHÂU TP Hồ Chí Minh, tháng 07 năm 2021 LỜI CẢM ƠN Trong học kỳ này, phân công quý thầy cô khoa Đào tạo chất lượng cao, Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh, nhóm hoàn thành khóa luận tốt nghiệp “XÂY DỰNG HỆ THỐNG HỖ TRỢ HỌC TIẾNG ANH” Nhóm xin bày tỏ lòng biết ơn chân thành sâu sắc đến giảng viên hướng dẫn: Thạc sĩ Lê Thị Minh Châu tận tình hướng dẫn nhóm suốt trình nghiên cứu thực đề tài Nhóm xin gửi lời cảm ơn đến q thầy khoa Đào Tạo Chất Lượng Cao, quý thầy cô khoa Công Nghệ Thông Tin trang bị cho nhóm kiến thức kinh nghiệm quý giá q trình học tập nhiệt tình giúp đỡ nhóm thực đề tài Nhóm xin chân thành cảm ơn phòng thư viện cung cấp tài liệu tạo điều kiện thuận lợi để nhóm hồn thành khóa luận tốt nghiệp Mặc dù có nhiều cố gắng, thời gian có hạn, trình độ, kỹ thân nhiều hạn chế nên chắn không tránh khỏi hạn chế, thiếu sót Rất mong đóng góp, bảo, bổ sung thêm thầy bạn Nhóm xin chân thành cảm ơn Thành phố Hồ Chí Minh, Ngày 20 tháng 07 năm 2021 Sinh viên thực Nguyễn Thanh Lập Luyện Ngọc Thanh i TÓM TẮT Trong bối cảnh cách mạng công nghiệp 4.0 vào cao trào vai trị website ứng dụng ngày quan trọng Thậm chí số doanh nghiệp phát triển đến 80 – 90% doanh thu từ website ứng dụng Website ứng dụng trở nên phổ biến mà cịn cơng cụ thiếu trung trâm cá nhân hoạt động học tập Đây là phương thức truyền đạt kiến thức nhanh chóng tiếp cận hiệu người dùng Internet để học tập Website ứng dụng đánh giá là công cụ dễ dàng để nâng cao trình độ kiến thức cải thiện khả học tập Mặt khác, website ứng dụng là bước tiến quan trọng hiệu việc thực chiến lược dạy online Đối với cá nhân, sử dụng trang website ứng dụng là cách đơn giản nhanh để nắm kiến thức, cải thiện trình độ tự học thân tiết kiệm thời gian học ii MỤC LỤC LỜI CẢM ƠN i TÓM TẮT ii MỤC LỤC iii DANH MỤC CÁC TỪ VIẾT TẮT vii MỤC LỤC HÌNH viii MỤC LỤC BẢNG xi CHƯƠNG 1: KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU 1.1 Lý chọn đề tài .1 1.2 Mục tiêu nghiên cứu .1 1.3 Khảo sát trạng 1.3.1 Duolingo 1.3.2 Busuu 1.4 Mô tả tổng thể .12 1.4.1 Chức sản phẩm 12 1.4.2 Các lớp người dùng đặc điểm người dùng 12 1.4.3 Môi trường hoạt động 12 1.4.4 Ràng buộc 13 1.5 Tính cấp thiết đề tài .13 CHƯƠNG 2: CƠ SỞ LÝ THUYẾT 14 2.1 .NET core .14 2.1.1 Giới thiệu NET core 14 2.1.2 Đặc điểm NET core 14 2.1.3 Thành phần NET core 14 2.2 ReactJs 15 2.2.1 Giới thiệu 15 2.2.2 Thành phần ReactJs .15 2.2.3 Lợi ích sử dụng ReactJs 15 2.3 React Native 16 2.3.1 Giới thiệu React Native .16 2.3.2 Cách hoạt động React Native 16 iii 2.3.3 Ưu điểm React Native .16 2.4 SQL Server 16 2.4.1 Giới thiệu SQL Server .16 2.4.2 Tại lại sử dụng SQL thiết kế Website 17 CHƯƠNG 3: PHÂN TÍCH VÀ MƠI TRƯỜNG HĨA U CẦU 18 3.1 Phân tích yêu cầu chức .18 3.1.1 Chức quản lý quiz 18 3.1.2 Chức quản lý lộ trình học .18 3.1.3 Chức quản lý học 18 3.1.4 Chức quản lý câu hỏi 19 3.1.5 Chức quản lý exam .19 3.1.6 Chức học với từ vựng 20 3.1.7 Chức tra cứu từ vựng 20 3.1.8 Chức thảo luận 20 3.1.9 Chức làm exam 21 3.1.10 Chức làm quiz .21 3.1.11 Chức nhắn tin 22 3.2 Phân tích yêu cầu phi chức 22 3.2.1 Khả sử dụng 22 3.2.2 Độ khả dụng .22 3.2.3 Độ tin cậy 22 3.2.4 Hiệu suất 23 3.2.5 Khả hỗ trợ 23 3.2.6 Ràng buộc thiết kế 23 3.3 Mơ hình hóa u cầu 24 3.3.1 Usecase tổng quát 24 3.3.2 Mô tả sơ đồ usecase 24 3.3.3 Đặc tả số USE CASE 27 3.4 Sơ đồ kiến trúc hệ thống 36 3.5 Lược đồ tuần tự 36 3.5.1 Làm exam 36 iv 3.5.2 Học theo lộ trình .38 3.5.3 Đăng nhập với social account 39 3.5.4 Gửi tin nhắn 40 3.5.5 Thêm viết 40 3.5.6 Làm quiz 41 3.5.7 Theo dõi 42 3.6 Sơ đồ lớp 43 CHƯƠNG 4: THIẾT KẾ WEBSITE 46 4.1 Thiết kế sở liệu 46 4.1.1 Account 47 4.1.2 Exam 48 4.1.3 Quiz 48 4.1.4 Question 49 4.1.5 Post 50 4.1.6 Comment 50 4.1.7 Word 51 4.1.8 QuizHistory .51 4.1.9 ExamHistory 52 4.1.10 Route 53 4.1.11 Section 53 4.1.12 Script 54 4.1.14 PostImage 55 4.1.15 Memory 55 4.1.16 Notification 56 4.1.17 Message 56 4.1.18 BoxChat 57 4.2 Thiết kế giao diện 58 4.2.1 Screen Flow ứng dụng web phía người học .58 1.2.2 Screen Flow ứng dụng mobile app phía người học 78 1.2.3 Screen Flow ứng dụng web phía quản trị viên 92 CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ 105 v 5.1 Cài đặt 105 5.1.1 Mơi trường lập trình 105 5.1.2 Cài đặt môi trường phát triển .105 5.1.3 Back-end 105 5.1.4 Front-end .107 5.1.5 Mobile app 109 5.2 Kiểm thử 110 5.2.1 Test case làm exam .110 5.2.2 Test case học theo lộ trình 111 5.2.3 Test case học theo lộ trình 112 5.2.4 Test case Đăng nhập .113 5.2.5 Test case thích bình luận .114 CHƯƠNG 6: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 116 6.1 Kết đạt .116 6.2 Ưu điểm 116 6.3 Hạn chế 116 6.4 Hướng phát triển 117 CHƯƠNG 7: TÀI LIỆU THAM KHẢO 118 vi DANH MỤC CÁC TỪ VIẾT TẮT SQL: Structured Query Language API: Application Programming Interface IIS: Internet Information Services vii MỤC LỤC HÌNH Hình 1.1: Các học theo chủ đề Duolingo Hình 1.2: Học từ vựng Duolingo Hình 1.3: Luyện tập Duolingo Hình 1.4: Forum thảo luận Duolingo Hình 1.5: Tra cứu từ vựng Duolingo .6 Hình 1.6: Luyện nghe Duolingo .6 Hình 1.7: Các học theo chủ đề Busuu .8 Hình 1.8: Học từ vựng Busuu Hình 1.9: Luyện tập Busuu 10 Hình 1.10: Forum thảo luận 11 Hình 3.1: Usecase tổng quát 24 Hình 3.2: Sơ đồ kiến trúc hệ thống 36 Hình 3.3: Sequence Diagram làm exam 38 Hình 3.4: Sequence Diagram học theo lộ trình 39 Hình 3.5: Sequence Diagram đăng nhập với social account .39 Hình 3.6: Sequence Diagram gửi tin nhắn 40 Hình 3.7: Sequence Diagram thêm viết 41 Hình 3.8: Sequence Diagram làm quiz 42 Hình 3.9: Sequence Diagram theo dõi 43 Hình 3.10: Class diagram .43 Hình 3.11: Sơ lược class diagram 44 Hình 3.12: Sơ lược class diagram 45 Hình 4.1: Sơ đồ ERD .46 Hình 4.2: Screen Flow ứng dụng web phía người học 58 Hình 4.3: SCL001 List Section Screen 59 Hình 4.4: SCL002 List FlashCard Screen 61 Hình 4.5: SCL003 FlashCard Screen 63 Hình 4.6: SCL004 List Exam Screen 65 viii Hình 4.7: SCL005 Do Exam Screen .67 Hình 4.8: SCL006 Learn Section Screen .69 Hình 4.9: SCL007 Vocabulary Learning Progress Screen 71 Hình 4.10: SCL008 Forum Screen 72 Hình 4.11: SCL009 Detail Discussion Screen 74 Hình 4.12: SCL010 Chat Screen 76 Hình 4.13: Screen Flow ứng dụng mobile app phía người học 78 Hình 4.14: SCLA001 Home Screen 79 Hình 4.15: SCLA002 Calendar Screen 81 Hình 4.16: SCLA003 Create Reminder Screen 83 Hình 4.17: SCLA004 List Section Screen 84 Hình 4.18: SCLA005 Section Screen 86 Hình 4.19: SCLA006 List Quiz Screen 88 Hình 4.20: SCLA007 Do Quiz Screen 89 Hình 4.21: SCLA008 FlashCard Screen 91 Hình 4.22: Screen Flow ứng dụng web phía quản trị viên 92 Hình 4.23: SCA001 Manage Quiz/Exam Screen 93 Hình 4.24: SCA002 Manage Study Route Screen .95 Hình 4.25: SCA003 Create Study Route Screen 97 Hình 4.26: SCA004 Manage Bank Question Screen 97 Hình 4.27: SCA005 Create Match Word Question Screen 99 Hình 4.28: SCA006 Manage Section Screen 101 Hình 4.29: SCA007 Censorship Quiz/Exam Screen 103 Hình 5.1: Trang tải Node.js 105 Hình 5.2: Cài đặt mơi trường .106 Hình 5.3: Clone backend repo 106 Hình 5.4: Restore project .106 Hình 5.5: Truy cập vào thư mục Engrisk 106 Hình 5.6: Khỏi chạy server 107 ix CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ Hình 5.2: Cài đặt môi trường 5.1.3.2 Cài đặt server Bước 1: Tạo thư mục có tên BackEnd mở Visual Code Bước 2: Clone repo: https://github.com/yasuo99/EngriskNetCoreApi nhánh master với lệnh cmd sau: git clone https://github.com/yasuo99/EngriskNetCoreApi.git Hình 5.3: Clone backend repo Bước 3: Thêm file cấu hình appsettings.json vào đường dẫn /EngriskNetCoreApi/Engrisk đồng thời cấu hình kết nối sql server theo máy Bước 4: Restore project lệnh: dotnet restore Hình 5.4: Restore project Bước 5: Truy cập thư mục Engrisk lệnh: cd Engrisk Hình 5.5: Truy cập vào thư mục Engrisk 106 CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ Bước 6: Khởi chạy server lệnh cmd: dotnet run Hình 5.6: Khỏi chạy server 5.1.3.3 Kết Hình 5.7: Kết chạy backend 5.1.4 Front-end 5.1.4.1 Cài đặt môi trường Bước 1: Tạo thư mục có tên FrontEnd mở Visual Code Bước 2: Clone repo: https://github.com/yasuo99/EngriskApi với nhánh FrontEnd lệnh cmd sau: git clone https://github.com/yasuo99/EngriskApi.git -b FrontEnd Hình 5.8: Clone project với nhánh FrontEnd Bước 3: Truy cập thư mục lệnh: cd EngriskApi Hình 5.9: Truy cập vào thư mục EngriskApi 107 CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ Bước 4: Cài đặt môi trường lệnh: npm install Hình 5.10: Cài đặt mơi trường Bước 5: Cấu hình đường dẫn Api file sau: /EngriskApi/.env Hình 5.11: Cấu hình đường dẫn API Bước 6: Khởi chạy ứng dụng với câu lệnh: npm start Hình 5.12: Khởi chạy ứng dụng 5.1.4.2 Kết Hình 5.13: Kết chạy project front-end 108 CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ 5.1.5 Mobile app 5.1.5.1 Cài đặt môi trường Bước 1: Tạo thư mục có tên Engrisk mở Visual Code Bước 2: Clone repo: https://github.com/yasuo99/EngriskApi với nhánh DevApp lệnh cmd sau: git clone https://github.com/yasuo99/EngriskApi.git -b DevApp Hình 5.14: Clone project với nhánh DevApp Bước 3: Truy cập thư mục lệnh: cd EngriskApi Hình 5.15: Truy cập vào thư mục EngriskApi Bước 4: Cài đặt mơi trường lệnh: npm install Hình 5.16: Cài đặt mơi trường Bước 5: Cấu hình đường dẫn Api file sau: /EngriskApi/src/constants/api.js Hình 5.17: Cấu hình đường dẫn API Bước 6: Khởi chạy ứng dụng với câu lệnh: npx react-native run-android 109 CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ Hình 5.18: Khởi chạy ứng dụng 5.1.4.2 Kết Hình 5.19: Kết chạy project mobile app 5.2 Kiểm thử 5.2.1 Test case làm exam STT Mô tả Dữ liệu Kết Kết thực Trạng kiểm thử mong đợi tế thái Truy cập trang danh Ứng dụng Điều hướng Pass sách exam điều hướng đến trang xác danh sách kiểm tra Chọn bài exam để Bài exam: Ứng dụng Điều hướng làm cách click Mini test điều hướng đến trang làm vào nút làm toeic xác kiểm tra Hiển thị câu hỏi Ứng dụng Câu hỏi đáp án hiển thị câu đáp án hỏi hiển thị, Pass Pass bao gồm ảnh file nghe có Chọn đáp án Đáp án: A Đáp án Đáp án women is chọn hiển thị chọn hiển thị fixing the màu sắc khác màu xanh door Pass dương, 110 CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ đáp án lại giữ nguyên màu Click nộp Click xác nhận Hiển thị Popup xác popup xác nhận nộp nhận hiển thị Ứng dụng Điều hướng điều hướng đến trang kết xác làm Pass Pass Bảng 5.1: Test case làm exam 5.2.2 Test case học theo lộ trình STT Mơ tả Dữ liệu kiểm Kết Kết thực Trạng thử mong đợi tế thái Truy cập trang Ứng dụng Điều hướng Pass học điều hướng đến trang xác danh sách học Chọn kịch để Bài học: Ứng dụng Điều hướng học Present điều hướng đến trang học simple forms xác Pass Kịch học: ngữ pháp Hiển thị lý thuyết Ứng dụng Phần lý thuyết Pass cho phần ngữ hiển thị phần hiển thị pháp lý thuyết có 111 CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ Chọn Ứng dụng Phần câu hỏi hiển thị phần luyện tập Pass câu hỏi luyện hiển thị tập có Click thoát Click xác nhận Hiển thị Popup xác popup xác nhận thoát nhận hiển thị Ứng dụng Điều hướng điều hướng đến trang xác học Pass Pass Bảng 5.2: Test case học theo lộ trình 5.2.3 Test case học theo lộ trình STT Mô tả Dữ liệu kiểm Kết Kết thực Trạng thử mong đợi tế thái Truy cập trang Ứng dụng Điều hướng Pass học điều hướng đến trang danh xác sách học Chọn kịch để Bài học: Ứng dụng Điều hướng học Present điều hướng đến trang học simple forms xác Pass Kịch học: ngữ pháp Hiển thị lý thuyết Ứng dụng Phần lý thuyết cho phần ngữ hiển thị phần hiển thị pháp lý thuyết Pass có 112 CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ Ứng dụng Chọn Phần câu hỏi Pass hiển thị phần luyện tập câu hỏi hiển thị luyện tập có Chọn đáp án Đáp án: Are Hiển thị kết Hiển thị kết đáp án, xác, vơ hiệu hóa vơ hiệu hóa phần trả lời component liên quan select Ứng dụng Câu hỏi tiếp hiển thị câu theo hiển hỏi thị Đáp án: The Hiển thị kết Hiển thị kết bank đáp án, sai, vơ vơ hiệu hóa hiệu hóa phần trả lời component liên quan input Hiển thị Popup xác popup xác nhận thoát nhận hiển thị Ứng dụng Điều hướng điều hướng đến trang xác học Click Điền đáp án Click thoát Click xác nhận Pass Pass Pass Pass Pass Bảng 5.3: Test case học theo lộ trình 5.2.4 Test case Đăng nhập Mô tả Dữ liệu Kết mong Kết thực Trạng kiểm thử đợi tế thái 113 CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ Truy cập trang Ứng dụng Điều hướng đăng nhập điều hướng đến trang xác đăng nhập Tài khoản: Hiển thị tài Hiển thị admin1 khoản nhập tài khoản Nhập tài khoản Pass Pass nhập Nhập mật Mật khẩu: Hiển thị mật Hiển thị mật Admin bị ẩn ẩn Thông báo sai Hiển thị Click đăng nhập Pass Pass tài khoản thông báo sai mật tài khoản mật góc bên phải Bảng 5.4: Test case đăng nhập 5.2.5 Test case thích bình luận STT Mơ tả Dữ liệu kiểm Kết Kết thực Trạng thử mong đợi tế thái Truy cập trang Ứng dụng Điều hướng Pass thảo luận chi tiết điều hướng đến trang thảo xác luận chi tiết Click thích bình Tăng đếm Bộ đếm lượt luận lượt thích thích bình bình luận luận tăng Hiển thị lại Hiển thị trang thảo mong đợi Làm lại trang Pass Pass luận chi tiết với đếm 114 CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ lượt thích tăng Click thích bình Giảm đếm Bộ đếm lượt luận lượt thích thích bình bình luận luận giảm Hiển thị lại Hiển thị trang thảo mong đợi Làm lại trang Pass Pass luận chi tiết với đếm lượt thích giảm Bảng 5.5: Test case thích bình luận 115 CHƯƠNG 6: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN CHƯƠNG 6: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN 6.1 Kết đạt Về nhóm tìm hiểu và đạt được: • Tìm hiểu xây dựng RESTFul API ngơn ngữ C# với framework NET CORE 3.1 • Tìm hiểu áp dụng ReactJS để xây dựng giao diện website • Tìm hiểu áp dụng React Native để xây dựng ứng dụng mobile • Tìm hiểu áp dụng SignalR để ứng dụng vào tính thời gian thực • Tìm hiểu áp dụng Google Translate API hỗ trợ tính dịch • Tìm hiểu deploy front-end Heroku, back-end IIS • Xây dựng ứng dụng hỗ trợ học tiếng Anh với số tính sau: - Học theo lộ trình - Làm exam - Làm quiz - Học từ vựng - Diễn đàn thảo luận 6.2 Ưu điểm • Giao diện ứng dụng website lẫn mobile đại, tối giản, bắt mắt, thân thiện với người dùng • Khơng q khó để người dùng tiếp cận với hệ thống • Hệ thống sử dụng cơng nghệ và đóng vai trị quan trọng ngành cơng nghệ thơng tin • Hệ thống có cung cấp chứng hồn thành lộ trình học, thứ giúp ích cho người dùng sống (trong trường hợp chứng đăng ký hợp pháp) • Khả bảo trì, mở rộng tương đối dễ dàng • Có tính hệ thống hỗ trợ học tiếng anh Duolingo, Busuu 6.3 Hạn chế • Code back-end chưa tối ưu, có khả gây chậm chạp phải xử lý request lớn • Hệ thống chưa tích hợp tính sử dụng Machine Learning để giảm tối đa khối lượng công việc cần quản lý chặn spam mục tiêu đề 116 CHƯƠNG 6: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN • Ứng dụng mobile chưa đồng hồn tồn chức mà ứng dụng website có • Hệ thống chưa có chức giải đấu, tổ chức thi người dùng Theo có phần thưởng sách, khóa học tiếng Anh dành cho người dùng có thứ hạng cao theo tháng/quý/năm 6.4 Hướng phát triển Sau xây dựng phát triển tính đề ra, nhóm có số ý tưởng để phát triển hệ thống trở nên đa dạng tính hỗ trợ tối đa cho người dùng để học tiếng Anh cách thoải mái nhiên vấn đề mặt thời gian nên nhóm dự định hồn thiện ý tưởng có thể: - Tối ưu hóa code back-end - Nghiên cứu ứng dụng Machine Learning vào nhằm giúp giảm thiểu khối lượng công việc cần quản lý việc chặn spam chức trao đổi thảo luận - Đồng hóa chức ứng dụng website ứng dụng mobile - Tổ chức thi người dùng với kèm với phần thưởng tùy theo kết thi 117 CHƯƠNG 7: TÀI LIỆU THAM KHẢO CHƯƠNG 7: TÀI LIỆU THAM KHẢO Tiếng anh [1] Trang react bản: https://reactjs.org/ [2] Trang react-redux: https://react-redux.js.org/ [3] Tài liệu Net core: https://docs.microsoft.com/en-us/dotnet/ [4] Tài liệu Entity Framework Core: https://docs.microsoft.com/en-us/ef/core/ [5] Tài liệu Dropbox SDK: https://www.dropbox.com/developers/documentation/dotnet#tutorial [6] Tài liệu Cloudinary SDK: https://cloudinary.com/documentation/dotnet_integration [8] Tài liệu jwt: https://jwt.io [9] Template quản lý: https://startbootstrap.com/theme/sb-admin-2 [10] Tài liệu react native: https://reactnative.dev/docs/getting-started [11] Tài liệu react-navigation: https://reactnavigation.org/docs/getting-started/ [12] https://dictionaryapi.dev 118 S K L 0 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 XÂY DỰNG HỆ THỐNG HỖ TRỢ HỌC TIẾNG ANH GVHD:THS LÊ THỊ MINH CHÂU SVTH: LUYỆN NGỌC THANH NGUYỄN THANH LẬP SKL008092 Tp Hồ Chí Minh, tháng 07/2021 ... người học Người học tương tác, thực hành giao tiếp thực tế Các hệ thống học tiếng anh giúp cho người học dễ dàng cải thiện kỹ cách nhanh chóng hiệu 1.2 Mục tiêu nghiên cứu • Xây dựng hệ thống hỗ trợ. .. quiz, làm kiểm tra Cách cấu hình và cài đặt chức này cho hệ thống hỗ trợ học tiếng Anh • Cấu hình và cài đặt hệ thống hỗ trợ học tiếng Anh bao gồm ứng dụng website ứng dụng mobile • Nghiên cứu... Xây dựng hệ thống hỗ trợ học tiếng Anh mang đến cho người dùng tiện lợi, thú vị việc học tiếng Anh • Tìm hiểu chức hệ thống hỗ trợ học ngơn ngữ trực tuyến (cụ thể): Học từ vựng, luyện nghe, làm