EdTech / Learning Platform

HanQuocNori — Nền tảng học tiếng Hàn trực tuyến toàn diện

Xây dựng nền tảng EdTech học tiếng Hàn trọn gói: LMS, thi trực tuyến, thương mại điện tử và lớp học 1-1 với giáo viên qua video call.

LMS Online Exam Commerce 1-1 Video Call Affiliate
HanQuocNori — Nền tảng học tiếng Hàn trực tuyến toàn diện
Industry
EdTech
Type
Platform
Role
Full-stack Dev
Tech
Laravel, Nuxt.js
Languages
VN, EN, KR

Quy mô hệ thống

Một hệ sinh thái EdTech vận hành nhiều năm với kiến trúc Repository + Service Layer rõ ràng.

300+
Admin Screens
186
Migrations
76
Models
47+
Repositories
6
Loại bài tập
35
Vuex Modules

Thách thức bài toán

HanQuocNori cần vận hành như một hệ sinh thái hoàn chỉnh thay vì một website khóa học đơn thuần.

Nội dung học đa dạng

6 loại bài tập khác nhau cùng flashcard từ vựng và video DASH streaming.

Thi trực tuyến độc lập

Vận hành phân hệ thi ExamMeta → Exam → ExamConfig → ExamSchedule → TakeExam.

Thương mại điện tử

Giỏ hàng, 3 phương thức thanh toán, mã giảm giá và chương trình affiliate.

Lớp học 1-1

Đặt lịch theo slot, quản lý buổi học còn lại, video call trực tiếp.

Quản trị quy mô lớn

Đa ngôn ngữ và thông báo real-time cho hơn 300 màn hình quản trị.

Bản đồ chức năng

Learning

  • Video DASH streaming
  • Trắc nghiệm & điền từ
  • Nghe hiểu & đọc hiểu
  • Flashcard từ vựng
6 LOẠI BÀI TẬP

Examination

  • ExamMeta → TakeExam
  • Chấm tự động trắc nghiệm
  • Chấm tay bài tự luận
  • Bảng xếp hạng
EXAM ENGINE

Commerce

  • MoMo / COD / Chuyển khoản
  • Mã giảm giá & Affiliate
  • Cấp quyền tự động
3 PHƯƠNG THỨC TT

1-1 Class

  • Đặt lịch theo slot
  • Video call JWT riêng phiên
  • Đánh giá sau buổi học
STRINGEE VIDEO

Admin

  • Repository + Service Layer
  • Real-time qua Pusher
  • Đa ngôn ngữ VN/EN/KR
300+ MÀN HÌNH

Hành trình người học

1
Khám phá
Tìm khóa học, sách, combo phù hợp
2
Đăng ký
Thanh toán qua MoMo/COD/chuyển khoản
3
Học lý thuyết
Video DASH streaming & flashcard
4
Luyện tập
6 loại bài tập tương tác
5
Thi đánh giá
Hệ thống thi trực tuyến độc lập
6
Học 1-1
Đặt lịch & video call với giáo viên
7
Theo dõi tiến độ
Bảng xếp hạng & báo cáo học tập

LMS lõi & Ngân hàng bài tập

Nội dung tổ chức theo Khóa học → Bài học → Bài tập với 6 loại bài tập khác nhau, cache Redis theo người dùng để tối ưu tốc độ tải.

  • Video DASH streaming + audio + văn bản
  • 6 loại bài tập: trắc nghiệm, điền từ, nghe, đọc, dịch, hội thoại
  • Flashcard từ vựng
  • Cache Redis theo từng người dùng
Ghi chú kỹ thuật
Backend Laravel 7 theo Repository Pattern + Service Layer (76 model, 47+ repository, 186 migration).
LMS lõi & Ngân hàng bài tập
Thi trực tuyến & Lớp học 1-1

Thi trực tuyến & Lớp học 1-1

Phân hệ thi độc lập kết hợp lớp học 1-1 qua video call Stringee.

  • ExamMeta → Exam → ExamConfig → ExamSchedule → TakeExam
  • Chấm tự động trắc nghiệm, chấm tay tự luận
  • Đặt lịch 1-1 theo slot giáo viên
  • Video call JWT riêng từng phiên qua Stringee
Ghi chú kỹ thuật
Thông báo real-time qua Pusher; tác vụ nặng (email, mã hoá video) chạy nền qua Laravel Queue + Redis, vận hành bằng Supervisor.

Giao diện nền tảng

Kiến trúc kỹ thuật

Frontend
Nuxt.js 2 (SSR)
Admin
Vue.js 2 + Vuetify
API
Laravel 7
Service Layer
Repository Pattern
Data
MySQL + Redis

Backend

Laravel 7PHP 7.2+JWT (tymon/jwt-auth)Redis

Admin

Vue.js 2Vuetify 2VuexCKEditor 5

Front

Nuxt.js 2 (SSR)Video.js + dashjsPusher-jsnuxt-i18n

Tích hợp

MoMoStringeeInfusionsoft CRMPayPal

Kết quả & Tác động

All-in-one
LMS + Thi + Thương mại + Lớp 1-1 trong một hệ sinh thái
Tự động hoá
Cấp quyền khoá học & thanh toán MoMo
Scalable
Kiến trúc Repository + Service Layer
"Kiến trúc Repository kết hợp Service Layer rõ ràng giúp hệ thống mở rộng ổn định qua hàng trăm màn hình quản trị và hàng chục nghiệp vụ khác nhau trong suốt vòng đời dự án."
— Đội ngũ Kỹ thuật XO