019
WEB面向应用的人机交互界面设计样本
(样本只提供该系统的基本情况介绍,若需要完整的设计和论文,建议您购买本系统,凡是购买本站系统的,本站均根据您的要求,把系统上的开发信息,题目等修改成符合您的要求)
本设计包含内容：源代码+毕业论文
论文大概：
目录
摘要………………………………………………………………… 2
Abstract…………………………………………………………… 3
第一章 引言…………………………………………………… 4
1．1 选题背景
………………………………………………………… 4
1．2人机交互界面设计简介
………………………………………… 5
第二章 相关学科知识………………………………………… 5
2．1
认知心理学 ………………………………………………………… 5
2．2
软件工程学…………………………………………………………… 5
2．3 UI流程基础知识
…………………………………………………… 6
2．4 图象处理
…………………………………………………………… 7
第三章 设计过程……………………………………………… 7
3．1
系统分析 …………………………………………………………… 7
3．2 基本流程
…………………………………………………………… 10
3．3 原型设计过程
……………………………………………………… 13
3．4 最终设计
…………………………………………………………… 24
第四章 总结……………………………………………………… 29
4．1
个人设计总结 ……………………………………………………… 29
4．2 对这门学科的展望
………………………………………………… 30
参考文献…………………………………………………………… 32
摘要：
人机界面是人与机器进行交互的操作方式,而交互设计就是设计支持人们日常工作与生活的交互式产品,在现阶段随着人们对计算机的普及,越来越多的人已经不仅仅满足与计算机基本功能,而更多的要求计算机界面的美观及使用的方便。因此一个交互界面的设计应首先从使用者的角度出发,考虑到使用者的使用习惯等方面进行分析与设计。而人机交互界面设计的原则就是：第一,以用户为中心。第二,多通道。第三,就是界面的细微设计上要遵循一定的原则。本文先介绍设计理论方面的知识,然后通过具体实例的分析、设计,阐明怎么样的设计才是相对比较合理的设计,怎么样的界面使用户使用起来更加得心应手。最后,对交互界面设计进行总结与展望。
关键字：人机界面,交互设计,系统分析
Abstract:
Humane Interface
is a method of how people and machine carry on mutual operation
mode, and Interaction Design is support people between routine and
interactive product of life to design, With people popularization in
computer, more and more person meet not merely already and computer
basic function in the present stage, and more request computer
beautiful and convenience that use of interface. So the design of a
Interaction Design should proceed from the user's angle at first ,
consider that the respects , such as the user's use habit ,etc. are
analysised and designed. And the principle that the human-computer
interaction interface designed is: First, regard user as the center
.. Second, more than passways. Third, will follow certain principle
on the slight design of the interface. This text introduces design
theory knowledge first , then pass the analysis , design of the
concrete instance , expound what kind of design relatively rational
design , what kind of boundary plane make user is it do in an expert
way further to stand up to use. Finally , design and summarize and
look into the distance the Humane I Interface.
Key word: Humane
Interface, Interaction Design, System
Analysis
面向应用的人机交互界面设计
计算机科学与技术专业001班 陈雅彬 指导教师 诸彬
第一章 引言
1.1选题背景
由于受传统观念的影响,在很长一段时间里,人机界面一直不被软件开发人员所重视,认为这纯粹是为了取悦用户而进行的低级活动,没有任何实用价值。评价一个应用软件质量高低的唯一标准,就是看它是否具有强大的功能,能否顺利帮助用户完成他们的任务。近年来,随着电脑的普及、网络的建立与扩张,
“信息社会”悄然而至,“信息”是非物质的,所以我们称“信息社会”为非物质社会。对于设计而言,信息化社会的形成和发展,首先使传统设计本身成为改造的对象；电脑作为一种方便而且理想的设计工具,导致设计手段、方法、过程等一系列的变化；另一方面,设计从范畴、定义、本质、功能等方面,也开始发生重要的变革,在这个大环境中信息和软件类产品开始成熟并且成为商品销售。信息和软件作为商品必定要买出去才能为商家获得利润,而买点从何而来,不同时期买点是不同的。
"在计算机发展的早期,受计算速度、存储容量等条件的限制,用户一味追求运行速度与所占空间,致使程序员在开发软件时不得不绞尽脑汁,考虑如何使所开发的软件运行速度快、占用内存/外存小,故程序员在开发软件时无不把主要精力放在软件内部算法与数据结构上。所以那时的买点是技术,软件交互与界面是次要的附属品。
然而时过境迁,硬件技术的飞速发展,使计算速度与存储容量不再成为软件开发人员所担心的问题,用户关心的主要问题是能否比较容易和舒适地使用软件。换言之,人们的着眼点在于软件的易用性和美观,而易用与美观主要取决于人机界面的优劣。众所周知,在当今的硬件与软件环境下,一个软件没有很好的界面设计就不能算是成功。因为不管它内部有多么精巧的技术,只要用户不愿意使用它,它的优越性就得不到发挥,它的价值和作用也无从谈起。于是一个不涉及技术而着眼于易用和美观的行业越来越显得重要--这就是软件UI设计。
现今世界上成功的软件公司都非常重视软件界面的美化设计工作,因为他们深刻地知道,在激烈的市场竞争中,仅仅有强大的功能是远远不够的,不足以战胜强劲的对手。人的天性就是爱美的,比如在两个相同功能用品之中,人们往往会选择外观上比较让人赏心悦目的那个,或者是使用起来更得心应手的那个,这就是现在人们口中常说的人性化设计,为了用户的满意,为了企业公司的发展,除了强大的功能外,应该花多一点的时间来提高产品外观及合理性。
就是因为一直以来人们对这部分的不重视,研究这部分的人并不多,使得人机交互界面经历了很曲折的发展经历,但值得庆幸的是还是有这么一部分人在坚持不懈的做着努力,推动着界面设计不断发展前进,从最原始的按键到语音交互,是人机交互的一个突破和飞跃,接下来发展到手写输入,更加方便了用户的使用,随着技术的不断发展,“鼠标”,“眼标”,“脑标”等输入设备的应用和普及,将来的发展趋势必定是多通道的交互。这些都需要设计人员不断的努力去实现。除了这些技术的不断提高,用户已经越来越感觉到合理的界面设计能够使操作更加简便,出错率低,许多软件更新的不仅仅是功能了,而是界面的美观与合理,我们可以清楚地看到,微软公司对软件界面设计的就是相当的重视的。回想一下我们在第一次见到WIN2000时的情景,与NT4.0相比是否惊叹他界面的美观性与易用性？而在使用过XP系统后,则会被其令人神奇的感官概念而震惊折服！金山公司的金山词霸就是国内软件成功的例子了,从金山词霸3.0到金山词霸2001的变化堪称经典。著名的网页动画制作软件Flash从3.0到4.0,仅仅修改了图标和窗体,立即大为增色…
这些成功的例子正说明了界面设计的重要性。
1.2人机交互界面设计简介
人机交互界面作为一个独立的,重要的研究领域,日益受到了世界各界的广泛关注,并成为20世纪90年代计算机行业的又一竞争领域。人－计算机的交互作用是通过用户界面来实现的。与传统人－机系统不同的是,人－计算机系统中的交互形式已成为用户与计算机两个“智能系统”之间的通讯和对话。
进入九十年代计算机软件开发已进入了以开发软件工具和建立软件开发环境为目标的时代。人机交互研究的是人和计算机二者之间相互影响的方式,是集计算机科学、认知科学、心理学和社会学于一体的新兴学科。关键问题在于如何设计出一个功能强大,又能有利于简化用户操作的界面设计。第一,以用户为中心,因为所有的设计都是被用户所使用的,因此在设计时必须要根据用户的实际需求来设计,使大多数用户能够用的满意。第二,多通道。所谓多通道就是要尽量的挖掘人机的各部分器官的功能特点,来符合用户的多方面的生理机能,达到身心舒适的效果。第三,就是界面的细微设计上要遵循一定的原则,例如大小、明暗、粗细、曲线与直线、位置等方面的摆放都有一定的原则。因此,在做人机交互界面设计前必须要先分析系统,然后根据具体需求来进行合理的布局安排,使用者可以方便快捷的进行操作,减少使用出错率。
第二章 相关学科
2．1认知心理学
认知心理学是20世纪50年代中期在西方兴起的一种心理学思潮,20实际70年代成为西方心理学的一个主要研究方向。认知心理学研究我们如何获得世界的信息,这种信息又怎样策划功能为并转化为知识,它怎样储存,知识又是怎样用来指导我们的注意和行为。它涉及心理过程的全部范围——从感觉到知觉、模式识别、注意、学习、记忆、概念的形成、思维、表象、回忆、语言、情绪和发展过程,而且贯穿于行为的各个领域。
了解并遵循认知心理学的原理是进行人机界面设计的基础。人机界面设计,主要用理论来指导设计,一方面阻止出错,另一方面用以提高工作效率。认知心理学的来源主要有视觉、听觉、嗅觉、味觉、触觉和其他,而其中最重要的部分是视觉和听觉。因此设计也应符合人类的这两个特性,从看和听着手。看就要求界面的美观、整洁、以及布局的合理等,设计者根据视觉设计出来的界面能够使用户一目了然,并且容易上手,提供给用户的提示必须即全面又精简,另外还可以配上一些音乐或者声效,使得用户可以从听觉方面获取一定的信息,这也是很重要的一个途径。
2．2软件工程学
软件工程是应用于软件定义、开发和维护的一套方法、工具、文件、策略、标准和步骤。在设计交互界面前必须要了解用户需求,只有对用户需求了解的相当透彻后才能设计出一个另人满意的界面。下面先简单介绍几个最基本的概念：
产品（Product）
从软件工程师的视角来看,产品是被称为计算机软件的程序、文档和数据。但是,从用户的视角来看,产品是以某种方式是用户世界变的更好的结果信息。今天,软件担任着双重角色。它即是一个产品,同时又是产品交付使用的载体。而软件与硬件有完全不同的特征：（1）软件是被开发或设计,而不是传统意义上的被制造的。（2）软件不会：“磨损”。因此软件的使用变得越来越频繁,各种各样的软件也被开发出来供用户使用。世面上的工具软件,游戏软件,各类电视电影等应有尽有,为什么它能够这样盛行呢？也就在于高科技的今天,人们对生活需求越来越多,休闲娱乐已经成为生活中必不可少的一部分了。
过程（process）
软件工程是一种层次化的技术,它的基础是过程层。软件工程相关的工作一般分为三个阶段：定义阶段、开发阶段和支持阶段。定义阶段集中于“做什么”,它的主要任务是系统或信息工程、软件项目计划和需求分析。因此在这个阶段主要是分析最终产品所需达到的功能。通常定义阶段也就是用户所需要软件达到的效果,也就是说着眼于用户,以用户为中心。开发阶段集中于“如何做”,它的三个特定的任务是软件设计、代码生成和软件测试。在这个阶段则侧重于技术上的实现,通常与软件工程师,程序员等相关技术人员有关。他们需要分析每个要求具体设计的技术性问题有哪些,如何来解决这些技术性问题,最终才能开始编写代码,代码编写完成后还要进行测试,以确认该软件时候可用,错误如何？测试通过才可以投入生产和使用。支持阶段关注于“变化”,主要有纠错、适应、增强和预防这四类变化。因为随着时间的推移会发生一系列的变化,比如用户需求的变化,环境的变化,新功能的需求等等,在这个阶段侧重于完善和维护。这也要求软件设计者时时的关注社会需求的变化,不断的更新改进原有的软件,达到完美的效果。
设计（design）
设计是将要建造的某种东西的有意义的工程表示。它可以被跟踪到客户的需求,并同时根据一组预定义的“好”设计的标准评估质量。界面设计就是为软件设计不同的界面,根据用户的需求、喜好,根据每种软件不同的特征来设计美观合理的界面。软件设计是一个迭代的过程,通过它需要被变换为用于构造软件的“蓝图”。初始时,蓝图描述了软件的整体视图,也就是说,设计在高的抽象层次上表示——在该层次可以直接跟踪到特定数据、功能和行为需求。随着设计迭代的开始,后续的精化导致更低抽象级别的设计表示,这些表示仍然能够跟踪到需求,但是连接更微妙了。
在了解了上面几个概念之后,我们就可以知道学了软件工程学可以更加系统,更加规范的进行设计,按照软件工程的步骤：首先是系统分析,弄清楚系统所需实现的功能有哪些,尽量全面的描述出来,以免在设计时有遗漏的；其次是设计,对要实现的功能中的技术点,要进行详细的分析设计,设计出好的方案,使得实现可以变的简单,为后面的过程作好充分的准备；再次是编程了,编程人员根据前面的设计用语言将功能实现就可以了；之后便是对样品的测试,改进,知道最后完整的运行。
2．3
UI流程基础知识
UI的本意是用户界面,是英文User和 interface的缩写。UI流程就是用户界面设计流程,主要有以下这几点：
（1）熟悉行业（熟悉软件所设计的行业,以便作出适合行业特征的界面风格）。
（2）了解软件（了解软件的工程进度,做出针对进度的工作计划）。
（3）与软件开发工程师和市场人员讨论界面风格（广泛听取研发和市场人员的意见,做出最适合市场的软件）。
（4）人机分析（对软件进行人机分析,增强软件的易用性）。
（5）做方案（做出设计方案,并明确细节思想）。
（6）审定方案（与技术和市场人员一起审定方案,并听取修改意见）。
（7）修改——审定。
（8）细化、制作界面（开始制作软件界面）。
（9）与软件开发工程师合作把界面加入到程序中。
（10）细部修改,完成。
（11）进行软件包装盒、光盘盘面、盘套等的设计工作。
（12）后期跟踪服务（在完成项目后,对软件进行跟踪服务,即对软件从发布到推出新版本之间的小规模修改进行调整,包括对帮助协调文件的制定、DEMO演示等全访问服务）。
以上是完整的UI设计流程,当然在做小型的UI设计时可以按照实际情况进行适当的修改。
2．4图象处理
图象处理中最重要的是图象的形状、风格和色彩搭配。一幅好的图象给人以心灵的震撼,或者给人以赏心悦目的感觉。
在图象的形状和风格上,要根据不同的用途和不同的系统而不同。
图象的色彩搭配则是指将不同颜色搭配起来后如何给人以流畅舒适的感觉。这就需要先了解一下各种不同的颜色会给人以怎么样的感觉。颜色分为彩色和非彩色两种,彩色给人以花俏的感觉,一般年轻人喜欢彩色较多。例如红色给人以火热,激情膨胀的感觉,如果在火热的夏天,那么红色会给人刺眼的感觉,而兰色或者绿色则给人以清凉,安详舒适的感觉,如果是火热的夏天,那么会给人带来一丝凉意。而非彩色则是指黑白及灰色三种颜色,这种颜色基调给人以素净的感觉,但这三种却是永不淘汰的流行色。无论是年轻人、中年人和年老人,都不会对这三种颜色讨厌,有很多年轻人也是非常喜欢使用这集中素色调的。这里使用到的图象处理,主要就是将界面的颜色调整的比较另人赏心悦目。
第三章 设计过程
设计是每个软件都必须经历的,一个软件的开发要经过下面这几个步骤：分析——>设计——>编程——>测试——>运行。缺少了其中任何一个步骤,就不是一个完整的软件生命周期了,而很多人在进行软件开发的时候往往是分析和设计合并在一起的,而且只有简单的分析过程,并没有完整的设计过程,下面就是我在做交互界面设计前所做的系统分析和设计。
3.1系统分析
论文选题系统是用于每个高校的毕业生进行论文题目及指导教师的选择的,先由学生进行选题,每个学生最多可以选择三个题目,然后由教师选择学生,一旦教师锁定了该学生,那就建立了对应关系。而如果该学生所选的题目中没有一个教师选择他,那么他就必须重新选择,找到论文题目和指导教师,否则就无法毕业。而在这中间还有一个中间的连接环节,那就是管理员,管理员要对学生和教师的信息,论文选题情况有统筹了解和安排,因此在这个系统中涉及到三部分内容:管理员、教师及学生。
1、管理员
从管理员角度出发,第一部分就是登录。在登录过程中,可能会遇到用户名不清楚或者密码不清楚而无法登录,因此设计者就必须要明确的提示出用户名是什么,这样才能使不太使用计算机的人也可以使用起来得心应手,减少登录时的麻烦。因此在设计时多了一个选择登录类型,可以用于区别不同的登录对象,提示不同的用户名信息。
第二部分是录入及修改工作,包括论文题目及要求的录入与修改,教师信息的录入与修改和学生信息的录入修改。
1） 论文题目及要求的录入与修改。
在这个过程中应该清晰的显示已录入的论文题目,以供用户及时查看,并且在录入时必须在每录入一条信息后都有提交并录入下一条和录入完毕的判断按钮,这样即可以使录入更加方便,操作更加连贯,还可以控制录入的结束。
录入完毕后,还需要有修改的功能,可以对已输入的论文信息进行修改,操作过程应该相对简单,只需在对应的论文题目后面点击修改按钮,即会显示该论文的相关信息,如论文题目及要求。管理员或教师就可以按照不同的需求来进行修改,修改完毕后提交即可。这样用户可以清晰的知道自己所做的是哪个操作,不会误修改论文信息。如果想删除一个论文题目,只需要点击这个论文题目后面的删除按钮就可以将这个论文题目及相关要求一起删除。
2） 教师信息的录入与修改
教师信息主要就是教师的姓名、职称、研究方向和联系方式等。在录入时与论文的录入工作差不多,可以随时添加和修改教师信息,添加和修改完毕后要确认添加和修改的信息,然后按下刷新按钮就可以看到是否添加成功,添加的内容是否正确。这一功能教师也可以进行修改,如果在录入过程中有信息录入错误,教师可以自行进行修改,以确保信息的正确性。
3） 学生信息的录入修改
学生信息的录入是以班级为单位录入的,每个班级中的学生按照学号进行录入,一个学生对应一个学号和自己的姓名,这个录入工作是用于判断该用户是否为合法用户,并不是所有学生都可以进行选题,只有该校毕业生才可以登录到选题系统进行论文选题。如果在信息录入时出现错误,就可能导致该学生无法正常登录,这时就需要找到管理员,管理员对信息进行修改,确保每个学生都能够正常登录,并且选择到论文题目及指导教师。因此也必须有修改功能,还可以添加学生信息,万一在最初的输入时漏输了某个学生,可以在后面进行添加,添加的位置可以进行调整。这样在最后信息查询时可以有序的进行查询。
在这一部分中,额外有一个查询功能,因为在添加删除操作时可能因为信息太多,而使得管理员也忘记了一些信息是否已经添加删除和修改,因此可以进行查询,根据页面的不同查询的内容也是不同的,在教师页面,查询是根据教师的姓名或者职称来查询,从中得到查询结果,如果无法查询到可以返回后重新输入关键字进行查询。在论文信息页面上,因为论文的题目也比较长,教师和管理员不一定都记得,因此可以进行模糊查询,搜索到一些相关的信息后在从中自行查找。例如论文题目中的关键字,或者论文要求中的一部分信息等。在学生页面,可以根据学生的姓名进行查找,一般人不会记得学生学号,在有学生同名同姓的情况下可以根据学号或者班级来判断究竟是其中的那位同学。因此查询按钮放在页面的最上部分,使用户一进入页面即可看到有查询功能,方便用户使用。
第三部分是管理员设定。
这一部分管理员的权限是有差别的,主管理员享有所有权利,包括查看,录入,修改一切信息,而有些管理员则只能查看,并不能对内容进行修改,主管理员还可以添加删除其他副管理员,这里就有注册新管理员,修改管理员权限及资料和删除管理员的功能。新注册的管理员都有自己专用的用户名和密码,主管理员是告诉给副管理员的。另外录入员只具有录入和修改资料的权限,没有其他的权限,如果录入完毕后,主管理员还可以取消录入员的录入和修改权限,管理员自己可以对个别信息进行修改。有些管理员只能对录入的信息进行查看,并不能进行修改。这个部分只有主管理员或者是主管理员授权的副管理员才可以进入,其他人一律无法进入。因此用户名和密码是确定的几个,不会有很多人拥有这个权限。
第四部分是论文选题结果查看。
管理员应该对整个论文选题系统有相当的认识,他们可以浏览学生的选题情况,还可以查看是否每个学生都已经选好了论文题目并找到了指导教师,如果有学生在规定时间内还没有选好题目或者找到指导老师,就通知他尽快选好。从教师的角度看,可以看出哪些题目是学生感兴趣的,哪些题目是没有学生选择的,为今后的出题提供依据。
最后是系统维护部分。
在这一部分中,包括教师职称、班级信息、系别维护等一些模块及内容的维护,因为可能有些人会破解了密码,进入某一模块而对一些信息进行修改破坏,管理员就应该对这些信息进行维护,保证系统的安全和选题结果的安全。另一功能就是对选题开始和结束的控制,论文选题有一定的时间间隔,必须在规定时间内选好题目和指导教师,因此管理员要控制选题开始,以免选题的不公平,还需要进行选题结束的控制,免的有些学生一直选不好题目而延误了做毕业设计和毕业论文的时间。
2、教师
从教师角度出发,首先也是登录。考虑到有些老师不经常上网,可能对用户名和密码不太清楚,因此在教师登录时就需要给出相应的提示,教师根据提示的用户名进入到教师界面,如果用户名错误则提示出错原因,例如名字用中文,必须要全名和密码不对等,然后重新登陆,由于初始密码是一样的,有些教师可能感觉初始密码不好记或者容易被盗用,所以还提供密码修改的功能,一般建议用户在第一次登录时就对密码进行修改,以免别人进入自己的界面,对信息进行修改。
第二,在登录到自己的页面之后,教师可以修改个人信息和论文信息,还可以锁定学生。
1） 修改个人信息和论文信息
在这个部分中,教师首先是对自己所出的题目有个总观,然后点击每条论文题目,在下方就可以看到相关信息,论文题目和论文要求,而这时是不能进行修改的,只有点击了每条论文题目后面对应的修改按钮才会出现光标,对要求进行修改。修改结束后,点击确定按钮后,就可以提交已修改的资料,然后查看下一条。
2） 锁定学生
这部分中教师的权限就是锁定学生。教师首先可以查看自己每个选题的学生情况,当单击某个论文题目时,下面部分就会出现论文题目和选择该论文题目的学生,然后教师可以单击查看学生信息,双击锁定该学生。如果该学生已经被其他教师锁定,则该教师就无法锁定该学生,如果教师想改变已锁定的学生,也可以单击“重新选择”按钮来选择其他的学生。每个已经有锁定学生的论文题目都会作出标识,并且在论文题目前会有一个小星号,表示该论文已经有锁定的学生了,教师在每次进入时可以不去查看这些论文题目,加快了教师的操作速度。
3、学生
从学生角度出发,首先也是登录界面。学生登录时以学号登录,因为每个学生对应一个学号。在登录后,学生会进入选题界面。每个老师和他所对应的论文题目都罗列出来,学生可以先预选出多余三个的论文题目,在查看完所有的论文题目后,在预选列表中已经有了所有预选的题目,然后学生可以在预选题目中最后选出三个论文题目,选择完毕后按下确定按钮,这时如果该学生选了多余三个的论文题目,则系统会提示出错,最多只能选择三个论文题目,在确定选择了三个论文题目后,这三个题目会在页面最下端显示出来,然后这个学生可以关闭该页面而退出选题系统,也可以返回首页,让其他同学选择论文题目。一旦返回到首页以后就不能在后退到前一步操作,以免其他同学会修改前以为同学的论文选题。
3.2基本流程
1、管理员界面设计的基本流程
2、教师界面设计流程
3、学生界面设计流程
3．3原型设计过程
1、管理员界面
初步设计：
1）登录界面
登录界面中只显示用户名和密码,当输入正确时就登录到相应页面,如果输入错误,则会出现相应提示,比如用户名出错和密码出错等,要求重新登陆,输入正确后即可进入,相对较简单,没有多余信息。
图片如下：
2）管理员界面
进入管理员界面后分成四个部分,按照人的操作习惯,总是从左到右从上到下的顺序,因此左边是导航条,右边显示相应内容。当点击导航条中的某个按钮时,右边就显示相应内容,因此,右边的内容是根据导航条中的内容而实时改变的,这样可以节省空间,也可以清晰的看出每个部分的内容。在右边也被分成两部分,左边做出了查询,添加,排序等功能。这些功能主要用于方便录入信息,修改某些资料和查看相关资料,有了这些功能,操作时可以简化很多,右边则按照教师信息,学生信息和论文信息进行分页,点击某个信息按钮,就显示相应信息,这样可以节约空间。基本框架如下：
中期修改设计：
1）登录界面
登录界面也应该与其他几个界面的风格一致,因此,在设计时也要注意这点,并且考虑到因为有些老师不是经常使用计算机,当他进入主页后,会因为不知道用户名和密码而感到不知所措,无从下手,因此会无法登录到自己的界面中,因此在登录界面中我有多了一个选择,登录类型,有管理员,教师和学生三种,其他人不能登录,在登录时根据所选择的登录类型不同,而给出不同的提示,管理员有固定的管理用户名,教师以自己的全名为用户名,学生则是自己的8位学号。这样每个用户都可以很清楚自己的登录类型以及用户名和密码,就不会出现无法登录的情况。当然开始时密码是管理员设定的,每个用户可以自己修改密码,因此还提供了修改密码的功能。
相关图片如下：
2）管理员界面
在成功进入以后,管理员有四个操作权限,这些前面已经考虑到了,但是查询的内容和排序的内容往往每个界面是不一样的,如果放在左边,容易产生误解,功能上不单一,不容易迁移,而且需要多选择一项查询类型,复杂了操作,还考虑到一般人的操作习惯,查询应该放在比较显眼和操作比较顺手的地方,因此我在这次设计时将查询放在右边的最上面,另外还考虑到有些用户可能会因为一下子查不到所需要的内容,而要返回到第一页后在进行重新进行查询,这就需要有“返回”按钮。在第一次设计中,因为布局原因,我将三个信息放在中间,容易引起误导,以为是每个信息一条,这样给人的感觉空间上就比较少,因此这里明确使用分页,表明下面的一整页都是用来显示一种信息的。同时将添加也放在同一页中,这样可以将添加的内容立刻在左边显示出来,添加时有时需要连续添加好几条信息,因此要设计两个按钮,下一条和结束。在添加完毕后,按下刷新键就可以将添加的内容放到正确的位置上。在考虑到这些功能外,排序功能也不能少,有时候需要根据排序来看查看一些信息,因此这里我将排序放在了最下方,可以根据不同的类型来进行排序。按下确定键后,上面的内容就会根据需要的排序显示出来。
基本图片如下：