Xây dựng website học tiếng anh trực tuyến

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 WEBSITE HỌC TIẾNG ANH TRỰC TUYẾN GVHD: LÊ VĂN VINH SVTH:LÊ DUY QUÍ MSSV:16110190 SVTH:PHAN NGUYỄN TẤN TÀI MSSV: 16110203 SKL 0 7 Tp Hồ Chí Minh, tháng 06/2020 TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬTTHÀNH PHỐ HỒ CHÍ MINHKHOA ĐÀO TẠO CHẤT LƯỢNG CAO ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE HỌC TIẾNG ANH TRỰC TUYẾN LÊ DUY QUÍ MSSV: 16110190 PHAN NGUYỄN TẤN TÀI MSSV: 16110203 KHĨA: 2016-2020 NGÀNH: CƠNG NGHỆ THƠNG TIN GVHD: T.S LÊ VĂN VINH TP.Hồ Chí Minh, tháng năm 2020 CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc *** Tp Hồ Chí Minh, ngày… tháng…năm 2020 NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP Họ tên sinh viên: Lê Duy Quí Ngành: Công nghệ thông tin Họ tên sinh viên: Phan Nguyễn Tấn Tài Ngành: Công nghệ thông tin Giảng viên hướng dẫn: T.S Lê Văn Vinh Ngày nhận đề tài: 24/02/2020 MSSV: 16110190 Lớp: 16110CLST2 MSSV: 161101203 Lớp: 16110CLST2 ĐT: Ngày nộp đề tài:01/07/2020 Tên đề tài: Tìm hiểu ReactJs, NodeJs xây dựng website Học tiếng Anh trực tuyến Các số liệu, tài liệu ban đầu: Khảo sát trạng qua website học tiếng Anh Internet phát triển dựa tảng Tiểu Luận Chuyên Ngành Nội dung thực đề tài: -Xây dựng trang chủ để đưa người dùng đến với nhìn tổng quan ban đầu đề tài -Xây dựng diễn đàn để người dùng trao đổi thông tin, học vấn đề liên quan đến tiếng Anh với người dùng cịn lại -Xây dựng trang chia sẻ khóa học online cho người dùng tham khảo -Xây dựng trang chia sẻ sách, tài liệu học tập, ôn luyện tiếng Anh (đa phần tài liệu ôn luyện TOIEC) -Xây dựng trang để người dùng tham gia luyện tập tập đề thi TOIEC -Xây dựng trang để người dùng tham gia vào thi TOIEC online thức Sản phẩm: Một website để ôn luyện TOIEC cho người dùng TRƯỞNG NGÀNH GIẢNG VIÊN HƯỚNG DẪN CỘNG HOÀ 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: Lê Duy Quí MSSV: 16110190 Họ tên Sinh viên: Phan Nguyễn Tấn Tài MSSV: 16110203 Ngành: Công nghệ thông tin Tên đề tài: Tìm hiểu ReactJs, NodeJs xây dựng website Học tiếng Anh trực tuyến Họ tên Giáo viên hướng dẫn: T.S Lê Văn Vinh 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:……………….(Bằng chữ: .) Tp Hồ Chí Minh, ngày tháng năm 20 Giáo viên hướng dẫn (Ký & ghi rõ họ tên) CỘNG HOÀ 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: Lê Duy Quí MSSV: 16110190 Họ tên Sinh viên: Phan Nguyễn Tấn Tài MSSV: 16110203 Ngành: Cơng nghệ thơng tin Tên đề tài: Tìm hiểu ReactJs, NodeJs xây dựng website Học tiếng Anh trực tuyến 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:……………….(Bằng chữ: ) Tp Hồ Chí Minh, ngày tháng năm 20 Giáo viên phản biện (Ký & ghi rõ họ MỤC LỤC NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP PHIẾU NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN PHIẾU NHẬN XÉT CỦA GIÁO VIÊN PHẢN BIỆN LỜI CÁM ƠN 10 LỜI MỞ ĐẦU 15 Chương Error! Bookmark not defined TỔNG QUAN 16 1.1.Lí chọn đề tài 16 1.2.Mục đích nhiệm vụ thực 16 1.1.1.Mục đích 16 1.1.2.Nhiệm vụ 16 1.3.Phương pháp nghiên cứu 16 1.4.Kết tổng quan đạt 16 Chương 17 CƠ SỞ LÍ THUYẾT 17 2.1 Về React Js 17 2.1.1.React JS gì? 17 2.1.2.Những phần React Js 17 2.1.3.Giới thiệu JXS 17 2.1.4.Components 18 2.1.5.Lợi ích sử dụng React JS 18 2.2 Về Node Js 19 2.2.1 Node Js gì? 19 2.2.2.Các đặc tính NodeJs 19 2.2.3.Lợi ích việc sử dụng Node Js 19 2.3 Về Express Js 20 2.3.1.Express Js gì? 20 2.3.2.Cấu trúc Express Js 20 2.3.3.Lợi ích việc dùng Express Js [5] 20 2.3 Về FireBase 20 2.3.1.FireBase gì? 20 2.3.2.Các tính 21 Chương 22 KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU 22 3.1 Khảo sát trạng 22 3.2 Xác định yêu cầu 27 3.2.2.Admin 27 3.2.2.1.Admin Đăng Nhập 27 3.2.2.2.Admin Đăng Xuất 28 3.2.2.3.Admin Quản Lí Diễn Đàn 29 3.2.2.4.Admin Quản Lí Diễn Đàn 30 3.2.2.5.Admin Quản Lí Đề Thi 31 3.2.2.6.Admin Quản Lí Tài Khoản Người Dùng 32 3.2.2.7.Admin Quản Lí Diễn Đàn Trao Đổi 33 3.2.3.Người dùng 34 3.2.3.1.Người Dùng Đăng Nhập 35 3.2.3.2.Người Dùng Đăng Xuất 36 3.2.3.3.Người Dùng Quản Lí Tài Khoản Cá Nhân 36 3.2.3.4.Người Dùng Đăng Kí Tài Khoản 37 3.2.3.5.Người Dùng Tham Gia Diễn Đàn 38 3.2.3.6.Người Dùng Dowload Tài Liệu 39 3.2.3.7.Người Dùng Tham Gia Thi Thử 40 3.2.3.8.Người Dùng Xem Điểm Thi 41 3.2.3.9.Người Dùng Tham Gia Training 42 3.2.3.10.Người Dùng Xem Đáp Án (Xem Answer Sheet) 44 3.2.3.11.Người Dùng Nâng Cấp Tài Khoãn Premium 45 Chương 46 PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 46 4.1 Sơ đồ lớp 46 4.2 Lược đồ Sequence 47 4.3.1.Admin 47 4.3.2.Người dùng 49 4.3 Thiết kế sở liệu 54 4.3.1.Sơ đồ Database 54 4.3.2.Phân tích thực thể 54 4.3.2.1.quiz 54 4.3.2.2.Quiz-Question 55 4.3.2.3.Question 55 4.3.2.4.Review 56 4.3.2.5.Comment 56 4.3.2.6.Like 57 4.3.2.7.User 57 4.3.2.8.ApproveReview 58 4.3.2.9.Option 58 4.3.2.10.Premium List 58 4.4 Thiết kế giao diện 59 4.4.1 Trang người dùng 59 4.4.2.Trang quản trị 81 Chương 89 CÀI ĐẶT VÀ KIỂM THỬ 89 5.1 Các công cụ hỗ trợ 89 5.2 Cài đặt chương trình 89 5.2.1.Cài đặt Backend 89 5.2.2.Cài đặt Frontend 89 5.2.3.Cấu trúc chương trình 89 5.3 Kiểm thử 90 5.3.1.LOGIN 90 5.3.2.REGISTER 91 5.3.3.TRAINING 93 5.3.4.TEST 94 5.3.5.THAM GIA DIỄN ĐÀN 97 Chương 99 KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN DỰ ÁN TRONG TƯƠNG LAI 99 TÀI LIỆU THAM KHẢO: 100 DANH MỤC CÁC BẢNG BIỂU Bảng 1: Đặc tả usecase: Admin Đăng Nhập 27 Bảng 2:Đặc tả usecase: Admin Đăng Xuất 28 Bảng 3:Đặc tả usecase: Admin Quản Lí Diễn Đàn 29 Bảng 4:Đặc tả usecase: Admin Quản Lí Câu Hỏi 30 Bảng 5:Đặc tả usecase: Admin Quản Lí Đề Thi 31 Bảng 6:Đặc tả usecase: Admin Quản Lí Tài Khoản Người Dùng 32 Bảng 7:Đặc tả usecase: Admin Quản Lí Diễn Đàn 33 Bảng 8: Đặc tả usecase: Người Dùng Đăng Nhập 35 Bảng 9:Đặc tả usecase: Người Dùng Đăng Xuất 36 Bảng 10:Đặc tả usecase: Người Dùng Quản Lí Tài Khoản 37 Bảng 11:Đặc tả usecase: Người Dùng Đăng Kí Tài Khoản 37 Bảng 12:Đặc tả usecase: Người Dùng Tham Gia Diễn Đàn 38 Bảng 13:Đặc tả usecase: Người Dùng Dowload Tài Liệu 39 Bảng 14:Đặc tả usecase: Người Dùng Tham Gia Thi Thử 40 Bảng 15Đặc tả usecase: Người Dùng Xem Điểm 41 Bảng 16:Đặc tả usecase: Người Dùng Tham Gia Training 42 Bảng 17:Đặc tả usecase: Người Dùng Xem Đáp Án 44 Bảng 18:Đặc tả usecase: Người Dùng Nâng Cấp Tài Khoản 45 Bảng 1:Phân tích thực thể database: quiz 55 Bảng 2:Phân tích thực thể database: quiz-question 55 Bảng 3:Phân tích thực thể database: Question 56 Bảng 4:Phân tích thực thể database: Review 56 Bảng 5:Phân tích thực thể database: Comment 57 Bảng 6:Phân tích thực thể database: Like 57 Bảng 7:Phân tích thực thể database: User 57 Bảng 8:Phân tích thực thể database: ApproveReview 58 Bảng 9:Phân tích thực thể database: Option 58 Bảng 10:Phân tích thực thể database: Premium List 58 Bảng 11:Mô tả giao diện Trang chủ 1: Đã đăng nhập tài khoản 59 Bảng 12:Mô tả giao diện Trang chủ 1: Chưa đăng nhập tài khoản 61 Bảng 13:Mô tả giao diện Trang chủ 62 Bảng 14:Mô tả giao diện Giới thiệu website 63 Bảng 15:Mô tả giao diện Diễn đàn trao đổi: Giao diện 64 Bảng 16:Mô tả giao diện Diễn đàn trao đổi: Giao diện 65 Bảng 17:Mô tả giao diện Thông tin cá nhân 66 Bảng 18:Mô tả giao diện Thông tin cá nhân 67 Bảng 19:Mô tả giao diện Training Test 68 Bảng 20:Mô tả giao diện Training Test 69 10 Chương 4: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG (1) (2) (3) (4) (5) Hình 45:Thêm đề Bảng 38:Mô tả giao diện Duyệt đăng Stt Tên Mô tả chi tiết Mã đề Nhập mã đề vào Chọn Role Chọn quyền test cho người dùng Loại Test Sẽ có nhiều loại test: toiec, 250-500, Chọn ngày Hiển thị ngày đăng Nhấn lưu Nhấn lưu đề lưu vào 87 Chương 4: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG (1) (2) (4) (3) (5) (6) (7) Hình 46:Duyệt đăng Bảng 39:Mô tả giao diện Duyệt đăng Stt Tên Mô tả chi tiết Hình ảnh đăng Bài đăng có hình ảnh khơng có tùy thuộc vào người đăng Nội dung đăng Viết nội dung cho đăng Tên người dùng Hiển thị tên người đăng baì Ngày đăng Hiển thị ngày đăng Thể loại đăng Trạng thái đăng Bài đăng trạng thái chờ đợi duyệt Action Nếu admin muốn duyệt nhấn vào duyệt đăng Nếu admin không muốn duyệt xóa đăng 88 Chương 5: CÀI ĐẶT VÀ KIỂM THỬ Chương CÀI ĐẶT VÀ KIỂM THỬ 5.1 Các cơng cụ hỗ trợ Trong q trình xây dựng đề tài, nhóm sử dụng phần mềm hỗ trợ sau: • Sử dụng Visual Studio Code v1.4.2 để viết code • Sử dụng node.js v12.3.1 • Sử dụng firebase để tạo sở liệu • Sử dụng enterprise architect để vẽ UML 5.2 Cài đặt chương trình 5.2.1.Cài đặt Backend -Truy cập vào folder: KLTN_TOIECTEST vào thư mục Reviewbook -Run terminal cài đặt: npm install npm install nodemon -Sau gõ lệnh: nodemon serve để chạy backend 5.2.2.Cài đặt Frontend -Truy cập vào folder: KLTN_TOIECTEST vào thư mục book_review_app -Run terminal cài đặt: npm install -Sau gõ lệnh: npm run start dev 5.2.3.Cấu trúc chương trình Hình 1: Cấu trúc chương trình 89 Chương 5: CÀI ĐẶT VÀ KIỂM THỬ 5.3 Kiểm thử 5.3.1.LOGIN Bảng 1: TEST CASE ĐĂNG NHẬP Test Case# Test Title Test Step Test Data Expected Result TEST_LOGIN01 Bỏ trống Username Password 1.Truy cập vào trang web Username= “ ” Sẽ load trang Password= “ ” Bỏ trống username password 3.Nhấp vào Login TEST_LOGIN02 Username Password không (hoặc chưa đăng kí) 1.Truy cập vào trang web Nhập sai username password Username= “abcd” Password= “avx” Với Username Password chưa nằm database Sẽ load trang 3.Nhấp vào Login TEST_LOGIN03 Đăng nhập username password tài khoản bị block admin 1.Truy cập vào trang web Username= “abcd” Password= “avx” Với Username Nhập Password nằm username database password 3.Nhấp vào Login 90 Sẽ load trang Chương 5: CÀI ĐẶT VÀ KIỂM THỬ TEST_RES01 Bỏ trống liệu 1.Truy cập vào trang đăng kí tài khoản web Name= “aaa” Username= “abcd” Tài khoản không chấp nhận Email= Điền thông “duyquiit55@gmail.com” tin đầy đủ bỏ Password= “ ” trống Confirm password= “ ” password 3.Nhấp vào Login TEST_RES02 Điền đầy đủ liệu sai định dạng email đăng kí tài khoản 1.Truy cập vào trang web Name= “aaa” Username= “abcd” Tài khoản không chấp nhận Email= Điền thông “duyquiit55.gmail.com” tin đầy đủ sai Password= “***** ” định dạng Confirm password= “ gmail *****” 3.Nhấp vào Login 5.3.2.REGISTER Bảng 2:TEST CASE ĐĂNG KÍ Test Case# Test Title Test TEST_RES01 Bỏ trống liệu 1.Truy cập vào trang đăng kí tài khoản web Step Test Data Expected Result Name= “aaa” Tài khoản không chấp nhận Username= “abcd” Email= Điền thông “duyquiit55@gmail.com” tin đầy đủ bỏ Password= “ ” trống Confirm password= “ ” password 91 Chương 5: CÀI ĐẶT VÀ KIỂM THỬ 3.Nhấp vào Login TEST_RES02 Điền đầy đủ liệu sai định dạng email đăng kí tài khoản 1.Truy cập vào trang web Name= “aaa” Username= “abcd” Email= Điền thông “duyquiit55.gmail.com” tin đầy đủ sai Password= “***** ” định dạng Confirm password= “ gmail *****” 3.Nhấp vào Login 92 Tài khoản không chấp nhận Chương 5: CÀI ĐẶT VÀ KIỂM THỬ 5.3.3.TRAINING Bảng 3:TEST CASE TRAINING Test Case# Test Title Test TEST_TRAINING01 Chọn mức độ làm Step Test 1.Truy cập vào trang web Chọn vào thực tập training Data Expected Result 3.Sẽ chuyển đến tập mức độ làm 3.Chọn mức độ làm (Sẽ có mức độ làm bài) TEST_TRAINING02 Chọn đề làm 1.Truy cập vào trang web Chọn vào thực tập training 4.Sẽ chuyển đến trang nội dung làm 3.Chọn mức độ làm (Sẽ có mức độ làm bài) Chọn tập có mức độ để làm TEST_TRAINING03 Chọn đáp án làm 1.Truy cập vào trang web 93 5.Đáp án tích đen vào để xác nhận đáp Chương 5: CÀI ĐẶT VÀ KIỂM THỬ Chọn vào thực tập training án chọn 3.Chọn mức độ làm (Sẽ có mức độ làm bài) Chọn tập có mức độ để làm 5.Chọn đáp án mà người dùng muốn chọn 5.3.4.TEST Bảng 4:TEST CASE LOGIN TEST ONLINE Test Case# Test Title Test Step Test TEST_TEST01 Chọn thi 1.Truy cập vào trang web Chọn tham gia vào thi 3.Sẽ chuyển đến đăng nhập người dùng chưa đăng nhập 94 Data Expected Result 4.Sẽ bắt đầu tham gia vào thi Chương 5: CÀI ĐẶT VÀ KIỂM THỬ Chọn thi bắt đầu thi TEST_TEST02 Chọn đáp án làm 1.Truy cập vào trang web 4.Đáp án tích đen Password= “avx” vào để xác Với Username nhận đáp án Chọn tham Password chưa nằm chọn gia vào database thi Username= “abcd” 3.Sẽ chuyển đến đăng nhập người dùng chưa đăng nhập Chọn thi bắt đầu thi.Chọn đáp án mà người dùng muốn chọn TEST_TEST03 Submit làm 1.Truy cập vào trang web Chọn tham gia vào thi 3.Sẽ chuyển đến đăng nhập người dùng chưa đăng nhập Chọn thi bắt đầu thi.Chọn đáp 95 5.Sẽ thông báo kết làm Chương 5: CÀI ĐẶT VÀ KIỂM THỬ án mà người dùng muốn chọn Submit làm làm xong TEST_TEST04 Xem answer sheet 1.Truy cập vào trang web Chọn tham gia vào thi 3.Sẽ chuyển đến đăng nhập người dùng chưa đăng nhập 6.Nếu chưa mua tài khoản Premium answersheet không di chuyển đến trang mua tài khoản premium Chọn thi bắt đầu thi.Chọn đáp án mà người dùng muốn chọn Submit làm làm xong 6.Nhấn vào xem answersheet TEST_TEST05 Thoát khỏi thi 1.Truy cập vào trang web Tham gia vào thi 96 3.Sẽ tự động khỏi thi khơng lưu kết Chương 5: CÀI ĐẶT VÀ KIỂM THỬ 3.Nhấn nút back chọn nút xuất menu người dùng lại 5.3.5.THAM GIA DIỄN ĐÀN Bảng 5:TEST CASE THAM GIA DIỄN ĐÀN Test Case# Test Title Test Step Test TEST_FORUM01 Tham gia diễn đàn khơng có tài khoản người dùng 1.Truy cập vào trang web TEST_FORUM02 Chọn tham gia vào diễn đàn Tham gia diễn 1.Truy cập đàn có vào trang tài khoản người web dùng 2.Đăng nhập vào website 3.Chọn tham gia vào diễn đàn 97 Data Expected Result 2.Chỉ xem thông tin diễn đàn, đăng bài, like comment 3.Người dùng đăng bài, like bài, comment mà mong muốn Ngồi người dùng chat với người hoạt động diễn đàn Chương 5: CÀI ĐẶT VÀ KIỂM THỬ TEST_FORUM03 Đăng viết không ghi nội dung 1.Truy cập vào trang web Content: “ ” 4.Bài viết không load lên thông báo người dùng phải thêm nội dung vào đăng Content: “Mình có thắc mắc câu hỏi này: ” 4.Bài viết admin xem xét phù hợp với chủ đề duyệt, sau duyệt viết xuất diễn đàn cho người xem 2.Đăng nhập vào website 3.Chọn tham gia vào diễn đàn 4.Nhấn vào đăng TEST_FORUM04 Đăng viết ghi nội dung 1.Truy cập vào trang web 2.Đăng nhập vào website 3.Chọn tham gia vào diễn đàn 4.Nhấn vào đăng 98 Chương 6: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN DỰ ÁN TRONG TƯƠNG LAI Chương KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN DỰ ÁN TRONG TƯƠNG LAI 6.1 Kết luận Qua giới thiệu NodeJs ReactJs viết này, thấy ưu điểm NodeJs, ReactJs công ty lớn sử dụng Facebook, Netflix, Dropbox,… Qua đề tài, nhóm hồn thành mục tiêu đề từ đầu, nghiên cứu sâu công nghệ MERN, trau dồi thêm nhiều kinh nghiệm việc làm sản phẩm phần mềm, kết tạo trang web bán hàng với chức sau: mua hàng, giỏ hàng, mô tả sản phẩm, quản lí sản phẩm Ưu điểm: Trang web tạo nhằm giúp cho người dùng cải thiện kĩ cần có thi TOIEC giúp người dùng thường xuyên ôn tập lại kiến thức tiếng Anh Thường xuyên cập nhật, cải tiến câu hỏi mới, dạng format từ phía IIG,cung cấp cho người dùng tài liệu, khóa học bổ ích, tạo cho người dùng diễn đàn trao đổi thông tin liên quan tiếng Anh Ứng dụng giúp người dùng làm quen với nghe, đọc theo format đề thi TOIEC Nhược điểm: Đối với React Node JS, chúng em hoàn toàn người Trong suốt tháng vừa tìm hiểu cơng nghệ, vừa xây dựng ứng dụng Nhóm chúng em gặp nhiều khó khăn việc xử lí chức 6.2 Hướng phát triển Thiết kế đẹp mắt nữa, xây dựng thêm chức để đáp ứng nhu cầu người dùng Sự cạnh tranh ngày từ khóa tìm kiếm cao Chính website chun sâu địi hỏi người phát triển nội dung website cần có lượng kiến thức đủ tốt để bao quanh vấn đề website nêu Đồng thời tạo nội dung hoàn chỉnh giúp cho khách hàng tìm kiếm thứ lĩnh vực cụ thể website 99 TÀI LIỆU THAM KHẢO: [1] https://reactjs.org/ [2] https://ant.design/components/overview/ [3] Learning React: Functional Web Development with React and Redux book [4] The Node Beginner Book [5] Web Development with Node and Express – Ethan Brown – First Edition 2014 [6] https://tienganhmoingay.com/dashboard/ [7] https://vi.wikipedia.org/wiki/Node.js [8] https://topdev.vn/blog/node-js [9] https://en.wikipedia.org/wiki/Firebase 100 ... tài:01/07/2020 Tên đề tài: Tìm hiểu ReactJs, NodeJs xây dựng website Học tiếng Anh trực tuyến Các số liệu, tài liệu ban đầu: Khảo sát trạng qua website học tiếng Anh Internet phát triển dựa tảng Tiểu...TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬTTHÀNH PHỐ HỒ CHÍ MINHKHOA ĐÀO TẠO CHẤT LƯỢNG CAO ĐỒ ÁN TỐT NGHIỆP XÂY DỰNG WEBSITE HỌC TIẾNG ANH TRỰC TUYẾN LÊ DUY Q MSSV: 16110190 PHAN... Phát triển ứng dụng web với chức website học tiếng Anh trực tuyến 1.3.Phương pháp nghiên cứu Trong q trình thực hiện, nhóm em nghiên cứu nhiều tài liệu tiếng anh tiếng việt mạng cơng nghệ nhóm