交互式图片编辑器

这个显示的动态图片屏幕是通过图片编辑器进行创建的 – GLG图片创建程序。通过该创建程序，开发人员能绘制图片对象、定义属性以及为使用实时数据进行动态化的绘图添加动态效果和定义资源。

除了能耕具暂存创建绘图外，图片创建程序还能提供预置widget的调色板，如dials and meters, graphs以及process control symbols，这些都能通过拖放功能添加到绘制中。创建程序还能使用户定义自定义的图标，并把它们作为可重复使用的控件添加到调色板中。

通过创建程序的帮助，创建与维护图片的工作（从简单的数字化报表到复杂的视觉化操作与自定义HMI屏幕显示）可在一个交互式的点选环境中完成。可在不涉及任何程序的情况下在创建程序中简单地编辑图片。当更新的绘图被保存时，它就已经准备好在不重新编译源代码的情况下被图片服务器使用。

如演示文件所说，GLG绘制为独立的屏幕分辨率并能在运行时调整大小。根据客户端屏幕的大小，相同的绘制能用于转化不同分辨率的图像。

自定义AJAX数字报表

使用图片创建程序制作的绘图可展现运行时在应用程序网页上显示的图片。例如，创建自定义AJAX数字报表显示图片与仪表，您能简单地在图片创建程序中打开新绘图，从调色板中添加图片与仪表，为运行时的数据访问命名以及保存绘图。

当在图片创建程序中时，您同样能更改对象属性、在页面上编辑对象布局、添加自定义标签和注释或使用创建程序的倾斜、阴影与透明效果制作自定义装饰。

另一种创建AJAX数字报表的方法是在单一的HTML页面上结合多个widget，就象在GLG AJAX数字报表演示文件中展示的那样。每一完备的widget都使用它们自己的服务器端的servlet以及它能在多网页上以能重复使用的控件的模式进行部署。

除了简单的数字报表，精细的自定义图片显示能在创建程序中制作并能在网页上进行部署，就如演示文件所说。

运行时的图像生成

运行时，图片服务器会加载GLG绘图并使用它生成动态图像，在处理每个图像请求前用当前数据更新绘图。绘图包含了所有图片对象的定义与它们的动态操作。当加载绘图时，它被反复用来在没有重新制作图片请求的情况下生成网页图像。

当一个客户端处理一个图像请求时，图片服务器使用当前数据创建了一个绘图的截图。一个图像请求可能包含能定义图像大小的参数、在刻度盘中显示的值、图片的标题或其它自定义属性。例如，在进程控制演示文件中图像请求包含show_pipes参数。如果该参数被设置为1，生成的图像会显示连接到罐子的管道。图像生成参数会使用标准的URL参数语法传送到图片服务器。

生成图像之前，图片服务器会通过设置绘图资源使用当前数据更新该绘图。当在运行中使用SetResource() API程序通过servlet创建与访问绘图时，资源将在图片创建程序中定义。

当更新绘图时，servlet可通过触发CreateImage() API程序生成图像。这个简单的图片服务器程序会在所有对象的当前动态状态下监控转化所有对象的复杂任务。

点这里查看一个显示动态生成的图像的URL范例。重新加载以查看新数据或更改URL的宽度/高度参数以更改图像大小。一个“&show_pipes=1”参数可添加到URL以激活管道显示。在一个应用程序中，如演示文件所说，一个JaveScript记时程序会用于定时地重新加载图像以显示新数据。

Servlet的自定义

在JSP环境中，将图片服务器作为GLG Servlet进行部署 – 一个100%纯正的可与任何Java2EE应用程序服务器兼容的Java servlet。

会提供Servlet的源代码并且应用程序开发人员能根据应用程序的要求将这些代码进行自定义操作。例如，servlet能分享所有servlet示例中的绘图或为每一个单一的servlet会话创建一个独立的绘图示例。

当使用自定义绘图时，servlet代码可能会被修改以设置在绘图中定义的应用程序资源，也会处理特定的应用程序的用户互动。

GLG Servlet采用包含GLG工具包对象以及转化引擎的GlgServer.jar类库。类库既提供GLG标准又提供在GLG Java类文档中描述的扩展API。GLG标准API为访问资源提供程序以运用实时数据更新绘图。扩展API为高级功能提供程序，功能包括创建对象或请求在绘图中定义的资源列表。例如，扩展API会在运行时用于创建大量的动态图标以详解航空信息，就如在GIS与航空交通控制的演示文件中所说的一样。

提供动态数据

在应用程序中，servlet能从任何数据源中请求数据，如PLC或进程数据库，它还能使用JDBC、Java OPC或任何其它喜欢的数据连接API。除此之外，还可运用HTML或JavaScript通过图像URL参数提供数据。

Servlet可通过设置使用GLG SetResource程序的绘图资源用新数据更新绘图。当创建绘图时，用于动态化具备数据的绘图的资源将在图片创建程序中进行定义。

例如，在进程控制演示文件中使用的绘图里，一个名为“Heater”的对象拥有一个名为“HeaterLevel”能控制加热罐填充度的资源。当绘图被用于servlet中时，servlet可通过使用名为“Heater/HeaterLevel”的资源更新填充度。操作如下：
    SetDResource( "Heater/HeaterLevel", heater_level_var );

资源的使用可帮助您将图片从程序逻辑中分离出来。应用程序可简单地设置一个名为“Heater/HeaterLevel”逻辑资源，并且GLG图片引擎会监控对象图片转化的所有低级别详细信息。

基于AJAX的用户互动

除了生成动态图像，servlet可通过处理基于AJAX的请求以处理用户互动。这些请求通常用于对象选择、消息提示以及用户输入，如使用鼠标在绘图中点击按键。这些功能都在进程控制与其它演示文件中进行了说明。

处理用户互动，JavaScript被用于应用程序的网页中以将onclick and onmousemove事件添加到图像中。当用户点击图像或将鼠标指针移动到图像之上时，在脚本中会触发事件处理程序。事件处理程序会将对象选择的AJAX请求发送到图片服务器，并将鼠标坐标作为请求参数进行传送。图片服务器会根据鼠标坐标通过寻找选定对象处理请求。Servlet会在服务器端处理选项或将选项信息返回给客户端用于处理。

客户端可使用选择请求到弹出消息提示的输出、显示选定对象的名称或执行数据下钻操作。例如，当使用鼠标选定对象时，进程控制演示可显示具有对象数据的对话。当鼠标移动到绘图中已命名对象时，可显示消息提示。如果按下绘图底部的Show 3D Pipes键，可在图像中显示连接到罐与阀门的管道。

消息提示与对象选择事件通过在服务器端的GLG图片服务器引擎进行处理，并且不需要在客户端的浏览器中创建的图像地图或矢量对象。此项技术可在忽略与已使用图像地图相关的HTML运行限制的情况下处理大量矢量对象。

点这里查看生成图像与处理用户互动请求的GLG Servlet的所有源代码。

因为在没有图像地图内置到HTML的情况下将在服务器端处理选择与消息提示事件，所以当绘图中对象的几何外形被改变时，不需重新生成HTML页面。

当绘图包含动态移动图标时（如航空交通控制演示的展示），服务器端对选择事件的处理只是实用性选项。在这种情况下，不可能为图标选择生成的静态图像地图，因为图标改变了它们的位置。由于运行限制，每当图标移动时使用AJAX动态地生成图像地图将是不切实际的。这就使服务器端选择处理成为了唯一的实用选项。