Báo cáo Đồ án 1: Xây dựng Website hỗ trợ Luyện thi TOEIC của SV UIT

Báo cáo đồ án xây dựng website luyện thi TOEIC. Trình bày chi tiết quá trình phân tích, thiết kế hệ thống, công nghệ và triển khai ứng dụng.

• Tác giả: Nguyễn Trịnh Vĩnh Thịnh
• Người hướng dẫn: ThS. Trần Thị Hồng Yến
• Trường học: Trường Đại học Công nghệ Thông tin
• Chuyên ngành: Công nghệ Phần mềm
• Đề tài: Xây dựng Website Hỗ trợ Luyện thi TOEIC
• Loại tài liệu: Đồ án
• Năm xuất bản: 2024
• Địa điểm: Thành phố Hồ Chí Minh

Tóm tắt

I. Giới Thiệu Về Đồ Án Xây Dựng Website Luyện Thi TOEIC

Đồ án xây dựng website luyện thi TOEIC là một dự án ứng dụng công nghệ thông tin nhằm hỗ trợ người học chuẩn bị cho kỳ thi TOEIC một cách hiệu quả. Dự án được thực hiện bởi hai sinh viên từ Khoa Công nghệ Phần mềm, Trường Đại học Công nghệ Thông tin dưới sự hướng dẫn của ThS. Trần Thị Hồng Yến. Mục tiêu chính của website luyện thi TOEIC là cung cấp một nền tảng học tập toàn diện, giúp học viên có thể luyện tập các kỹ năng như nghe, đọc, và từ vựng một cách linh hoạt. Nhu cầu học tiếng Anh và luyện thi TOEIC ngày càng tăng cao khi mà tiếng Anh trở thành yêu cầu bắt buộc trong hội nhập quốc tế. Website này được xây dựng dựa trên mô hình client-server, sử dụng các công nghệ hiện đại để đảm bảo hiệu suất tối ưu và trải nghiệm người dùng tốt nhất.

1.1. Lý Do Chọn Đề Tài

Lý do chọn đề tài xây dựng website luyện thi TOEIC xuất phát từ nhu cầu thực tế của thị trường ngôn ngữ hiện đại. Kỳ thi TOEIC là một trong những chứng chỉ tiếng Anh quốc tế được công nhận rộng rãi. Tuy nhiên, các nền tảng học tập hiện có vẫn còn những hạn chế trong khả năng cá nhân hóa kế hoạch học tập. Website này giải quyết vấn đề đó bằng cách cung cấp các công cụ luyện tập, quản lý tiến độ học tập, và phân tích kết quả thi chi tiết cho từng người học.

1.2. Đối Tượng Sử Dụng

Đối tượng sử dụng website luyện thi TOEIC bao gồm học sinh, sinh viên, và những người đi làm muốn nâng cao kỹ năng tiếng Anh. Ngoài ra, quản trị viên cũng là một đối tượng quan trọng, có trách nhiệm quản lý nội dung, đề thi, và lộ trình học. Tất cả người dùng đều có thể truy cập các tài liệu học tập, làm bài thi thử, và theo dõi tiến độ cá nhân thông qua giao diện thân thiện và dễ sử dụng.

II. Phân Tích Và Thiết Kế Hệ Thống Website Luyện Thi TOEIC

Phân tích và thiết kế hệ thống là giai đoạn quan trọng trong quá trình phát triển website luyện thi TOEIC. Việc xác định rõ yêu cầu chức năng, yêu cầu phi chức năng, và yêu cầu nghiệp vụ đảm bảo rằng sản phẩm cuối cùng sẽ đáp ứng đầy đủ nhu cầu của người dùng. Hệ thống được thiết kế dựa trên mô hình hóa Use Case, giúp định rõ các tình huống sử dụng cụ thể. Kiến trúc hệ thống theo mô hình client-server cho phép tách biệt phần frontend (giao diện người dùng) và backend (xử lý dữ liệu). Cơ sở dữ liệu được thiết kế tối ưu với các collection chứa thông tin người dùng, bài thi, câu hỏi, từ vựng, lộ trình học, và bài viết cộng đồng.

2.1. Xác Định Yêu Cầu Hệ Thống

