Đồ án 2: Xây dựng ứng dụng hỗ trợ học tiếng Anh trực tuyến tích hợp AI

Tham khảo đồ án xây dựng ứng dụng học tiếng Anh trực tuyến tích hợp AI. Tài liệu trình bày chi tiết mục tiêu, công nghệ và kế hoạch thực hiện dự án.

• Tác giả: Võ Thiên Phúc
• Người hướng dẫn: ThS. Trần Anh Dũng
• 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 Ứng Dụng Hỗ Trợ Học Tiếng Anh Trực Tuyến Tích Hợp AI
• 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ề App học tiếng Anh tích hợp AI

Ứng dụng học tiếng Anh trực tuyến tích hợp AI là một giải pháp học tập hiện đại, được phát triển nhằm cải thiện kỹ năng ngôn ngữ cho người dùng. Đây là đồ án quan trọng từ Trường Đại học Công nghệ Thông tin, tập trung vào việc xây dựng một nền tảng học tập tương tác và cá nhân hóa. Ứng dụng này kết hợp công nghệ AI tiên tiến như ChatGPT, Google Gemini và Claude để cung cấp trải nghiệm học tập độc đáo. Mục tiêu chính là tạo môi trường học tập thích ứng với nhu cầu của từng người học, giúp họ nâng cao khả năng tiếng Anh một cách hiệu quả và toàn diện.

1.1. Khái niệm ứng dụng học tiếng Anh AI

Ứng dụng học tiếng Anh tích hợp AI là một nền tảng học tập kỹ thuật số sử dụng trí tuệ nhân tạo để hỗ trợ quá trình học ngoại ngữ. Công nghệ AI giúp tạo ra các bài học được cá nhân hóa, phân tích tiến độ học tập và cung cấp phản hồi tức thời cho người dùng, giúp tối ưu hóa hiệu quả học tập.

1.2. Tầm quan trọng của công nghệ AI trong giáo dục

Công nghệ AI trong giáo dục đóng vai trò quan trọng trong việc cá nhân hóa trải nghiệm học tập, cải thiện chất lượng giáo dục và nâng cao hiệu quả giảng dạy. AI cho phép xây dựng các hệ thống học thích ứng, giúp người học tiếp cận kiến thức một cách linh hoạt và khoa học hơn.

II. Các chức năng chính của ứng dụng

Ứng dụng học tiếng Anh tích hợp AI được thiết kế với các chức năng đa dạng để đáp ứng nhu cầu của nhiều đối tượng người dùng khác nhau. Nền tảng hỗ trợ triển khai trên website, cung cấp giao diện thân thiện và dễ sử dụng. Những chức năng cá nhân bao gồm tạo tài khoản, tham gia các bài học đa phương pháp như audio, bài đọc và bài viết, tạo flashcard học tập, và tương tác với đoạn hội thoại được tạo bằng AI theo ngữ cảnh thực tế. Bên cạnh đó, phần quản trị viên cung cấp công cụ quản lý toàn diện, từ xử lý báo cáo, quản lý người dùng, đến phân tích thống kê và quản lý nội dung học tập.

2.1. Chức năng cho người học

Người dùng có thể tạo tài khoản cá nhân, tham gia các bài học đa dạng với phương pháp audio, đọc, viết. Ứng dụng cho phép tạo flashcard để ghi nhớ từ vựng, tạo đoạn hội thoại AI theo bối cảnh thực tế, và thực hiện các bài kiểm tra để đánh giá tiến độ học tập.

2.2. Chức năng quản trị viên

Quản trị viên có quyền cao nhất, có thể xử lý báo cáo người dùng, quản lý tài khoản học viên, phân tích dữ liệu hiệu quả hoạt động, quản lý nội dung giáo dục, cấu hình hệ thống và đảm bảo ứng dụng hoạt động ổn định, hiệu quả.

III. Đối tượng người dùng của ứng dụng

