รู้ทันสื่อวัยเก๋า

เจ้าของผลงานเล่าไว้แบบนี้

https://media-literacy-preview.vercel.app # 🎮 รู้ทันสื่อวัยเก๋า (Media Literacy Interactive for Seniors) **เว็บแอปพลิเคชันสร้างเสริมสมรรถนะการรู้เท่าทันสื่อ ไซเบอร์ และปัญญาประดิษฐ์ (AI) สำหรับผู้สูงอายุ** โครงการพัฒนาภายใต้ความร่วมมือของ **NAPLAB** มุ่งเน้นการสร้างเสริมภูมิคุ้มกันดิจิทัลด้วยการออกแบบที่คำนึงถึงความสะดวกในการใช้งานของผู้สูงวัย (Senior Accessibility Guidelines) --- ## 🎯 เกี่ยวกับโครงการ เว็บแอปพลิเคชันนี้ออกแบบมาเพื่ออบรมและให้ความรู้แก่ผู้สูงอายุเกี่ยวกับภัยออนไลน์ ข่าวลือ ข่าวปลอม และสื่อที่สังเคราะห์ขึ้นด้วย AI ผ่านการรับชมวิดีโอสั้นและการเล่น **มินิเกมจำลองสถานการณ์จริง (Interactive Mini-Games)** โดยมีเป้าหมายหลักในการปฏิบัติตามหลักการ **"หยุด🛑 คิด🧠 ถาม💬 ทำ✅"** เพื่อชะลอการตอบสนองต่อสิ่งเร้าที่อันตราย --- ## 🛠️ เทคโนโลยีที่เลือกใช้ (Technical Stack) - **Frontend Core:** React (v19.2) + Vite (v8.1) - **Styling:** Vanilla CSS (เน้นความลื่นไหล การจัดเลย์เอาต์ขนาดใหญ่ คอนทราสต์สูง และการตอบสนองที่ลื่นไหล 60fps/120fps บนมือถือ) - **PWA Capabilities:** `vite-plugin-pwa` (สนับสนุนการเข้าถึงแบบออฟไลน์ และติดตั้งลงหน้าโฮมสกรีนโดยไม่ต้องมี Store) - **Backend & Database:** Supabase (สำหรับจัดการข้อมูลกลุ่มประชากรและเก็บบันทึกพฤติกรรมการเล่นเกม Action Logs) - **Infrastructure:** Cloudflare Pages (สนับสนุน Geolocation ตรวจจับพื้นที่ จังหวัด/อำเภอ จาก IP ของ Client แบบไร้บล็อกดรอปดาวน์) - **Linter & Tools:** Oxlint (รวดเร็วสูงและเป็นมิตรต่อนักพัฒนา) --- ## 🎮 รายละเอียดมินิเกม (Interactive Mini-Games) ระบบประกอบด้วยมินิเกมหลัก 5 รูปแบบที่สอดคล้องตามหลักสูตรบทเรียน: 1. **จริงหรือมั่ว? (G1 - Fa

โดย ChayutChanmueang · ดูโพสต์ต้นทาง