电子表单自动生成系统 及其 可视化开发工具 (webform)

电子表单自动生成系统及其

可视化开发工具(WebForm)

清华大学知识工程研究室

2

概要 开发背景 系统技术分析

• 选择 PDF 作为最终文档格式的原因 系统介绍 应用领域及成功案例 增强功能 演示

3

开发背景

随着信息技术的发展，人们开始在商业活动和政务活动中广泛使用 Internet或 Intranet及其相关技术。用户对信息使用的层次：

浏览、查询

交换

打印电子商务的关键

4

开发背景 商务模式的发展：

• 传统 传统预印纸张报表的生成、处理、流转方式

-> 企业业务处理中错误、缓慢、昂贵 业务种类的改进、扩展速度加快

• 电子数据交换： 全球电子商务的关键技术 旨在实现票据传送的电子化 无纸化贸易

电子表单风靡世界快速，避免重复劳动，提高效率，节约成本，减少错误

5

开发背景 电子表单系统：是整个电子数据交换系统中必

不可少的组成部分• 共享资源（如数据库、 XML ）的利用

数据的可视化的实时访问、数据库的打印和显示效果不好把数据处理成某种表单形式

• 无纸化业务、贸易贸易凭证的实时产生

6

开发背景 现有企业业务的电子化改造是一个长期、渐变

的过程 1. 纸张表单的非预印化

即用即打，减少表单短缺，过时，存储使用范例：外贸部进出口许可证查询系统

2. 业务表单的无纸化 电子票据 使用范例：宁波港务局订仓系统 3. 商务活动的网络化，自动化－ > 企业管理的网络化 使用范例： Sony 公司笔记本销售查询系统

7

主机系统客户 / 服务器系统< 表单方案 >< 打印控制 >

应用于应用于 WebWeb 环境，环境， << 电子表单电子表单 >>

电子商务

满足当前各用户要求：

保护现有投资

开发背景

8

开发背景：以往系统的缺陷 文件占用磁盘空间大－－ >延长传输时间 文档打印质量不理想 批处理方式的文档自动生成功能欠缺 数据传送、查询与正规电子文档生成操作相脱节 文件安全性差 多媒体信息无法集成etc.

9

系统技术：电子表单文件格式 PDF

PDF ： Portable Document Format, 可移植的文档格式是由 Adobe Systems公司开发的一种电子文档格式。

PDF文件融文字、图像、视频等多媒体信息与一体。可以方便地在线阅读、打印。

电子表单的全部内容都可以用合适的 PDF 功能来实现

10

系统技术： PDF 特点

－互联网的标准文件格式－打印效果好，功能强大，显示效果精美 , 打印效果佳； Demo1.pdf 缩略图概要图的使用 超链接的使用 如： wfhxml.pdf PDF 文件多媒体化－客户端软件： Adobe 公司免费提供－跨平台，适合网络使用，保护现有投资－用数据压缩技术，支持多种压缩编码技术 网络上传输速度快； 如： testsize.doc (19K) 和 testsize.pdf (3K)－规范的开放性－可移植性好：对操作系统无限制－字体独立性－随机访问－增量更新－可扩展性

11

系统技术： PDF与其它格式比较 TXT 文件：

• －跨平台• －但内容仅局限于文字 , 在网络时代不能够满足用户

的要求 DOC 文件：

• －打印效果很好• －与平台相关

HTML 文件：• －与平台无关• －显示和打印效果不好，文本图像无法做到精确定位• －在文件中无法进行绘图

PostScript 文件：• －与 PDF 文件很相似，但性能不及 PDF 文件• －是一种编程语言，不容易掌握

12

系统技术：现有 PDF 生成系统 目前 PDF 生成系统存在的问题

• 用户无法自动生成一个 PDF 文件• 无法将 PDF 格式的商务报表与数据块结合在一起• 不灵活

13

系统介绍 适用范围：

• 应用于包括 Internet 和 Intranet 在内的网络环境中。• 可不改变原有系统

功能• 设计和开发基于 PDF格式的商业表单

• －用户通过网络对存储于数据库中需要在表单上体现的数据进行管理；

