WEB2.0时代的企业级应用

    ３、ＲＳ１０系统中的新式体验方式及实现技术初探

    ３.１、基于extJs的友好用户界面

    ExtJS是一个Ajax框架，是一个用javascript写的，用于在客户端创建丰富多彩的web应用程序界面。主要是企业信息化软件，网站后台等。ExtJS可以用来开发RIA也即富客户端的AJAX应用，是一个主要用于创建前端用户界面，与后台技术无关的前端Ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。

    ExtJs最开始基于YUI技术，通过参考Java Swing等机制来组织可视化组件，无论从UI界面上CSS样式的应用，到数据解析上的异常处理，都可算是一款不可多得的JavaScript客户端框架。

    在我们的客户端系统设计中，我们使用了ExtJS的UI部分组件来加强界面可操作性，其中包括Ext.Window，Ext.EditorGridPanel等等，同时，我们实现了客户端系统的分级。在系统模型中，Ext框架只作为UI的组件而出现，客户端内核，数据模型，以及客户端的指令系统则并未依赖Ext，其主要目的也在于将我们的客户端系统与UI的组件相隔离。

    ３.２、丰富的交互功能

    上面所展示的是我们系统未来界面规划的demo列表应用，在我们的系统中，用户可以像操作CS系统的客户端一样进行很多客户端的复杂操作。比如，对列表头的缩放，拖拽，隐藏，像使用Excel表格一样来进行数据的操作等等，这些都是在传统的Web应用中难以想象的。借助Ext的框架，我们实现了用户友好的客户端，所有的操作都会变得更加的见解和直观。更要说明的是，在我们的客户端系统中，构建了完整的指令模式，相信在未来的持续改进中，可以加入用户操作的撤销以及重做功能，提供历史纪录来记下这些操作信息，并能够实现各种不同操作的混合。这在当今的B/S系统中是不常见的。

    ３.３、与传统系统的体验比较

    很多失败的用户体验案例告诉我们，好的交互式设计方案并不一定是新颖的，眩目的。其重点在于以用户的认知为导向，关注于如何让用户用一种自己最熟知的方式来操作软件，让用户发现，所有自己想使用的功能按钮，功能导航，都出现在自己所期待的位置，从而能够大大地减少用户学习软件的时间。我们的用户界面借助ExtJS，将Web界面以一种最接近于传统操作方式的方式呈现给用户（对于大多用户来说，window的使用方式当然是最传统的），最大程度的减小了用户的认知障碍，将软件操作的学习过程变得更加简单。

    通过使用Ajax技术以及Ext框架的有力支持，在我们的系统中可以实现在完全不刷新页面的情况下完成各种数据的处理/传输过程，大大减少了传统模式中用户等待的心理效应。并且数据的网络传输载体也随着这类技术的引入而从传统的传输格式化的HTML文档变为格式化的原数据，并由客户端的UI组件对数据进行渲染和展现，大大减小了从前HTML文档所造成的数据冗余。

——北京机械工业自动化研究所研发部 郭宇

微信扫一扫实时了解行业动态

微信扫一扫分享本文给好友