Vocab V2 Concept: Course View Leaderboard ("The Island Expansion")

Vocab V2 Concept: Course View Leaderboard (“The Island Expansion”)

1. Metaphor & Philosophy (Triết lý & Hình ảnh)

• Context: “The Island” (Hòn đảo Lớn) - Tổng hợp kiến thức của một khóa học (VD: IELTS 6.0, TOEIC 500).
• Theme: “Phủ Xanh Hòn Đảo” (The Island Expansion).
  • Khác với Set View (đua tốc độ ngắn), Course View là cuộc chiến Đường trường (Marathon) và Bền bỉ (Consistency).
  • Không gian rộng lớn hơn: Từ “Khu vườn nhỏ” (Islet) ra “Cánh rừng lớn” (Forest).

2. The Two Paths (Hai Con Đường Chinh Phục)

A. Tab 1: “Class Sprinters” (Những Nhà Khai Phá)

BXH dành cho những người học nhanh, muốn mở rộng vùng kiến thức (Quantity + Quality).

• Core Value: Expansion (Sự mở rộng).
• Metric Chính: Mature Items Count (Số lượng cây trưởng thành).
  • Logic: Chỉ đếm những từ đã đạt trạng thái Mature (F $\ge$ ngưỡng ổn định).
  • Vấn đề: Người học lâu năm sẽ luôn Top 1 -> Người mới nản.
  • Giải pháp - “Giải đấu Tuần” (Weekly Filter):
    • Mặc định hiện “Rising Stars” (Số cây Mature tăng thêm trong tuần này).
    • Có nút chuyển sang “All-time” (Tổng số cây) để xem bề dày thành tích.
• Visual Metaphor:
  • Mỗi user là một “Ranger” (Kiểm lâm).
  • Rank cao = Diện tích rừng phủ xanh lớn.
  • Tie-breaker: Tổng điểm Fluency (Chất lượng rừng) -> Thời gian.

B. Tab 2: “Sun-chasers” (Người Đuổi Theo Mặt Trời)

BXH dành cho những người kiên trì, biến việc học thành thói quen (Habit Building).

• Core Value: Consistency (Sự đều đặn).
• Metric Chính: Active Streak (Chuỗi ngày liên tục học trong Course này).
• Visual Metaphor:
  • “Mặt trời”: Biểu tượng của năng lượng duy trì sự sống.
  • Rank cao = Người giữ ngọn lửa (The Keeper).
  • Hiệu ứng: Những người có Streak cao (>30 ngày) sẽ có hào quang (Glow) quanh Avatar.

3. Visual Concept (Mô tả giao diện)

Layout: “The Expedition Widget”

• Style: Giống Set View nhưng “Grand” hơn.
• Size: Vẫn floating widget (max 400px) nhưng có thể cao hơn một chút để chứa nhiều thông tin.

Visual Elements

1. Header:
   • Background: Hình ảnh Hòn Đảo (Island) nhìn từ xa hoặc Flycam shot thấy rừng rậm.
   • Icon: 🏝️ (Island) hoặc 🗺️ (Map).
2. Tab “Sprinters” (Theme: Forest Green / Jungle):
   • Icon: 🌲 (Evergreen Tree) hoặc 🚩 (Flag).
   • Metric: Số lượng cây (Vd: “1,240 Mature”).
3. Tab “Sun-chasers” (Theme: Sunrise Orange / Gold):
   • Icon: ☀️ (Sun) hoặc 🔥 (Flame).
   • Metric: Số ngày (Vd: “Day 45”). Font số to, rực rỡ.

4. Interaction Flow

1. Global vs Class filter (Nếu có):
   • Mặc định hiện Lớp học (Classmates) để tạo sự gần gũi.
   • Toggle sang Global để xem mình đứng đâu trên thế giới.
2. Nudge (Social):
   • Ở tab Sun-chasers, nếu thấy bạn bè mất Streak (Streak = 0 hôm qua), có nút “Nhắc nhở” (Wake up).

5. Logic Mapping

Element	Data Field	Logic
Score (Sprinters)	count_mature_items	Count(items WHERE status $\ge$ Mature).
Tie-breaker 1	total_fluency	Sum(fluency) of all items.
Score (Sun-chasers)	current_course_streak	Consecutive days with $\ge$ 1 lesson done in THIS course.
Streak Status	is_active_today	Boolean (Check xem hôm nay đã học chưa để hiện icon sáng/tối).