Roam Moon Software
Trang chủ

Giáo dục y tế · Game · Case 03

Medref

Mini game giáo dục giúp người dùng ghi nhớ kiến thức về thuốc tránh thai thông qua các câu hỏi tương tác ngắn, dễ hiểu và dễ tiếp cận trên web và máy tính bảng.

Dự án khách hàng · Organon

01 / Tổng quan

Dự án khách hàng · Organon

Mini game tương tác cho giáo dục y khoa

Medref là một mini game giáo dục được phát triển cho Organon, công ty dược phẩm của Hoa Kỳ thành lập từ năm 1923.

Ứng dụng giúp người dùng ghi nhớ kiến thức về thuốc tránh thai thông qua các câu hỏi tương tác ngắn.

Trò chơi hoạt động trên trình duyệt web và máy tính bảng. Phần game được phát triển bằng Unity WebGL, còn hệ thống quản lý nội dung được xây dựng bằng Next.js.

02 / Thách thức

Làm sao để biến những nội dung y khoa thành trải nghiệm học tập ngắn gọn, dễ hiểu và dễ ghi nhớ?

Ứng dụng cần hoạt động ổn định trên cả trình duyệt và máy tính bảng, đồng thời giúp đội ngũ cập nhật nội dung câu hỏi mà không phải chỉnh sửa trò chơi.

03 / Mục tiêu

  • Giúp người dùng ghi nhớ kiến thức về thuốc tránh thai
  • Hoạt động trên web và máy tính bảng
  • Nội dung dễ cập nhật và quản lý
  • Trải nghiệm đơn giản, dễ sử dụng

04 / Vấn đề kỹ thuật

01

Đảm bảo trò chơi hoạt động tốt với cả chuột và màn hình cảm ứng.

02

Thiết kế cơ chế hỏi đáp vừa trực quan vừa dễ ghi nhớ.

03

Đồng bộ nội dung giữa hệ thống quản trị và trò chơi.

05 / Nghiên cứu

Chúng tôi làm việc cùng khách hàng để hiểu cách người dùng tiếp cận nội dung y khoa và cách biến chúng thành các câu hỏi ngắn dễ tiếp thu.

Mỗi câu hỏi đều được tổ chức theo cấu trúc rõ ràng để người dùng có thể học và ghi nhớ thông tin qua nhiều lượt chơi.

06 / Kiến trúc

Game và hệ thống quản trị được tách riêng.

  • Unity WebGL xử lý toàn bộ trải nghiệm trò chơi
  • Next.js quản lý nội dung câu hỏi
  • Nội dung được cập nhật độc lập mà không cần chỉnh sửa game
  • Người dùng có thể chơi trực tiếp trên trình duyệt

Kiến trúc tham chiếu gồm:

  • Game Client: Unity WebGL
  • Quản lý nội dung: Next.js CMS
  • Lưu trữ dữ liệu: Ngân hàng câu hỏi
  • Triển khai: Web & Tablet

Việc tách nội dung khỏi trò chơi giúp cập nhật nhanh và giảm rủi ro ảnh hưởng đến trải nghiệm tương tác.

Đặc tính nền tảng:

  • Giao tiếp an toàn
  • Quản lý phiên bản nội dung
  • Dễ cập nhật và mở rộng

07 / Thiết kế

Giao diện được tối ưu cho màn hình cảm ứng với các nút bấm lớn và phản hồi rõ ràng.

Mỗi màn chơi tập trung vào một câu hỏi để người dùng dễ theo dõi và không bị phân tán.

Thư viện giao diện

Khám phá giao diện mini game Medref trên Web và máy tính bảng. Chọn một hình ảnh để xem ở độ phân giải cao.

2 hình ảnh

02 screens
01Medref educational Web game overview
02Medref interactive question interface

08 / Phát triển

Medref được phát triển bằng Unity WebGL nhằm mang lại trải nghiệm giống ứng dụng trên trình duyệt.

Hệ thống quản trị sử dụng Next.js để quản lý bộ câu hỏi, giúp khách hàng dễ dàng cập nhật nội dung mà không cần xây dựng lại trò chơi.

Unity WebGLNext.jsResponsive WebTablet

09 / Tối ưu

  • Tối ưu dung lượng game WebGL
  • Hỗ trợ chuột và màn hình cảm ứng
  • Nội dung cập nhật độc lập với trò chơi

10 / Triển khai

Game và hệ thống quản trị được triển khai riêng trên nền tảng web.

  • Phát hành nội dung độc lập
  • Không cần xây dựng lại game khi cập nhật câu hỏi
  • Truy cập nhất quán trên trình duyệt và máy tính bảng

11 / Mở rộng

Kiến trúc cho phép bổ sung thêm:

  • Bộ câu hỏi mới
  • Chủ đề học mới
  • Ngôn ngữ mới
  • Thống kê kết quả học tập

Nội dung giáo dục mới có thể được bổ sung mà không thay đổi trải nghiệm game cốt lõi.

12 / Kiểm thử

Ứng dụng được kiểm thử trên nhiều trình duyệt và máy tính bảng để đảm bảo trải nghiệm nhất quán.

  • Điều khiển cảm ứng
  • Hiển thị giao diện
  • Luồng câu hỏi

Các chức năng quan trọng đều được kiểm tra trước khi phát hành.

13 / Kết quả

Đa nền tảng

Một trải nghiệm thống nhất trên web và máy tính bảng.

Dễ cập nhật

Nội dung được quản lý độc lập với trò chơi.

Tương tác trực quan

Giao diện đơn giản, phù hợp với cả chuột và màn hình cảm ứng.

Học tập hiệu quả

Biến kiến thức y khoa thành trải nghiệm hỏi đáp ngắn, dễ tiếp cận và dễ ghi nhớ.

14 / Bài học kinh nghiệm

Một sản phẩm giáo dục hiệu quả không chỉ truyền tải đúng kiến thức mà còn phải tạo động lực để người dùng tiếp tục học. Những phiên tương tác ngắn, phản hồi rõ ràng và trải nghiệm đơn giản giúp việc ghi nhớ trở nên tự nhiên hơn.

Phạm vi trách nhiệm

Phát triển Unity WebGLQuản lý nội dung Next.jsTương tác responsiveKiểm thử đa thiết bị

Thời gian thực hiện

4 tháng

Thời gian triển khai

Bắt đầu dự án

Cùng xây dựng giải pháp phù hợp cho doanh nghiệp của bạn.

Hãy cho chúng tôi biết bài toán bạn đang gặp phải. Chúng tôi sẽ cùng phân tích nhu cầu, tư vấn giải pháp và đề xuất cách triển khai phù hợp.