Xây dựng hệ thống hỗ trợ học tiếng anh đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

129 59 0
Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

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 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 yê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 Hình 5.7: Kết chạy backend 107 Hình 5.8: Clone project với nhánh FrontEnd 107 Hình 5.9: Truy cập vào thư mục EngriskApi .107 Hình 5.10: Cài đặt mơi trường .108 Hình 5.11: Cấu hình đường dẫn API 108 Hình 5.12: Khởi chạy ứng dụng 108 Hình 5.13: Kết chạy project front-end .108 Hình 5.14: Clone project với nhánh DevApp .109 Hình 5.15: Truy cập vào thư mục EngriskApi 109 Hình 5.16: Cài đặt môi trường .109 Hình 5.17: Cấu hình đường dẫn API 109 Hình 5.18: Khởi chạy ứng dụng 110 Hình 5.19: Kết chạy project mobile app 110 x MỤC LỤC BẢNG Bảng 1.1: Môi trường hoạt động 13 Bảng 3.1: Yêu cầu chức quản lý quiz 18 Bảng 3.2: Yêu cầu chức quản lý tài khoản 18 Bảng 3.3: Yêu cầu chức quản lý tài khoản 19 Bảng 3.4: Yêu cầu chức nhắn tin với chatbot .19 Bảng 3.5: Yêu cầu chức quản lý exam 20 Bảng 3.6: Yêu cầu chức học với flashcard 20 Bảng 3.7: Yêu cầu chức tra cứu từ vựng .20 Bảng 3.8: Yêu cầu chức bình luận 21 Bảng 3.9: Yêu cầu chức làm exam .21 Bảng 3.10: Yêu cầu làm quiz 22 Bảng 3.11: Yêu cầu chức nhắn tin 22 Bảng 3.12: Mô tả sơ đồ usecase 27 Bảng 3.13: USE CASE - OLMS_UC_32 .28 Bảng 3.14: USE CASE - OLMS_UC_27 .28 Bảng 3.15: USE CASE - OLMS_UC_12 .29 Bảng 3.16: USE CASE - OLMS_UC_13 .30 Bảng 3.17: USE CASE - OLMS_UC_04 .31 Bảng 3.18: USE CASE - OLMS_UC_25 .31 Bảng 3.19: USE CASE - OLMS_UC_24 .32 Bảng 3.20: USE CASE - OLMS_UC_14 .33 Bảng 3.21: USE CASE - OLMS_UC_17 .34 Bảng 3.22: USE CASE - OLMS_UC_15 .34 Bảng 3.23:USE CASE - OLMS_UC_16 35 Bảng 3.24: Luồng xử lý sequence diagram làm exam 37 Bảng 3.25: Luồng xử lý sequence diagram học theo lộ trình 38 Bảng 3.26: Luồng xử lý sequence diagram đăng nhập với social account .39 Bảng 3.27: Luồng xử lý sequence diagram gửi tin nhắn .40 xi Bảng 3.28: Luồng xử lý sequence diagram thêm viết 41 Bảng 3.29: Luồng xử lý sequence diagram làm quiz 41 Bảng 3.30: Luồng xử lý sequence diagram theo dõi 43 Bảng 4.1: Mô tả khái quát class 47 Bảng 4.2: Account 48 Bảng 4.3: Exam 48 Bảng 4.4: Quiz 49 Bảng 4.5: Questions 49 Bảng 4.6: Post 50 Bảng 4.7: Comments .50 Bảng 4.8: Word 51 Bảng 4.9: Histories 52 Bảng 4.10: ExamHistory 52 Bảng 4.11: Route .53 Bảng 4.12: Section 54 Bảng 4.13: Script .54 Bảng 4.14: Answers 55 Bảng 4.15: Postimages 55 Bảng 4.16: Memories 56 Bảng 4.17: Notification 56 Bảng 4.18: Message 57 Bảng 4.19: BoxChats .57 Bảng 4.20: Screen Flow ứng dụng web phía người học 58 Bảng 4.21: SCL001 List Section Screen .61 Bảng 4.22: SCA002 List FlashCard Screen 63 Bảng 4.23: SCL003 FlashCard Screen 65 Bảng 4.24: SCL004 List Exam Screen 66 Bảng 4.25: SCL005 Do Exam Screen 68 Bảng 4.26: SCL006 Learn Section Screen 70 xii CHƯƠNG 4: THIẾT KẾ WEBSITE Số câu hỏi True Paragraph Data từ API Người tạo True Paragraph Data từ API 10 Xem trước True Button 11 Lọc True Select 12 Quay lại True Button 13 Trang True Button 14 Tiếp theo True Button Khi click quay lại trang trước Khi click chuyển qua trang Bảng 4.47: SCA007 Censorship Quiz/Exam Screen 104 CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ CHƯƠNG 5: CÀI ĐẶT VÀ KIỂM THỬ 5.1 Cài đặt 5.1.1 Mơi trường lập trình - Sử dụng Visual Studio Code để lập trình - Sử dụng Github để quản lý và lưu trữ mã nguồn 5.1.2 Cài đặt môi trường phát triển Truy cập website https://nodejs.org/en/download/ tải phiên LTS Node.js tiến hành cài đặt Hình 5.1: Trang tải Node.js 5.1.3 Back-end 5.1.3.1 Cài đặt môi trường Tải Net Core trang: https://dotnet.microsoft.com/download 105 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 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 hoàn toà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 ... 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

