HanuLab HanuLab
🗺️ แผนที่ 🏅 ตราของฉัน 👨‍👩‍👧 ทำด้วยกัน 🔑 ผู้ปกครอง
🗺️ แผนที่👑 จอมทัพ › 📱 พัฒนาแอปพลิเคชันบูรณาการ

บทที่ 2 — ออกแบบหน้าจอและปุ่ม

⏱ 25–40 นาที 💻 สร้างเว็บ HTML/CSS/JS เห็นผลสดในเบราว์เซอร์ 💡 จัดวางองค์ประกอบและปุ่มใช้งานของแอป
💡 เล่นได้เลย! แต่ถ้าอยากเก็บดาว ให้ผู้ปกครอง เข้าสู่ระบบ
👨‍👩‍👧 โน้ตสำหรับผู้ปกครอง

ระดับ: จอมทัพ (Master) — เทียบ ม.3 / อายุประมาณ 14–15 ปี เวลาโดยประมาณ: 25–40 นาที รูปแบบ: สร้างเว็บ HTML/CSS/JS เห็นผลสดในเบราว์เซอร์ แนวคิดหลัก: จัดวางองค์ประกอบและปุ่มใช้งานของแอป

เป้าหมายการเรียนรู้ (Learning Objective)

เด็กจัดวางหัวข้อ ข้อความ และปุ่มของแอปด้วย HTML

จุดร่วมทำกับผู้ปกครอง (Parent-Child Co-participation)

ให้ลูกวาดหน้าจอแอปบนกระดาษก่อน แล้วค่อยแปลงเป็น HTML