Lumina Ứng Dụng Web E-Learning

Phát Triển Ứng Dụng Web

Lumina – Ứng Dụng Web E-Learning

STS đã thiết kế và xây dựng Lumina, một hệ thống quản lý học tập (LMS) đa năng, tương thích di động, được bàn giao dưới dạng MVP tập trung. Nền tảng cho phép người học tham gia các khóa học trực tuyến có cấu trúc, bài giảng video và bài đánh giá trên mọi thiết bị; đồng thời cung cấp cho đội ngũ nội dung công cụ để tạo và quản lý khóa học mà không cần đến lập trình viên một nền tảng gọn gàng, đầy đủ chức năng, được xây để kiểm chứng nội dung và nhu cầu thị trường trước khi mở rộng quy mô.

Nền tảng: Ứng dụng web tương thích di động (React single-page app)

Yêu Cầu Từ Khách Hàng

Đăng ký & hồ sơ cá nhân - đăng ký / đăng nhập bằng email & mật khẩu, kèm hồ sơ cá nhân lưu tên, vai trò và mục tiêu nghề nghiệp của người học, cùng danh sách mọi khóa học đã đăng ký và tiến độ tổng thể.
Khám phá khóa học - duyệt và tìm kiếm khóa học theo nhiều chủ đề và ngành nghề, lọc theo môn học, danh mục và cấp độ (Beginner / Intermediate). Mỗi trang chi tiết khóa học trình bày mô tả, mục tiêu học tập, dàn bài đầy đủ, thời lượng và cấp độ.
Trình phát học tập (learning player) - trình phát video tập trung (thiết kế cho streaming qua Vimeo hoặc AWS S3), kèm tài liệu PDF / slide tải xuống được gắn vào từng bài học, nút "đánh dấu hoàn thành" một chạm, thanh chỉ báo % hoàn thành khóa học theo thời gian thực, và khả năng tiếp tục từ vị trí dừng trước đó.
Quản lý người dùng - tìm kiếm và duyệt người học đã đăng ký, khóa / mở khóa tài khoản, xem tiến độ và điểm quiz của từng người học theo từng khóa.
Quản lý khóa học - tạo, sửa, xóa khóa học; cấu hình tiêu đề, mô tả, danh mục, cấp độ và ảnh thumbnail; tải bài giảng video và đính kèm tài liệu PDF.
Quản lý bài học & quiz - đầy đủ thao tác CRUD cho bài học trong một khóa, kèm trình tạo quiz để soạn câu hỏi trắc nghiệm, thiết lập đáp án đúng và cấu hình điểm đạt (pass score).
Tổng quan phân tích (analytics) - tổng số người dùng đăng ký, số lượt ghi danh theo khóa, tỷ lệ hoàn thành khóa học, và bảng tin hoạt động nhanh.

Công Nghệ Sử Dụng

Front end: React (single-page app tương thích di động), định tuyến phía client, giao diện hướng component.
Trải nghiệm: Thiết kế responsive, tương tác dễ tiếp cận (accessible), hệ thống thiết kế có thể tùy biến theo thương hiệu (themeable), lưu tiến độ liên tục.
Media & tài nguyên: Streaming video qua Vimeo / AWS S3, tài liệu PDF / slide tải xuống theo từng bài học.
Xác thực & thanh toán: Xác thực bằng email / mật khẩu; tùy chọn thanh toán mua lẻ (cổng nội địa / Stripe).

Thách Thức

Phù hợp mọi ngành - từ kỹ năng chuyên môn, đào tạo nghề đến onboarding nội bộ và đào tạo liên tục.
Kiểm chứng nhu cầu nhanh - một MVP đầy đủ chức năng giúp chứng minh nội dung và mức độ gắn kết trước khi đầu tư vào ứng dụng di động hay các gói cao cấp.
Giải phóng đội ngũ nội dung - cho phép quản trị viên xây và xuất bản khóa học, bài học, quiz mà không phụ thuộc lập trình viên.
Chứng minh kết quả học tập - đo lường tiến độ qua quiz, theo dõi hoàn thành và chứng chỉ.
Giữ chân người học - trải nghiệm gọn gàng với tiến độ rõ ràng và sự ghi nhận thành tích.
Còn dư địa phát triển - nền tảng có khả năng mở rộng, sẵn sàng cho việc thương mại hóa về sau (khóa học trả phí, gói thuê bao).

Giải Pháp

STS đã thiết kế và xây dựng Lumina, một LMS đưa toàn bộ hành trình học tập (khám phá → học → đánh giá → cấp chứng chỉ) vào một trải nghiệm web liền mạch, được thiết kế chỉn chu. Nền tảng xoay quanh hai vai trò kết nối với nhau:

Trải nghiệm người học - duyệt khóa học, học qua video, theo dõi tiến độ và nhận chứng chỉ.
Bảng điều khiển quản trị / quản lý nội dung - tạo và quản lý khóa học, bài học, quiz; quản lý người dùng và theo dõi kết quả.

MVP được thiết kế tập trung một cách có chủ đích: đủ mọi thứ cần thiết để vận hành khóa học thực và đo lường mức độ gắn kết và lược bỏ những gì có thể làm chậm quá trình kiểm chứng.

Kết Quả Đạt Được

