新的需求设计文档

牙科数据的分割与分类及可视化展示平台需求规格说明书小组

成员：邓鹏飞、陈宁、李博文、高俊媛、齐雪

1.前端界面需求

1.0需求结构

该节需求总体结构为：

1. 总体需求：描述了大致的界面风格，配色、图标要求，还有界面的大致结构
2. 云端信息管理页面需求：描述了用于管理云端信息界面的各种需求和操作
3. 模型数据展示页面需求：描述了用于展示本地各类模型图片数据的页面的需求和操作

1.1总体需求

由于我们的软件是一项实用性的工具型软件，又是面向对于计算机软件不是特别了解和熟悉的牙科医生，所以在界面上不需要特别的炫酷和花哨，只需要注重界面的简介美观，操作易于操作即可。同时在界面上要清晰，有较明确的提示，能够较容易弄懂大部分操作，操作符合其他类似功能的软件的操作；界面配色要注意不要对比度过于强烈，要比较柔和，能够让用户较长时间对着电脑也不会产生疲劳。在图标的选择上要尽量具有提示性。

界面的大致划分包括两种：
（1） 云端信息管理页面：
包括：医生的信息展示部分，患者的信息展示部分，患者多次不同就诊文件信息结构，病历编写部分。
（2） 模型数据展示页面：
包括：3d口扫模型的展示，CBCT正、侧、上、模型多视图展示，各类图片的多视图展示，CBCT重建的3d模型的展示和操作。

1.2云端数据管理界面

1.2.1医生信息栏及界面

医生信息栏主要显示医生姓名以及工作头像两个信息，位于左边信息模块的最上方。

在已登录的情况下，医生信息栏显示“欢迎您，XX医生”，并且显示医生的头像信息。点击医生头像，可以将左边信息模块中医生信息栏以下全部换成医生信息界面，显示医生的详细信息，并且还有一个登出的按钮，点击登出按钮就完成医生注销的操作，整个界面就变为医生未登录状态。同时还要有一个返回按钮，位于医生详细信息界面左上角，从医生的详细信息界面返回。

在用户未登录的情况下，医生信息栏显示“请登录”信息，左边信息模块中医生信息栏以下全部为空，并且右边展示模块中也为空，不显示任何展示界面，显示让医生登录的提示以及医生登录的账号和密码输入框以及登录按钮。

未登录状态：

已登录状态：

1.2.2患者信息栏及界面

患者信息栏主要显示患者的姓名、编号、头像等情况，还要一个患者信息载入载出按钮，位置位于左边信息模块医生信息栏之下。

在未载入患者信息时，左侧信息模块中患者信息栏以下显示为最近查看过的患者列表，点击一个患者能够直接载入该患者的信息。患者姓名编号等位置换成换成一个输入框，用于输入患者的身份证号等类似编号，载入载出按钮此时作为载入按钮，输入患者编号以及点击载入按钮，载入该患者的信息。右边展示模块在未载入患者信息时也为空，提示医生需要输入患者编号以获取用户信息。还有一个添加患者的按钮，位于左下角，点击添加患者按钮，右侧界面变为添加患者界面，可以在添加患者界面录入各种患者的信息，包括患者姓名，性别，身份证号码，头像等等，录入完成之后点击完成，就能添加一个新的患者。

在载入患者信息之后，患者图片显示为头像，患者姓名和编号，载入载出按钮此时为载出按钮，点击载出按钮能够返回到未载入用户信息状态。载入用户信息之后出现该患者的就诊文件信息栏，此时右侧的文件和病历选项卡为不可点击，因为未选择究竟是哪个就诊记录，选择之后文件和病历选项卡才可以点击，选择一个就诊记录后，将该就诊记录下的文件展开，其他记录的文件收起。点击用户头像能够将患者信息栏以下全部换为患者的详细信息展示界面，左上角有一个返回按钮，返回原来界面。