Yêu cầu chức năng của website luyện thi TOEIC bao gồm: đăng ký và đăng nhập, tìm kiếm đề thi, làm bài thi, lưu lộ trình học, tra cứu từ vựng, và xem đánh giá cá nhân. Yêu cầu phi chức năng nhấn mạnh trên hiệu suất, bảo mật, độ tin cậy, và khả năng mở rộng hệ thống. Yêu cầu nghiệp vụ liên quan đến quy trình quản lý nội dung, cấp quyền người dùng, và theo dõi tiến độ học tập chi tiết.

2.2. Thiết Kế Dữ Liệu Và Giao Diện

Sơ đồ cơ sở dữ liệu bao gồm các collection quan trọng như User, Test, Question, Vocab, RoadmapExercise, và Post. Mỗi collection được thiết kế cẩn thận để lưu trữ thông tin cần thiết mà không dư thừa. Thiết kế giao diện của website luyện thi TOEIC tuân theo nguyên tắc UX/UI tốt, với các màn hình rõ ràng, điều hướng dễ dàng, và trải nghiệm người dùng mịn màng trên cả máy tính và thiết bị di động.

III. Công Nghệ Và Kiến Trúc Hệ Thống

Kiến trúc hệ thống website luyện thi TOEIC được xây dựng theo mô hình client-server hiện đại. Frontend được phát triển bằng các công nghệ web tiên tiến, đảm bảo giao diện responsiv và hiệu suất cao. Backend xử lý logic nghiệp vụ phức tạp, quản lý dữ liệu, và cung cấp các API để frontend gọi. Cơ sở dữ liệu sử dụng MongoDB hoặc các giải pháp tương tự để lưu trữ dữ liệu linh hoạt. Mô hình client-server mang lại nhiều lợi ích như khả năng mở rộng, bảo mật dữ liệu tốt, và dễ dàng nâng cấp từng thành phần riêng lẻ. Điểm đơn lẻ (Single Point of Failure) được xem xét kỹ lưỡng để đảm bảo độ tin cậy cao.

3.1. Công Nghệ Sử Dụng

Website luyện thi TOEIC sử dụng stack công nghệ bao gồm HTML5, CSS3, JavaScript cho frontend. Backend được phát triển bằng Node.js hoặc framework tương tự. MongoDB được chọn làm cơ sở dữ liệu vì tính linh hoạt và khả năng xử lý dữ liệu lớn. Các công cụ phát triển bao gồm Git để quản lý phiên bản, và các framework kiểm thử tự động để đảm bảo chất lượng code cao.

3.2. Triển Khai Ứng Dụng

Frontend của website luyện thi TOEIC được triển khai trên Vercel, một nền tảng phổ biến cho các ứng dụng web tĩnh và động. Backend được triển khai trên Render, cung cấp máy chủ ổn định và hỗ trợ tốt. Cả hai nền tảng đều cung cấp SSL/TLS để bảo vệ dữ liệu, auto-scaling để xử lý lưu lượng cao, và monitoring để theo dõi hiệu suất ứng dụng.

IV. Tính Năng Chính Và Hướng Phát Triển

Website luyện thi TOEIC cung cấp nhiều tính năng nổi bật giúp người học có thể chuẩn bị kỹ lưỡng cho kỳ thi. Người dùng có thể làm các bài thi thử đầy đủ, luyện tập các part cụ thể của TOEIC, quản lý lộ trình học cá nhân, và tra cứu từ vựng chuyên ngành. Hệ thống đánh giá tự động tính điểm, phân tích điểm yếu, và đưa ra gợi ý cải thiện. Cộng đồng học tập cho phép người dùng chia sẻ kinh nghiệm, đặt câu hỏi, và hỗ trợ lẫn nhau. Hướng phát triển của website luyện thi TOEIC trong tương lai bao gồm tích hợp AI để cá nhân hóa lộ trình học, thêm các interactive lessons với phát âm chính xác, và phát triển ứng dụng mobile để người học có thể luyện tập mọi lúc, mọi nơi.

4.1. Ưu Điểm Của Ứng Dụng

Ưu điểm của website luyện thi TOEIC bao gồm giao diện người dùng thân thiện, cung cấp đầy đủ các part của kỳ thi, hỗ trợ tracking progress chi tiết, và có cộng đồng học tập sôi động. Ứng dụng hoạt động mượt mà trên cả desktop và mobile, có hệ thống notification thông minh để nhắc nhở người học, và cho phép tích lũy từ vựng trong khoảng thời gian dài.

