[Mã code 106110]

Full báo cáo + đồ án website SmartLearn AI – Hệ thống học tập thông minh tích hợp AI bằng Nextjs + PostgreSQL

  (1 Đánh giá)
  0       7    

SmartLearn AI là nền tảng học tập trực tuyến được xây dựng bằng Next.js 15 và PostgreSQL 16, hỗ trợ quản lý khóa học, theo dõi tiến độ, làm bài kiểm tra, ôn tập flashcard và tương tác với gia sư AI.

Danh mục
Thể loại
Ngày đăng
11-10-2026
Loại file
Full code
File download
 smartlearn-ai.zip [#]
CAM KẾT TỪ NGƯỜI BÁN
Chức năng đầy đủ giống demo 100%
Hỗ trợ cài đặt
Đầy đủ chức năng

(Hạng vàng)
Xem trang

Source code
3

Đánh giá (4)
5/5

Ngày tham gia
9/10/2026

SmartLearn AI – Nền tảng học tập trực tuyến thông minh tích hợp trí tuệ nhân tạo

1. Giới thiệu dự án

SmartLearn AI là hệ thống học tập trực tuyến được phát triển nhằm hỗ trợ quá trình giảng dạy, học tập và quản lý đào tạo trên nền tảng web. Hệ thống ứng dụng công nghệ trí tuệ nhân tạo (AI) để hỗ trợ giải đáp thắc mắc, tạo nội dung học tập và nâng cao trải nghiệm học tập cá nhân hóa cho người dùng.

Dự án được xây dựng bằng Next.js 15, React và PostgreSQL 16, kết hợp Prisma ORM để quản lý cơ sở dữ liệu. Hệ thống có giao diện thân thiện, dễ sử dụng, hỗ trợ nhiều vai trò người dùng và cung cấp các công cụ phục vụ việc học tập, kiểm tra kiến thức, ôn tập và theo dõi kết quả học tập.

SmartLearn AI hướng đến việc xây dựng một môi trường học tập số hiện đại, giúp sinh viên chủ động tiếp cận kiến thức, giảng viên quản lý nội dung giảng dạy hiệu quả và quản trị viên kiểm soát hoạt động của toàn hệ thống.

2. Các chức năng chính

2.1. Quản lý tài khoản và phân quyền

Hệ thống hỗ trợ xác thực người dùng và phân chia quyền truy cập theo ba vai trò chính:

  • Quản trị viên (Admin):Quản lý và giám sát hoạt động của hệ thống.
  • Giảng viên (Teacher):Hỗ trợ quản lý nội dung khóa học và các hoạt động giảng dạy theo quyền được cấp.
  • Sinh viên (Student):Truy cập khóa học, học bài, làm bài kiểm tra và theo dõi tiến độ học tập cá nhân.

Hệ thống sử dụng cơ chế xác thực dựa trên phiên đăng nhập, cookie và các thư viện bảo mật để hỗ trợ quản lý quyền truy cập.

2.2. Quản lý khóa học và bài giảng

SmartLearn AI cung cấp chức năng tổ chức nội dung học tập theo khóa học và bài giảng. Người học có thể truy cập các khóa học, lựa chọn bài học và theo dõi trạng thái hoàn thành của từng nội dung.

Chức năng này giúp hệ thống hóa kiến thức theo từng chủ đề, hỗ trợ sinh viên học tập theo lộ trình và thuận tiện theo dõi những nội dung đã hoàn thành hoặc cần tiếp tục ôn tập.

2.3. Theo dõi tiến độ học tập

Hệ thống ghi nhận quá trình học tập thông qua thông tin đăng ký khóa học và trạng thái hoàn thành bài học. Tại trang tổng quan, người dùng có thể theo dõi các thống kê liên quan đến hoạt động học tập và tiến độ cá nhân.

Tính năng này giúp sinh viên đánh giá mức độ hoàn thành mục tiêu học tập, xác định nội dung cần cải thiện và chủ động xây dựng kế hoạch học tập phù hợp.

2.4. Kiểm tra và đánh giá kiến thức

Phân hệ bài kiểm tra hỗ trợ người học thực hiện các bài trắc nghiệm để đánh giá mức độ hiểu bài. Sau khi hoàn thành bài kiểm tra, hệ thống cung cấp kết quả và lời giải để người học xem lại kiến thức.

Các lượt làm bài được ghi nhận nhằm phục vụ việc theo dõi kết quả học tập. Qua đó, sinh viên có thể nhận biết những kiến thức đã nắm vững và những nội dung cần tiếp tục củng cố.

2.5. Hệ thống flashcard và ôn tập cách quãng

SmartLearn AI tích hợp chức năng flashcard giúp người học ghi nhớ kiến thức thông qua các thẻ câu hỏi và câu trả lời. Trong quá trình ôn tập, người dùng có thể đánh giá mức độ ghi nhớ của mình đối với từng thẻ.

Hệ thống lưu trữ trạng thái thẻ và lịch sử ôn tập, hỗ trợ tổ chức việc ôn luyện theo phương pháp lặp lại ngắt quãng (Spaced Repetition System – SRS). Phương pháp này hướng đến việc cải thiện khả năng ghi nhớ dài hạn và giảm thời gian ôn tập không cần thiết.

2.6. Gia sư AI hỗ trợ học tập

Đây là một trong những chức năng nổi bật của SmartLearn AI. Gia sư AI cho phép người dùng đặt câu hỏi và nhận phản hồi nhằm hỗ trợ giải thích kiến thức, làm rõ khái niệm và định hướng quá trình tự học.

Hệ thống hỗ trợ hai chế độ xử lý nội dung:

  • Heuristic:Sử dụng cơ chế tạo phản hồi theo quy tắc có sẵn, không yêu cầu khóa API và có thể hoạt động mà không cần kết nối dịch vụ AI bên ngoài.
  • OpenAI:Tích hợp mô hình AI thông qua API của OpenAI để tạo phản hồi. Chế độ này yêu cầu cấu hình khóa API hợp lệ.

Khi dịch vụ OpenAI gặp lỗi, hệ thống được thiết kế để chuyển sang chế độ dự phòng heuristic, giúp duy trì khả năng phản hồi ở mức cơ bản. Lịch sử hội thoại được lưu trữ trong cơ sở dữ liệu để hỗ trợ quản lý các tương tác với gia sư AI.

2.7. Báo cáo và xuất dữ liệu

Hệ thống cung cấp chức năng báo cáo phục vụ việc tổng hợp thông tin học tập. Người dùng có thể xuất dữ liệu dưới định dạng CSV để tiếp tục xử lý bằng các công cụ bảng tính hoặc sử dụng trong quá trình thống kê và đánh giá.

Chức năng này giúp việc lưu trữ, tổng hợp và phân tích dữ liệu học tập trở nên thuận tiện hơn.

3. Công nghệ sử dụng

  • Next.js 15:Xây dựng ứng dụng web full-stack, giao diện người dùng và các chức năng phía máy chủ.
  • React:Phát triển các thành phần giao diện có khả năng tương tác.
  • TypeScript/JavaScript:Triển khai logic ứng dụng và xử lý dữ liệu.
  • PostgreSQL 16:Lưu trữ dữ liệu người dùng, khóa học, bài giảng, bài kiểm tra và lịch sử học tập.
  • Prisma ORM:Quản lý mô hình dữ liệu, truy vấn cơ sở dữ liệu và tạo Prisma Client.
  • Zod:Hỗ trợ kiểm tra và xác thực dữ liệu đầu vào.
  • bcryptjs:Hỗ trợ băm mật khẩu.
  • jose:Hỗ trợ các chức năng liên quan đến token và xác thực.
  • Docker Compose:Khởi chạy PostgreSQL và pgAdmin trong môi trường container.
  • OpenAI API:Tích hợp khả năng hỗ trợ học tập bằng AI khi được cấu hình.

4. Thiết kế cơ sở dữ liệu

Cơ sở dữ liệu PostgreSQL được quản lý bằng Prisma, bao gồm các nhóm bảng chính:

  • User:Lưu trữ thông tin tài khoản và vai trò người dùng.
  • Course, Lesson:Quản lý khóa học và nội dung bài giảng.
  • Enrollment, LessonProgress:Theo dõi đăng ký khóa học và tiến độ hoàn thành bài học.
  • Quiz, Question, QuizAttempt:Quản lý đề kiểm tra, câu hỏi và lịch sử làm bài.
  • Flashcard, SrsCard, SrsReview:Quản lý thẻ ghi nhớ, trạng thái ôn tập và lịch sử đánh giá.
  • AiMessage:Lưu trữ lịch sử trao đổi với gia sư AI.

Cấu trúc dữ liệu được tổ chức nhằm duy trì mối liên hệ giữa người dùng, nội dung học tập và kết quả học tập, tạo nền tảng cho việc mở rộng các chức năng trong tương lai.

5. Mục tiêu và lợi ích của dự án

SmartLearn AI được phát triển với các mục tiêu chính:

  • Số hóa quá trình học tập và quản lý nội dung đào tạo.
  • Hỗ trợ sinh viên chủ động học tập và theo dõi tiến độ cá nhân.
  • Tăng cường khả năng ghi nhớ kiến thức thông qua flashcard và ôn tập cách quãng.
  • Hỗ trợ đánh giá kiến thức bằng bài kiểm tra và phản hồi kết quả.
  • Ứng dụng AI vào hoạt động tự học và giải đáp thắc mắc.
  • Cung cấp dữ liệu phục vụ thống kê, báo cáo và đánh giá hiệu quả học tập.
  • Xây dựng kiến trúc ứng dụng có khả năng bảo trì và mở rộng.

6. Khả năng triển khai và mở rộng

SmartLearn AI có thể được cài đặt trên máy tính cá nhân chạy Windows, macOS hoặc Linux để phục vụ học tập, nghiên cứu và trình diễn đồ án. PostgreSQL có thể chạy trực tiếp trên máy hoặc thông qua Docker Compose.

Trong môi trường phát triển, ứng dụng được khởi chạy bằng lệnh npm run dev. Khi triển khai production, hệ thống có thể được biên dịch và chạy trên máy chủ Node.js, Docker hoặc nền tảng hỗ trợ Next.js.

Trong tương lai, dự án có thể mở rộng thêm chức năng gợi ý lộ trình học tập cá nhân hóa, phân tích kết quả học tập, tạo câu hỏi tự động bằng AI, quản lý bài tập và tích hợp thêm các hình thức học liệu trực tuyến.

7. Kết luận

SmartLearn AI là dự án nền tảng học tập trực tuyến kết hợp các chức năng quản lý khóa học, theo dõi tiến độ, kiểm tra kiến thức, ôn tập flashcard và hỗ trợ học tập bằng trí tuệ nhân tạo. Việc sử dụng Next.js 15, PostgreSQL 16 và Prisma giúp xây dựng một hệ thống có cấu trúc rõ ràng, thuận tiện cho phát triển và bảo trì.

Dự án phù hợp làm đề tài nghiên cứu, đồ án môn học hoặc đồ án tốt nghiệp trong lĩnh vực công nghệ thông tin, phát triển ứng dụng web và ứng dụng trí tuệ nhân tạo trong giáo dục. SmartLearn AI hướng đến việc tạo ra môi trường học tập linh hoạt, hỗ trợ người học nâng cao tính chủ động và góp phần cải thiện hiệu quả học tập trong môi trường số.


XEM THÊM ==> Hướng dẫn cài đặt chi tiết

HÌNH ẢNH DEMO


báo cáo đồ án website,báo cáo,đồ án website,web trắc nghiệm,website học tập thông minh

báo cáo đồ án website,báo cáo,đồ án website,web trắc nghiệm,website học tập thông minh

báo cáo đồ án website,báo cáo,đồ án website,web trắc nghiệm,website học tập thông minh

báo cáo đồ án website,báo cáo,đồ án website,web trắc nghiệm,website học tập thông minh

báo cáo đồ án website,báo cáo,đồ án website,web trắc nghiệm,website học tập thông minh

báo cáo đồ án website,báo cáo,đồ án website,web trắc nghiệm,website học tập thông minh

báo cáo đồ án website,báo cáo,đồ án website,web trắc nghiệm,website học tập thông minh

báo cáo đồ án website,báo cáo,đồ án website,web trắc nghiệm,website học tập thông minh


HƯỚNG DẪN CÀI ĐẶT

Hướng dẫn cài đặt SmartLearn AI nhanh chóng

Bước 1: Cài đặt môi trường

Cài đặt các công cụ cần thiết:

  • Node.js 20 trở lên.

  • npm 10 trở lên.

  • Git.

  • Docker Desktop (khuyến nghị để chạy PostgreSQL nhanh).

Kiểm tra phiên bản:

bash
node -v
npm -v

Bước 2: Tải mã nguồn

Mở Terminal hoặc CMD và chạy:

bash
git clone <địa-chỉ-repo> smartlearn-ai
cd smartlearn-ai
npm install

Bước 3: Khởi động cơ sở dữ liệu

Nếu sử dụng Docker, chạy:

bash
docker compose up -d

Cơ sở dữ liệu PostgreSQL mặc định:

  • Host: localhost

  • Port: 5432

  • Database: smartlearn

  • Username: postgres

  • Password: postgres

Bước 4: Cấu hình môi trường

Sao chép tệp cấu hình mẫu thành .env.

Windows CMD:

bash
copy .env.example .env

macOS/Linux:

bash
cp .env.example .env

Mở tệp .env, kiểm tra DATABASE_URL và tạo khóa bí mật AUTH_SECRET. Để chạy thử AI ngoại tuyến, đặt:

dotenv
AI_PROVIDER="heuristic"

Bước 5: Khởi tạo cơ sở dữ liệu

Chạy lần lượt ba lệnh:

bash
npm run db:generate
npm run db:migrate
npm run db:seed

Các lệnh này tạo Prisma Client, khởi tạo bảng và nạp dữ liệu mẫu.

Bước 6: Chạy ứng dụng

bash
npm run dev

Mở trình duyệt tại: http://localhost:3000 

Bước 7: Đăng nhập và kiểm tra

Sử dụng tài khoản sinh viên mặc định:

  • Email: sinhvien@smartlearn.dev

  • Mật khẩu: 123456

Sau khi đăng nhập, hãy thử các chức năng: Tổng quan, Khóa học, Bài kiểm tra, Flashcard, Gia sư AI và Báo cáo.

Lưu ý: Nếu không kết nối được cơ sở dữ liệu, hãy kiểm tra Docker và cấu hình .env. Nếu cổng 3000 đang bận, chạy npx next dev -p 3001 rồi truy cập http://localhost:3000.




Nguồn: Topcode.vn

BÌNH LUẬN (0)


ĐÁNH GIÁ (1)

ĐIỂM TRUNG BÌNH

5
1 Đánh giá
Code rất tốt (1)
Code tốt (0)
Code rất hay (0)
Code hay (0)
Bình thường (0)
Thành viên
Nội dung đánh giá
20:28 - 11/10/2026
Code rất tốt
Code rất tốt và phù hợp để phát triển
HỖ TRỢ TRỰC TUYẾN