โหมดติวตอบกรรมการ
หัวข้อที่ 43 จากทั้งหมด 62
ตัวอย่าง 2: แก้ไข UI ของหน้าให้คะแนน
สรุปสั้น: 1. หา Page frontend/app/(instructor)/classroom/[id]/components/ScoreModal.tsx 2. ดูว่า Service อะไร ดู import → score.service.ts 3. แก้ไข UI ใช้ HeroUI components 4. ทดสอบ เปิด browser ดูหน้าที่แก้ไข
คำสำคัญ
- components
- service
- วอย
- ของหน
- าให
- คะแนน
คำถามที่กรรมการมักถาม
- หัวข้อ "ตัวอย่าง 2: แก้ไข UI ของหน้าให้คะแนน" คืออะไร และทำไมถึงสำคัญกับโปรเจกต์ของคุณ?
- ตอนออกแบบเรื่อง service คุณเทียบทางเลือกอะไรบ้าง และเหตุผลที่เลือกวิธีสุดท้ายคืออะไร?
- ถ้ากรรมการท้วงเรื่อง วอย คุณจะอธิบายและป้องกันแนวทางนี้อย่างไร?
- ถ้าต้องปรับปรุง components ให้ดีขึ้นทันที คุณจะเริ่มแก้อะไรก่อน เพราะอะไร?
ตัวอย่างคำตอบ
สำหรับหัวข้อ "ตัวอย่าง 2: แก้ไข UI ของหน้าให้คะแนน" เป้าหมายหลักคือ 1. หา Page frontend/app/(instructor)/classroom/[id]/components/ScoreModal.tsx 2. ดูว่า Service อะไร ดู import → score.service.ts 3. แก้ไข UI ใช้ HeroUI components 4. ทดสอบ เปิด browser ดูหน้าที่แก้ไข แนวทางที่ใช้เชื่อมโยงกับความต้องการระบบ ช่วยให้ระบบเชื่อถือได้และดูแลง่ายขึ้น และเมื่อเทียบกับทางเลือกอื่นถือว่าเหมาะสมที่สุดภายใต้ข้อจำกัดของโปรเจกต์นี้
คำนวณยังไง
- เปอร์เซ็นความคืบหน้า:
Math.round((index / total) * 100)=Math.round((43 / 62) * 100)= 69% - ลำดับหัวข้อปัจจุบัน: รับจาก query
?section=แล้วบังคับให้อยู่ในช่วง1..62ค่าที่รับมา:43, ค่าสุดท้าย:43 - จำนวนหัวข้อทั้งหมด:
62(นับจากหัวข้อ markdown ระดับ##และ###) - สรุปสั้น: สร้างจาก
summarizeText(stripMarkdown(sectionContent), 230) - คำสำคัญ: ดึงจากความถี่คำในชื่อหัวข้อ + เนื้อหา หลังกรองคำฟุ่มเฟือย (stopwords)
- คำถามกรรมการ: สร้างจาก template โดยอิงชื่อหัวข้อและคำสำคัญหลัก