Ngày đăng: 05/06/2022, 17:36

Hình ảnh liên quan

Hình 1.6: Luyện nghe trên Duolingo - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

Hình 1.6.

Luyện nghe trên Duolingo Xem tại trang 17 của tài liệu.
- Các bài học được hiển thị theo dạng danh sách card kèm hình ảnh, giúp bài học sinh động dễ hiểu - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

c.

bài học được hiển thị theo dạng danh sách card kèm hình ảnh, giúp bài học sinh động dễ hiểu Xem tại trang 22 của tài liệu.
Dùng để thiết kế mô hình - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

ng.

để thiết kế mô hình Xem tại trang 24 của tài liệu.
3.3. Mô hình hóa yêu cầu 3.3.1. Usecase tổng quát  - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

3.3..

Mô hình hóa yêu cầu 3.3.1. Usecase tổng quát Xem tại trang 35 của tài liệu.
 Đóng popup và hiển thị màn hình trước đó. - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

ng.

popup và hiển thị màn hình trước đó Xem tại trang 40 của tài liệu.
3. Đóng popup và hiển thị màn hình trước đó. - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

3..

Đóng popup và hiển thị màn hình trước đó Xem tại trang 42 của tài liệu.
Bảng 3.19: USECAS E- OLMS_UC_24 - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

Bảng 3.19.

USECAS E- OLMS_UC_24 Xem tại trang 43 của tài liệu.
Bảng 3.21: USECAS E- OLMS_UC_17 - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

Bảng 3.21.

USECAS E- OLMS_UC_17 Xem tại trang 45 của tài liệu.
 Đóng popup và hiển thị màn hình trước đó. - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

ng.

popup và hiển thị màn hình trước đó Xem tại trang 46 của tài liệu.
Hình 3.2: Sơ đồ kiến trúc hệ thống - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

Hình 3.2.

Sơ đồ kiến trúc hệ thống Xem tại trang 47 của tài liệu.
Bảng 3.24: Luồng xử lý sequence diagram làm exam - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

Bảng 3.24.

Luồng xử lý sequence diagram làm exam Xem tại trang 48 của tài liệu.
Hình 3.6: Sequence Diagram gửi tin nhắn - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

Hình 3.6.

Sequence Diagram gửi tin nhắn Xem tại trang 51 của tài liệu.
Bảng 3.28: Luồng xử lý sequence diagram thêm bài viết - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

Bảng 3.28.

Luồng xử lý sequence diagram thêm bài viết Xem tại trang 52 của tài liệu.
Hình 3.10: Class diagram - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

Hình 3.10.

Class diagram Xem tại trang 54 của tài liệu.
Hình 3.9: Sequence Diagram theo dõi - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

Hình 3.9.

Sequence Diagram theo dõi Xem tại trang 54 của tài liệu.
Hình 4.1: Sơ đồ ERD - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

Hình 4.1.

Sơ đồ ERD Xem tại trang 57 của tài liệu.
Bảng 4.10: ExamHistory - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

Bảng 4.10.

ExamHistory Xem tại trang 63 của tài liệu.
Bảng 4.18: Message - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

Bảng 4.18.

Message Xem tại trang 68 của tài liệu.
Bảng 4.23: SCL003. FlashCard Screen - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

Bảng 4.23.

SCL003. FlashCard Screen Xem tại trang 76 của tài liệu.
4 Hình ảnh True Image Hình ảnh - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

4.

Hình ảnh True Image Hình ảnh Xem tại trang 81 của tài liệu.
Bảng 4.35: SCLA004. List Section Screen - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

Bảng 4.35.

SCLA004. List Section Screen Xem tại trang 96 của tài liệu.
Bảng 4.38: SCLA007. Do Quiz Screen - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

Bảng 4.38.

SCLA007. Do Quiz Screen Xem tại trang 101 của tài liệu.
Hình 4.22: Screen Flow của ứng dụng web phía quản trị viên - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

Hình 4.22.

Screen Flow của ứng dụng web phía quản trị viên Xem tại trang 103 của tài liệu.
Bảng 4.39: SCLA008. FlashCard Screen - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

Bảng 4.39.

SCLA008. FlashCard Screen Xem tại trang 103 của tài liệu.
Hình 4.26: SCA004. Manage Bank Question Screen - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

Hình 4.26.

SCA004. Manage Bank Question Screen Xem tại trang 108 của tài liệu.
Hình 4.27: SCA005. Create Match Word Question Screen - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

Hình 4.27.

SCA005. Create Match Word Question Screen Xem tại trang 110 của tài liệu.
Hình 4.28: SCA006. Manage Section Screen - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

Hình 4.28.

SCA006. Manage Section Screen Xem tại trang 112 của tài liệu.
Bảng 5.2: Test case học theo lộ trình - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

Bảng 5.2.

Test case học theo lộ trình Xem tại trang 123 của tài liệu.
Bảng 5.4: Test case đăng nhập - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

Bảng 5.4.

Test case đăng nhập Xem tại trang 125 của tài liệu.
Bảng 5.5: Test case thích bình luận - Xây dựng hệ thống hỗ trợ học tiếng anh   đồ án tốt nghiệp khoa đào tạo chất lượng cao ngành công nghệ thông tin

Bảng 5.5.

Test case thích bình luận Xem tại trang 126 của tài liệu.

Tài liệu cùng người dùng

Tài liệu liên quan