Bỏ qua để đến nội dung
DOL Wiki

Site Map: Breakout AI Room

DomainsDOL AcademyUX342 words2 min read
active

Overview

Phần tiêu đề “Overview”

Cấu trúc màn hình cho tính năng Breakout AI Room (Teaching Tool).

Student Flow (Web Application)

Phần tiêu đề “Student Flow (Web Application)”

  1. Join Session (student/TT_join_session.html)

    • Layout: Centered Modal on Branded Background.
    • Content: Mic/Sem check, Session Info (Topic, Duration), “Join” Action.
    • [Next] -> In-Room.

  2. In-Room (Voice UI) (student/TT_in_room_voice.html)

    • Layout: Immersive Desktop Layout.
    • Left Sidebar: Task List, Current Step, Tools.
    • Center Stage: AI Visualizer (Dynamic), Transcript/Cues Overlay.
    • Right Panel (Collapsible): Material Reference / Vocab Helper.
    • Bottom Bar: Session Controls (Mute, Camera, Settings, Leave).
    • [Next] -> Post-Session Recap.

  3. Post-Session Recap (student/TT_post_session_recap.html)

    • Layout: Dashboard Grid (3-Column).
    • Col 1 (Overview): Band Score, Radar Chart, General Comments.
    • Col 2 (Details): Fluency, Lexical, Grammar Checks.
    • Col 3 (Actions): Review Transcript, Export, Start New.

Teacher Flow (Web Application)

Phần tiêu đề “Teacher Flow (Web Application)”

  1. Setup & Config (teacher/TT_teacher_setup.html)

    • Layout: Large Modal / Settings Panel.
    • Content: Topic Config, Time Limit, AI Personality, Roster Check.
    • [Action] “Start Session” -> Live Monitor.

  2. Live Monitor (Dashboard) (teacher/TT_teacher_monitor.html)

    • Layout: Admin Dashboard (Full Width).
    • Top Bar: Global Timer, “Pulse” Stats (Active/Idle Rooms).
    • Main Area: Grid of Room Cards (with Status Indicators: Silence, Help Needed).
    • Sidebar: Alert Feed & Activity Log.
    • [Action] Click Room -> Room Detail.
    • [Action] “End Session” -> Session Report.

  3. Room Detail (teacher/TT_teacher_room_detail.html)

    • Layout: Split View (Monitor + Control).
    • Main View: Live Transcript / Audio Visualizer of the specific room.
    • Control Panel: Send Cues, Join Room, Broadcast Message.
    • [Action] “Back” -> Live Monitor.

  4. Session Report (teacher/TT_teacher_report.html)

    • Layout: Analytics Report Grid.
    • Top: Class Overview (Avg Band Score, Concept Mastery).
    • Middle: “Heatmap” of common errors.
    • Bottom: Student List with individual performance metrics.
    • [Action] “Close” -> Return to Home/Setup.