Ứng dụng học tiếng Anh tích hợp AI được thiết kế cho nhiều đối tượng sử dụng khác nhau, từ học sinh, sinh viên cho đến người đi làm và những người yêu thích tự học. Học sinh và sinh viên ở các cấp độ giáo dục khác nhau có thể sử dụng ứng dụng để cải thiện khả năng tiếng Anh, hỗ trợ học tập và chuẩn bị cho các kỳ thi quan trọng. Người đi làm muốn nâng cao kỹ năng ngôn ngữ để mở rộng cơ hội nghề nghiệp cũng là đối tượng chính. Bên cạnh đó, người học tự do vì sở thích cá nhân hoặc có nhu cầu giao tiếp hàng ngày cũng có thể tìm được giá trị từ ứng dụng này.

3.1. Học sinh sinh viên

Đối tượng này bao gồm học sinh tiểu học, trung học và sinh viên đại học đang theo học tại các cấp độ giáo dục khác nhau. Họ sử dụng ứng dụng để cải thiện kỹ năng tiếng Anh, hỗ trợ bài tập trên lớp, chuẩn bị cho các kỳ thi TOEIC, IELTS hoặc bài kiểm tra định kỳ.

3.2. Người đi làm và người học tự do

Người đi làm trong các lĩnh vực yêu cầu kỹ năng tiếng Anh và người học tự do vì sở thích cá nhân sử dụng ứng dụng để nâng cao kỹ năng ngôn ngữ. Người mới bắt đầu cần học từ cơ bản, trong khi người học nâng cao muốn phát triển các kỹ năng nghe, nói, đọc, viết lên mức độ cao hơn.

IV. Công nghệ và phương pháp phát triển ứng dụng

Ứng dụng học tiếng Anh tích hợp AI được phát triển sử dụng các công nghệ hiện đại và tiên tiến. Phía frontend được xây dựng bằng ReactJS, cung cấp giao diện người dùng tương tác và mượt mà. Backend được phát triển với NodeJS và ExpressJS, đảm bảo xử lý dữ liệu nhanh chóng và hiệu quả. Cơ sở dữ liệu sử dụng MongoDB, cho phép lưu trữ dữ liệu linh hoạt và mở rộng. Quá trình phát triển sử dụng Figma cho thiết kế giao diện, GitHub để quản lý code, và VSCode làm môi trường làm việc. Ứng dụng tích hợp các mô hình AI nổi bật như OpenAI ChatGPT, Google Gemini và Anthropic Claude để tạo nội dung học tập được cá nhân hóa.

4.1. Stack công nghệ sử dụng

Frontend được xây dựng bằng ReactJS, backend sử dụng NodeJS và ExpressJS, cơ sở dữ liệu dùng MongoDB. Công cụ thiết kế Figma giúp tạo giao diện người dùng chuyên nghiệp, GitHub quản lý version code, VSCode là IDE chính. Các mô hình AI như ChatGPT, Google Gemini và Claude được tích hợp để cung cấp trí tuệ nhân tạo.

4.2. Quy trình phát triển và kiểm thử

Dự án được thực hiện theo giai đoạn: phân tích hệ thống (02-09/09), tìm hiểu công nghệ AI (10/09-09/12), thiết kế giao diện và CSDL (10-24/09), phát triển hệ thống front-end và back-end (25/09-09/12), kiểm thử và triển khai (10-16/12). Quá trình kiểm thử đảm bảo ứng dụng hoạt động ổn định, an toàn và đáp ứng đầy đủ các yêu cầu đề ra.

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

CHƯƠNG 1: GIỚI THIỆU ĐỀ TÀI 1. Tên đề tài - Xây dựng ứng dụng hỗ trợ học Tiếng Anh trực tuyến tích hợp AI. Mô tả đề tài - Đề tài “Xây dựng ứng dụng hỗ trợ học Tiếng Anh trực tuyến tích hợp AI” nhằm phát triển một nền tảng học tập trực tuyến, giúp người dùng nâng cao kỹ năng Tiếng Anh thông qua các công cụ thông minh. Ứng dụng tích hợp trí tuệ nhân tạo (AI) để cung cấp các tính năng như gợi ý ngữ cảnh giao tiếp, tạo sinh các lời giải thích cho đáp án khi tham gia vào các bài học, và gợi ý cải thiện kỹ năng giao tiếp.