登录界面：

已登录界面：
患者详细信息界面：

1.2.3就诊记录文件展示界面

在医生选择了对应患者的某次就诊记录之后，右侧上方的就诊文件选项卡可以点击，点击之后右侧就变为就诊记录文件展示界面。

有各种类型的模型的文件。对于未上传的模型，有上传按钮，点击上传。对于已经上传的模型，有下载功能、重传功能、删除功能，下载功能将文件从云端下载到本地，重传功能重传本地的模型以代替云端原有模型，删除功能删除云端的模型。

上传完模型之后，服务器端会对模型进行自动的分割和分类，在相应的文件条目下出现已经分割分类之后的模型数据的下载选项，点击下载能够下载已经分割分类之后的模型数据到本地。

各种图片的存储和展示，可以点击上传上传本地图片。在下面带滚动条的展示板上，能够展示每张图片的预览图和名字，还有下载和删除按钮，点击下载将图片下载到本地，点击删除图片在云端的存储。

1.2.4就诊记录病历展示界面

点击右侧上方的病历选项卡，右侧就变成病历展示界面。病历展示界面展示存储在云端的病历情况。

一开始为只读状态，不能对病历进行修改，右下角的提交按钮不能够点击，右上角的导出按钮能够点击。

点击修改，变为修改状态，修改按钮不能点击，右上角导出按钮不能点击；修改完毕之后点击提交按钮，将修改之后的病历上传至云端，回到只读状态。

在只读状态下，点击导出按钮，将病历导出为本地文件。

1.3模型数据展示界面

1.3.0模型数据展示界面简要描述

对于展示模块来说，我们主要选用选项卡的模式，通过选择展示界面上方的选项卡列表中特定的选项卡来决定需要展示哪种数据。而选择不同的数据的展示界面实际上已经是不同网页了（而不是同一个网页中的不同部分），通过网页跳转的形式来完成（原网页跳转而不是新网页）

1.3.1开始界面

该界面并不用于数据展示，而是用于显示一些必要的提示。如提示用户各展示界面的用途以及所许可的上传数据格式，还有一些操作步骤等等。

1.3.2口扫模型界面

1.3.2.1口扫模型界面操作-多种展示

右侧有两种不同的模型展示形式
渲染显示模型在添加材质并渲染之后的效果；类别通过将不同类别的模型区域变为不同的颜色来展示模型（不需要材质和渲染，只需要用不同的颜色标记不同类的模型区域），同时下方的各牙齿图标的背景颜色也变成对应的区域颜色。默认的展示形式是“渲染”。

1.3.2.2口扫模型界面操作-展示选取

选择口扫模型界面下方的模型选项条能够控制某部分模型展示某部分模型不展示。

单击“全部”则将全部模型展示。单击“上颚”则将上颚模型高亮（用一种醒目的颜色标记），再点击一下或点击其他地方就取消高亮，“上颚”选项上还有一个单选框，勾选单选框上颚展示，不勾选则不显示上颚。
选择下颚类似。
选择牙齿，单击时将选中的牙齿高亮，再点击一下或点击其他地方就取消高亮，牙齿选项上也有一个单选框，勾选单选框时展示该牙齿，不勾选时不显示。
选择牙龈时，单选时将选中的部分高亮，再点击一下或点击其他地方就取消高亮，牙龈选项框上也有单选框，勾选则显示，不勾选则不显示。

1.3.2.3口扫模型界面操作-移动缩放

此时选中

在这个界面上，能够对牙齿模型进行旋转、缩放操作。通过按住鼠标右键来拖动模型进行旋转操作，通过滚动鼠标来进行模型的缩放操作。此时模型支持所有展示形式。

1.3.2.4口扫模型界面操作-类别调整