4.2. Hạn Chế Và Cải Thiện Tương Lai

Hạn chế hiện tại của website luyện thi TOEIC bao gồm chưa có tích hợp AI sâu để cá nhân hóa tối đa, số lượng bài tập còn có thể mở rộng thêm, và chưa có tính năng speaking practice với nhận dạng giọng nói. Hướng cải thiện tương lai sẽ tập trung vào phát triển tính năng AI-powered learning paths, thêm interactive video lessons, phát triển mobile app native, và tích hợp gamification để tăng engagement người dùng.

Trích đoạn nội dung tài liệu

Chương 1 – Giới thiệu đề tài: Trình bày lý do chọn đề tài, mục tiêu, phạm vi, đối tượng sử dụng, phương pháp thực hiện, công nghệ sử dụng và kết quả mong đợi.  Chương 2 – Cơ sở lý thuyết: Trình bày một số vấn đề mà các nền tảng có sẵn trong thị trường. Từ đó đưa ra các đánh giá ưu và nhược điểm của các nền tảng. Đồng thời trình bày về các kiến thức nền tảng sử dụng để phục vụ cho đồ án.

 Chương 3 – Phân tích thiết kế hệ thống: Đặc tả và mô hình hóa các yêu cầu phần mềm; trình bày các bản thiết kế của đồ án, bao gồm thiết kế hệ thống, thiết kế đối tượng, thiết kế dữ liệu và thiết kế giao diện. 1  Chương 4 – Triển khai Website: Trình bày các nền tảng được chọn để triển khai ứng dụng, phân tích ưu/ nhược điểm của các nền tảng.  Chương 5 – Kết luận: Kết luận lại những vấn đề đã giải quyết và trình bày ở các phần trước và nêu ra hướng phát triển cho sản phẩm trong tương lai Một số kết quả đạt được: Kết quả đạt được của dự án bao gồm việc xây dựng một website luyện thi TOEIC, hỗ trợ nâng cao kỹ năng tiếng Anh chuẩn bị cho kỳ thi, và một trang web quản lý dành cho admin giúp quản lý bài thi, từ vựng, bài tập, diễn đàn và người dùng một cách hiệu quả. Điều này mang lại trải nghiệm toàn diện cho cả người học và quản trị viên.

GIỚI THIỆU ĐỀ TÀI 1. Lí do chọn đề tài Trong bối cảnh hội nhập quốc tế ngày càng sâu rộng, nhu cầu giao tiếp tiếng Anh, đặc biệt là khả năng làm việc trong môi trường chuyên nghiệp, ngày càng tăng cao. Chứng chỉ TOEIC, với vai trò là một thước đo năng lực tiếng Anh quốc tế, đã trở thành một yêu cầu không thể thiếu trong hồ sơ xin việc của nhiều ngành nghề. Tuy nhiên, việc tìm kiếm một nguồn tài liệu học tập và luyện thi TOEIC chất lượng, phù hợp với từng cá nhân lại không hề dễ dàng.

Chính điều này đã tạo ra một khoảng trống lớn trên thị trường, đồng thời cũng là cơ hội để phát triển một sản phẩm đáp ứng nhu cầu thực tế của người học. Bên cạnh đó, với sự phát triển nhanh chóng của thế giới, mọi người càng ít thời gian để tự học ngôn ngữ mới. Việc di chuyển tới các trung tâm dạy tiếng Anh hay các chỗ học càng ngày hạn chế bởi các công việc và khả năng đi lại. Nhận thấy vấn đề đó, việc ôn luyện trên mạng hay học online ngày càng phổ biến.

Bởi chúng giúp cho người học có thể học bất cứ đâu và bất cứ thời gian nào. Nhận thấy vấn đề đó, Website hỗ trợ luyện thi TOEIC sẽ mang đến một giải pháp toàn diện cho người học, từ việc cung cấp kiến thức cơ bản đến các bài tập luyện tập đa dạng, đề thi thử mô phỏng theo cấu trúc đề thi thật dựa trên 2 kỹ năng là Nghe – Đọc. Bên cạnh đó, website sẽ tích hợp các công cụ hỗ trợ học tập thông minh như hệ thống theo dõi tiến độ, nhận diện điểm yếu và đưa ra các bài tập luyện tập cá nhân hóa. Điều này không chỉ giúp người học tiết kiệm thời gian và công sức mà còn tăng hiệu quả học tập một cách đáng kể.

