https://www.bilibili.com/video/BV1eZ421U7Nj/
演示视频:
第四章 系统详细设计
4.1 设计原则
人机交互子系统是用户所能直接看到的,是给用户的第一感觉,他现在已经成为判断一个软件好坏的重要标准。在设计人机交互子系统的时候,必须遵循以下原则:
设计出一个易用、低错、适应、美观的界面,能够使用户自如的完成操作,而用户不需要有较高的计算机专业知识和技能。
主要特点:
(1)易用性。
前期对项目的大量细致的分析,以及对用户群的调查,充分考虑实际操作的各项细节,使得普通用户在不需要查看用户手册的情况下亦能很自如的操作系统,并对操作流程有清晰的了解。
(2)低出错率
为了防止用户在操作中出现各种失误,界面的设计在各个环节都给与用户必要的提示,同时也在空间排布上引导用户按照正确的顺序进行操作,大大减少操作出错的几率,也减低了操作者的劳动强度。
(3)合理性
父窗体应该在屏幕的中心位置,子窗体应该在父窗体的左上角或中心,界面退出或关闭的按钮不应该放在易点的位置,对数据进行无法恢复的操作,应有提示信息,给用户有选择放弃的机会。对错误的提示要准确、清楚、有足够多的信息。
(4)高适应性
系统面向的用户群有三类,对于不同的用户,他们拥有不同的操作目的、操作流程以及不同的权限,如何考虑系统的适应性也是界面设计时的重要部分,本系统可以面向不同的用户提供不同的界面,实现高适应性。
(5)美观性
系统界面以白色和灰色为主色调,辅助以少量鲜艳的小图,给人的感觉是清晰明了,赏心悦目,长时间工作于此系统不会有视觉疲劳感,充分考虑色彩与结构的关系,并通过精心的点缀引导用户的视线顺序完成操作。
设计出一个易用、低错、适应、美观的界面,能够使用户自如的完成操作,而用户不需要有较高的计算机专业知识和技能。
4.2 用户登陆界面设计
用户登陆界面体使为了保证系统的安全性,只有许可用户才可进入,如果输入密码和用户名不匹配则不允许进入系统。如图
图4-1 用户登陆界面
本窗体是为注册用户提供登陆功能,采用了常用的登录框界面显示,其中,接收用户名采用文本框,选项来自数据库中用户表格,主要流程如下图:
图 4-2 用户登陆流程图
4.3 主界面设计
系统首页,主要显示九个信息模块的前10条,页面简洁大方。
图4-3 主页设计
4.4信息登记表模块设计
4.4.1信息登记表输入
信息登记表的流程图如下:
图4-4 信息登记流程图
信息输入界面如图:
图4-5 信息发布界面
4.4.2分类信息查询
“校园生活信息网”中,查询功能也是一个十分重要的功能,当有很多信息时,如何给用户呈现出需要的信息和过滤掉不用的信息是一个需要解决的问题。因此,考虑到用户的需求,系统应该具有一个比较人性化的查询系统。查询的速度要快捷,查询的结果要准确。
主要流程见下图:
图4-6 信息查询流程图
图4-7 信息查询界面
简要代码如下: