Xây dựng website học tiếng anh online dùng laravel và node js

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 ONLINE DÙNG LARAVEL VÀ NODE.JS GVHD:NGUYỄN TRẦN THI VĂN I SVTH: BÙI QUỐC VIỆT MSSV:15110362 SVTH: NGUYỄN TẤN TÀI MSSV: 15110305 SKL 0 7 Tp Hồ Chí Minh, tháng 6/2019 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT TP.HCM KHOA CÔNG NGHỆ THÔNG TIN - - BÙI QUỐC VIỆT – 15110362 NGUYỄN TẤN TÀI – 15110305 Đề Tài: XÂY DỰNG WEBSITE HỌC TIẾNG ANH ONLINE DÙNG LARAVEL VÀ NODE.JS KHÓA LUẬN TỐT NGHIỆP KỸ SƯ CÔNG NGHỆ THÔNG TIN GIÁO VIÊN HƯỚNG DẪN THS NGUYỄN TRẦN THI VĂN KHÓA 2015 – 2019 ĐH SƯ PHẠM KỸ THUẬT TP.HCM KHOA CNTT ******* 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: Bùi Quốc Việt MSSV 1: 15110362 Họ tên Sinh viên 2: Nguyễn Tấn Tài MSSV 2: 15110305 Ngành: Công Nghệ Thông Tin Tên đề tài: Xây dựng Website học tiếng Anh online dùng Laravel Node.js Họ tên Giáo viên hướng dẫn: ThS Nguyễn Trần Thi Vă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 hướng dẫn (Ký & ghi rõ họ tên) năm 2019 ĐH SƯ PHẠM KỸ THUẬT TP.HCM KHOA CNTT ******* 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: Bùi Quốc Việt MSSV 1: 15110362 Họ tên Sinh viên 2: Nguyễn Tấn Tài MSSV 2: 15110305 Ngành: Công Nghệ Thông Tin Tên đề tài: Xây dựng Website học tiếng Anh online dùng Laravel Node.js 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) năm 2019 LỜI CẢM ƠN  Nhóm em xin chân thành cám ơn khoa Công Nghệ Thông Tin, môn Công Nghệ Phần Mềm, trường Đại học Sư Phạm Kỹ Thuật Tp.HCM tạo điều kiện thuận lợi cho chúng em thực đề tài Chúng em xin gửi lời cảm ơn chân thành đến thầy Nguyễn Trần Thi Văn, người tận tình bảo hướng dẫn nhóm em thực đề tài Bên cạnh đó, chúng em xin gửi lời cảm ơn đến thầy cô giảng viên trường Đại Học Sư Phạm Kỹ Thuật Tp.HCM nói chung, thầy cô giảng viên khoa Công Nghệ Thơng Tin nói riêng, người giảng dạy, tạo điều kiện cho chúng em tích lũy kiến thức quý báu năm học vừa qua Dù nhóm cố gắng hồn thành đề tài khóa luận yêu cầu, kiến thức hạn hẹp hiểu biết chưa sâu rộng nên chắn khơng tránh khỏi thiếu sót Chúng em mong nhận thơng cảm tận tình bảo thầy bạn Nhóm em xin chân thành cảm ơn Nhóm sinh viên thực Bùi Quốc Việt Nguyễn Tấn Tài Trường ĐH Sư Phạm Kỹ Thuật TP.HCM Khoa: CNTT ĐỀ CƯƠNG LUẬN VĂN TỐT NGHIỆP Họ Tên SV thực 1: Bùi Quốc Việt Mã Số SV: 15110362 Họ Tên SV thực 2: Nguyễn Tấn Tài Mã Số SV: 15110305 Thời gian làm luận văn: từ: 11/03/2019 Đến: 30/06/2019 Chuyên ngành: Công nghệ thông tin Tên luận văn: Xây dựng Website học tiếng Anh online dùng Laravel Node.js GV hướng dẫn: ThS Nguyễn Trần Thi Văn Nhiệm vụ luận văn: Lý thuyết: Tìm hiểu Laravel, Node.js kiến thức liên quan 1.1 Tìm hiểu Laravel 1.2 Tìm hiểu Node.js 1.3 Tìm hiểu Redis 1.4 Tìm hiểu Socket.IO 1.5 Tìm hiểu Text to Speech 1.6 Tìm hiểu Web Speech API Thực hành: Ứng dụng viết Website học tiếng Anh online 2.1 Chức học từ vựng 2.2 Chức học ngữ pháp 2.3 Chức luyện nghe 2.4 Chức luyện phát âm 2.5 Chức kiểm tra trắc nghiệm 2.6 Chức thảo luận Đề cương viết luận văn: MỤC LỤC PHẦN MỞ ĐẦU Tính cấp thiết đề tài Mục đích đề tài Cách tiếp cận phương pháp nghiên cứu Kết dự kiến đạt PHẦN NỘI DUNG CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 Tìm hiểu Node.js 1.1 Tìm hiểu Laravel 1.2 Tìm hiểu Web Speech API CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU 2.1 Khảo sát trạng 2.2 Xác định u cầu CHƯƠNG 3: PHÂN TÍCH VÀ MƠ HÌNH HĨA YÊU CẦU 3.1 Nhận diện tác nhân chức sơ đồ Use Case 3.2 Lược đồ Use Case (Use Case Diagram) 3.3 Đặc tả Use Case Một số tính 3.4 Lược đồ lớp CHƯƠNG 4: THIẾT KẾ ỨNG DỤNG 4.1 Thiết kế sở liệu 4.2 Thiết kế giao diện 4.3 Thiết kế xử lí CHƯƠNG 5: CÀI ĐẶT 5.1 Cấu trúc thư mục 5.2 Hướng dẫn cài đặt CHƯƠNG 6: KIỂM THỬ 6.1 Kiểm thử 6.2 So sánh PHẦN KẾT LUẬN Những kết đạt Những đóng góp đề xuất Ưu nhược điểm Hướng phát triển tương lai TÀI LIỆU THAM KHẢO KẾ HOẠCH THỰC HIỆN Tuần 1, 3, 5, Ngày 11/3 – 24/3 25/03 – 07/04 08/04 – 21/04 Nhiệm vụ Tìm hiểu HTML5, CSS3, Bootstap4 Tìm hiểu Javascript, JSON, Jquery, AJAX Kiến thức xây dựng giao diện cho ứng dụng Kiến thức xử lí nội dung động Website Tìm hiểu MySQL xây Xây dựng sở dựng sở liệu liệu Tìm hiểu Laravel, 7, Sản phẩm (Công việc dự kiến) 22/04 – 05/05 Node.js, Web Speech API Kiến thức xây dựng Website Xây dựng chức năng: 9, 10, 11, Admin: Quản lí từ vựng, Trang quản trị ngữ pháp, kiểm tra trang người dùng User: Làm kiểm tra 06/05 – 02/06 Xây dựng chức năng: User: Học từ vựng theo 12 chủ đề, học ngữ pháp, Trang người dùng phát âm, nghe, tạo chủ đề tảo luận bình luận Kiểm thử sửa lỗi 13 03/06 – 09/06 chương trình, Đưa Website lên HOST Ứng dụng hồn thành mức Trao đổi với GVHD 14 10/06 – 16/06 chương trình báo cáo Hồn thiện chương trình; Ứng dụng hồn thiện Viết báo cáo 15 17/06 – 23/06 Đóng gói chương trình; Hồn thiện báo cáo Ứng dụng đóng gói, tài liệu báo cáo hồn thiện Ghi Tp Hồ Chí Minh, ngày tháng năm 2019 Người viết đề cương (Ký ghi rõ họ tên) Ý kiến GVHD: …………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… ………………………………………………………………………………………… Giáo viên hướng dẫn (Ký ghi rõ họ tên) MỤC LỤC PHẦN MỞ ĐẦU 1 Tính cấp thiết đề tài Mục đích đề tài Cách tiếp cận phương pháp nghiên cứu Kết dự kiến đạt PHẦN NỘI DUNG CHƯƠNG 1: CƠ SỞ LÝ THUYẾT 1.1 TÌM HIỂU NODE.JS .4 1.2 TÌM HIỂU LARAVEL 1.3 TÌM HIỂU WEB SPEECH API 33 CHƯƠNG 2: KHẢO SÁT HIỆN TRẠNG VÀ XÁC ĐỊNH YÊU CẦU .36 2.1 KHẢO SÁT HIỆN TRẠNG 36 2.2 XÁC ĐỊNH YÊU CẦU 37 CHƯƠNG 3: PHÂN TÍCH VÀ MƠ HÌNH HĨA YÊU CẦU 39 3.1 NHẬN DIỆN TÁC NHÂN VÀ CHỨC NĂNG TRONG SƠ ĐỒ USE CASE 39 3.2 LƯỢC ĐỒ USE CASE (USE CASE DIAGRAM) 40 3.3 ĐẶC TẢ USE CASE MỘT SỐ TÍNH NĂNG CHÍNH 41 3.4 LƯỢC ĐỒ LỚP (CLASS DIAGRAM) .48 CHƯƠNG 4: THIẾT KẾ ỨNG DỤNG 49 4.1 THIẾT KẾ CƠ SỞ DỮ LIỆU 49 4.2 THIẾT KẾ GIAO DIỆN .54 4.3 THIẾT KẾ XỬ LÍ .79 CHƯƠNG 5: CÀI ĐẶT 86 5.1 CẤU TRÚC THƯ MỤC .86 5.2 HƯỚNG DẪN CÀI ĐẶT .88 CHƯƠNG 6: KIỂM THỬ VÀ SO SÁNH 91 6.1 KIỂM THỬ 91 6.2 SO SÁNH .97 PHẦN KẾT LUẬN 99 Những kết đạt 99 Những đóng góp đề xuất 99 CHƯƠNG 5: CÀI ĐẶT đệm giúp tăng hiệu suất chạy dự án config Chứa tất tệp cấu hình hệ thống database/ migrations Chứa tập tin định nghĩa khởi tạo sử bảng public Chứa file index.php, htaccess, assets thường dùng để chứa tệp tài nguyên dự án (js, css, hình ảnh, âm thanh,…) resources Chứa tập tin giao diện - Views chưa biên dịch (blade.php, js, css, less, sass, coffeescript, ) chứa tệp ngôn ngữ routes Là thư mục chứa tập tin định nghĩa router, xử lý router điều hướng router, có tệp routes mặc định Larvel web.php, api.php console.php hầu hết routes tự định nghĩa nằm tệp web.php 5.2 HƯỚNG DẪN CÀI ĐẶT Đây hướng dẫn cài đặt khởi chạy dự án local hệ điều hành Windows 10 Bước 1: Cài đặt chương trình tạo máy chủ Web cục Tải cài đặt XAMPP phiên theo đường dẫn sau: https://www.apachefriends.org/index.html Bước 2: Cài đặt Redis Node.js Tải vài cài đặt Redis theo đường dẫn sau: https://github.com/microsoftarchive/redis/releases/download/win-3.2.100/Redisx64-3.2.100.msi Tải vài cài đặt Node.js theo đường dẫn sau: https://Node.js.org/en/ Bước 3: Cài đặt Laravel Tải cài đặt Composer đường dẫn sau: https://getcomposer.org/download/ 88 CHƯƠNG 5: CÀI ĐẶT Sau cài đặt Composer, để cải đặt Laravel: - Bật Command Prompt chạy lệnh : composer global require laravel/installer - Cấu hình biến mơi trường Path đến /.composer/vendor/bin Bước 4: Nhập sở liệu - Khởi động XAMPP Control, khởi động module Apache MySQL hình bên - Tiếp theo, chọn nút Admin chương trình XAMPP Control, tạo database hình - Cuối mở database, chọn đến mục Import tải tệp script database để nhập sở liệu vào Bước 5: Đưa mã nguồn vào XAMPP Đưa thư mục có chứa mã nguồn dự án vào XAMPP theo đường dẫn có cấu trúc sau: Đường dẫn chứa XAMPP\htdocs, cài đặt chương trình theo mặc định đường dẫn C:\xampp\htdocs Bước : Cấu hình file env cài đặt Redis cho Laravel Vào thư mục dự án, chọn file env để chỉnh sửa Thay đổi thông số sau: - Đổi DB_DATABASE=project_vienglish - Đổi BROADCAST_DRIVER=redis - Sau nhấn tổ hợp phím Ctrl + s để lưu Bật Command Prompt, sau cd vào thư mục dự án Tiếp gõ dịng lệnh : composer require predis/predis Bước 7: Cấu hình dự án, dọn dẹp nhớ đệm dự án - Cấu hình kết nối database - Dọn dẹp đệm dự án Mở cửa sổ Command Prompt thư mục dự án chạy lệnh sau: php artisan cache:clear 89 CHƯƠNG 5: CÀI ĐẶT php artisan config:clear php artisan config:cache Bước 8: Khởi chạy dự án - Khởi động XAMPP Control, khởi động module Apache MySQL - Khởi chạy Redis - Khởi chạy Node.js - Mở trang giới thiệu dự án Mở trình duyệt truy cập vào địa http://localhost/vienglish/ để hoàn tất việc khởi chạy dự án 90 CHƯƠNG 6: KIỂM THỬ CHƯƠNG 6: KIỂM THỬ VÀ SO SÁNH 6.1 KIỂM THỬ Ứng dụng thực test case bảng đây, tập trung vào loại test type như: functionality, interface, system, Bảng 6.1 Bảng kiểm thử trang web Kết mong đợi Trạng thái Kiểm tra giao diện Truy cập vào hệ thống Hệ thống thị PASS ID Mô tả hiển thị chủ đề từ Testcase thống đăng nhập đầy đủ chủ đề vựng danh sách Nhấn vào mục “Từ từ vựng, hình ảnh từ vựng vựng” để xem danh sách minh họa trạng Interface_Voca_01 từ vựng vựng thái luyện tập Nhấn vào chủ đề Hệ thống từ vựng tương ứng để đầy đủ từ vựng xem từ vựng chủ đề chủ đề đó Hệ thống thông Nhấn vào bắt đầu báo lỗi chưa có luyện tập để tiến hành chủ đề từ vựng luyện tập, sau mở lại chủ đề chưa có trang chủ để kiểm tra từ vựng trạng thái chủ đề vừa luyện tập 91 CHƯƠNG 6: KIỂM THỬ Kiểm tra giao diện Truy cập vào hệ thống Hệ thống hiển thị luyện tập từ vựng thống đăng nhập chủ đề Nhấn vào “Từ vựng”, phần giao diện PASS đầy đủ thành chọn chủ đề từ luyện luyện vựng, chọn “Bắt đầu tập Interface_Voca_02 luyện tập” Hệ thống hiển thị Tiến hành luyện tập thông báo theo hướng dẫn thành phần giao diện tương ứng làm sai câu luyện tập Hệ thống hiển thị thông báo luyện Functionality_Voca_01 tập thành công Kiểm tra lựa chọn Truy cập vào hệ thống Hệ thống đưa từ vựng luyện thống đăng nhập tập (nếu từ vựng Nhấn vào “Từ vựng”, luyện tập luyện tập chọn chủ đề từ yêu cầu PASS danh sách từ vựng nhiều lần trước vựng, chọn “Bắt đầu lần sau luyện luyện tập” tập lại hiển thị Tiến hành luyện tập từ vựng theo hướng dẫn chưa luyện tập Tiến hành luyện tập lại hơn) lần với chủ đề từ vựng vừa luyện tập trước 92 CHƯƠNG 6: KIỂM THỬ Truy cập vào hệ thống Hệ thống hiển thị kết kiểm thống đăng nhập tra đọc đoạn Chọn vào “Phát âm”, với trạng thái thêm văn chọn “Thêm văn bản” Interface_Reading_01 Kiểm tra hiển thị PASS đầy đủ kèm vào từ không Nhập văn tiếng đọc văn anh tiến hành nhấn nhập so với văn vào biểu tượng hệ thống nghe microphone để tiến hành đọc sai đọc văn nhập Hệ thống hiển thông báo đọc người dùng đọc văn Interface_Test_01 nhập Kiểm tra có hiển Truy cập vào hệ thống Hệ thống hiển thị thị thông tin thống đăng nhập câu hỏi Chọn “Kiểm tra trắc đáp án chọn hoàn thành nghiệm”, tùy chỉnh câu hỏi trước PASS trạng thái cờ chuyển từ câu kiểm tra, sau chọn hỏi khác sang câu “Làm bài” hỏi hoàn thành Tiến hành hoàn thành câu hỏi, chuyển sang câu hỏi khác, sau trở lại câu hỏi vừa hồn thành trước 93 CHƯƠNG 6: KIỂM THỬ Kiểm tra chấm Truy cập vào hệ thống Hệ thống chấm điểm sau đăng nhập PASS điểm với số hoàn thành kiểm Chọn “Kiểm tra trắc câu hỏi người dùng tra trắc nghiệm nghiệm”, tùy chỉnh đúng, đề kiểm tra, sau chọn có câu hỏi phụ “Làm bài” phải tính tổng số Hồn thành kiểm câu hỏi kiểm tra tra nhấn nút nộp theo số câu hỏi đơn Functionality_Test_01 tất câu hỏi phụ thay cho câu hỏi câu hỏi phụ Hệ thống hiển thị chữ màu xanh với đáp án chọn đúng, chữ màu đỏ đáp án chọn sai, hiển thị kèm chữ màu xanh với đáp án làm sai, không chọn đáp án hiển thị chữ màu đỏ đáp án 94 Functionality_Register_01 CHƯƠNG 6: KIỂM THỬ Kiểm tra chức Truy cập vào hệ Hiển thị thông đăng ký tài thống khoản người Nhấn “Đăng ký” lỗi biểu mẫu PASS báo đầy đủ dùng Kiểm tra lỗi điều hướng chức đăng ký với thông thông tin đăng ký tin đăng ký tên tài Điền thông tin đăng ký Thông báo đăng khoản tồn chọn nút “Đăng ký” ký thành công chưa, mật để gửi thông tin đăng ký đăng nhập thành nhập lại hay cơng với tài khoản khơng, email có vừa đăng ký cú pháp không 95 CHƯƠNG 6: KIỂM THỬ Truy cập vào hệ thống Hệ thống hiển thêm tài đăng nhập trang quản thị mục “Thêm tài khoản siêu lý hệ thống khoản” quản trị viên có Vào mục “Quản lý tài quản trị viên hoạt động khoản”, chọn “Thêm tài Hệ thống phải yêu cầu không khoản” thông báo lỗi Tiến hành điền thông phát yêu cầu tin tạo tài khoản chọn thêm “Thêm” siêu Functionality_AddUser_01 Kiểm tra chức cho tài PASS siêu khoản quản trị viên Hệ thống hiển thị lỗi thông tin tạo tài khoản không hợp lệ Hệ thống thông báo thành công thêm tài khoản dùng tài khoản vừa thêm để đăng nhập vào hệ Functionality_EditUser_01 thống Kiểm tra chức Truy cập vào hệ thống Hệ thống tồn phân quyền với tài khoản admin Hiển thị level vừa admin Chọn quản lý tài phân quyền lên khoản trang danh sách tài Click vào “Danh sách khoản tài khoản ” Nhấn “Edit” Đăng nhập lại tài vào tài khoản cần phân khoản vừa phân, quyền thao tác với Chọn Role quyền Nhấn “ Lưu thông tin “ Role PASS 96 CHƯƠNG 6: KIỂM THỬ System_App_01 Acceptance _App_01 Tiến hành cài đặt dự Tiến hành kiểm án lên hosting thử ứng dụng Kiểm thử tất chức nhiều nhiều thiết bị thiết bị trình có khả duyệt web duyệt khác FAIL Giao diện hiển thị nhiều thiết bị khác Tất tính hoạt động (Laptop, điện thoại thông thiết bị minh) Kiểm thử hệ Hợp tất tính thống sau hợp tất Kiểm thử tất tính có bị lỗi chức có chạy hay xung đột yêu cầu PASS Tất chức xây hệ thống hoạt động yêu cầu 6.2 SO SÁNH 6.2.1 Website Go4English • Điểm bật - Website nhóm có giao diện trực quan hơn, bố cục nội dung khơng bị rối rắm - Website nhóm hỗ trợ đăng nhập giúp cho người dùng quản lý liệu học tập tốt - Website nhóm có nhiều tính học tập luyện tập ghi nhớ từ vựng, luyện đọc, luyện nghe kiểm tra trắc nghiệm thay tra cứu kiến thức website Go4English - Website nhóm có thêm diễn đàn thảo luận, giúp người học dễ dàng trao đổi chia sẻ kiến thức với • Điểm hạn chế Nội dung học tập website nhóm chưa phong phú dạng website Go4English • Điểm cần cải tiến học hỏi Website nhóm cần bổ sung thêm số tính tra cứu nội dung học tập khác nhằm dạng hóa nội dung học tập 97 CHƯƠNG 6: KIỂM THỬ 6.2.2 Website FunEasyEnglish • Điểm bật So với website FunEasyEnglish, website nhóm điểm bật tương tự so sánh website Go4English • Điểm hạn chế Nội dung học tập website nhóm khơng có nhiều lối truyền đạt khác chưa có nhiều người có kiến thức chun mơn tiêng Anh để hỗ trợ xây dụng nội dung website FunEasyEnglish • Điểm cần cải tiến học hỏi Nhóm cần tìm thêm số cá nhân tơ chức có uy tín để xây dựng nhiều nội dung học tập có hấp dẫn tốt độ tin cậy cao 6.2.3 Website Ello • Điểm bật Nội dung tính học tập website nhóm phong phú đa dạng khơng bị giới hạn việc tập trung rèn luyện kỹ nghe website Ello • Điểm hạn chế Tính luyện nghe nhóm hỗ trợ làm tập trắc nghiệm Trong đó, website Ello ngồi tính làm tập trắc nghiệm kèm với nghe, website liệt kê thêm từ vựng sử dụng nghe kèm với tính làm tập điền từ vào câu chưa hoàn chỉnh để giúp người học nắm bắt ghi nhớ nội dung học tốt • Điểm cần cải tiến học hỏi Nhóm cần nâng cao tính luyện nghe hỗ trợ người học tập tốt vừa đề cập mục 98 PHẦN KẾT LUẬN PHẦN KẾT LUẬN Những kết đạt Nhóm xây dựng thành công Website học tiếng Anh giúp cho người có thêm địa để học tập, nâng cao trình độ tiếng anh thân Hơn nữa, kỹ nghiên cứu tìm hiểu cơng nghệ trau dồi Đồng thời, việc phát triển dự án giúp cho nhóm cải thiện kỹ thu thập nhu cầu người dùng, phân tích chức nghiệp vụ Những đóng góp đề xuất Website nhóm nghiên cứu phát triển thêm tính kiểm tra đọc văn tìm từ đọc chưa để luyện tập thêm Tính giúp đa dạng hóa cách thức học tiếng Anh có mạng Nhóm mong muốn đề xuất với khoa Công nghệ Thông nên thành lập phận chuyên trách để đánh giá chọn dự án có ý tưởng sáng tạo tốt có tính khả thi cao để hỗ trợ triển khai dự án vào đời sống thực tế Một phần giúp cho người dân Việt Nam có thêm nhiều cơng cụ tiện ích hỗ trợ nâng cao chất lượng sống, phần giúp cho nhà trường phát triển thương hiệu lớn mạnh hơn, đặc biệt ngành Công nghệ Thông tin – ngành học chủ lực thời đại Công nghiệp 4.0 Ưu nhược điểm 3.1 Ưu điểm - Là ứng dụng web nên không cần phải cài đặt muốn sử dụng - Giao diện đơn giản trực quan giúp người dùng dễ dàng thao tác - Hỗ trợ đầy đủ tính học tiếng Anh - Nội dung học tập phong phú đa dạng - Có nhiều chức luyện tập khác 3.2 Nhược điểm Dù nhóm cố gắng tìm hiểu phát triển website cách tốt nhất, hiểu biết hạn hẹp, nên khơng tránh khỏi thiếu sót, khuyết điểm: - Web Speech API chưa hỗ trợ trình duyệt điện thoại 99 PHẦN KẾT LUẬN - Một số chức phản hồi chưa nhanh yêu cầu đề Hướng phát triển tương lai Mặc dù tồn hạn chế bên trên, với tâm nhóm, website khắc phục tiếp tục nâng cấp, cải tiến về: - Giao diện: Cải tiến bố cục giao diện thẩm mỹ thông minh - Chức năng: Nâng cao tốc độ xử lí, phản hồi; Bổ sung thêm tính phân loại người học theo trình độ hiểu biết tiếng Anh để đưa lịch trình học tập phù hợp cho đối tượng cụ thể 100 DANH MỤC TÀI LIỆU THAM KHẢO DANH MỤC TÀI LIỆU THAM KHẢO [1] Taylor Otwell, laravel.com – Documentation Laravel 5.8 https://laravel.com/docs/5.8 [2] Joyent, Node.js.org – Documentation Node.js https://Node.js.org/en/docs/ [3] Semantic-release-bot, Github.com – ioredis https://github.com/luin/ioredis [4] Socket.IO – Documentation Socket.IO https://socket.io/docs/ [5] Web Speech API – Documentation Web Speech API https://developer.mozilla.org/en-US/docs/Web/API/Web_Speech_API/ [6] Phạm Văn Doanh, viblo.asia – Web Speech Recognition https://viblo.asia/p/web-speech-recognition-bJzKmWqDl9N [7] Cambridge University Press, dictionary.cambridge.org – Cambridge Dictionary https://dictionary.cambridge.org/ [8] Công ty cổ phần giáo dục đào tạo Imap Việt Nam, ielts-fighter.com – Ngữ pháp http://ielts-fighter.com/grammarvocabulary [9] Randall, esl-lab.com – ESL Cyber Listening Lab https://www.esl-lab.com/ 101 S K L 0 ... lựa chọn đề tài Xây dựng Website học tiếng Anh online dùng Laravel Node. js làm đề tài để xây dựng khóa luận tốt nghiệp Mục đích đề tài Tìm hiểu ứng dụng cơng nghệ Laravel, Node. js kết hợp với... văn: Xây dựng Website học tiếng Anh online dùng Laravel Node. js GV hướng dẫn: ThS Nguyễn Trần Thi Văn Nhiệm vụ luận văn: Lý thuyết: Tìm hiểu Laravel, Node. js kiến thức liên quan 1.1 Tìm hiểu Laravel. .. đem ứng dụng vào việc xây dựng website học tiếng Anh dành cho người bắt đầu học tiếng Anh Ứng dụng web bao gồm số tính người dùng tạo tài khoản, đăng nhập, học từ vựng ngữ pháp tiếng Anh, luyện