Web App Blueprint

CareShift Web App โครงระบบเรียนแบบเล่นจริง

หน้านี้คือโครง main site สำหรับต่อยอด CareShift Simulator ให้เป็น web app เต็มใน Study Hub ต่อไป ตอนนี้เว็บหลักจะทำหน้าที่เป็นหน้าแนะนำ + demo ฟรี ส่วนระบบ login, ผลการเรียน, payment และ GLM API coach จะไปอยู่ที่ study.atomdeknurse.com เพื่อให้ปลอดภัยและ scale ได้

Main site role

เว็บหลักควรทำอะไร และอะไรควรไป Study Hub

เพื่อไม่ให้เว็บหลักหนักหรือเสี่ยง API key หลุด เราแยกหน้าที่ชัดเจนตั้งแต่แรก

AtomDekNurse.com

หน้าแนะนำ + Demo ฟรี

  • ให้คนลองเล่น 1-2 shift แบบไม่ต้อง login
  • ทำ SEO landing page สำหรับเกมและบทเรียน Aged Care
  • ส่งคนที่สนใจไป Study Hub เมื่อต้องการตัวเต็ม
  • คงเว็บหลักให้เร็ว เบา และ index ง่าย
Study.atomdeknurse.com

ระบบเรียนจริง + AI Coach

  • login user และเก็บผลการเรียนรายคน
  • เชื่อม Stripe สำหรับ ebook/course bundle
  • เรียก GLM API ผ่าน backend เพื่อซ่อน key
  • ปลดล็อก shift, เก็บคะแนน และสรุปจุดอ่อน
App Structure

โครง web app เวอร์ชันเต็มที่ควรทำต่อ

นี่คือ sitemap / feature map สำหรับโปรเจกต์ Study Hub เพื่อให้ต่อยอดได้โดยไม่ปนกับเว็บ SEO หลัก

01

Dashboard

เห็นผลการเรียน, shift ที่เล่นค้างไว้, คะแนนล่าสุด, จุดที่ควรฝึก และปุ่มกลับเข้าเกมทันที

02

Learning Path

จัดบทเรียนเป็น Falls Risk, Privacy, Infection Control, Refusal of Care, Abuse Concern และ Community Support

03

Scenario Player

หน้าจอ visual novel มี character, background, dialogue box, choices, trust/anxiety/safety meter

04

AI Coach

ให้ GLM วิเคราะห์คำพูดและ documentation ผ่าน backend พร้อมคำเตือนว่าไม่ใช่ workplace policy เฉพาะที่ทำงาน

05

Documentation Lab

ฝึกเขียน progress note / incident note แล้วเทียบกับตัวอย่าง factual language ที่ดีกว่า

06

Account & Access

เชื่อม ebook/course, Stripe, unlock content และจัดการสิทธิ์การเข้าเรียนใน Study Hub

Build order

ลำดับทำงานที่แนะนำ

ทำแบบนี้จะไม่พังเว็บหลัก และทำให้ Study Hub โตเป็นระบบเรียนจริงได้

  1. Now: เว็บหลักมี demo, landing page และ internal link พร้อม
  2. Next: Study Hub สร้าง auth + dashboard + protected route
  3. Then: ย้าย scenario player ตัวเต็มไป Study Hub และเชื่อมผลการเรียน
  4. After: ต่อ GLM API ผ่าน backend เพื่อ personalized feedback
  5. Launch: ผูก bundle ebook + game + documentation drill ผ่าน Stripe
Try the demo

เริ่มจาก demo บนเว็บหลักก่อน

ถ้าคอนเซปต์นี้ใช่ ค่อยย้ายระบบเต็มไป Study Hub พร้อม login และ AI coach แบบปลอดภัย

เล่น CareShift Demo