Đặc biệt, website sẽ được xây dựng trên nền tảng công nghệ hiện đại, giao diện thân thiện, dễ sử dụng, phù hợp với mọi đối tượng. Mục tiêu  Xây dựng một kho đề thi thử đa dạng, được cập nhật thường xuyên để đảm bảo tính mới mẻ và phù hợp với xu hướng.  Thiết kế một lộ trình học với các kiến thức và bài tập để người dùng cải thiện các kĩ năng theo thời gian.  Phát triển cộng đồng học tập cho phép người dùng tương tác với nhau, chia sẻ kiến thức, kinh nghiệm và trải nghiệm về lĩnh vực tiếng Anh.

 Tạo trang web quản lý dành cho admin, giúp quản lý nội dung, bài thi, tài liệu, từ vựng và hỗ trợ diễn đàn một cách hiệu quả. Phạm vi  Nền tảng hỗ trợ: Triển khai trên website  Chức năng: + Xác thực tài khoản + Gợi ý lộ trình học + Cung cấp các bài kiểm tra theo chuẩn đề thi TOEIC và mô phỏng môi trường thi thật + Phân tích và đánh giá kết quả các bài thi + Luyện tập theo từng phần trong bài thi + Tra cứu và học từ vựng + Lưu trữ cá nhân + Tài khoản cá nhân + Hệ thống diễn đàn + Quản lý các bài thi + Quản lý các bài luyện tập 4 + Quản lý từ vựng theo chủ đề + Quản lý diễn đàn + Quản lý người dùng 1. Đối tượng sử dụng  Người dùng đăng nhập: người dùng khi đăng nhập vào website có thể truy cập vào các bài thi và thực hiện. Người dùng cũng được hỗ trợ các thao tác luyện tập các part, tra cứu và học từ vựng theo chủ đề, lưu trữ các đề thi và từ vựng theo ở mục lưu trữ cá nhân.

 Người dùng không đăng nhập: người dùng khi chưa đăng nhập được hỗ trợ các thao tác xem các bài thi, bài viết của diễn đàn.  Quản trị viên (admin): là người có toàn quyền truy cập vào các chức năng của hệ thống. Quản trị viên có thể quản lý các tài khoản của người dùng, quản lý đề thi, quản lý các bài viết được đăng trên diễn đàn, … 1. Phương pháp thực hiện  Tìm hiểu công nghệ: ReactJS, MongoDB, ExpressJS, …  Tìm hiểu các công cụ hỗ trợ: Figm  Quản lý source code: Github  Trải nghiệm và phân tích các ứng dụng tương tự trên thị trường  Phân tích và xác định yêu cầu  Thiết kế + Thiết kế đối tượng + Thiết kế dữ liệu + Thiết kế giao diện  Cài đặt 5  Kiểm thử  Hoàn thiện sản phẩm  Báo cáo 1.

Công nghệ sử dụng  Công cụ thiết kế UI/UX: Figma  Công cụ xây dựng ứng dụng: Visual Studio Code  Front – end: + Ngôn ngữ sử dụng: TypeScript + Thư viện sử dụng: React JS, React-Signify  Back – end: + Ngôn ngữ sử dụng: TypeScript + Thư viện/Framework sử dụng: Express JS và Node JS.  Cơ sở dữ liệu: MongoDB.  Quản lý mã nguồn: Github 1. Kết quả mong đợi  Hoàn thiện các chức năng cơ bản của website  Xây dựng website hoàn chỉnh đáp ứng yêu cầu người dùng  Triển khai thành công 6 CHƯƠNG 2.