Lumina thể hiện trọn vẹn, từ đầu đến cuối, hình hài và cách vận hành của một LMS tập trung, có khả năng mở rộng, một sản phẩm hoạt động thực, có tương tác, mà các bên liên quan có thể trực tiếp click thử thay vì chỉ hình dung. Những gì sản phẩm mang lại:

Hành trình học tập trọn vẹn - từ khám phá khóa học đến nhận chứng chỉ, trong một trải nghiệm responsive chỉn chu.
Trải nghiệm quản trị tự phục vụ - cho phép đội ngũ nội dung xuất bản khóa học và bài đánh giá mà không cần lập trình viên.
Kết quả học tập đo lường được qua quiz, theo dõi tiến độ và tỷ lệ hoàn thành.
Hệ thống thiết kế trung tính theo ngành, dễ gắn thương hiệu cùng kiến trúc có khả năng mở rộng, sẵn sàng cho các giai đoạn tiếp theo.

Cách tiếp cận của STS

MVP-first, dẫn dắt bởi thiết kế (design-led)

STS xây Lumina như một nguyên mẫu (prototype) hoàn toàn tương tác, để mọi màn hình, luồng và tương tác đều có thể trải nghiệm và kiểm chứng, chứng minh sản phẩm trước khi đầu tư lớn hơn.

Hệ thống thiết kế gắn kết, dễ tùy biến thương hiệu

Một hệ thống thiết kế nhất quán, có thể tùy chỉnh theo nhận diện của từng thương hiệu/ngành.

Kỹ thuật front-end hiện đại

Áp dụng các kỹ thuật phát triển front-end hiện đại để bảo đảm hiệu năng và khả năng bảo trì.

Định Hướng Phát Triển (Các Giai Đoạn Tiếp heo)

Kiến trúc của Lumina được thiết kế để có thể mở rộng vượt xa phạm vi của phiên bản MVP. Các tính năng dự kiến triển khai sau giai đoạn MVP bao gồm: ứng dụng di động native trên iOS và Android, đăng nhập một lần (SSO) với Google/Apple, mô hình đăng ký thuê bao (subscription), các buổi học trực tiếp cùng giảng viên, hỗ trợ đa ngôn ngữ và các tính năng học tập được hỗ trợ bởi AI.

Trong định hướng này, chúng tôi cũng đã xây dựng nguyên mẫu Aurora – một trợ lý học tập AI tích hợp, có khả năng cung cấp hướng dẫn theo ngữ cảnh, tóm tắt bài học tức thì, tự động tạo flashcard, tạo bài kiểm tra luyện tập theo yêu cầu và xây dựng lộ trình học tập cá nhân hóa. Aurora là ý tưởng cho giai đoạn phát triển tiếp theo, được giới thiệu trước trong lộ trình sản phẩm và không nằm trong phạm vi MVP đã bàn giao. Đây là cái nhìn trước về cách Lumina có thể mang đến trải nghiệm học trực tuyến thực sự cá nhân hóa khi sản phẩm tiếp tục phát triển.

Dịch vụ phát triển phần mềm MVP

Dịch vụ phát triển AI

Dự Án Liên Quan

Mobile App

CYCLE OF CHANGE

Khách hàng vẫn chưa rõ về yêu cầu, nên chúng tôi phải hỗ trợ họ làm rõ.

CHI TIẾT

Dịch vụ theo yêu cầu

Simply DMS – Hệ Thống Quản Lý Tài Liệu Doanh Nghiệp

Hệ thống quản lý tài liệu (Document Management System – DMS) hiện tại của khách hàng đã được một đội ngũ phát triển từ khá lâu và không còn được một nhóm chuyên trách bảo trì hay cập nhật.

CHI TIẾT

SaaS

HealthTech – Nền Tảng SaaS EHR cho Y Tế Số

HealthTech là một nền tảng SaaS EHR (hồ sơ sức khỏe điện tử) được ghi nhận nhờ thiết kế thân thiện với người dùng, tính năng tiên tiến, dịch vụ khách hàng xuất sắc và khả năng thích ứng như một giải pháp giao tiếp di động toàn diện.

CHI TIẾT

Đội ngũ phát triển offshore

Mobile Team Manager ODC

Mobile Team Manager là một ứng dụng dựa trên nền tảng đám mây, giúp doanh nghiệp bạn điều phối hiệu quả đội ngũ giám sát viên và nhân viên vận hành làm việc với tốc độ cao.

CHI TIẾT

Ứng dụng web

MeetDoris

MeetDoris là công cụ quản lý dự án dựa trên web giúp cải thiện năng suất và quản lý thời gian hiệu quả. Ứng dụng lên lịch các nhiệm vụ trong dự án và điều chỉnh lịch làm việc phù hợp.

CHI TIẾT

Kiểm thử phần mềm

GENESIS SUN MOBILE

Genesis Sun là một công ty xã hội đặt tại Vương quốc Anh với sứ mệnh hỗ trợ và tạo động lực cho giới trẻ.

CHI TIẾT

Kiểm thử phần mềm

EVNT Mobile

EVNT Mobile là ứng dụng quốc tế về sự kiện, dùng được trên iOS và Android. Ứng dụng hiển thị các sự kiện và hoạt động giải trí ban đêm bằng Google Maps và thông báo đẩy.

CHI TIẾT

Sự kiện