(Đồ án tốt nghiệp) xây dựng ứng dụng học tiếng anh online

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Ệ PHẦN MỀM XÂY DỰNG ỨNG DỤNG HỌC TIẾNG ANH ONLINE GVHD: ThS NGUYỄN MINH ĐẠO SVTH: HỒ NGỌC TRIẾT MSSV: 16110493 SKL007169 Tp Hồ Chí Minh, năm 2020 ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CƠNG NGHỆ THƠNG TIN BỘ MƠN CÔNG NGHỆ PHẦN MỀM -  - HỒ NGỌC TRIẾT: 16110493 Đề tài: XÂY DỰNG ỨNG DỤNG HỌC TIẾNG ANH ONLINE KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIẢNG VIÊN HƯỚNG DẪN ThS NGUYỄN MINH ĐẠO KHÓA 2016 – 2020 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CƠNG NGHỆ THƠNG TIN BỘ MÔN CÔNG NGHỆ PHẦN MỀM -  - HỒ NGỌC TRIẾT: 16110493 Đề tài: XÂY DỰNG ỨNG DỤNG HỌC TIẾNG ANH ONLINE KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CNTT GIẢNG VIÊN HƯỚNG DẪN ThS NGUYỄN MINH ĐẠO KHÓA 2016 – 2020 ĐH SƯ PHẠM KỸ THUẬT TP HCM KHOA CNTT CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh Phúc ******* ******* PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN Họ tên Sinh viên 1: Hồ Ngọc Triết MSSV 1: 16110493 Ngành: Công nghệ Thông tin Tên đề tài: Xây dựng ứng dụng học tiếng anh online Họ tên Giáo viên hướng dẫn: ThS Nguyễn Minh Đạo NHẬN XÉT Về nội dung đề tài & khối lượng thực hiện: Ưu điểm: Khuyết điểm: Đề nghị cho bảo vệ hay không? Đánh giá loại: Điểm: T p H C hí M in h, n g ày th n g nă m 20 20 Gi áo vi ên hư ớn g dẫ n (K ý & ghi rõ họ tên) ĐH SƯ PHẠM KỸ THUẬT TP HCM KHOA CNTT CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh Phúc ******* ******* PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN Họ tên Sinh viên 1: Hồ Ngọc Triết MSSV 1: 16110493 Ngành: Công nghệ Thông tin Tên đề tài: Xây dựng ứng dụng học tiếng anh online Họ tên Giáo viên phản biện: NHẬN XÉT Về nội dung đề tài & khối lượng thực hiện: Ưu điểm: Khuyết điểm: Đề nghị cho bảo vệ hay không? Đánh giá loại: Điểm: T p H C hí M in h, n g ày th n g nă m 20 20 Gi áo vi ên ph ản bi ện (K ý & gh i rõ họ tên) LỜI CẢM ƠN Lời nhóm xin phép gửi lời cảm ơn chân thành sâu sắc đến với Khoa Công Nghệ Thông Tin – Trường Đại Học Sư Phạm Kỹ Thuật Thành Phố Hồ Chí Minh tạo điều kiện cho nhóm chúng em học tập, phát triển tảng kiến thức sâu sắc thực đề tài Bên cạnh nhóm chúng em xin gửi đến thầy Nguyễn Trần Thi Văn lời cảm ơn sâu sắc Trải qua trình dài học tập thực đề tài thời gian qua Thầy tận tâm bảo nhiệt tình nhóm chúng em suốt q trình từ lúc bắt đầu kết thúc đề tài Nhờ có tảng kiến thức chuyên ngành vững cộng thêm với kinh nhiệm yêu cầu thực tế ngồi xã hội thơng qua việc học trường chuyến thực tế thu thập ý kiến người dùng Tập thể thầy cô Khoa Công Nghệ Thông Tin đặc biệt thầy Nguyễn Trần Thi Văn tặng cho chúng em khối lượng kiến thức kinh nghiệm khổng lồ chuyên ngành công việc tương lai Đặc biệt điều giúp thơi thúc chúng em hồn thành đề tài Đây hành trang vô lớn chúng em trước bước sống Tuy nhiên lượng kiến thức vô tận với khả hạn hẹp chúng em cố gắng để hoàn thành cách tốt Chính việc xảy thiếu sót điều khó tránh khỏi Chúng em hi vọng nhận góp ý tận tình q thầy(cơ) qua chúng em rút học kinh nghiệm hoàn thiện cải thiện nâng cấp lại sản phẩm cách tốt đẹp Chúng em xin chân thành cảm ơn! Nhóm thực Hồ Ngọc Triết – 16110493 Trường ĐH Sư Phạm Kỹ Thuật TP.HCM Khoa Công nghệ Thơng tin ĐỀ CƯƠNG KHĨA LUẬN TỐT NGHIỆP Họ tên Sinh viên 1: Hồ Ngọc Triết MSSV 1: 16110423 Thời gian làm khóa luận: Từ 30/03/2020 đến 30/08/2020 (15 tuần) Chuyên ngành: Công nghệ phần mềm Tên tiểu luận: Xây dựng ứng dụng học tiếng anh online Giáo viên hướng dẫn: ThS Nguyễn Minh Đạo Nhiệm vụ khóa luận: Lý thuyết: Cơng nghệ: net core, Angular, Docker, RabbitMQ, My SQL Kiến trúc: Microservice, Domain driven design Thực hành:  Sử dụng net core xây dựng back end  Sử dụng Angular xây dựng front end  Sự dụng docker để chạy RabbitMQ  Sử dụng My SQL làm hệ quản trị sở liệu  Triển khiển khai microservice Domain driven design  Sử dụng RabbitMQ để giao tiếp microservice Đề cương viết tiểu luận PHẦN MỞ ĐẦU PHẦN NỘI DUNG CHƯƠNG CƠ SỞ LÝ THUYẾT Asp net Core Angular 10 Docker………………………………………………………………………………4 My SQL 5 Microservice Domain driven design Rabibt MQ CHƯƠNG KHẢO SÁT HIỆN TRẠNG VÀ MƠ HÌNH HĨA U CẦU KHẢO SÁT HIỆN TRẠNG XÁC ĐỊNH YÊU CẦU MÔ HÌNH HĨA U CẦU CHƯƠNG THIẾT KẾ PHẦN MỀM 20 THIẾT KẾ HỆ THỐNG 20 THIẾT KẾ CƠ SỞ DỮ LIỆU 20 THIẾT KẾ GIAO DIỆN 32 CHƯƠNG PHÁT HÀNH THỬ NGHIỆM ỨNG DỤNG 60 TRIỂN KHAI BACK END 60 TRIỂN KHAI FRONT END 60 PHẦN KẾT LUẬN 61 Những kết đạt 61 Ưu điểm đề tài 61 Hạn chế đề tài 61 Hướng phát triển 62 TÀI LIỆU THAM KHẢO 63 KẾ HOẠCH THỰC HIỆN Tuần 3.1.7 Giao diện trang Quản lý Cài Đặt Hệ Thống Hình 28: Giao diện trang Quản lý Cài Đặt Hệ Thống Bảng 54: Danh sách xử lý trang Quản lý Cài Đặt Hệ Thống STT Tên xử lý Nhập lọc Thực tìm kiếm Thực chỉnh sửa Xóa Chuyển trang Thêm 54 - Thêm, chỉnh sửa cài đặt hệ thống Hình 29: Giao diện trang thêm/chỉnh sửa hệ thống STT Tên xử lý Nhập key Nhập giá trị Nhập miêu tả Nhập ngày bắt đầu Nhập ngày kết thúc Thay đổi mã hóa Thay đổi kích hoạt Bảng 55: Danh sách xử lý trang thêm/chỉnh 55 3.2 Giao diện site học viên 3.2.1 Giao diện trang Đăng nhập STT Tên xử lý Nhập tài khoản Nhập mật Đăng nhập 56 3.2.2 Giao diện trang chủ Hình 31: Giao diện trang chủ STT Tên xử lý Danh sách menu Thông tin người đăng nhập 57 3.2.4 Giao diện trang danh sách khóa học Hình 32: Giao diện danh sách khóa học STT Tên xử lý Lọc khố học học viên Lọc tất khóa học Bắt đầu khóa học Mua khóa học 58 - Chi tiết khóa học Hình 33: Giao diện chi tiết khóa học STT Tên xử lý Hiển thị tên khóa học Hiển thị thơng tin unit Hiển thông tin topic chọn 59 - Chi tiết topic Hình 34: Giao diện chi tiết topic STT Tên xử lý Nội dung học Chuyển sang câu hỏi review Chuyển sang câu hỏi practice Quay lại chi tiết học - Chi tiết câu hỏi review Hình 35: Giao diện chi tiết topic STT Tên xử lý Điều kiện gọi thực thi Ghi 61 Danh sách câu hỏi Câu hỏi Đếm thời gian làm Bảng 61: Giao diện chi tiết topic - Chi tiết câu hỏi practice 62 Hình 36: Giao diện chi tiết topic STT Tên xử lý Danh sách câu hỏi Câu trả lời Đi tiếp câu hỏi Hiển thị số lượng câu hỏi, câu CHƯƠNG 4: TRIỂN KHAI ỨNG DỤNG TRIỂN KHAI BACK END 1.1 Triển khai rabbitMQ local redis - Cài đặt docker: https://www.docker.com/get-started - Chạy redis: docker run name localredis -p 6379:6379 -d redis - Chạy rabbitMQ: docker run -it rm name rabbitmq -p 5672:5672 -p 15672:15672 rabbitmq:3-management 1.2 Cài đặt My SQL - Link cài đặt: https://www.mysql.com/downloads/ 1.3 Cài đặt Asp net core - Link cài đặt: https://dotnet.microsoft.com/download - Đến AuthServer.Host thực lệnh: dotnet build - Đến BackendAdminGateway.Host thực lệnh: dotnet build 63 - Đến StudyWebSiteGateway.Host thực lệnh: dotnet build - Đến Ft.CourseManagement.HttpApi.Host thực lệnh: dotnet build - Đến Ft.StudyManagement.HttpApi.Host thực lệnh: dotnet build - Đến Ft.SystemConfiguration.HttpApi.Host thực lệnh: dotnet build - Đến IdentityService.Host thực lệnh: dotnet build TRIỂN KHAI FRONT END 2.1 Triển khai trang admin - Vào thư mục WebAdmin thực hiện: ng build —prod - Sau chạy xong thực copy toàn thư mục dist/ - Và chép vào web sever 2.2 Triển khai trang học viên - Thực tương tự 64 PHẦN KẾT LUẬN KẾT QUẢ ĐẠT ĐƯỢC - Hệ thống bảo mật công nghệ Json Web Token - Các chức xây dựng dựa module riêng biệt - Xây dựng chức đề - Hệ thống đưa lên host publish cửa hàng ứng dùng để người dùng sử dụng - Sản phẩm đảm bảo thời gian thực - Nắm bắt tồn quy trình từ lúc phát triển ứng dụng đưa sản phẩm cuối đến tay người dùng ƯU ĐIỂM - Hoạt động quản lý diễn cách trơn tru xác, khơng xảy tình trạng xung đột module - Các module xây dựng cách riêng biệt APIs tương ứng, đảm bảo luồng liệu xác - Phần Core System xây dựng APIs hỗ trợ tốt cho việc xây dựng giao diện người dùng đa tảng - Người dùng hệ thống sử dụng ứng dụng cách dễ dàng, tạo điều kiện cho công tác quản lý diễn cách thuận tiện - Cơ chế bảo mật tốt Token tạo sở cho yên tâm người dùng hệ thống NHƯỢC ĐIỂM - Các tính xây dựng mức độ hoàn thiện chưa cao giới hạn mặt người thời gian - Chưa tính tồn số lượng truy cập lúc lượng băng thông cần thiết đến hệ thống - Nghiệp vụ quản lý vài Module cần phải nâng cấp tương lai 65 HƯỚNG PHÁT TRIỂN - Tiếp tục hồn thiện chức cịn thiếu - Bổ sung module giao tiếp ielt - Nâng cấp sửa đổi nghiệp vụ chưa hoàn toàn hợp lý - Áp dụng nhiều biện pháp tính tốn độ hiệu hoạt động ứng dụng - Cải thiện trải nghiệm người dùng ứng dụng TÀI LIỆU THAM KHẢO [1] ASP.NET documentation Link: https://docs.microsoft.com/en-us/aspnet/core/?view=aspnetcore-3.1 [2] Docker document Link:https://www.docker.com/ [3] RabbitMQ document 66 Link: https://www.rabbitmq.com/ Microservice document Link: https://microservices.io/patterns/microservices.html [5] Angular Link: https://angular.io/ 67 ... sang học online Chi tiết hệ thống sau o Chức quản lý học viên: - o Quản lý danh sách học viên: ▪ Thơng tin danh sách học viên ▪ Các khóa học mà học viên đăng ký Chức quản lý trường học o Danh... ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP HỒ CHÍ MINH KHOA CƠNG NGHỆ THƠNG TIN BỘ MƠN CƠNG NGHỆ PHẦN MỀM -  - HỒ NGỌC TRIẾT: 16110493 Đề tài: XÂY DỰNG ỨNG DỤNG HỌC TIẾNG ANH ONLINE KHÓA LUẬN TỐT NGHIỆP... Đề tài chủ yếu tập trung vào việc xử lý tạo học, kiểm trả Cịn học sinh học tập làm tập online PHÂN TÍCH CÁC ỨNG DỤNG CÓ LIÊN QUAN Hầu hết ứng dụng học online mắt rộng rãi số điểm sau: - Giao diện