Lý do chọn đề tài - Trong bối cảnh hội nhập quốc tế, Tiếng Anh ngày càng trở thành một công cụ quan trọng giúp mọi người kết nối và mở rộng cơ hội học tập, làm việc. Tuy nhiên, việc học Tiếng Anh thường gặp nhiều khó khăn do phương pháp truyền thống thiếu hiệu quả, không cá nhân hóa và chưa tận dụng được những tiến bộ công nghệ hiện đại. Đây cũng là cơ hội để nhóm áp dụng công nghệ trí tuệ nhân tạo vào một sản phẩm công nghệ phần mềm. Các chức năng chính của đề tài - Tạo tài khoản/đăng ký, đăng nhập.

- Thực hiện các phần bài học/bài kiểm tra. - Tạo sinh và quản lý các nội dung hỗ trợ học tập bằng AI. Công nghệ sử dụng - Ngôn ngữ lập trình: JavaScript, HTML, CSS - Framework: ExpressJS (Back-end), React (Front-end) - Database: MongoDB - Authentication: JWT (NodeJS) - Hosting: AWS EC2 (Back-end), Vercel (Front-end) - API: RESTful API. - CDN: Cloudinary 12 Đồ Án 2 - SE122.PMCL Xây dựng ứng dụng hỗ trợ học Tiếng Anh trực tuyến tích hợp AI 1.

Môi trường lập trình - Hệ điều hành: Window 10/11 - IDE: Visual Studio Code - Trình duyệt: Google Chrome 1. Công cụ hỗ trợ - Github - Postman - DrawIO - Figma 13 Đồ Án 2 - SE122.PMCL Xây dựng ứng dụng hỗ trợ học Tiếng Anh trực tuyến tích hợp AI CHƯƠNG 2: GIỚI THIỆU CÔNG NGHỆ 2. Giới thiệu Express.js là một framework back-end tối giản và linh hoạt dành cho Node.js, hỗ trợ xây dựng các ứng dụng web và API. Lịch sử Ra mắt lần đầu vào năm 2010 bởi TJ Holowaychuk, hiện được duy trì bởi OpenJS Foundation.

Chức năng Cung cấp bộ công cụ mạnh mẽ để quản lý routes, middleware và xử lý yêu cầu HTTP. Áp dụng Sử dụng để xây dựng back-end API phục vụ việc quản lý dữ liệu và xử lý logic ứng dụng.PMCL Xây dựng ứng dụng hỗ trợ học Tiếng Anh trực tuyến tích hợp AI 2. Giới thiệu React là thư viện JavaScript mạnh mẽ dùng để xây dựng giao diện người dùng (UI), được phát triển bởi Meta. Lịch sử Được giới thiệu lần đầu vào năm 2013, React đã trở thành thư viện phổ biến nhất trong phát triển front-end.

Chức năng Tạo các component UI tái sử dụng, quản lý trạng thái và xử lý DOM hiệu quả. Áp dụng Sử dụng để phát triển giao diện người dùng trên trang front-end.PMCL Xây dựng ứng dụng hỗ trợ học Tiếng Anh trực tuyến tích hợp AI 2. Giới thiệu MongoDB là cơ sở dữ liệu NoSQL hướng tài liệu, được thiết kế để xử lý dữ liệu phi cấu trúc linh hoạt. Lịch sử Ra mắt vào năm 2009 bởi MongoDB Inc., nhanh chóng trở thành một trong những hệ quản trị cơ sở dữ liệu NoSQL hàng đầu.

Chức năng Lưu trữ và quản lý dữ liệu dưới dạng JSON, hỗ trợ truy vấn linh hoạt và mở rộng dễ dàng. Áp dụng Dùng để lưu trữ dữ liệu người dùng, bài học, và các nội dung liên quan.PMCL Xây dựng ứng dụng hỗ trợ học Tiếng Anh trực tuyến tích hợp AI 2. Giới thiệu Amazon EC2 (Elastic Compute Cloud) là dịch vụ cung cấp máy chủ ảo trên nền tảng đám mây của Amazon Web Services. Lịch sử Ra mắt vào năm 2006, EC2 là một trong những dịch vụ đầu tiên của AWS, mở đường cho điện toán đám mây.

Chức năng Cho phép triển khai và quản lý các ứng dụng trên máy chủ đám mây với khả năng mở rộng linh hoạt. Áp dụng Hosting back-end Node.js API, đảm bảo hiệu năng và khả năng truy cập toàn cầu.PMCL Xây dựng ứng dụng hỗ trợ học Tiếng Anh trực tuyến tích hợp AI 2. Giới thiệu Vercel là nền tảng hosting front-end chuyên dụng, tối ưu hóa cho các ứng dụng web tĩnh và framework như Next.js (một framework được phát triển trên nền React. Lịch sử Thành lập vào năm 2015 với tên gọi ban đầu là Zeit, sau đổi tên thành Vercel vào năm 2020.

Chức năng Cung cấp môi trường CI/CD, tự động build và deploy ứng dụng front-end. Áp dụng Hosting front-end React.js, hỗ trợ triển khai nhanh và tích hợp liền mạch với các công cụ phát triển.PMCL Xây dựng ứng dụng hỗ trợ học Tiếng Anh trực tuyến tích hợp AI 2. Giới thiệu Cloudinary là dịch vụ quản lý và lưu trữ các file media như ảnh và video, tích hợp tối ưu hóa và xử lý. Lịch sử Được thành lập vào năm 2012, Cloudinary nhanh chóng được các nhà phát triển tin dùng trên toàn thế giới.

Chức năng Lưu trữ, nén và tối ưu hóa file media để tăng tốc độ tải trang và cải thiện trải nghiệm người dùng. Áp dụng Lưu trữ và xử lý ảnh, file audio cho các bài học và nội dung trên ứng dụng.PMCL Xây dựng ứng dụng hỗ trợ học Tiếng Anh trực tuyến tích hợp AI CHƯƠNG 3: THIẾT KẾ CƠ SỞ DỮ LIỆU 3. Khảo sát hiện trạng Ứng dụng học Tiếng Anh trực tuyến tích hợp AI cần cung cấp các tính năng giúp người dùng cải thiện kỹ năng ngôn ngữ, bao gồm luyện phát âm, làm bài tập ngữ pháp, học từ vựng, và luyện thi chứng chỉ (TOEIC, IELTS). Ngoài ra, hệ thống phải tích hợp AI để tạo ra bài tập, giải thích câu trả lời, đưa ra gợi ý học tập cá nhân hóa và theo dõi tiến độ của người học.

Để đáp ứng các yêu cầu này, hệ thống cần quản lý các loại thông tin như người dùng, bài học, bài kiểm tra, từ vựng, flashcard, câu hỏi, và lịch sử học tập của người dùng. Mô hình CSDL 3. Mô tả các thực thể 3. Lesson (Bài học) Mục đích: Lưu trữ thông tin về các bài học.PMCL Xây dựng ứng dụng hỗ trợ học Tiếng Anh trực tuyến tích hợp AI Thuộc tính: ● title (string): Tiêu đề bài học.

● type (string): Loại bài học (ví dụ: nghe, đọc, v. ● content (stringURL): URL chứa nội dung (âm thanh, hình ảnh, video, v. ● question (object): ● questionName (string): Tên câu hỏi. ● options ([string]): Danh sách các lựa chọn trả lời.

● AIExplanation (string): Giải thích câu trả lời do AI cung cấp. ● createdAt (Date): Thời điểm bài học được tạo. Exam (Bài thi) Mục đích: Lưu trữ thông tin về các kỳ thi. Thuộc tính: ● title (string): Tiêu đề kỳ thi.

● content ([lesson]): Danh sách các bài học được sử dụng trong kỳ thi. ● createdAt (Date): Thời điểm kỳ thi được tạo. Phrase (Đối thoại) Mục đích: Lưu trữ các cụm từ hoặc hội thoại. Thuộc tính: ● topic (string): Chủ đề của cụm từ.

● userId (ObjectId): ID người dùng tạo cụm từ. ● dialogues ([object]): ● speaker (string): Người nói. ● line (string): Nội dung lời thoại. ● createdAt (Date): Thời điểm cụm từ được tạo.

Flashcard (Thẻ từ vựng) Mục đích: Lưu trữ các thẻ học từ vựng. Thuộc tính: ● topic (string): Chủ đề của từ.PMCL Xây dựng ứng dụng hỗ trợ học Tiếng Anh trực tuyến tích hợp AI ● word (string): Từ vựng. ● definition (string): Định nghĩa của từ. ● example (string): Ví dụ sử dụng từ.

● category (string): Phân loại từ. ● phonetics ([object]): ● text (string): Phiên âm của từ. ● audio (string): URL file âm thanh phát âm từ. ● userId (ObjectId): ID người dùng tạo flashcard.

● createdAt (Date): Thời điểm thẻ được tạo. User (Người dùng) Mục đích: Lưu trữ thông tin người dùng. Thuộc tính: ● username (string): Tên người dùng. ● password (string): Mật khẩu người dùng.

● email (string): Email người dùng. ● learningProgress (object): ● listening (object): ● lessonsCompleted ([lesson]): Danh sách bài học nghe đã hoàn thành. ● reading (object): ● lessonsCompleted ([lesson]): Danh sách bài học đọc đã hoàn thành. ● flashcards ([flashcard]): Danh sách thẻ học từ đã tạo.

● phrases ([phrase]): Danh sách cụm từ đã tạo. ● examsTaken ([exam]): Danh sách kỳ thi đã tham gia. ● createdAt (Date): Thời điểm người dùng được tạo. Cấu trúc bảng dữ liệu trong CSDL Dưới đây là đặc tả các bảng dưới dạng bảng: 22 Đồ Án 2 - SE122.PMCL Xây dựng ứng dụng hỗ trợ học Tiếng Anh trực tuyến tích hợp AI Bảng Thuộc tính Loại Dữ Liệu Mô Tả lesson title string Tiêu đề bài học type string Loại bài học (nghe, đọc, v.) content stringURL URL chứa nội dung (âm thanh, hình ảnh, video, v.questionName string Tên câu hỏi question.options [string] Danh sách các lựa chọn trả lời question.correctAnswer string Đáp án đúng question.AIExplanation string Giải thích câu trả lời do AI cung cấp createdAt Date Thời điểm bài học được tạo Bảng Thuộc tính Loại Dữ Liệu Mô Tả exam title string Tiêu đề kỳ thi content [lesson] Danh sách các bài học được sử dụng trong kỳ thi createdAt Date Thời điểm kỳ thi được tạo Bảng Thuộc tính Loại Dữ Liệu Mô Tả phrase topic string Chủ đề của cụm từ 23 Đồ Án 2 - SE122.PMCL Xây dựng ứng dụng hỗ trợ học Tiếng Anh trực tuyến tích hợp AI userId ObjectId ID người dùng tạo cụm từ dialogues.speaker string Người nói dialogues.line string Nội dung lời thoại createdAt Date Thời điểm cụm từ được tạo Bảng Thuộc tính Loại Dữ Liệu Mô Tả flashcard topic string Chủ đề của từ word string Từ vựng definition string Định nghĩa của từ example string Ví dụ sử dụng từ category string Phân loại từ phonetics.text string Phiên âm của từ phonetics.audio string URL file âm thanh phát âm từ userId ObjectId ID người dùng tạo flashcard createdAt Date Thời điểm thẻ được tạo Bảng Thuộc tính Loại Dữ Liệu Mô Tả 24 Đồ Án 2 - SE122.PMCL Xây dựng ứng dụng hỗ trợ học Tiếng Anh trực tuyến tích hợp AI user username string Tên người dùng password string Mật khẩu người dùng email string Email người dùng learningProgress.lessonsCompl [lesson] Danh sách bài học eted nghe đã hoàn thành learningProgress.lessonsComple [lesson] Danh sách bài học ted đọc đã hoàn thành learningProgress.flashcards [flashcard] Danh sách thẻ học từ đã tạo learningProgress.phrases [phrase] Danh sách cụm từ đã tạo examsTaken [exam] Danh sách kỳ thi đã tham gia createdAt Date Thời điểm người dùng được tạo 25 Đồ Án 2 - SE122.PMCL Xây dựng ứng dụng hỗ trợ học Tiếng Anh trực tuyến tích hợp AI CHƯƠNG 4: THIẾT KẾ HỆ THỐNG 4.1 Tổng quan về hệ thống Hệ thống là một ứng dụng web tích hợp AI hỗ trợ người dùng (users) truy cập qua các trình duyệt phổ biến.

Các thành phần chính bao gồm: ● Frontend: Giao diện người dùng được xây dựng với React và Tailwind CSS. ● Backend: Xử lý nghiệp vụ và dữ liệu với Node.js và Express.