智慧平安城市综合服务平台_行业应用管理系统_用户体验设计.docVIP

电脑应用系统《分中心设计》 ? 三零凯天，2015 Page PAGE 3 of NUMPAGES 25 机构图标 机构图标 智慧平安城市电脑应用系统 分中心用户体验设计 文件状态： [√] 草稿 [ ] 正式发布 [ ] 正在修改 文件标识： Company-Project-SD-UI 当前版本： X.Y 作 者： 完成日期： Year-Month-Day 机构公开信息 机构公开信息 版 本 历 史 版本/状态 作者 参与者 起止日期 备注 v1.0 2015-1-5 建立文档 目 录 TOC \o 1-3 \h \z 1. 分中心 4 1.2、用户注册 4 1.1、用户登录 5 1.3、分中心主界面 6 1.3.1页头和页尾 6 1.3.2栏目导航 6 1.3.3左侧菜单 6 1.3.4视频预览控件 7 1.4、视频库 7 1.4.1分组管理 7 1.4.2实时视频 8 1.4.3本地视频 10 1.4.4本地图片 11 1.5、消息管理 11 1.5.1事件消息 11 1.5.2系统消息 12 1.5.3留言消息 13 1.6、配置管理 13 1.6.1本级配置 13 1.6.2上联配置 14 1.6.3服务器配置 16 1.6.4资源开通 17 1.6.5本地配置 21 1.7、用户管理 21 1.7.1部门管理 21 1.7.2用户管理 23 1.7.3权限管理 24 1. 分中心 分中心采用B/C＋C/S的模式构建系统，通过独立的URL地址访问分中心的登录界面，在登录成功后进入到要查看视频的界面时，网页会提示需安装的插件，用户在查看视频时全部采用控件方式实现，其中与控制相关的实现方式采用C/S的架构。其分中心使用流程如下： 使用流程 1.2、用户注册 在浏览器中输入网址xxx.xxx.xxx.xxx 进入“分中心”登录界面，点击“注册”按钮。根据提示完成表单项后点击“注册”按钮完成注册。 企业用户注册需要上传企业营业执照等相关证明，审核通过后帐号才可以使用。注册需要填写的信息有用户名、密码、确认密码、用户类型、邮箱、手机号码和营业执照，以及验证码等信息。其体验效果如下： 点击 点击 1.1、用户登录 在浏览器中输入网址xxx.xxx.xxx.xxx，进入登录界面，在输入正确的用户名和密码后，点击“登录”按钮，即可进入分中心主界面。用户体验效果如下： 要求: 1)、用户名处可以是手机或帐号进行登录。 2)、密码由平台产生，由数字和字母的组合形成。 1.3、分中心主界面 用户登录后即进入了分中心的主界面，主界面由页头，栏目导航，左侧菜单,控件和页尾五部分组成，体验效果如下： 1.3.1页头和页尾 主要提一些固定的信息显示，其包括：logo，登录帐号名，帮助，切换至官网和版本信息内容。 1.3.2栏目导航 提供分中心主要功能的导航，包括我的中心（我的账号），视频库，消息管理，配置管理和用户管理。栏目导航中显示的内容，由用户管理中的权限管理进行配置。 1.3.3左侧菜单 这个区域主要提供分中心里一些重要功能的快速管理入口，目前设计为我的摄像机（即添加设备）、分中心设备列表和搜索的功能。 点击按钮，右边将显示 点击按钮，将展开分中心下所有设备列表，点击设备列表，可以展开分中心下所有的通道，点击按钮，相应通道的视频就可以右侧控制的视频框中显示。 在中输入设备名称或设备序列号，可以查找出该中心下与输入条件相关的设备。 1.3.4视频预览控件 视频预览控件将提供1屏，4屏，9屏，16屏的展示效果，以及全屏功能按钮；在每个视频窗口上方可提供播放控制（停止和播放），本地的抓图和录像功能。 1.4、视频库 点击“视频库”后进入视频库模块，该模块提供实时视频，本地录像，本地图片的功能（本地是指保存自己的电脑上），体验效果如下： 1.4.1分组管理 提供分组添加、删除和配置的管理功能，以及设备查询功能。 点击按钮，在当前页弹出分组添加项输入框，如图，输入分组名，选择分中心需导入的摄像机，点击确定即可将相应摄像机分配到相应的组中。 点击分类名称，如：“教学楼”，会弹出配置的按钮，在次点击“配置”按钮后，会弹出配置分组的配置框，在配置框的下面提供删除分组，确定和取消的功能按钮。 点击按钮，提供以设备名称为条件的查询输入项，如图：，然后在点击查询后以列表形式列出。 1.4.2实时视频 点击“实时视频”按钮后，系统进入实时视频的预览窗口： 在实时视频界面点击分中心设备下的摄像机列表，在点击设备名称后可以展示该设备