python/docs/prototype.md

原型设计说明文档

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	数据可视化