Ngày nay, việc ứng dụng công nghệ thông tin đã trở nên phổ biến trong hầu hết mọi cơ quan, doanh nghiệp, trường học đặc biệt là việc áp dụng các giải pháp tin học trong công tác quản lý hoặc để xây dựng những hệ thống phục vụ cho một mục đích nào đó. Dịch bệnh COVID19 bùng phát trong thời gian dài đã gây nên những khó khăn, những bất cập trong công tác dạy và học cho cả phía nhà trường, phụ huynh và học sinh. Bộ giáo dục và nhà trường đã đưa ra giải pháp ứng dụng các công nghệ dạy học trực tuyến như Microsoft Teams, Zoom Cloud Meeting, Google Classroom và một số hệ thống LMS (Learning Management System) khác vào việc giảng dạy trong thời gian học tập tại nhà của các em học sinh, sinh viên. Từ đó, các nền tảng dạy học online nổi lên trong thời gian qua mang lại rất nhiều tiện ích, phù hợp với hoàn cảnh hiện tại. Bên cạnh việc dạy học thì việc luyện tập, kiểm tra để củng cố các kiến thức đã học cũng được chú trọng. Từ đó, với mong muốn áp dụng các kiến thức đã được học để mang lại những công cụ tiện ích, em đã đưa ra ý tưởng xây dựng một nền tảng luyện tập trực tuyến. Mục tiêu hướng đến của em ban đầu là tập trung vào Tiếng Anh, đây không những là kỹ năng quan trọng không thể thiếu trong thời kỳ hội nhập đổi mới mà cũng là một “điểm yếu” của sinh viên Giao Thông nói riêng. Hiện yêu cầu đầu ra điểm TOEIC của sinh viên Giao Thông nói riêng hay đầu ra Tiếng Anh của sinh viên Việt Nam nói chung ngày một cao hơn, các công ty tuyển dụng cũng luôn luôn yêu cầu Tiếng Anh. Tiếng Anh như là một ngôn ngữ phải biết để bắt kịp với thế giới này, thời đại ngày một phát triển này. Dựa trên những phân tích trên em đã chọn đề tài “Xây dựng trang web ôn thi TOEIC trực tuyến”.
0 TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC ĐỀ TÀI XÂY DỰNG TRANG WEB ÔN THI TOEIC TRỰC TUYẾN Giảng viên hướng dẫn Sinh viên thực Lớp Mã sinh viên : Nguyễn Thu Hường : Bùi Thị Thanh Lam : CNTT5-K60 : 191203978 Hà Nội – 2023 TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI KHOA CÔNG NGHỆ THÔNG TIN -o0o - ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC ĐỀ TÀI XÂY DỰNG TRANG WEB ÔN THI TOEIC TRỰC TUYẾN Giảng viên hướng dẫn Sinh viên thực Lớp Mã sinh viên : Nguyễn Thu Hường : Bùi Thị Thanh Lam : CNTT5-K60 : 191203978 Hà Nội - 2023 MỤC LỤC DANH MỤC CÁC TỪ VIẾT TẮT DANH MỤC BẢNG BIỂU DANH MỤC HÌNH ẢNH LỜI CẢM ƠN LỜI NÓI ĐẦU TÓM TẮT ĐỀ TÀI CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI 1.1 Đặt vấn đề 1.2 Mục tiêu phạm vi đề tài 1.3 Định hướng giải pháp 1.3.1 Định hướng giải pháp 1.3.2 Cơ sở lý thuyết CHƯƠNG 2: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 2.1 Khảo sát phân tích yêu cầu 2.1.1 Khảo sát trạng 2.1.2 Tổng quan chức 2.1.3 Xác định yêu cầu hệ thống 2.2 Sơ đồ phân giã chức 2.3 Sơ đồ chức hệ thống 2.3.1 Biểu đồ use-case 2.3.2 Biểu đồ hoạt động 2.3.3 Biểu đồ 2.4 Cơ sở liệu 2.4.1 Các thực thể 2.4.2 Sơ đồ quan hệ thực thể 2.4.3 Thông tin bảng CHƯƠNG 3: THIẾT KẾ MOCKUP 3.1 Trang Đăng ký/ Đăng nhập 3.2 Trang chủ 3.3 Từ vựng 3.4 Ngữ pháp 3.5 Đề thi TOEIC CHƯƠNG 4: KẾT QUẢ THỰC HIỆN 4.1 Trang Mở đầu 4.2 Trang Chủ 4.3 Trang Giới thiệu 4.4 Trang Từ vựng 10 10 10 11 11 11 16 16 16 17 17 19 19 19 24 29 34 34 36 37 46 46 47 48 48 49 50 50 51 53 53 4.5 Trang Ngữ pháp 4.6 Trang Thi thử TOEIC 4.7 Trang Hỏi đáp 4.8 Trang Liên hệ KẾT LUẬN 1.Kết 2.Hạn chế 3.Hướng phát triển TÀI LIỆU THAM KHẢO 56 57 58 59 60 60 60 60 61 DANH MỤC CÁC TỪ VIẾT TẮT STT Từ viết tắt LMS Diễn giải Learning Management System TOEIC CSS Test of English for International Communication Cascading Style Sheet HTML Hypertext Markup Language JS Javascript MVC Model – View - Controller Q&A SQL Question and Answer Structured Query Language 10 UI UX User Interface User Experience Ý nghĩa Hệ thống quản lý học tập Bài kiếm tra tiếng Anh giao tiếp quốc tế Ngơn ngữ tìm định dạng lại phần tử tạo HTML Ngôn ngữ đánh dấu siêu văn Một loại ngơn ngữ lập trình Mơ hình thiết kế sử dụng ký thuật phần mềm Câu hỏi giải đáp Ngôn ngữ truy vấn liệu Giao diện người dùng Trải nghiệm người dùng DANH MỤC BẢNG BIỂU Bảng Phân tích use-case đăng ký 22 Bảng 2 Phân tích use-case đăng nhập 22 Bảng Phân tích use-case luyện tập từ vựng 22 Bảng Phân tích use-case luyện tập ngữ pháp 23 Bảng Phân tích use-case thi thử đề TOEIC 23 Bảng Thông tin người dùng 38 Bảng Thông tin phân quyền 38 Bảng Thông tin từ vựng 39 Bảng Thông tin User GrammarTopic 39 Bảng 10 Thông tin từ vựng 40 Bảng 11 Thông tin User GrammarTopic 40 Bảng 12 Thông tin chủ đề ngữ pháp 41 Bảng 13 Thông tin câu hỏi kèm đáp án theo chủ đề 41 Bảng 14 Thông tin đáp án lựa chọn câu hỏi 42 Bảng 15 Thông tin User Toeic .42 Bảng 16 Thông tin đề thi TOEIC 43 Bảng 17 Thông tin part .43 Bảng 18 Thông tin câu hỏi 44 Bảng 19 Thông tin đáp án 44 Bảng 20 Thông tin phần mở rộng câu hỏi: đoạn văn, hình ảnh 45 Bảng 21 Thông tin quy đổi điểm .45 DANH MỤC HÌNH ẢNH Hình 1 HTML & CSS 12 Hình Javscript 12 Hình VueJS Framework 13 Hình Ngơn ngữ lập trình Java 14 Hình Spring Framewwork 14 Hình Hệ quản trị MySQL .15 Hình Sơ đồ phân giã chức 19 Hình 2 Sơ đồ user-case user hệ thống 20 Hình Sơ đồ user-case admin hệ thống 21 Hình Biểu đồ hoạt động chức Đăng nhập/Đăng ký 25 Hình Biểu đồ hoạt động chức Chỉnh sửa thông tin 26 Hình Biểu đồ hoạt động chức luyện tập Từ vựng, Ngữ pháp 27 Hình Biểu đồ hoạt động chức thi thử đề TOEIC 28 Hình Biểu đồ hoạt động tìm kiếm 29 Hình Biểu đồ User 31 Hình 10 Biểu đồ Admin/Collaborator 33 Hình 11 Biểu đồ Quản lý user Admin 34 Hình 12 Sơ đồ quan hệ 37 Hình Balsamiq Mockup………………………………………………………… 46 Hình Trang bắt đầu 47 Hình 3 Trang đăng kí/ đăng nhập 47 Hình Trang chủ .48 Hình Trang mơ tả từ vựng, chọn chủ đề 48 Hình Trang ngữ pháp 49 Hình Trang đề thi thử 49 LỜI CẢM ƠN Em xin chân thành gửi lời cảm ơn đến lãnh đạo trường Đại học Giao thông Vận tải nói chung thầy mơn cơng nghệ thơng tin nói riêng tạo điều kiện để em có hội thực hành, tiếp xúc để em tránh vướng mắc bỡ ngỡ mơi trường làm việc tới sau hồn thành chương trình học Em xin chân thành gửi lời cảm ơn cô Nguyễn Thu Hường Nhờ giúp đỡ tận tình bảo từ lúc bắt đầu kết thúc đồ án Em hồn thành hạn định tích lũy cho lượng kiến thức, tảng quý báu, giúp em vững vàng đường tới Mặc dù cố gắng hoàn thành đề tài tốt thời gian kiến thức có hạn nên em khơng thể tránh khỏi thiếu sót, mong thơng cảm, chia sẻ góp ý từ phía thầy Em xin chân thành cảm ơn Hà Nội, Tháng Năm 2023 Sinh viên Bùi Thị Thanh Lam LỜI NÓI ĐẦU Ngày nay, việc ứng dụng công nghệ thông tin trở nên phổ biến hầu hết quan, doanh nghiệp, trường học đặc biệt việc áp dụng giải pháp tin học công tác quản lý để xây dựng hệ thống phục vụ cho mục đích Dịch bệnh COVID-19 bùng phát thời gian dài gây nên khó khăn, bất cập cơng tác dạy học cho phía nhà trường, phụ huynh học sinh Bộ giáo dục nhà trường đưa giải pháp ứng dụng công nghệ dạy học trực tuyến Microsoft Teams, Zoom Cloud Meeting, Google Classroom số hệ thống LMS (Learning Management System) khác vào việc giảng dạy thời gian học tập nhà em học sinh, sinh viên Từ đó, tảng dạy học online lên thời gian qua mang lại nhiều tiện ích, phù hợp với hồn cảnh Bên cạnh việc dạy học việc luyện tập, kiểm tra để củng cố kiến thức học trọng Từ đó, với mong muốn áp dụng kiến thức học để mang lại công cụ tiện ích, em đưa ý tưởng xây dựng tảng luyện tập trực tuyến Mục tiêu hướng đến em ban đầu tập trung vào Tiếng Anh, kỹ quan trọng thiếu thời kỳ hội nhập đổi mà “điểm yếu” sinh viên Giao Thơng nói riêng Hiện u cầu đầu điểm TOEIC sinh viên Giao Thơng nói riêng hay đầu Tiếng Anh sinh viên Việt Nam nói chung ngày cao hơn, công ty tuyển dụng luôn yêu cầu Tiếng Anh Tiếng Anh ngôn ngữ phải biết để bắt kịp với giới này, thời đại ngày phát triển Dựa phân tích em chọn đề tài “Xây dựng trang web ôn thi TOEIC trực tuyến” Em xin chân thành cảm ơn TÓM TẮT ĐỀ TÀI Với đề tài “Xây dựng trang web ôn thi TOEIC trực tuyến”, ta tạo website giúp người học tự luyện Tiếng Anh luyện thi TOEIC với yếu tố quan trọng từ khảo sát thực tế: Từ vựng, Ngữ pháp luyện đề TOEIC Chức thời gian khống chế thi thật giúp người dùng ơn tập theo yếu tố quan trọng ảnh hưởng tới kết thi TOEIC tảng website Sản phẩm phần đáp ứng nhu cầu giúp nhiều người học dễ dàng ôn luyện kiến thức, tiết kiệm thời gian chi phí Báo cáo đồ án tốt nghiệp thực gồm chương: Chương Tổng quan đề tài Ở chương 1, ta chọn đặt vấn đề tìm hiểu thực tiễn vấn đề đó, từ xác định phạm vi đưa giải pháp cho vấn đề Chương Phân tích thiết kế hệ thống Để có trang web giúp người dùng trực quan dễ sử dụng sử dụng cách hiệu cần phải đưa yêu cầu thiết kế đáp ứng tốt cho người dùng Chương phân tích yêu cầu đề bài, thiết kế hệ thống sở lý thuyết từ giúp ta có nhìn tổng quát hệ thống Giúp cho việc thiết kế thực tế dễ dàng Chương Thiết kế Mockup Sau lên kế hoạch, phân tích thiết kế hệ thống, chương thiết kế Mockup giao diện người dùng cách để hình dung tốt bắt tay vào làm giao diện Chương Kết thực Ở chương phần kết thực mà ta đạt thời gian làm đề tài