此时选中
模型展示模式为
无法更换为渲染，除非选中分类以外其他操作。右侧弹出弹窗。弹窗中显示各种牙齿类别以及标记颜色，选择一个牙齿类别，并且在模型上点击所需要改变的区域，对应区域变为选择的牙齿类别，颜色也对应改变。同时右边弹窗中的滑动条可以用于调整选择区域的大小，滑动条数值越大，一次性能够让更多区域改变类别；数值越小能够改变的区域也更小。

点击保存能够保存模型修改到文件当中，点击丢弃则丢弃对模型的修改。

1.3.3 CBCT模型界面

大致想做成这个样子：

1.3.3.1 CBCT模型界面简要描述

上方主要是工具条（用以各类操作）以及文件输入框（输入CBCT文件以及牙齿分类文件和牙齿骨文件），同时还能够通过勾选的方式选择展示哪些文件。

下方主要是四个展示窗口，左上、左下、右下分别为CT数据的俯视图、正视图、侧视图；右上角为CT模型的3d体素模型的展示（主要展示牙齿分类模型的展示和牙齿骨的展示，CT数据不好弄出体素模型）。

1.3.3.2 CBCT模型-导入模型介绍

模型数据可以导入三种：CT数据、牙齿分类数据、牙齿骨数据。每个数据选择框前都有一个勾选框，在数据未选择的情况下勾选框不可用；在数据导入之后勾选框默认为勾选；勾选时将分类数据或者牙齿骨数据叠加到CT数据中（三视图），并且在右上方3d体素模型中展示；在不勾选时则不叠加到CT数据中，且也不在3d体素模型中展示。

1.3.3.2 CBCT模型-三视图操作

每个三视图窗口的上方都有对该视图可以进行的操作，三个视图的操作都相同。都有自动播放、截面进度条、窗宽窗位进度条、显示效果下拉框。

用户能够点击自动播放来让该窗口的CT图片自动播放。点击自动播放后，播放键就变为暂停键，点击暂停能够停止CT图片的自动播放，同时暂停键也变回播放键。

截面进度条，用户能够拖动该进度条来调整展示的CT图片是哪个深度的截面图。

而窗宽窗位，能够调整展示的CT图片的窗宽窗位效果（具体工作和效果还需进一步查阅资料了解），窗宽窗位左右两个只读数值框用于显示窗宽窗位的上下范围。

显示效果下拉框用于调整CT图片的展示效果，如学长去年做的demo里面有的反色、中值滤波、腐蚀、膨胀、对比度增强、边缘检测等效果。

1.3.3.4 CBCT模型-分类修改操作

左上角有一个调整分类按钮，按钮右边的牙齿类别下拉框和调整画笔粗细进度条在不调整分类时不显示。按下调整分类按钮进入调整分类模式，右侧牙齿类别下拉款和调整画笔粗细进度条显示出来。用户选择一个牙齿类别和调整完画笔粗细之后对三视图中的CT图片中选择要修改的区域，被点击到的区域变为画笔所选的牙齿类别。修改完之后点击√保存修改之后的结果，点击X丢弃修改结果。

1.3.4 图片展示界面

1.3.4.1 图片展示界面视图变化

在图片展示界面上方选项条右侧有选择展示的图片的视图
点击1则变为单张图片展示，点击2则变成左右两张图片展示，点击4则变成四张图片展示视图，点击6则变成六张图片展示视图。通过拖动文件系统中的图片到某个视图窗口，将该张图片展示到该视图窗口中。

1.3.4.2 图片展示界面操作

点击到某个视图时，会将焦点聚焦在该视图中。在某个图片展示视图中滚动鼠标滚轮能够将该视图中的图片进行放大和缩小操作。

点击角操作时，会在聚焦的视图中生成一个角，用户可以拖动角的顶点和两条边来将角挪动到需要测量的位置，角中间会显示角形成的角度大小。能够在不同视图中生成多个角，也能够在一个视图中生成多个角。能够选中某个角点击删除删除该角。

暂时就做这么多吧