VỀ DỰ ÁN SPACEFOCUS ELITE

Hành trình xây dựng một nền tảng học tập tập trung thông minh, kết hợp công nghệ AI giám sát, gamification và thiết kế lấy cảm hứng từ đa dạng chủ đề.

01
CÂU CHUYỆN
Xin chào! Mình là Trần Thị Quỳnh Anh, người xây dựng và phát triển SpaceFocus Elite. Là một học sinh THPT, mình rất hiểu cảm giác bất lực khi phải đối mặt với áp lực học tập khổng lồ, những đêm thức trắng chạy deadline và vòng lặp mệt mỏi của sự kiệt sức (burnout). Nhưng điều đáng sợ hơn cả là giữa những lúc cần tập trung nhất, chúng ta lại rất dễ bị thao túng và phân tâm bởi thế giới kỹ thuật số đầy cám dỗ xung quanh. Chính từ trải nghiệm thực tế của bản thân và mong muốn tìm ra một giải pháp cứu cánh cho chính mình cùng các bạn đồng trang lứa, mình đã bắt tay vào phát triển SpaceFocus Elite. Mục tiêu lớn nhất của mình khi xây dựng nền tảng này là tạo ra một không gian làm việc số thông minh, nơi tích hợp công nghệ AI nhận diện ánh mắt để nhắc nhở chúng ta kỷ luật hơn, đồng thời kết hợp mô hình game hóa biến những giờ học căng thẳng thành hành trình khám phá vũ trụ đầy thú vị. Mình hy vọng SpaceFocus Elite sẽ trở thành người bạn đồng hành đáng tin cậy, giúp các bạn học sinh vừa tối ưu hóa hiệu suất học tập, vừa bảo vệ được sức khỏe tinh thần và thị lực trước màn hình máy tính!
02
ĐIỂM ĐỘC ĐÁO

SpaceFocus Elite không đơn thuần là một công cụ đếm giờ tĩnh, mà là một hệ thống tối ưu hóa hiệu suất học tập toàn diện được vận hành bởi thuật toán. Điểm cốt lõi làm nên sự khác biệt của dự án chính là sự kết hợp chặt chẽ giữa tính kỷ luật nghiêm ngặt của công nghệ AI và tính bền vững của mô hình game hóa (gamification), giúp chuyển hóa áp lực học tập thành động lực tự thân.

Tính năng Web thông thường SpaceFocus Elite
Giám sát tập trung Không có hoặc chỉ đếm giờ cơ bản Tích hợp AI Gaze-Tracking phân tích sâu hình học tròng mắt theo thời gian thực
Chống gian lận thời gian Không có Hệ thống kiểm soát Clock-based nghiêm ngặt, tự động dừng khi ngủ gật
Động lực học tập Bộ đếm thời gian đơn giản Hệ sinh thái Shop Reward, Nuôi Pet ảo bằng Gold để duy trì kỷ luật dài hạn
03
KIẾN TRÚC KỸ THUẬT & BẢO MẬT

Toàn bộ giao diện được xây dựng trên nền HTML5, Tailwind CSS và JavaScript thuần, sử dụng CSS Custom Properties để chuyển đổi theme tức thì. Mô-đun giám sát AI vận hành dựa trên thư viện MediaPipe Face Mesh, xử lý nhận diện hướng nhìn và khuôn mặt hoàn toàn ngay trên trình duyệt của người dùng.

🧩

FRONTEND STACK

HTML5 · Tailwind CSS · JavaScript thuần, kết hợp CSS Variables để quản lý đa theme đồng bộ trên toàn hệ thống.

👁️

AI GAZE-TRACKING

MediaPipe Face Mesh phân tích hình học khuôn mặt theo thời gian thực để xác định trạng thái tập trung.

⏱️

CLOCK VALIDATION

Cơ chế xác thực thời gian thực ngăn chặn việc tua nhanh hoặc gian lận đồng hồ phiên học.

💾

LOCAL-FIRST STORAGE

Dữ liệu tiến trình, xu và vật phẩm được lưu trữ cục bộ, không phụ thuộc máy chủ trung gian.

🔒

XỬ LÝ HOÀN TOÀN TRÊN TRÌNH DUYỆT (LOCAL-SIDE EXECUTION)

Toàn bộ hình ảnh webcam được mô-đun AI xử lý trực tiếp ngay trên trình duyệt của học sinh — không một khung hình nào được gửi lên máy chủ hay lưu trữ trên cloud. Nhờ đó, dữ liệu cá nhân được bảo vệ tuyệt đối ở mức 100%, đồng thời giảm tải băng thông và tối ưu hiệu năng bộ nhớ cho thiết bị.