Những ứng dụng có liên quan đến đề tài 2. Ưu điểm  Giao diện Người dùng (UI/UX): EStudyMe có giao diện người dùng hiện đại, dễ sử dụng, thân thiện với người dùng. Hỗ trợ chuyển đổi ngôn ngữ và chế độ Dark Mode, mang lại trải nghiệm đa dạng và tiện lợi cho người dùng.  Chức năng học Ngữ pháp và Từ vựng: Trong phần luyện tập Ngữ pháp và Từ vựng, hệ thống cung cấp phần học lý thuyết trước khi yêu cầu trả lời câu hỏi, giúp người dùng nắm vững kiến thức nền tảng trước khi luyện tập.

 Chức năng làm bài kiểm tra: EStudyMe cho phép người dùng cuộn nhanh đến bất kỳ câu hỏi hoặc phần thi nào, xem được câu hỏi đã làm hay chưa làm, giúp tiết kiệm thời gian và tối ưu hóa quá trình làm bài.  Chức năng lập lộ trình học: Người dùng có thể chọn trình độ và mục tiêu học tập ngay nếu đã biết trình độ hiện tại. Với người dùng chưa biết trình độ, hệ thống sẽ cung cấp bài kiểm tra để xác định trình độ trước khi cho phép chọn mục tiêu học tập. Các bài luyện tập được phân loại theo từng phần và mức độ khó dễ, giúp học viên học tập hiệu quả.

 Quản lý cá nhân: Giao diện quản lý cá nhân có các biểu đồ thống kê được thiết kế trực quan và chi tiết, cung cấp thông tin đầy đủ về quá trình học tập và tiến bộ của người dùng. Nhược điểm  Chức năng lập lộ trình học: Chức năng này gặp lỗi khi xếp trình độ cho người dùng, bất kể số câu trả lời đúng, người dùng luôn bị xếp vào trình độ “foundation”. 7  Diễn đàn: Phần diễn đàn còn khá đơn giản, thiếu các tính năng lọc/sắp xếp danh sách bài viết, bình luận, và chia sẻ bài viết, làm giảm tính tương tác và trải nghiệm người dùng.  Luyện tập Nghe: Hệ thống chấm điểm ngay khi người dùng chọn đáp án, không cho phép người dùng trả lời hết toàn bộ câu hỏi trước khi chấm, dẫn đến trải nghiệm không nhất quán và gây nhầm lẫn.

Bên cạnh đó, thiếu bản transcript cho mỗi câu hỏi, chỉ cung cấp bản dịch.  Luyện tập Nói và Viết: Hệ thống không nhận diện đúng âm thanh nếu người dùng nói nhỏ. Câu trả lời đề xuất cho mỗi câu hỏi Nói là cố định. Khuyến nghị sử dụng chatbot để tạo các câu trả lời mẫu đa dạng hơn mỗi khi người dùng nhấn nút reload, giúp cải thiện trải nghiệm học tập.

 Ngữ pháp: Hệ thống chỉ giải thích đáp án mà không cung cấp bản dịch của toàn bộ câu, làm hạn chế khả năng học ngữ pháp một cách toàn diện.  Từ vựng: Chỉ cung cấp nghĩa bằng tiếng Anh cho từ vựng và các ví dụ cơ bản, không đa dạng. Khuyến nghị cung cấp thêm dịch sát nghĩa sang tiếng Việt và thêm 2 – 3 ví dụ mỗi từ để người dùng hiểu về các ngữ cảnh sử dụng của từ vựng.  Quản lý Bookmarks: Không có trang riêng để xem lại tất cả các mục đã đánh dấu (bookmarks), người dùng khó tìm lại các mục đã lưu trữ.

Ưu điểm  Giao diện Người dùng (UI/UX): Study4 được thiết kế với một giao diện tốt, hiện đại, dễ sử dụng, dễ tiếp cận. Trải nghiệm của người dùng được tối ưu cao bởi cách bố trí và sắp xếp các thành phần.  Nội dung luyện tâp: Đề thi online mới mẻ, được cập nhật liên tục. Các đề thi liệt kê chi tiết các dạng câu hỏi của từng part.

8  Luyện tập đề thi: chọn các part và thời gian để luyện tập, có thể tùy chỉnh tốc độ nói và âm thanh tùy thích.  Làm toàn bộ đề thi: có mục đánh dấu số câu đã làm, tăng giảm âm lượng và bộ đếm thời gian theo tiêu chuẩn. Khi thực hiện xong, các câu hỏi được dịch nghĩa và giải thích chi tiết.  Thống kê kết quả: kết quả được thống kê theo thời gian và số điểm sau khi luyện tập hoặc làm toàn bộ đề thi.

Các chỉ số thống kê được trực quan hóa bởi các biểu đồ.