教职工信息管理系统 -----界面设计-毕业论文

15厦门大学本科论文本科毕业论文毕业设计题 目：教职工信息管理系统-界面设计姓 名：学 院：软件学院系：专 业：软件工程年 级：学 号：指导教师（校内）： 职称：指导教师（校外）： 职称：年 月 日15教职工信息管理系统摘要 教职工信息管理系统是根据厦门大学教育管理信息系统建设的要求而研制开发的。系统采用B/S架构，前台采用Browser浏览器，中间采用jsp2.0, web.xml ，JSTL(Jsp Standard Tag Libiaries)技术，后台用oracle 9i数据库 ；系统与不同权限的用户之间进行交互，实现各自的功能，实现的主要功能有教职工信息的录入、修改、查询、统计（如排序）和输出等等；同时本系统有很高的稳定性、较强的安全性以及对于用户使用的一定的方便性，适用于各类院校的教职工、师资管理部门使用。本文作者有幸参与，设计界面。关键词 HTML JAVASCRIPT TOMCAT JSP FRAMESETADMINISTRATION INFORMATION SYSTEM OF TEACHER AND EMPLOYEEAbstract The Administration Information System of Teacher and Employee is based on the requirement of developing of Xiamen University. The system is based on B/S frame. The front frame uses IE Browser , middle frame use jsp2.0 , web-xml, JSTL( Jsp Standard Tag Libiaries) technology, and Oracle 9i is used as the data base. The system allows different users with different qualification to use and to complete different function. The main function includes the teacher and employee information recording, modifying, checking, sorting, outputting etc. And the system has high stable , security and convenient aspect . It is suitable for the teacher&employee of different schools and different administration departments to use.I am very glad to get the chance of designing the interface.Keyword HTML JAVASCRIPT TOMCAT JSP FRAMESET 目录引言1第一章JSP介绍21.1 Javabean介绍21.2 JSP的优点21.3 JSP的运行环境4第二章 界面概述52.1 界面描述52.2 界面内容7第三章 界面设计93.1 需参考因素93.2 界面方案93.3 美工处理103.4 支持语言10结论14致谢语14参考文献14引言我校现有一个基于Client/Server结构的教职工系统，但功能不够完善，使用不够方便。随着学校新校区的成立、教职工数目的增加，原有的教职工系统在功能上显示出局限性，比如功能很少，安全性也不高，且使用上不方便，这些都制约了学校对教职工信息的管理工作。本系统针对学校用户提供灵活方便的使用方式以及多种统计和管理的功能。该系统使用JSP动态网页技术，B/S架构与ORACLE数据库相结合，可以对教职工信息进行录入、查询或统计等管理操作，并可以根据需要以多种形式显示出结果；本系统将对数据提供应有的保护，加强了数据的修改、删除等操作的权限认证；本系统支持通过局域网或通过internet的数据访问。用户可以通过输入网址进入本系统的登陆界面，在通过用户认证后才可以进行其应有的操作。第一章JSP介绍1.1Javabean介绍JSP网页吸引人的地方之一就是能结合JavaBean技术来扩充网页中程序的功能。 JavaBean是一种Java类 (class)，通过封装属性和方法成为具有某种功能或者处理某个业务的对象。JavaBean被组织成为package（数据包）以便进行管理，实际上就是把一组JavaBean一起放在某某目录中，每个类的定义前加上package某某，目录必须放在系统环境CLASSPATH包含的目录下，系统才能找到其中的JavaBean。在resin（课题设计中我们就是在resin中进行测试的）中缺省状态下将resindocWEB-INFclasses建立自为己的JavaBean和package目录。1.2. JSP的优点1、 JSP的效率和安全性更高JSP在执行以前先被编译成字节码 (byte code)，字节码由Java虚拟机(Java Virtual Machine)解释执行，比源码解释的效率高；服务器上还有字节码的Cache机制，能提高字节码的访问效率。第一次调用JSP网页可能稍慢，因为它被编译成Cache，以后就快得多了。同时，JSP源程序不大可能被下载，特别是JavaBean程序完全可以放到不对外的目录中。 2、 JSP的组件 (Component) 方式更方便JSP通过JavaBean实现了功能扩充。在开发方面，COM的开发远比JavaBean复杂和繁琐，学会ASP不难，但学会开发COM可不简单。而JavaBean就简单多了。在维护方面，COM必须在服务器上注册，如果修改了COM程序，就必须重新注册，甚至必须关机和重新启动。JavaBean则不需要注册，放在CLASSPATH包含的目录中就行了。如果JavaBean进行了修改，则Resin,JSWDK和Tomcat就不用那么麻烦，根本不用关机和重新启动。另外JavaBean是完全的OOP，可以针对不同的业务处理功能方便地建立一整套可重复利用的对象库，例如用户权限控制、email自动回复等等。 3、 JSP的适应平台更广对JSP来说，几乎所有平台都支持Java，JSP+JavaBean可在所有平台下通行无阻。NT下IIS通过一个插件，例如JRUN(/products/jrun/)或者ServletExec(/)，就能支持JSP。著名的Web服务器Apache已经能够支持JSP。由于Apache广泛应用在NT、Unix和Linux上，因此JSP有更广泛的运行平台。虽然现在NT操作系统占了很大的市场份额，但是在服务器方面Unix的优势仍然很大，而新崛起的Linux更是来势不小。 从一个平台移植到另外一个平台，JSP和JavaBean甚至不用重新编译，因为Java字节码都是标准的与平台无关的。在比较中，我们还找到了一个表，是用得比较多的动态网页语言的一些性能比较。JSP, ASP, PHP, ISAPI, Perl的性能比较JSP ASP PHP ISAPI Perl易学性 容易 很容易 很容易 难 较难运行速度 较快 较快 较快 很快 慢运行开销 小 较大 较大 小 大 平台 均可 Windows 均可 Windows 均可扩展性 很好 好 不好 不好 不好安全性 好 不好 好 较好 很好分布式处理 支持 支持 不支持 支持 不支持函数支持 广 不广 广 广 不广数据库支持 多 多 多 多 多应用广泛性 较广泛 广泛 广泛 少 少支持程度 广泛 少 少 少 广泛对XML的支持 支持 不支持 支持 不支持 不支持对组件的支持 支持 支持 不支持 支持 不支持*本表来自JSP深入编程，黄理，曹林有，张勇等编著，北京希望电子出版社，2001年10月从表中可以看出，JSP在对XML的支持方面、函数支持方面，对于其他几种技术有着明显的优势。而本课题设计因此选择JSP作为开发语言。1.3 JSP的运行环境支持JSP/Servlet的应用程序服务器有多种，比较著名的有 Sun Java Web Server, Sun JSWDK(JavaServer Web Dev Kit),Allaire Jrun,BEA WebLogic Server,Apache Jaktara Tomcat,Caucho Resin,IAS(Inprise Application Server),BAS(Borland Application Server),iPlanet Web Server(Sun & NetCape),IBM WebSphere等，不过它们的配置方法都不一样，它们所运行的操作系统平台有Windows和Unix,运行方式也有两种：作为主服务器运行或者作为主服务器的插件运行。在做这个毕业设计时，我用到了其中的两种应用程序服务器：在调试时，我用的是Resin2.0.2,操作系统是Win2000 professional;完成时用的应用程序服务器是IBM WebSphere4.0,操作系统是 Win2000 server。在开发时，还使用了JDK(Java Developers Kit,Java开发工具包),是Sun公司开发的Java程序设计工具集，主要包括Java程序的编译器、解释器以及程序套件。在安装好了JDK后，需要设置路径参数和环境参数：在Win98中可以编辑文件C:AUTOEXEC.BAT文件，在文件后面加入：set PATH=C:jdkbin; (假如JDK是安装在c:jdk目录下的)set CLASSPATH=c:jdklibclasses.zip如果是Win2000（就象本课题设计时所用的操作系统），则可以MOUSE右键点击“我的电脑”“属性”“高级”“环境变量”，然后对path和classpath进行编辑，加入上面的两行。编好的*.jsp文件需要放到resindoc目录下面，运行时先运行Resin，使服务启动，它的默认端口是8080，所以在浏览器中键入：http:/localhost:8080/index.jsp（index.jsp是假想的一个*.jsp文件，存放在/resin/doc目录下），就可以对编写的Jsp网页进行浏览了。 第二章 界面概述2.1 界面描述只有软件界面设计，才能使软件产品具有强劲的市场，美丽的事物常常会让人无法抗拒。这就是为什么产品出色的外观设计对于电脑、汽车、日用品、家具、食品、服装等等几乎所有商品的销售与推广，都有着举足轻重的作用的原因。同样的道理，对于软件公司来说，软件产品就是他们的商品，而软件界面就是他们产品的外观，界面的美观与否，直接关系到了软件产品的营销成败。我们可以清楚地看到，微软公司对软件界面设计的重视。请回想一下您在第一次见到win2000时的情景，与nt4.0相比是否惊叹他界面的美观性与易用性？而您如果使用过xp系统，则会被其令人神奇的感官概念而震惊折服！金山公司的金山词霸就是国内软件成功的例子了，从金山词霸3.0到金山词霸2001的变化堪称经典。著名的网页动画制作软件flash从3.0到4.0，仅仅修改了图标和窗体，立即大为增色.现今世界上成功的软件公司都非常重视软件界面的美化设计工作，因为他们深刻地知道，在激烈的市场竞争中，仅仅有强大的功能是远远不够的，不足以战胜强劲的对手。我们可以相象一下，您在挑选手机的时候，如果有两款手机，性能相同，而第一款比第二款要美观很多，那么您将选择哪一款呢？当然是美观的那一款了。试想，您的客户，也会拿您和您竞争对手的软件做这样的比较的。现在的软件企业都知道，广告和市场推销活动对市场营销的作用是多么的重要，并不遗余力地打广告、做活动、做推广。但我们知道，这些活动的最终目的，是为了让用户购买并使用软件产品，而用户最终使用的也是您的产品，那么为什么不在软件界面的美观性上多下些工夫呢？在诸如家用电器、汽车、电脑等成熟的市场中，用非常精美的广告去推广一种功能强大却丑陋无比的产品，是一种笑话。然而，这样的笑话在软件行业里却屡见不鲜。这也是像中国足球一样，中国软件业与国外相比较存在的一个很大的差距。实践证明，各商家只要在产品美观设计方面很小投入，将会有很大产出。其投入产出比，要比在功能领先性开发上的投入大得多。在用户把软件买回去后，他们和您企业的联系，或者说您企业形象在客户眼中的表现，很大一部分是通过您软件的界面来传达的，那么美观友好的用户界面对于宣传您的企业文化，对于给客户灌输您的企业理念，对于您企业的宣传运做都将是非常有益的。尤其如果您的公司做的是项目承包形式的业务，那么无论是在竞标的时候，还是在项目交付使用以后，美观的界面都会给您的客户以信心和良好的印象。要成为一款有竞争力的软件，不光要有强大的功能，也需要有一个友好的界面设计。纵观当今的it行业，其软件界面设计的发展趋势大体上有如下几种技术：1.命令语言用户界面的发展。根据其语言的特点，及人机交互的形式的分为a. 形式语言b. 自然语言。c. 类自然语言。2 .图形用户界面的广泛应用图形用户界面和人机交互过程极大地依赖视觉和手动控制的参与，因此具有强烈的直接操作特点3.直接操纵用户界面技术的成熟用户最终关心的是他欲控制和操作的对象，他只关心任务语义，而不用过多为计算机语义和句法而分心。对于大量物理的、几何空间的以及形象的任务，直接操纵已表现出巨大的优越性。多媒体用户界面及多通道用户界面的发展 大大丰富了计算机信息的表现形式。4.虚拟现实技术的应用 虚拟现实系统向用户提供身临其境(immerse)和多感觉通道(multi-sensory)体验，作为一种新型人机交互形式，虚拟现实技术比以前任何人机交互形式都有希望彻底实现和谐的、以人为中心的人机界面。 。2.2 界面内容如2-2-1(下图)所表示：具体服务内容软件人机界面的形式与标准 命令语言界面设计1 命令语言界面概述2 命令语言的结构3 自然语言 菜单界面设计1 菜单界面概述2 菜单界面的语义组织3 菜单界面的式样 数据输入界面设计1 交互输入的原则和方法2 填表输入界面设计 直接操纵和WIMP界面设计2 直接操纵界面的特点3 图标4 窗口 交互输入输出界面设备1 交互输入界面设备2 交互输出界面设备 响应时间和显示速率 帮助和出错界面设计1 出错处理分析2 帮助处理系统的设计3 出错处理的设计软件人机界面设计 最小化 系统菜单 苹果菜单 自定义工具栏 Finder 字体 搜索 菜单设计 运行过程显示 滚动条 按钮设计 游戏软件的人机界面设计 工业自动化控制软件的人机界面设计 iFix人机界面操作系统-HMI SIEMENS人机界面操作系统-HMI 移动工具的人机界面设计 手机界面 PDA界面设计 图标设计 硬件界面中的图标设计 软件界面中的图标设计1 软件图标的分类2 图标的设计 网页界面中的图标设计色彩设计 色彩基础 颜色的产生 色彩的属性 色彩调和与色彩搭配 色调 配色 色调感觉 心理感受 色彩的联想 计算机色彩 硬件界面的色彩设计 软件设计的色彩搭配 软件色彩设计 网页色彩设计人机界面设计测试 人机界面设计测试的意义 设计准则 人机界面的测试 界面设计测试1 界面设计测试指标2 界面设计测试形式3 设计测试方法 硬件人机界面设计测试1 简单测试法2 名次记分法3 分功能测试法4 评分法5 意象尺度法 软件人机界面设计可用性测试1 观察法2 原型测试方法3 咨询法4 座谈5 实验法6 条目测试法显示界面设计数量型显示界面设计 性状型显示界面设计 警报与信号显示界面设计 再现型显示界面设计 字母设计 符号设计 指针设计 控制界面设计 编码设计 显控协调性设计 集中控制中的显控界面设计 视野与控制区 人机系统及其界面设计硬件人机界面设计 硬件界面设计 硬件人机界面设计的人文关怀1 座的界面设计2 手的界面设计3 接口设计4 为弱幼病残的设计多通道用户界面设计 眼动跟踪设计 姿势识别设计 三维输入设计 语音识别设计 表情识别设计 自然语言理解设计 手写识别设计Internet网页界面设计 基于信息的网络界面设计 网页的界面设计 虚拟展示设计图2-2-1第三章 界面设计3.1 需参考因素本系统是一个基于B/S结构的软件系统，其描述语言主要为JSP。所以从实践理论等方面考虑，从根本上规定了其界面用网页的形式来实现，以利于设计和方便用户使用。1.B/S结构：Browser/Server的简称。作者认为本结构也可以是C/S（ client/server）结构。目前这种结构的应用不在局限于应用程序方面，例如，操作系统也可以采用此种结构，但其主要为开发新兴的如网络操作系统，分布式操作系统等。例外，传统的c/s结构现在朝多层次方向发展。在server端又可以分成多个层次，例如可以分为。服务器应用程序-数据库管理系统-数据库。这样有结构有层次的划分不但体现了面向对象的思想，而且结构清晰，操作简单，便于理解，便于维护。2.Jsp描述：需要一提的是，现在jsp已经成为一种网页设计的流行技术。3.用户群体：教师，学生，学校相关领导。4.用户环境：一台装有网页浏览器的电脑是最普及的设备。硬件环境：个人的连网设备。网络的支持，服务器。软件支持：os可选：window系列，linux,unix,macs.客户端浏览器：NetScape,Internet Explore 6.0推荐。服务器端：tomacat，3.2 界面方案基于用户方便操作的考，本界面的主要筐架如图2-2-1：图3-2-1说明：整个界面主要由3个筐架来组成：topFrame,bottom_leftFrame,bottom_rightFrame.其中：topFrame主要是load图片。动画等效果，以强化截面的美观性。Bottom_leftFrame,主要load用户的控制面扳。主要目的是一目了然，方便用户。Bottom_rightframe load 用户操作的结果，在这里可以加入初始画面也增强美观。3.3 美工处理整体基调的设置把握。给人清晰，简单，有序的良好印象，在作者考虑美工处理的时候，也参考过几个比较流行网站的风格，鄙人认为，好的网页应该是访问速度快，便于操作，界面漂亮，等，而不应该是也有多少个动画效果。有多少色彩等单方面的参考因数来衡量，相反，综合的搭配如果令人满意才是最好的。3.4 支持语言一html1文档结构：2主要部分a.Frame概述：HTML 框 允 许 作 者 在 多 个 视 图 展 示 文 档. 视 图 可 以 是 独 立 窗口 或 子 窗 口. 多 视 图 提 供 给 设 计 者 一 个 在 其 它 视 图 滚 动 或替 换 时 可 以 保 持 一 定 信 息 可 见 的 途 径. 例 如, 使 用 三 个 框: 一 个 是 静 态 的 旗 帜, 一 个 是 导 航 菜 单, 剩 下 的 一 个 则 是 主视 图 其 中 可 以 滚 动 或 通 过 在 导 航 框 按 动 条 目 被 代 替.b.框的划分： c.logo.html编码：附录部分d.leftFrame.html编码：用户登陆 用户查询 用户修改用户统计退出 e.JavaScript:f.xml3.支撑工具：a.PotoShohp：图象处理b.FrontPage：网页编码c.Flash：动画设计d.Firworks：了解结论信息管理系统的建设过程是一个繁杂的过程，我们经历了需求分析的阶段，深入调查教职工系统的各种需求。制定了教职工管理系统的前景文档，系统概要设计说明书，需求规格说明书，详细设计说明书等一系列文档。严格按照软件工程的思想进行设计，使我们增加了对开发一个实际项目的认识，充实了所学的知识。在整个课题的设计中，我们遇到了一些困难，通过互联网和