使用AJAX优化客户端：Iconix Pharmaceuticals使用AJAX和J2EE创建

【 tulaoshi.com - Web开发 】

　　创建于1998年的Iconix Pharmaceuticals公司从事科研和工业方面的软件开发。该公司是chemogenomics方面的先驱，chemogenomics是一门学科，这门学科使用化学和基因学的方法，在堆积如山的数据中深入研究，而这些数据对于开发新药并推向市场来说是必须的。

    对于公司来说，一个主要的挑战是：产生一种新药或者提供制药工业所需要的信息需要将分散的、不同的数据库的数据集成起来，并且来分析它们，最后得到引人注目的结果。大多数的研究者都同意：当数据不能从一个单一数据源获得的时候，通过创建多路径的连接来取得重大发现几乎是不可能的。

    DrugMatrix解决方案

    在Iconix Pharmaceuticals公司，我们开发了DrugMatrix 软件应用系统来有效的处理我们的chemogenomics数据库。为了建立这样一个解决方案，我们知道，我们必须把高性能的信息处理系统和一个互交式GUI界面结合起来，这样才能允许研究人员进行一个迭代式的研究，并且将研究和显示在他们显示器的信息结合起来。

    这篇文章讨论了Iconix Pharmaceuticals公司在开发DrugMatrix 软件应用系统时，Asynchronous JavaScript plus XML (AJAX)所扮演的角色。它包括了我们在开发决策过程中的选择，以及我们为什么决定使用一个基于AJAX的Rich Internet Application (RIA)。在文中，我们也要讨论到我们所得到的教训和我们所相信的这种技术将把我们领向何处。

    富客户端（Rich Internet Application 简称RIA）技术和AJAX

    本质上来说，RIA技术将鲁棒的图形用户接口（graphical user interface 简称GUI）和基于浏览器的信息处理系统结合起来。如果做到这样，那么就将C/S模式的胖客户端和B/S的基于浏览器的瘦客户端之间架起了桥梁。而且，基于AJAX的RIA web信息处理系统处理起数据来迅速并且不需要预装插件、Applet和Active-X。

    AJAX的角色

    作为一种实用的功能强大的WEB开发技术，今天，AJAX技术使得搜索引擎和其他消费应用能够大大增强网上冲浪者的用户体验。另外，AJAX使得产生这样一种解决方案成为可能，这种方案通过提供富GUI的基础设施来获取商务数据，比胖客户端或基于插件的解决方案的创建、维护和实施花费更少。富特性、高生产力、更大的显示数据的能力和更少开销可以获得更大的竞争力。

    应用开发的亮点

    DrugMatrix是一个三层的、可扩展信息（ three-tiered eXtensible Informatics 简称XIS）结构。由数据仓库、应用服务器（包括一个将数据以一种图形相关的xml格式传递给所有者的通讯机制）和用户接口组成。应用服务器是可配置的，通过描述数据仓库的模型的元数据来配置。为了简化增加数据分析和显示工具到系统里，应用服务器使用插件技术。用户接口也是动态可配置的，通过使用能够搜索和显示所有数据项的元数据来配置。

    解决步骤

    Iconix Pharmaceuticals公司的开发小组考虑和驳回了好几种设计方案。

    1.在WEB页面嵌入Java Applet

    这种方案对于基于chemogenomics数据库的超大块数据来说是低效率的。对于每一次的查询都需要载入几十列和上百行的数据的请求来说，十分明了，系统将会很快的停顿下来。DrugMatrix'系统希望将数据流和HTML区别开来，并且在客户端缓存数据而使得服务器能够传递更多的数据。系统也希望客户端能够访问缓存的数据，当研究者在数据列表和单个的“Detail”HTML页面来回的时候。

    2.在数据传递到JSP页面时，使用Java Server Pages (JSP) model

    虽然这个方案相当好，开发小组发现页面上要显示的数据的数量太大，这会打击用户的使用兴趣。另外，从效率角度来说，图形数据的交换和传递特别慢。例如，Iconix Confidence Interval Graphic——用来显示扫描到的基因表达式数据，最少需要2到3秒才能全部载入，原因是这个方案需要一个专门的图形Servlet来单独的显示每一个图形。

    DrugMatrix Confidence Interval Graphic的例子

    注意：此图包含了DrugMatrix Confidence Interval Graphic，通过HTML表格矢量图型瞬间显示。

    3.一个AJAX开发框架外加接口创建器

    最后的被采用的解决方案，通过使用TIBCO通用接口框架，十分容易的处理复杂的AJAX。这个成熟的方案包括了帮助开发小组比其他方案更快的将DrugMatrix交付市场的特性并且能降低开发费用。这个方案的主要的不同包括：

    。可视化的开发工具、相似的API和扩展库、高效的GUI组件
    。能够重复使用和定制对象的组件化的、基于公开标准的架构
    。客户端数据缓存，能够在整个session期间保存数据以供客户端使用，减少了不必要的访问数据库的过程，使得服务端能够传递更多的数据
    。通过领导性的标准和协议，如HTTP/S、XML 和 SOAP 支持同步、异步和实时的通讯能力

    RIA解决方案能够使用XML来产生全色的HTML表格，产生图像能比Java Applet快50%，比JSPs快97%。

    通过如下特性，DrugMatrix UI 经济的显示了大批量与信息相关的数据：

    。使用Outer tabs来识别不同的信息域（data warehouse dimension tables）
    。使用Inner tabs来包括标注域的信息（data warehouse fact tables）
    。可扩展的超链接来支持域到域的浏览

    表达式试验域（图三）包含了10个fact tables，每一个fact tables都有50-300条记录。虽然这个页面只载入12条记录，它能迅速熟练的翻倒下一个页面，而不会对整个页面刷新。列能够被伸缩和改造，记录能够被分类。

    除了TIBCO普通接口，这个我们为DrugMatrix的客户端选择的基于AJAX的RIA产品外，其他的厂商大多提供基于JSP或HMTL的方案。这些都没有超出我们当初想象之外的重大突破。

    收益

    DrugMatrix的GUI 满足了制药公司的信息要求：易用、在交互上跟以前的胖客户端一样。Iconix Pharmaceuticals公司的开发小组对开发这样一个GUI感兴趣：满足一个更大范围的药品相关信息并且提供显示这种数据的更多的视图。另外，小组有志于开发一种超越页面或文档等基本类型的WEB页面，并且开发和维护费用要尽量少。

    特别的，在开发DrugMatrix过程中使用AJAX技术允许Iconix：

    。集成200个百万的药品数据到一个富的、可视化的互交接口
    。比标准的客户服务器架构，将DrugMatrix交付给客户提早了一半的时间并且减少了三分之二的开发费用
    。GUI的杠杆作用使得我们的产品和竞争者的产品区分开来
    。区别于一个桌面的应用系统，我们使用标准的浏览器为客户节省了发布和维护方面的费用

    其他方面

    开发小组希望基于AJAX的RIA解决方案能加速 DrugMatrix的开发，结果正如我们所希望的，就像下面举的例子：

    对于像Iconix这样的科学研究机构，对于新的和改良的工具会有一个持续的要求。我们所面临的一个挑战，也是开销的一个重要