• －对生成表单的外观进行设计；• 利用 PDF 软件包进行二次开发

　　　上交所（申报，管理）

14

系统介绍 硬件需求： PDF Studio适用于任何可以运行 Java虚拟机的计算平台。

软件需求：• 支持 Java的Web浏览器，例如 IE或 Netscape

• Acrobat Reader (也可以使用其他 PDF浏览器 )

用户群： Java程序员 , 非软件开发人员 1999年 8月： 100% Pure Java认证（ U.S.A.） 2000年 10月：教育部鉴定 ,评定为“处于国内领先，达到国际先进水平”

2002年：获得北京市科技进步二等奖

100% Pure Java100% Pure JavaWrite once, run everywhereWrite once, run everywhere

100% Pure Java100% Pure JavaWrite once, run everywhereWrite once, run everywhere

15

系统介绍与国际软件设计目标的接轨： 4A Anyone: 对使用软件的用户层次没有要

求 Anywhere: 跨平台的特性 Anytime: 提供实时性的服务　 Any device: 对设备硬件没有要求

16

系统介绍：系统组成 可视化开发工具 PDF Studio ：

• 自动生成能够调用 PDF 软件包的 Java 应用程序

• 产生 XML 中间文件• 生成电子表单

PDF 软件包 (API) ：• 提供方法和接口，程序员们自行开发

17

电子表单可视化生成系统

系统介绍：电子票据管理制作系统的基本结构

JSP

18

系统介绍： PDF Studio的功能 标准功能

• 设计和开发基于 PDF格式的电子表单自动生成系统

• 将数据库查询操作与电子表单自动生成系统捆绑　　　　　　　在一起

标准结构• 客户端：Web Browser+Acrobat Reader

• Web Server: PDF Studio生成的 Java application + PDF package

• Database Server

19

系统介绍 传统方法：

• －手工编程修改用于完成电子表单自动生成功能的程序（与数据库操作 ... ）

• －工作效率低• －加大日常维护负担

可视化开发工具：• －设计工作直观： WYSWYG 、拖拽• －降低设计难度，非程序员亦可做• －简化数据库操作• －缩短开发和应用周期• －大大提高工作效率

20

Java Application

PDF Viewer

XML

EditEdit

Check & ViewCheck & View

CreateCreate

Web Server

ApplyApply

21

系统介绍：支持的资源对象 文字 图形（线段、矩形、圆形、扇形、多边

形） 图像 (GIFF, JPEG, TIFF) 表格 数据库域 未来： XML 文件数据…

22

系统介绍：核心功能 数据库查询

• 嵌套查询结果与自动生成的 PDF 文件之间的关联

• 数据统计功能在自动生成 PDF 文件中的体现

23

系统介绍 应用程序自动生成功能的实现

• 数据库查询操作与 PDF 软件包调用的衔接 • 所生成程序的可读性强： OO 技术的应用• 所生成程序的代码优化• 所生成程序的可扩展性好： BeanData思想

24

系统介绍：版本支持 支持不同语言编辑并生成 PDF 文件。

• 中文版• 日文版• 英文版

25

26

中国 :• 上海证券交易所 : 基于Web 的上市公司定期报告数据采集和在线发布系统

• 宁波港务局：在线集装箱定仓系统• 外贸部进出口许可证查询系统

日本 :• 建设省• Sony: 物流管理系统• NHK: 在线电视节目单自动生成系统• IBM: 与 IBM WebSphere 的捆绑• Oracle: 与Oracle Application Server 的捆绑• …...

系统应用

27

系统应用：用户分类

系统集成：伊藤忠商事、新日铁 JR 、日立、三菱证券、 Sony 、上海证券交易所等

自行开发： NHK 、日立造船厂、住友重工等

28

实际应用分类• 纯介绍性电子表单：企业宣传• 电子交易系统中的电子票据• 基于Web 的数据统计系统的数据统计报表• 数据图形化系统

系统应用

29

系统应用 I. 介绍性电子表单

30

系统应用 II. 电子交易

系统中的电子票据• 电子订单的

