专利名称：线上即时图形绘制系统及其方法
技术领域：
本发明涉及一种线上即时图形绘制系统及其方法。
背景技术：
在早期的网页技术中，通过网络进行纯文字的网页交换来发展，所应用的技术即 为一般熟悉的超文件标示语言(HyperText Markup Language, HTML)。然而，对于使用者的需求的增加，一般单纯的纯文字的网页已经无法满足使用者 的需求，而进一步的在超文件标示语言中增加图形、音效、影片等多媒体嵌入的效果，使得 网页中内容逐渐的丰富。对于图形在网页中的显示，又可以分为静态显示以及动态显示，图形的静态显示 即为在网页中的图形显示区域中嵌入图形进行显示，并且所嵌入的图形为单纯的图形文件 格式，例如BMP、JPG等格式；对于在网页中要显示动态图形，一般而言，需要在网页中嵌入 小应用程序(Applet)或是嵌入多媒体创作程序(Flash)...等应用程序，藉以达到图形动 态显示的效果。但上述小应用程序以及多媒体创作程序却需要从服务端中下载相对应的网页内 容至客户端中，并且在客户端中需要有相对应的程序，才能在浏览器中开启相对应的网页， 另外，这些通过小应用程序以及多媒体创作程序所呈现的图形为预先设计的动态图形，而 无法进行即时的图形显示。综上所述，可知现有技术中长期以来一直存在网页中开启动态图形需要载入相对 应的应用程序以及无法即时进行动态图形显示的问题，因此有必要提出改进的技术手段， 来解决此问题。
发明内容
本发明所要解决的技术问题是提供一种线上即时图形绘制系统及其方法，解决了 现有技术存在网页中开启动态图形需要载入相对应的应用程序以及无法即时进行动态图 形显示的问题。为了解决上述问题，本发明提供了一种线上即时图形绘制系统，适用于网络浏览 器中即时显示图形，其包含客户端以及服务端，其中，客户端更包含客户接收模块、客户 传送模块以及显示模块；服务端更包含服务接收模块、数据库、读取模块、向量图形生成 模块以及服务传送模块。客户端中的客户接收模块用于接收外部统计数据，以及接收向量图形；客户传送 模块用于传送外部统计数据并传送绘图请求；显示模块是用于显示向量图形。服务端的服务接收模块用于接收客户端传送之外部统计数据及绘图请求；数据库 中储存有统计数据；读取模块当接收到绘图请求时，自数据库中读取该统计数据；向量图 形生成模块依据外部统计数据及统计数据生成向量图形；及服务传送模块，传送向量图形 至客户端。
本发明还提供了一种线上即时图形绘制方法，适用于网络浏览器中即时显示图 形，其包含下列步骤首先，客户端中接收外部统计数据；接着，客户端传送外部统计数据及绘图请求至 服务端；接着，当服务端接收到绘图请求时，自数据库中读取统计数据；接着，服务端依据 外部统计数据及统计数据生成向量图形；接着，服务端传送向量图形至客户端；最后，客户 端显示向量图形。与现有技术相比，本发明在服务端中依据所接收的外部统计数据以及服务端中的 统计数据，生成向量图形，并且回传至客户端中进行显示向量图形，可以避免客户端中浏览 器的限制之外，更可以即时的对向量图形进行控制，呈现出动态显示向量图形的技术功效。通过上述的技术手段，本发明可以达到动态且即时显示向量图形的技术功效。
图1为本发明线上即时图形绘制系统方框图；图2为本发明线上即时图形绘制方法流程图；图3A为本发明线上即时图形绘制之动态网页界面示意图；图3B为本发明线上即时图形绘制之外部统计数据示意图；图3C为本发明线上即时图形绘制之统计数据示意图；图4A为本发明线上即时图形绘制之外部统计数据及统计数据统计向量长条图；图4B为本发明线上即时图形绘制之外部统计数据及统计数据统计向量折线图。
具体实施例方式下面结合附图和具体实施方式
对本发明作进一步说明。以下将说明本发明所提供的线上即时图形绘制系统，并且参照「图1」所示，「图1」 为本发明线上即时图形绘制系统方框图。本发明所提供的线上即时图形绘制系统，其适用于网络浏览器中即时显示图形， 线上即时图形绘制系统包含客户端10以及服务端20。其中，客户端10更包含客户接收 模块11、客户传送模块12以及显示模块13 ；服务端20更包含服务接收模块21、数据库 22、读取模块23、向量图形生成模块24以及服务传送模块25。客户端10中首先通过客户接收模块11接收使用者所输入的外部统计数据，举例 来说，外部统计数据可以为计算机零件市场价格统计数据，即统计各个计算机零件的市场 价格，外部统计数据是可被用于进行统计的数据都可以包含在本发明的应用范畴之内。客户接收模块11所接收到的外部统计数据，可以通过使用者直接进行输入，或是 使用者以文件进行输入，也可以通过网络接收外部统计数据，在此仅为举例说明，并不以此 局限本发明的应用范畴。接着，客户接收模块11在获得绘图请求时，会将所接收到的外部统计数据以及绘 图请求传送至客户传送模块12，而客户传送模块12在接收到外部统计数据后，客户传送模 块12会再将外部统计数据以及绘图请求同时传送至服务端20，上述的绘图请求可以通过 使用者按下对应的按键而触发，或是在客户接收模块11接收到外部统计数据时，客户接收 模块11自动生成绘图请求。
接着，服务端20则会通过服务接收模块21接收客户端传送的外部统计数据以及 绘图请求，当服务端20接收到绘图请求时，首先会通过服务端20中读取模块23于储存在 服务端20中的数据库22中，读取出统计数据，并且自服务端20中的数据库22所读取的统 计数据需要与外部统计数据相互对应，举例来说，统计数据可以为计算机零件库存统计数 据，即统计各个计算机零件的库存数量，统计数据是可被用于进行统计的数据都可以包含 在本发明的应用范畴之内。接着，读取模块23将读取出的统计数据以及服务接收模块21将接收到的外部统 计数据，一并传送到向量图形生成模块24，向量图形生成模块24则会依据外部统计数据及 统计数据生成向量图形。向量图形生成模块24可以通过可缩放向量图形语言(Scalable Vector Graphics, SVG)或是向量标示语言(Vector Markup Language, VML)其中的一种方式来进 行外部统计数据及统计数据的向量图形生成，即为将外部统计数据及统计数据采用可缩放 向量图形语言或是向量标示语言生成向量图形。可缩放向量图形语言以及向量标示语言是基于可扩展标记语言(extensible Markup LanguageJML)，用于描述二维向量图形的一种图形格式。并且服务端20更包含控 制模块26，控制模块26用于控制向量图形的呈现效果，举例来说，控制模块26可以控制向 量图形的缩放、向量图形的显示内容...等，在此仅为举例说明，并不以此局限本发明的应 用范畴。并且，控制模 块26 可以通过 JavaScript 或是 AJAX(Asynchronous JavaScript and XML)其中一种方式来进行向向量图形的控制，因此，可以达到动态即时显示向量图 形的呈现效果。其中，JavaScript是一种由Netscape (网景)的LiveScript发展而来 的面向对象的客户端脚本语言或描述语言，主要是用于解决服务器端语言，使网页增加 互动性即使得网页和用户之间实现了一种实时性的、动态的、交互性的关系；AJAX即异步 JavaScript和XML，是指一种创建交互式网页应用的网页开发技术。接着，向量图形生成模块24依据外部统计数据及统计数据生成向量图形后，会将 所生成的向量图形传送至服务传送模块25，服务传送模块25在接收到向量图形，会再将向 量图形传送至客户端10。客户端10则通过客户接收模块11接收服务端20所传送的向量图形，接收服务端 20则会将所接收到的向量图形传送至显示模块13，显示模块13在接收到向量图形后，则会 在动态网页中相对应的显示区域中进行向量图形的显示。接着，以一个实施例来解说本发明的运作方式及流程，请参照「图2」、「图3A」、「图 3B」、「图3C」、「图4A」以及「图4B」所示。「图2」为本发明线上即时图形绘制方法流程图；「图3A」为本发明线上即时图形 绘制之动态网页界面示意图；「图3B」为本发明线上即时图形绘制之外部统计数据示意图； 「图3C」为本发明线上即时图形绘制之统计数据示意图；「图4A」为本发明线上即时图形绘 制之外部统计数据及统计数据统计向量长条图；「图4B」为本发明线上即时图形绘制之外 部统计数据及统计数据统计向量折线图。本实施例以仓储系统作为举例说明，事实上本发明更可以应用于各式各样的统计 系统，在此仅为举例说明，并不以此局限本发明的应用范畴。
如「图3A」所示，使用者首先在动态网页30中汇入区域31中输入储存有计算机零 件市场价格的外部统计数据41 rdata. txtj (请参照「图3B」所示)，假设计算机零件市场 价格统计数据分别为中央处理器「5400元」、主机板「3400元」、内存「700元」以及显示卡 「6200元」，在此仅为举例说明，并不以此局限本发明的应用范畴。并且当使用者按下动态网页30中「绘图」按键32时，客户接收模块11即会接收汇 入区域31中的外部统计数据41「data, txt」(步骤100)，并且将外部统计数据41「data, txtj以及按下「绘图」按键32所触发的绘图请求同时传送至服务端20(步骤200)，在此仅 为举例说明，并不以此局限本发明的应用范畴。接着，请参照「3C图」所示，服务端20通过服务接收模块21接收客户端传送的外 部统计数据41 rdata. txtj以及绘图请求，由于服务端20接收到绘图请求后，首先通过服 务端20中读取模块23自服务端20中的数据库22中读取统计数据42 (步骤300)，统计数 据42以实施例而言即为计算机零件库存数量的统计数据，并且自服务端20中的数据库22 所读取的统计数据42 (即计算机零件库存数量的统计数据)需要与外部统计数据41 (即计 算机零件市场价格的外部统计数据)相互对应，而计算机零件市场价格的外部统计数据41 分别为中央处理器、主机板、内存以及显示卡，因此读取模块23自服务端20中的数据库22 中读取计算机零件库存数量的统计数据42即为中央处理器、主机板、内存以及显示卡库存 数量的统计数据42，其分别为中央处理器「1500」、主机板「500」、内存「1200」以及显示卡 「600」。接着，读取模块23读取出的计算机零件库存数量的统计数据42中央处理器 「1500」、主机板「500」、内存「1200」以及显示卡「600」以及服务接收模块21接收到计算机 零件市场价格的外部统计数据41中央处理器「5400元」、主机板「3400元」、内存「700元」 以及显示卡「6200元」，一并传送到向量图形生成模块24，向量图形生成模块24则会依据外 部统计数据41及统计数据42生成向量图形(步骤400)。向量图形生成模块24可以通过可缩放向量图形语言或是向量标示语言其中一种 方式来进行外部统计数据及统计数据的向量图形生成，可缩放向量图形语言以及向量标示 语言是基于可扩展标记语言，用于描述二维向量图形的一种图形格式。向量图形生成模块24则会采用可缩放向量图形语言或是向量标示语言将计算机 零件库存统计数据以及计算机零件市场价格外部统计数据生成向量图形，以实施例而言， 所生成的向量图形50为计算机零件库存数量以及计算机零件市场价格统计长条图，并请 参照「图4A」所示。除此之外，更可以通过控制模块26控制向量图形50的呈现效果(步骤710)，举例 来说，控制模块26可以控制向量图形50的缩放、向量图形50的显示内容...等，在此仅为 举例说明，并不以此局限本发明的应用范畴。并且，控制模块26可以采用JavaScript或是 AJAX其中一种方式来进行向向量图形50的控制，因此，可以达到动态即时显示向量图形50 的呈现效果。如「图4B」所示，可以通过控制模块26将计算机零件库存数量以及计算机零件市 场价格统计向量长条图即时转换为计算机零件库存数量以及计算机零件市场价格统计向 量折线图。接着，向量图形生成模块24依据外部统计数据41及统计数据42生成向量图形50后，会将所生成的向量图形50传送至服务传送模块25，服务传送模块25在接收到向量图形 50，会再将向量图形50传送至客户端10。客户端10则通过客户接收模块11接收服务端20所传送的向量图形50，接收服务 端20则会将所接收到的向量图形50传送至显示模块13，显示模块13在接收到向量图形 50后，则会在动态网页30中相对应的显示区域33中进行向量图形50的显示，其结果可以 参照「图4A」所示。当使用者按下「折线图」按键34时，则可以通过控制模块26将计算机零件库存数 量以及计算机零件市场价格统计向量长条图即时转换为计算机零件库存数量以及计算机 零件市场价格统计向量折线图，其结果可以参照「图4B」所示。综上所述，可知本发明与现有技术之间的差异在于具有在于本发明在服务端中依 据所接收的外部统计数据以及服务端中的统计数据，生成向量图形，并且回传至客户端中 进行显示向量图形，可以避免客户端中浏览器的限制之外，更可以即时的对向量图形进行 控制，呈现出动态显示向量图形的技术功效。通过此一技术手段可以来解决现有技术所存在网页中开启动态图形需要载入相 对应的应用程序以及无法即时进行动态图形显示的问题，进而达到动态且即时显示向量图 形的技术功效。以上所述，仅为本发明较佳的具体实施方式
，但本发明的保护范围并不局限于此， 任何熟悉该技术的人在本发明所公开的技术范围内，可轻易想到的变化或替换，都应涵盖 在本发明的保护范围之内。因此，本发明的保护范围应该以权利要求的保护范围为准。
权利要求
一种线上即时图形绘制系统，用于网络浏览器中即时显示图形，其特征在于，包含一客户端，更包含一客户接收模块，用于接收一外部统计数据，以及接收一向量图形；一客户传送模块，用于传送所述外部统计数据并传送一绘图请求；及一显示模块，显示所述向量图形；及一服务端，更包含一服务接收模块，用于接收所述客户端传送之所述外部统计数据及所述绘图请求；一数据库，储存有一统计数据；一读取模块，当接收到所述绘图请求时，自所述数据库中读取所述统计数据；一向量图形生成模块，依据所述外部统计数据及所述统计数据生成所述向量图形；及一服务传送模块，传送所述向量图形至所述客户端。
2.如权利要求1所述的线上即时图形绘制系统，其特征在于，所述向量图形选自可缩 放向量图形语言及向量标示语言中任一种生成。
3.如权利要求1所述的线上即时图形绘制系统，其特征在于，所述服务端中更包含一 控制模块，用于控制所述向量图形的呈现效果。
4.如权利要求3所述的线上即时图形绘制系统，其特征在于，所述控制模块选自 JavaScript及AJAX中任一种进行所述向量图形的控制。
5.如权利要求1所述的线上即时图形绘制系统，其特征在于，所述统计数据与所述外 部统计数据相互对应。
6.一种线上即时图形绘制方法，用于网络浏览器中即时显示图形，其特征在于，包含下 列步骤一客户端中接收一外部统计数据；所述客户端传送所述外部统计数据及一绘图请求至一服务端； 当所述服务端接收到所述绘图请求时，自一数据库中读取一统计数据； 所述服务端依据所述外部统计数据及所述统计数据生成一向量图形； 所述服务端传送所述向量图形至所述客户端；及 所述客户端显示所述向量图形。
7.如权利要求6所述的线上即时图形绘制方法，其特征在于，所述向量图形选自可缩 放向量图形语言及向量标示语言中任一种生成。
8.如权利要求6所述的线上即时图形绘制方法，其特征在于，所述服务端中更包含控 制所述向量图形的呈现效果之步骤。
9.如权利要求8所述的线上即时图形绘制方法，其特征在于，所述控制所述向量图形 的呈现效果之步骤选自JavaScript及AJAX中任一种进行所述向量图形的控制。
10.如权利要求6所述的线上即时图形绘制方法，其特征在于，所述统计数据与所述外 部统计数据相互对应。
全文摘要
本发明公开了一种线上即时图形绘制系统及其方法，在服务端中依据所接收的外部统计数据以及服务端中的统计数据，生成向量图形，并且即时的对向量图形进行控制，并且回传至客户端中进行显示向量图形，藉此可以达到动态且即时显示向量图形的技术功效。
文档编号H04L29/06GK101840403SQ200910119048
公开日2010年9月22日 申请日期2009年3月19日 优先权日2009年3月19日
发明者沈曦, 邱全成 申请人:英业达股份有限公司