(Đồ án hcmute) 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 SKL 0 Tp Hồ Chí Minh, năm 2020 an ĐẠ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 an 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 an ĐH SƯ PHẠM KỸ THUẬT TP HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh Phúc KHOA CNTT ******* ******* 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: Tp Hồ Chí Minh, ngày tháng Giáo viên hướng dẫn (Ký & ghi rõ họ tên) an năm 2020 ĐH SƯ PHẠM KỸ THUẬT TP HCM CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh Phúc KHOA CNTT ******* ******* 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: Tp Hồ Chí Minh, ngày tháng Giáo viên phản biện (Ký & ghi rõ họ tên) an năm 2020 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 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 để hồ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 an 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 an 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 Ngày Nhiệm vụ (Công việc dự kiến) an Sản phẩm Ghi - Khảo sát trạng Thiết kế prototype Thiết kế usecase mơ hình hóa u cầu Thiết kế sở liệu Thiết kế giao diện thiết kế xử lý 13/04 – 03/05 - Triển khai kiến trúc cho backend - Back end + + 04/05 – 24/05 - Triển khai kiến trúc front end - Front end 25/05 – 07/06 - Xây dựng tính site admin 9+10 - Back end Front end 11+12 08/06 – 21/06 1+2 3+4+5 13 14 15 30/03 – 12/04 22/06 – 28/06 - - - Xây dựng tính site học viên Hoàn thiện site admin - Back end - Front end - Back end - Front End Back end 29/06 12/07 - Hoàn thiện site học viên 13/07 – 19/07 - Fix bug, hồn thiện chương trình Giáo viên hướng dẫn Front end Bản báo cáo hoàn chỉnh để in nộp Tp Hồ Chí Minh, ngày…tháng…năm 2020 Người viết đề cương (Ký ghi rõ họ tên) (Ký ghi rõ họ tên) an MỤC LỤC 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 YÊ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 an 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ý Điều kiện gọi thực thi Ghi Nhập lọc Nhấn vào (1) Đã đăng nhập Thực tìm kiếm Nhấn vào (2) Đã đăng nhập Thực chỉnh sửa Nhấn vào (3) Đã đăng nhập Xóa Nhập thơng tin vào (4) Đã đăng nhập Chuyển trang Nhấn vào (5) Đã đăng nhập Thêm Nhấn vào (6) Đã đăng nhập 54 an - 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ý Điều kiện gọi thực thi Ghi Nhập key Nhập vào (1) Đã đăng nhập Nhập giá trị Nhập vào (2) Đã đăng nhập Nhập miêu tả Nhập vào (3) Đã đăng nhập Nhập ngày bắt đầu Nhập vào (4) Đã đăng nhập Nhập ngày kết thúc Nhập vào (5), (6), (7) Đã đăng nhập Thay đổi mã hóa Thay đổi kích hoạt Bảng 55: Danh sách xử lý trang thêm/chỉnh sửa cài đặt hệ thống 55 an 3.2 Giao diện site học viên 3.2.1 Giao diện trang Đăng nhập Hình 30: Giao diện trang Đăng nhập Bảng 56: Danh sách xử lý trang Đăng nhập STT Tên xử lý Điều kiện gọi thực thi Nhập tài khoản Nhập giá trị vào (1) Nhập mật Nhập giá trị vào (2) Đăng nhập Nhấn vào (3) Ghi 56 an 3.2.2 Giao diện trang chủ Hình 31: Giao diện trang chủ STT Tên xử lý Điều kiện gọi thực thi Danh sách menu Nhập giá trị vào (1) Thông tin người đăng Nhập giá trị vào (2) Ghi nhập Bảng 57: Danh sách xử lý trang chủ 57 an 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ý Điều kiện gọi thực thi Nhấn Lọc khoá học học Ghi viên Lọc tất khóa học Nhấn Bắt đầu khóa học Nhấn Mua khóa học Nhấn Bảng 58: Danh sách khóa học 58 an - 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ý Điều kiện gọi thực thi Hiển thị tên khóa học Hiển thị thông tin unit Nhấn Hiển thông tin topic Nhấn Ghi chọn Bảng 59: Giao diện chi tiết khóa học 59 an - 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 Điều kiện gọi thực thi Ghi Nhấn review 60 an Chuyển sang câu hỏi Nhấn practice Quay lại chi tiết Nhấn học Bảng 60: Giao diện chi tiết topic - 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 an Danh sách câu hỏi Câu hỏi Đếm thời gian làm Nhấn Bảng 61: Giao diện chi tiết topic - Chi tiết câu hỏi practice 62 an Hình 36: Giao diện chi tiết topic Điều kiện gọi thực thi 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 Ghi Nhấn hỏi, câu Bảng 62: Giao diện chi tiết topic 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 an - Đế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 an 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 toà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 an HƯỚNG PHÁT TRIỂN - Tiếp tục hoàn thiện chức 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 an Link: https://www.rabbitmq.com/ Microservice document Link: https://microservices.io/patterns/microservices.html [5] Angular Link: https://angular.io/ 67 an S an K L 0 ... sang học online Chi tiết hệ thống sau o Chức quản lý học viên: - 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ý o Chức quản lý trường học o Danh... Đề 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...ĐẠ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