生成• 根据用户输入， PDF Studio 产生的Java 应用程序可以自动生成电子订单。

31

Internet

打印

提交 填写

返回

Web Server

企业数据库

用户

存储在 DB 中

系统应用

32

系统应用 电子交易系统中的电子票据：

• 网上订书系统：北京图书大厦传统：用户 － >定单

　　　　　　大厦－ > 查询 DB － >手工填票 － > 用户新： 用户－ >定单－ >PDF

－ > 发票 , 发货单… ...• 网上报税系统 :

纳税人－ > 报税单－ >下载 PDF税单－ > 打印－ >申报

Server: 利用 PDF Studio 系统生成税单

33

在上海证券交易所的应用 SSE: 中国最大的证券交易中心 每个上市公司必需在规定的时间内提交年度定期报告和中期报告。（发展趋势：季度报告） 目标：在线申报，实时生成 PDF 文件并在Web 上发布。申报与发布数据的一致性！

一周→ 实时一周→ 实时 !!一周→ 实时一周→ 实时 !!

34

35

497 Listing Companies in SSE

36

系统应用 III. 数据统计报表：查询生成

• 在 PDF Studio 中完成的处理 :• 设置目标数据库信息• 设置查询语句并将对应的数据库域作为对象插入

模板文件中• 对数据库域对象进行页面布局• 生成 Java 应用程序

• 在 Web Server 上应用… (Oracle,Sony.etc)

37

38

39

系统应用 Sony 公司笔记本电脑产品分销查询系统 用户 -> 订购 生产厂 -> 提取（ db ） ------------>PDF 报表文

件 Pdf Studio

-> 查阅（ pdf ） ->控制产量

Sony 分销商 -> 查询 (db)-> 当地用户 -> PDF 报 表文件 -> 发货

40

系统应用 IV. 数图转换

PDF 生成器

PDF Studio自动生成的 Java 应用程

序数图转换

41

系统应用 日本航空航天局卫星数据处理系统：卫星数据 ->DB卫星数据 -> 数图转换系统 ->结果图形

->结果文件 PDF

42

小结：系统的优点 利用本软件进行开发可不需要对原有系统进行任何修改； 可以提供高质量的文档打印效果（ PDF 格式电子表格）； 软件对操作系统没有任何限制； 客户端软件免费提供 提供可视化开发环境，设计人员无须对 Java语言和 PDF 文

件规范深入了解 有助于程序员在网页上直接生成 PDF 文件，不必通过专用

PDF工具，进行实时编写和传送，实现了电子表单的自动生成；

中间文件采用 XML 格式 软件包提供接口和方法，程序员能进行二次开发 系统扩展性好，可以很容易地增加新功能的支持； 开发周期短，费用低

43

表格功能 表格的格式化信息定制功能

• 表体• 高度 =对象高度 - ( 表头高度 + 表尾高度 )• 列宽度• 前景色• 背景色• 边框色• 外部（内部）线宽• 虚拟数据集

44

表格功能 表格行

• 最小高度• 前景色• 背景色• 边框类型

• 显示所有列边界• 隐藏所有列边界• 隐藏内部列边界

45

• 显示所有列边界

• 隐藏所有列边界

• 隐藏内部边界

表格功能：表格行边界属性

46

表格功能 单元格中添加对象：

• 静态对象：图像等• 动态对象

查询结果预览功能

47

图表功能 图表功能

• MVC 模式• V ：图表的显示效果• M ：图表显示所用的原始数据• C ：利用 M 形成 V 的逻辑

• 图表构成• 标题• 图例• 坐标轴标签• 坐标轴• 图形绘制区

48

图表功能 矩形图 柱状图 塔状图 面积图 折线图 饼图 3D饼图 ……

49

Bar ChartBar Chart Column ChartColumn Chart Pyramidal ChartPyramidal Chart

50

Area ChartArea Chart Line ChartLine Chart

51

Pie ChartPie Chart 3D Pie Chart3D Pie Chart

52

53

54

55

56

57

Pie Chart

Column Chart Line Chart

58

演 示

我们的网址：

http://keg.cs.tsinghua.edu.cn

60