高校一卡通系统中交互界面设计的研究

摘要：面对复杂而又庞大的高校一卡通数据，良好的交互界面必不可少，本文充分结合J2EE在服务器端的优势和Windows客户端的便捷性，从页面布局、参数传递和个性化定制方面出发，分别阐述了在设计平台交互界面过程中应该着重考虑的关键问题和解决方案，最后通过效能评估来检验这一方案的实际效果。

关键词：一卡通系统 交互界面 J2EE

1 页面布局

良好的页面布局能够传递系统定位和文化属性，加入视觉设计元素，可以形成良好的用户体验。

（1）登陆界面：一卡通管理平台主要面向高校师生，因此在页面布局上应注重校园自身文化的体现，形成门户感，可以加入校园文化背景、Flash动画效果等，呈现出应景、即时、动态和个性化的效果。

（2）管理页面：管理界面是用户接触时间最长的界面，因此页面布局和颜色搭配应简洁明了，操作上注重细节处理，以选择性操作为主，当然要保证功能的全面。

2 参数传递

为了方便用户的接入，一卡通平台采用B/S架构，这种基于web的系统通常会在页面间进行参数传递，传递速度和方式决定了平台的运行效率和安全性能。

页面间传递参数通常采用URL和表单传递两种方式，代码如下所示：

URL传递act和classid参数：？act=add&classid=133899

Form表单传递：

为了提高系统的安全性能，在参数传递过程中需要对参数进行编码转换，转换页面代码如下：

对需要传递的中文参数编码转换：

Changecode1.jsp：

'>

test

Changecode2.jsp：

String qydwmc_Val = URLDecoder.decode（request.getParameter（"qydwmc "））；

对Form表单加密转换：

Changecode1.jsp：

Changecode2.jsp：

request.setCharacterEncoding（"gb2312"）；

out.println（request.getParameter（"qydwmc "））；

除了利用上述示例对关键参数进行编码转换外，还可以借助嵌入到JSP和HTML页面中的Javascript，利用encodeURI（），escape（），encodeURICompoent（）方法对用户的输入进行处理，进行初步的反馈。这样可以在保证用户输入信息安全性的前提下提高页面反应速度，提升平台运行效率。

3 个性化定制

在软件开发领域，个性化定制应用甚广，并得到用户的广泛认同。在一卡通平台开发中应将此功能考虑到整体规划中，实现根据用户的习惯和意愿调整界面的显示方式和内容，以满足各个角色用户的不同需要。

J2EE平台中定义了系统布局类型和风格，当某个页面需要被使用时，在/WEB-INF/conf/jetspeed-production.properties文件中调用相应的布局方式。在进行个性化定制设计时，可以在/WEB-INF/pages目录下建立Personal文件夹，此文件夹包含众多页面资源，相关的页面信息和页面访问控制定义在folder.metadata文件中。

个性化定制页面由PSML（门户结构标记语言）进行内容结构化。一个页面元素包含一个缺省的layout-decorator用以标记页面布局和一个缺省的portlet-decorator定义页面内的portlet装饰。一个页面元素可以包含多个布局，布局间可以相互嵌套，具体有portlet中的org.apache.jetspeed.portlets.layout.MultiColumnPortlet类实现，部署在/WEB-INF/apps/jetspeed-

layouts下。

4 测试完善

在交互界面规划之处就应该让使用者参与到评测中，平台搭建完成后还应通过网络测试系统交互界面的反应和信息反馈效率，进行适当的修改和完善。

参考文献

[2] 杨明朗，王 红.人机交互界面设计中的感性分析[J].包装工程，2007.11.