用户界面设计说明书

用户界面设计书版本号：3.0软件工程第五组基于Zigbee技术的福利院护理系统用户界面设计书丹伊汉2012/11/27修订历史记录日期版本号修改说明改人批准者2012.11.51.0创建大纲和创建正文邓益涵林阳2012.11.122.0更改接口设计规范邓益涵林阳2012.11.263.0更改主要接口设计邓益涵林阳目录1引言21.1创建目的21.2项目背景21.3定义，缩写31.4参考资料32应遵循的接口设计规范32.1用户界面设计原则32.2接口完整性32.3布局合理化原则43接口的关系图和工作流程图54主接口54.1主接口54.2子接口A64.3子接口B64.4子接口C74.5子接口D74.6子接口E84.7子接口F85美学设计96接口资源设计96.1图标资源96.2图像资源96.3接口组件97其他91引言1.1创建目的本文档描述系统界面的设计样式，并在详细设计说明书中设计和描述与用户交互的最终界面。1.2项目背景信息科学与技术学院十级软件工程六组软件工程作业：基于Zigbee技术的福利院护理系统。1.3定义，缩写Zigbee:Zigbee是用于低速短距离传输的无线网络协议，基本上是采用IEEE802.15.4标准的媒体接入层和物理层。 主要特征是支持低速、低功耗、低成本和大量网络节点，支持多种网络拓扑，具有低复杂度、高速、可靠性和安全性。 Zigbee协议层从下面起依次是物理层(PHY )、媒体接入层(MAC )、网络层(NWK )、应用层(APL )等。用户界面：也称为人机界面，实现用户与计算机之间的通信，控制计算机，进行用户与计算机之间的数据传输的系统部件。GUI :在图形用户界面中，使用图形界面而不是正文界面的可视用户界面。1.4参考资料2应遵循的接口设计规范2.1用户界面设计原则本系统坚持图形用户界面(GUI )设计原则，界面直观，对用户透明。 用户接触软件时，界面上的相应功能一目了然，无需培训即可轻松使用本应用程序。由于接口设计者了解软件用户是每个过程的核心，且不应存在确定过程的应用，因此用户界面需要用户控制应用如何起作用以及如何作出响应接口设计要确认后才能完成。2.2接口完整性接口设计要求保持接口的一致性。 一致性包括使用标准控件或使用相同的信息表示方法。 确保字体、标签样式、颜色、术语、错误消息的显示等一致性。2.2.1显示信息完整性标准(1)标签提示：的字体不重，宋体、黑色、灰底或透明、无框、右对齐、无冒号、通常为5号(10号)(2)第：天正常字体、宋体、白底黑字、3-Dlowered；(3)排列方法：左对齐：一般文字、单一数字、日期等右边是：的数字、时间、日期和时间。(4)分辨率800*600、强调颜色16种颜色(5)字体的默认值为宋体、五号、黑色(6)底色默认为灰色作为参考，在同一应用中，这些信息的呈现方式不一致导致用户注意，并且开发者必须注意相同软件中呈现形式的一致性，因为这些信息的呈现方式将影响该软件的使用。2.2.2布局合理化原则注意一个窗口中所有控件的布局和信息组织的艺术性，优化用户界面。 在单个窗口中按tab键可以从上到下，从左到右排列tab，因为移动焦点的顺序不会变得混乱。 首先，要输入的重要信息的控制应以tab顺序位于前面，位置也应该位于窗口上的显着位置。 该系统的接口设计布局简洁、有序、易于操作。2.2.3鼠标和键盘对应原则不使用鼠标的原则：应用程序的功能只能通过键盘实现，设计的应用程序中包含必要的按钮和菜单项。 但是，双击或拖动对象等许多鼠标操作，仅仅通过键盘模拟是不可能实现的。 例如，用鼠标双击列表框中的一个项目，表示该项目已被选中。 要在键盘上实现此功能，必须在窗口中定义一个按钮，指示您选择了该按钮(或以其他方式)而不是双击功能。 另一个例子是，在一个窗口中有两个数据窗口，您可以使用鼠标将项从一个数据窗口拖放到另一个窗口中。 如果仅使用键盘，则必须在菜单中设置要复制或移动的菜单项3界面的关系图和工作流程图4主接口4.1登录画面用户登录护理系统的接口是独立于主页的接口，用户必须登录以查看主页上的信息，接着提高系统信息的安全性。 登录时，用户可以选择“护理人员”“管理员”登录权限。 为了防止恶意攻击，登录时设置了认证码。4.2子接口首页用户登录后第一个显示的页面显示福利设施的通知和新闻。 以护理系统的对象为老人，在首页追加了显示旧历的日历。4.3子接口住院登记老人入住时应注册住院，并生成相应的文件。 包括ID (区分老年人的身份和查询信息)、姓名、性别、年龄、民族、住院日、家庭住所、家庭联系人和病历。4.4子接口信息查询护理人员可以在这个网页上查看体温、脉搏、血压、所在位置、老年人的基本信息、老年人最近的身体状况。4.5子接口智能定位输入ID，查询老年人所在地，结合视频监控等功能，实现老年人的实时定位。4.6子接口视频监控监视老人的活动区域，在页面上调用对应区域的HD照相机，监视指定区域，通过页面上的旋转按钮实现照相机的简单操作。4.7子接口安排包括福利院每周安排和护理人员每日安排。 只有管理员有权修改和添加信息。4.8子接口员工社区查看所有员工的简要信息，包括照片和联系人。5美学设计本系统采用了人机界面设计。 以用户为中心，遵循提高交互性、尽量避免需要记忆的内容、简化用户操作、提高操作效率、应用安全性等一般原则。 满足用户的问题和要求，界面术语易于理解和使用，用户习惯性的使用非常方便。6接口资源设计6.1图标资源软件工程六班兔创新工作室6.2图像资源软件工程六班兔创新工作室6.3接口组件软件工程六班兔创新工作室7其他用户界面列表：代码名字所属子系统相关组件/模块说明UII1.1Login.html/UII1.2Index.html/UII2.1registration.html智能监控系统住院登记UII2.2Query.h