# 原型设计说明文档

## 2.1 原型工具的选择

本项目选择使用**墨刀（Modao）**作为原型设计工具。

### 选择理由：

1. **免费版功能充足**：墨刀提供免费版本，功能足够完成本次项目的原型设计需求
2. **上手简单**：界面直观，学习成本低，适合快速原型设计
3. **交互性强**：支持创建交互式原型，可以模拟真实的用户操作流程
4. **易于分享**：支持在线分享链接，方便团队成员查看和反馈
5. **导出方便**：支持导出图片和PDF，便于文档展示
6. **中文支持好**：作为国产工具，对中文支持完善

## 2.2 原型设计流程

### 设计步骤：

1. **需求分析**：根据实验要求，确定需要设计的功能模块
   - 学生管理模块
   - 点名模块（随机/顺序）
   - 积分管理模块
   - 数据可视化模块

2. **页面结构设计**：
   - 主界面采用标签页（Tab）布局
   - 每个功能模块独立一个标签页
   - 保持界面简洁统一

3. **交互设计**：
   - 设计按钮点击、表单提交等交互流程
   - 考虑用户操作的便捷性
   - 添加必要的提示和反馈

4. **视觉设计**：
   - 采用简洁现代的设计风格
   - 使用合适的颜色搭配（主色调：绿色系）
   - 确保文字清晰可读

## 2.3 原型作品链接

**墨刀原型链接**：[在此处填入墨刀原型分享链接]

（注：实际使用时，需要在墨刀中创建原型并获取分享链接）

## 2.4 原型界面图片展示

### 主界面设计

主界面采用标签页布局，包含以下四个主要模块：

1. **点名模块**
   - 点名模式选择（随机/顺序）
   - 被点学生信息大屏显示
   - 点名结果记录表单
   - 最近点名历史记录

2. **学生管理模块**
   - 学生列表表格展示
   - Excel导入功能
   - 学生信息增删改查

3. **积分管理模块**
   - 统计信息展示
   - 积分排名表格
   - 导出积分详单功能

4. **数据可视化模块**
   - 积分排名柱形图/折线图
   - 可切换图表类型
   - 可调整显示数量


### 设计建议：

- 保持界面简洁，避免过度设计
- 使用统一的颜色和字体规范
- 确保交互流程清晰易懂
- 考虑实际开发的可实现性

## 2.6 原型与实现的对应关系

| 原型页面 | 实现文件 | 说明 |
|---------|---------|------|
| 主界面 | `frontend/main_window.py` | 标签页布局 |
| 点名页面 | `frontend/widgets/rollcall.py` | 点名功能实现 |
| 学生管理页面 | `frontend/widgets/student_management.py` | 学生管理功能 |
| 积分管理页面 | `frontend/widgets/score_management.py` | 积分管理功能 |
| 可视化页面 | `frontend/widgets/visualization.py` | 数据可视化 |