动态标志设计与应用

2024-08-09

动态标志设计与应用(共12篇)

动态标志设计与应用 篇1

1机械传动动态模型库的系统组成

机械传动动态模型库系统包括设置绘图环境、绘图图素库、动态模型库和用户标准菜单4大功能模块, 系统框架组成如图1所示。

(1) 设置绘图环境:

该模块主要设置绘图所需的环境, 例如图层、线型、颜色、线宽等。

(2) 绘图图素库:

根据模型库的所有模型分解出基本组成单元——图素, 对图素进行参数化编程, 并建立起图素库, 库中的各图素之间可以像积木那样拼装组合。

(3) 动态模型库:

该模块既可以展示二维零件简图或模型, 也可以展示三维模型。同一模型通过输入值的变化可以动态地展示变化的零件结构模型。

(4) 用户标准菜单:

为了方便使用者操作, 使用户和计算机的交流更加直观, 需要嵌入标准菜单。

2绘图图素库

2.1 建立图素库的基本思想

根据参数图素拼装的原理, 首先将模型库中的模型分解成若干个基本组成元素——图素, 再将每个图素进行参数化编程, 只要给定绘制各图素所需的参数值, 即可快速、准确地绘制该图素, 模型库中的模型是由各图素组合拼装而来。图2为机械传动图素库的组成框图。

2.2 参数化编程

以棘轮为例, 其编程构思如下:

(1) 基准点, 用来确定模型的位置, 属于位置参数。

(2) 旋转角, 用来确定模型的方位, 属于方位参数, 即以基准点为旋转中心, 以图素轴线与水平线的夹角为旋转角可在平面的不同方向上绘制图素, 规定旋转角顺时针为负, 逆时针为正。

(3) 齿数值:由于不同棘轮模型的齿数会发生变化, 所以设置了齿数参数。在本程序设计中, 采用了repeat语句和循环语句, 并令齿数为循环次数, 使程序更完善。

(4) 为了方便图素的插入、选择及删除, 绘图编程命令尽可能使用“pline”。

(5) 三维模型的实现主要通过两种方法:①先编写二维模型程序, 后编写三维模型程序;②在二维零件的基础上通过面域region和拉伸extrude实现三维。棘轮的实现程序如下:

3动态模型库

模型库中的模型可以通过组合拼装获得。图3为机械传动动态模型库的组成框图。

4AutoCAD用户标准菜单

用户使用时只需点击相应的下拉菜单, 激活一个主控件菜单, 而相应的主图像控件菜单项又会激活相关的子图像控件菜单, 最后根据下拉菜单的文字提示操作就可以绘制出相应的模型。这样的用户菜单体系是一种“级联”式的图像控件菜单体系, 对于专业设计中选择标准的图素、模型等操作是十分有效的方法。图4为用户下拉菜单。

5结束语

利用AutoLISP开发的动态模型库, 同一模型只需要输入不同的参数值, 就可以动态地获得结构尺寸不同的零件模型, 大大提高了模型库的灵活性、实用性;且可以通过编写新的程序不断扩充图素库、模型库, 使系统具有良好的交互性、扩展性、实用性和专业性。

摘要:设计了机械传动动态电子模型库。通过AutoLISP编程绘制二维、三维零件实体, 并在AutoCAD下拉菜单中直接选择动态电子模型库中的标准图标按钮, 可以动态地展示模型库中的电子模型。

关键词:AutoLISP,参数图素拼装,模型库,AutoCAD

参考文献

[1]韩国才, 张锂.基于Pro/E的机械零件特征模型库参数化设计[J].制造业自动化, 2006, 28 (4) :14-15.

[2]贺炜, 孙波, 张淳.计算机绘图[M].北京:机械工业出版社, 2002.

[3]孙江宏, 丁立伟, 米洁.VisualLISP R14——2000编程与应用[M].北京:科学出版社, 1999.

[4]姚杰, 田勤.机械设计基础[M].哈尔滨:哈尔滨工业大学出版社, 2010.

动态标志设计与应用 篇2

主题为儿童摄影的动态网站,一个优秀的网站通常比较注重主页的设计,本案例重点工作为区域划分和运用色彩学对整体效果的控制,根据主页要达到的整体效果准备网页图片等素材。网站主页界面区域布局为:公司店面和拍摄场地的展示区域、展示最新儿童摄影作品区域、页脚区域.

2.2儿童摄影网站中的色彩设计

2.2.1色彩与审美需求

配色实践证实,凡是能与接受者产生共鸣的色彩搭配,接受者才认为是美的,是调和的,因此色彩调和就有一个与接受者审美需求的统一问题。色彩设计能够获得成功,使接受者与之产生共鸣,设计就必须有针对性。儿童摄影作品的对象主要是儿童,儿童摄影中使用的工具是色彩对比强烈、个性鲜明的服装、玩具、道具及场景。儿童摄影网站浏览的对象主要以年轻妈妈居多,所以本案例的主页整体色彩要符合多数女性对色彩的接受和喜好需求。多数年轻女性一般喜欢粉、红色、白色以及其他偏清新亮丽的色系。

2.2.2色彩与营销

研究和了解消费者心理,给商品恰当定位,然后给商品、包装等恰当的色彩,将商品的理念传达给消费者,使营销实现高效化,取得最佳效果,可以说,色彩是一把打开消费者心灵的无形钥匙。

2.2.3儿童摄影主页的色彩设计

本案例中,主页整体风格为色彩清新亮丽的颜色。因为儿童摄影被拍摄者是小朋友,网站的浏览者以女性为主,所以网站色调以粉色系、白色系为主色调。色彩需要对比,色调需要过度,这样搭配出来的颜色更能使得多数人接受。本案例中,采用的网页整体背景以非常淡的粉色加少许白色为背景颜色。这个背景色将充满整个网页的边角和非主体区域。色彩的明度、纯度需要一个对比和过渡,所以在选择图片素材上,本案例中的照片素材部分选择纯度和明度比背景略高的粉色、红色。本案例采用大面积的暖色调粉色为主色调,冷暖色调搭配是工业设计应用中较为经典和谐的色彩搭配,所以笔者在大面积为暖色调的主页版面上加入蓝色、绿色等冷色调的小面积色区。这是因为在色彩视觉方面,当呈现在眼前的大面积是一种色调,容易引起视觉上的疲劳感,所以笔者在设计主页过程中加入了小部分蓝色的线条、小图片的冷色调色区,从而达到冷暖色调对比和谐的色彩呈现。由于黑色、白色和灰色这三种颜色一般可以与任何颜色相搭而不失协调,所以主页版面笔者加入了局部的黑、白、灰小色区的素材。这样儿童摄影主页的色彩构成为:淡粉色为主色调,图片区域既考虑了和粉色一个色系的暖色调,又加入了小面积的冷色调做点缀,同时破除掉色彩上的视觉疲劳问题,最后主页呈现出来的是色彩结构清新亮丽又不觉眼花缭乱和疲劳的效果。

3结束语

本案例从色彩学的原理及特性分析,以儿童摄影主页的美工设计为案例,解决了网站整体效果控制方面的色彩搭配问题,为工科背景的网站程设计人员在网页界面美工设计方面提供重要参考。

参考文献

[1]黑马程序员.网页设计与制作项目教程[M].北京:人民邮电出版社出版社,.

[2]赵国志.色彩设计基础[M].北京:高等教育出版社,.

[3]周至禹.艺术的色彩[M].重庆:重庆大学出版社,.

电脑动态艺术设计法的综合应用 篇3

关键词:電脑艺术;设计;综合

在设计领域,电脑辅助设计的出现给国内外的艺术设计界在一定程度上带来了很大的改变,而对电脑艺术设计法的综合应用,更让设计的基本原则得以实现。

对电脑本身而言,进行艺术设计是不能实现了,但其可以和支持电脑的艺术设计的图形设计软件进行结合,再加上懂得电脑操作、熟知图形设计软件功能、并且对于视觉艺术设计的规律还有实践都极为熟悉,并且有创意的意识,这样的人便可以进行操作,并实现电脑动态艺术设计。

电脑技术在对设计艺术进行表现的时候,更要注重设计艺术,这需要的是创意、活力,并且进行相辅相成,相互制约。这样才会在进行电脑设计软件的操作中,感受到技巧的熟练,从而更好地对设计艺术进行表现。

在电脑动态艺术设计中,设计并不是作为独立的一个个体艺术而存在,其形式也不是为仅仅为了具有独立的观赏性。电脑动态艺术设计不仅仅是对电脑技术的服从,更是对设计表现力的一种强调。而在这些特点的基调下,再对创作进行情感的自然再现,并准确把握其观念,这样其应用便可以体现出较高的设计素养,并且对于创作上的高速运筹能力也有很好的体现,当然要正确把握情感的自然真实再现,需要对艺术设计法有着更为灵活的掌握。这样设计出来的作品便不会变得索然无味,提不起人们的精神和兴趣。对设计者而言,将技术和生活的结合更是会让表现更为真实,让主题的内容更真切,这样便可以充分表现出一种全新的艺术形式特点。

电脑动态艺术设计法在实际的生活中也有着极为广阔的应用。

1 网页设计

动态的网页设计,这个行业也是异军突起,并在电脑设计中有着不可小觑的地位。而在日常生活中我们常用的网页设计软件有这样三种:Dreamweaver、Fireworks、flash。这在最开始都是由Macromedia进行开发和研究的。而随着社会的发展,科技的提高,Dreamweaver已经转变为一个“所见即所得”更为真实化、可视化的网站开发工具。其主要用途是对动态网站进行开发。这便是一个电脑动态艺术设计法的广泛应用。而Fireworks则是对网页中我们经常用到的jpg、gif来进行制作和处理。当然在网页布局上也有着一定的应用。对于Flash而已,其特点是主要用于动画的制作。这三者各有擅长点,进行优势互补,便成为一套极为实用的软件组合工具。在进行艺术设计中,更能够把每一个作品更为清晰并且真实的表现在欣赏者眼中。

2 影视动画设计

传统的动画产业计算机的作用和产生的影响是不可忽视的。而之前所提及的Flash软件,这是二维动画常用的应用软件之一。而Flash的库和元件在功能说都很大程度上简化了手工制作过程中对于图形的重复这个工序。而且Flash的矢量图案在颜色上也极为鲜明清楚,这样便可以让影片在质量上有了大大的提高,计算机软件代替纸张,这也是动画制作一大突破。而这些都离不开电脑动态艺术设计法的综合应用。其也给动画产业带来一次腾飞。

在时代飞速发展的今天,三维动画更是极其活跃,并且也得到了观众们的喜爱,就如《功夫熊猫2》还有《阿凡达》等都得到了很好的票房,并且观完影片后,也取得了很好的反响。这离不开三维动画软件,而其中的MAYA便是设计者们都普遍喜欢,认为好用的软件之一。MAYA软件将基础的形体进行内置,并拥有强大的编辑命令。这便在动画方面远远超过了3DMAX的软件服务性。这样设计者也将更为随意地对自己的创意进行发挥,从而其创作出更有吸引力的作品。

3 结语

在21世纪科技力量极为强大的今天,电脑也步入了这个飞速发展的列车行列。当然电脑动态艺术设计法的综合应用更有助于走向未来,而高科技的平台也离不开电脑动态艺术设计。随着计算机软件技术的不断更新,新的版本更是层出不穷,这也让艺术设计的门槛得到了降低,人们可以用自己的个人电脑来更自由地发挥想象从而投入到专业的艺术设计中去。并且运用自己对电脑动态艺术设计的理解,来实现自己的艺术创造、而随着计算机在硬件上的性能更为出色,图形图像的表现方面也将拥有更大的突破,并且计算机更为艺术设计插上了腾飞的翅膀,电脑动态艺术设计法的综合应用也将缔造出更出色的艺术,并更好地将艺术传播出去。

参考文献:

[1] 唐济川,高纪洋,郑艳.中外艺术设计发展史略[M].黄河出版社,2008:199.

[2] 吕春瑾.计算机图形艺术设计的现状与发展探讨[J].安徽科技学院学报,2006,20(5):3638.

[3] 杨岚.浅谈新时代的计算机技术与艺术设计[J].山西建筑,2009(35):366367.

[4] 邱春华.浅谈电脑艺术在现代设计领域的应用[D].江西南昌大学,2007.

[5] 邵丽萍,等.3DS Max 动画制作技术[M].清华大学出版社.

动态标志设计与应用 篇4

为了克服上述缺点, 该局在清水车站新安装了无基坑不断轨动态轨道衡。

1 无基坑不断轨动态轨道衡技术的要求

轨道衡类型:无基坑不断轨动态轨道衡;轨道衡测量范围:称量轴重30t以内的标准轨距四轴货车;轨道衡测量方式:双向全自动转向架计量;轨道衡测量速度:5~15km/h匀速通过;轨道衡测量精度:符合JJG234-1990《动态称量轨道衡检定规程》;灵敏度:加减20kg砝码, 示值应不小于10kg的变化;防雷措施:采用二级防雷措施, 即在传感器处增设绝缘装置, 以使其与钢轨及称体绝缘;用户操作计算机采用工业控制计算机;工作平台为Windows Xp系统显示。

2 无基坑不断轨动态轨道衡的结构设计

无基坑不断轨动态轨道衡系统主要由机械称重结构、数据采集控制系统和称重软件组成。机械称重结构由基础和机械组件组成。数据采集控制系统由轨道专用传感器、8通道采集仪、开关电源、通信I/O接口组成。称重软件由控制软件、计算机、打印机等组成。

工作原理为:列车到达轨道衡测量台面时, 轨道衡系统软件根据第一对受力的剪力传感器来判断列车过衡的方向;当列车通过测量区车轮压过称重台面时, 板式传感器及剪力传感器受力产生应变信号, 传感器输出电压信号值, 该值一般为几十毫伏的电压。8通道采集仪将传感器输出的毫伏级电压信号经过放大、滤波和A/D转换, 通过通信I/O接口将转换的数据送入轨道衡系统计算机, 由计算机控制软件来完成车辆判别, 过衡方向识别, 计算车辆节重、过衡速度, 并能够根据车速进行高精度校正补偿工作, 并得到计量结果, 实现人机对话和工作过程的自动控制操作, 见图1。

2.1 机械称重结构设计

轨道衡的机械结构采用10根特制的钢枕和连接钢枕的连接构件共同组成, 用高强度螺栓和连接板件, 将若干根特制的钢枕组合在一起, 使它们固定为一体。在中间6根特制的钢枕上安装板式传感器, 两条钢轨上安装剪力传感器, 配合用以测量垂直力, 以保证测量的高精度, 轨道衡称重结构及传感器安装位置见图2。

该轨道衡整体道床采用大开挖方式进行施工, 基础开挖深度参考当地冻土层定为1.5m, 开挖后先用素土夯实, 然后依次用C15片石砼、C20砼、C40钢筋砼进行浇筑, 形成轨道衡整体道床, 这种整体道床及机械秤体结构具有以下特点。 (1) 秤体具有足够的强度、刚度和良好的稳定性; (2) 轨道平台式机械秤体能够克服列车通过称量区段时产生的纵向力和横向力、使秤体始终保持在正确的纵向和横向位置, 达到传力准确的效果; (3) 秤体采用组合框架式结构, 安装简单、调整方便。

2.2 数据采集控制系统结构设计

该轨道衡选用12只板式压力传感器和4只剪力传感器共同进行采样, 传感器选用杭州钱江称重技术有限公司的产品, 其型号规格分别为:板式压力传感器型号C L-YB-51-2A-150k N, 剪力传感器型号CL-Y B-6 1。

CL-YB系列传感器的工作原理为:传感器内部弹性体表面贴有由应变片组成的电桥, 如图2所示, 输入电阻是正负供桥端子之间的电阻, 输出电阻是正负信号端子之间的电阻。当传感器没有受力时, 桥路平衡, 信号输出为0;当传感器受到压力时, 由于应变片发生变形, 桥路阻值变化, 桥路失去平衡, 信号端就有微弱的信号输出, 见图3。

将12只板式压力传感器合成4路信号, 4只剪力传感器为4路信号, 总共8路信号送入数据采集仪, 传感器具体接线方式见图4。

2.3 软件结构设计

轨道衡称重软件运行在Windows Xp环境下, 用C++语言编写, 对数据采集仪输入的各路信号进行高速处理, 并生成计算结果。称重软件能自动打印过衡原始记录, 自动检测系统零点和打印机联机状态, 并具有全屏编辑、查询、统计、删除、自动存盘及检衡设定等功能, 同时能循环存储大量波形。另外给用户还留有数据接口, 供用户完善使用, 见图5。

3 应用效果

按设计该套轨道衡系统的准确度等级是0.5, 分度值e为100kg。校验要求有以下几方面。

(1) 对最小、500e、2000e三个点进行校验。 (2) 五辆检衡车按机车-84t-50t-76t-68t-20t的序列编成车组。 (3) 动态校验时还要求机车只能以5~15km/h且不可在称体上加速、减速、刹车, 见表1。

用检衡车标准值对新建轨道衡进行调整, 调整完毕后列车往返3次得到校准数据, 见表2。

从校准数据可以看出, 轨道衡动态检定最大允许误差为386kg, <400kg, 符合《动态称量轨道衡检定规程》JJG234-1990的要求。

通过上述数据表明, 该动态轨道衡测量精度符合要求, 能够满足现场需要, 并具备以下优点。

(1) 安装施工简单。无基坑设计, 大大减少了土建的时间, 减少了现场条件的要求, 也减少了施工费用, 提高了生产效率。 (2) 基础牢固稳定。由于采用无基坑结构, 设备称重台面与钢轨线路融为一体, 克服了由于基坑或称体钢制结构变形而引起线路基础不稳定的问题。 (3) 计量安全可靠。该系统采用了钢结构承载平台和板式压力传感器, 并用混凝土进行浇筑, 能够保证轨道结构传力和限位控制的要求, 这种结构设计还大大缓解了列车通过台面时的冲击力, 保证了列车运行的安全。 (4) 维护保养简单。由于采用了无基坑结构, 不会产生积水、积灰、积雪的情况, 大大降低了维护人员的工作强度。

4 结语

随着动态轨道衡技术的不断发展, 无基坑不断轨动态轨道衡是在不断轨动态轨道衡技术基础上发展起来的铁路货车计量的新技术。它整合了传统称量要求的固定刚性支撑, 采用了板式压力传感器和剪力传感器组合的测力方式, 取消了传统不断轨动态轨道衡的称体结构, 具备了安装施工简单、基础牢固稳定、计量安全可靠、维护保养简单的特点, 具有较好的使用和推广价值, 为该局的货运计量工作发挥了重要的作用。

参考文献

[1]陈森林, 陈志.JJG234-1990, 动态称量轨道衡检定规程[S].北京:中国计量出版社, 2004.

[2]李世林, 安爱民, 邵学君.GB/T11885-1999, 自动轨道衡[S].北京:中国质检出版社, 2012.

动态标志设计与应用 篇5

关键词: 公共文化服务; 动态统计; 绩效评估; 功能模块

中图分类号: tn710?34 文献标识码: a 文章编号: 1004?373x(2014)01?0127?04

0 引 言

2011年5月,保山市被确定为全国首批国家公共文化服务体系示范区创建单位。自创建工作实施以来,全市公共文化服务设施网络体系逐步完善,公共文化服务工程创新推进,群众文化活动日益活跃,文化产业发展迅速,公共文化服务城乡一体化建设扎实有效。然而,根据国家公共文化服务体系示范区西部创建标准,结合全市文化建设发展现状分析,在制度设计、评估指标体系建设、动态化管理、绩效评估及信息反馈等方面仍然存在一些突出的矛盾和问题:已有的统计评估标准和统计方法落后;管理不够科学和规范,没有公共管理的体制机制,特别是公开的反馈机制,如基层文化建设和服务的情况,群众对文化需求及其认可度、满意度等信息反馈不及时、不畅通;各级公共文化服务情况绩效评估制度落后,带来整个公共文化建设服务水平的落后。

对此,为了从制度设计、评估指标体系建设、成果分析与利用、软件开发与推广等方面积极配合支持保山市创建国家公共文化服务体系示范区建设工作,根据示范区建设工作领导小组的安排,决定由保山学院为组长单位,联合保山市文化广播电视新闻出版局和保山市统计局成立了课题组,于2011年11月联合启动《关于公共文化服务体系建设现代化动态统计评估管理网络的构建》课题研究。经过一年多的努力,课题组参照国家西部创建标准和保山示范区要求,通过多方调研、访谈,征求意见和建议,多次与市文广局对接沟通,课题组建立了保山市公共文化服务指标体系。该指标涵盖了公共文化设施网络建设、公共文化服务供给、公共文化服务组织支撑、公共文化服务经费保障、公共文化服务队伍建设、公共文化服务评估六大类。依据理论研究成果,结合保山实际,广泛征求市、县、乡、村的意见和建议,根据用户需求,构建了保山市公共文化服务统计评估数据项。其中,市级366项,县级352项,乡镇级185项,村级125项,共计1 028项。在此基础上,需要开发公共文化服务动态统计与绩效评估平台,并制定相关的动态统计管理办法。

平台建设需求分析

公共文化服务动态统计与绩效评估平台的建设,是保山市创建国家公共文化服务体系示范区的一个重要组成部分。通过系统平台,市县乡村四级公共文化服务机构可以定期(如按季度)上报公共文化服务情况;公众可以通过公开、统一的渠道,获取公共文化服务信息、充分享受公共文化服务,表达公共文化需求,反馈公共文化满意度,监督公共文化服务机构的工作,促使公共文化服务体系不断完善;公共文化服务体系的管理者可以动态客观地统计公共文化服务数据,可以通过公共文化服务信息平台,客观地掌握公共文化服务体系建设情况,及时协调整合公共文化服务的人力、物力、财力资源,保障公共文化服务体系建设的高效与高质,并对公共文化服务的工作进行绩效评估,为问责与表彰提供参考依据。

平台的设计

2.1 系统平台开发运行环境概述

2.2平台的功能模块设计

根据用户需求分析和动态统计、绩效评估实际需求,平台的功能模块设计如图1所示。

(1)公共文化服务信息发布与浏览模块

信息发布与浏览模块是平台管理方向公众展示公共文化服务动态、发布通知公告、发布绩效评估结果、表彰问责等信息的重要手段,主要包括后台管理员的信息发布与前台信息展示的浏览功能,平台采用mysql存储数据,后台管理员主要完成发布、修改、删除信息,在前台按照某种顺序(如发布时间)列表显示。

(2)公共文化服务群众测评模块

动态标志设计与应用 篇6

[关键词]动态 网页设计 JavaScript Java

[中图分类号] TP393.092.2  [文献标识码] A  [文章编号] 2095-3437(2012)08-0063-02

上网冲浪,在当前信息时代快速发展的今天,是个既时髦又时尚的事。但是,我们会发现,各种“虫”开始随之在网上“安营扎寨”了。网络软件开发商,在网民登录Internet的狂潮下,被激发出较高涨的开发热情。Web站点开发者,也在努力探寻付出少但是能吸引客户的工具。原因在于物理上存储着HTML文件集和文件的网络服务器的支配权存在限制。Javascript在网页上能够随意浮动,掌控Web、改变Web的容貌,使得HTML得以生存,并因此而出现生机。本文主要探讨Javascript语言和Java语言,在动态页面制作过程中的整合,既照顾到查询的效率,同时也方便客户的使用。

一、 Javascript与Java两种语言的特点

Java语言是网络上多个计算机的执行程序,是一项较为简单、易操作的技术。Java语言是一项网络编程的所必需的,具有较强的移植能力,可以实现多线程处理和能够轻松联网的编程工具。Java语言可以实现Internet从通讯工具向具有可操性的应用程序的网络转型。Java程序包括三种类型,一种为小型的Java程序,小服务Java程序和应用Java程序。其中的小服务Java程序属于在Web服务器中运行的特殊程序,对服务器新的链接做出回应,通过链接来调用小服务程序的service()。

Javascript是LiveScript的前身,与Java语言程序设计概念的结合,形成的另一种网络编程语言。Javascript能够嵌入HTML文档中,在文档中直接通过编码来实现脚本设计语言。适用于客户Web应用程序和组件的开发。在Web浏览器中,能够实现对Web页面文中的执行程序的编写。主要是对在服务器中Web浏览器所提供的信息进行处理加工,并对浏览器进行更新的程序,被多种浏览器支持,是WWW上较为常用的编程语言。在适用范围上,可以开发交互式Web页面,并集成Java小程序与ActiveX控件和浏览器插入件、服务器脚本等对象,形成分布式应用程序。

两种语言各具特色,Java语言能完成Web嵌入页的可执行任务,显示出强大的编程功能,但是只能在有限的浏览器窗口中操作完成。Javascript语言可以在HTML文档中进行,对Web页面的时间脚本做出响应,实现客户对浏览器全方位的访问。

二、Javascript与Java两种语言的差异

①Java面向对象的程序设计语言,适合于Internet应用程序开发;②而JavaScript是一种可以嵌入Web页面中的基于对象和事件驱动的解释性语言。③JavaScript是基于对象的,而Java是面向对象的语言。程序再简单也必须设计对象。④JavaScript是种脚本语言,软件的制作可以脱离网络,实现与用户交互。是基于对象和事件驱动的编程语言。⑤Java的源代码须经过编译后,传递到客户端执行,要求客户端配备相应的解释器。JavaScript属于解释性编程语言,以文本格式代码发往客户端前,不无需编译,浏览器就能执行。⑥Java代码是存在与独立的文档中的以字节,用 ... 来标识。JavaScript代码是可动态装载、方便快捷,嵌入HTML文档中的文本字符,用 来标识。

三、实现Java执行JavaScript 的整合

使用Java?Servlet编程,让 HTML 页面内Java 类和 JavaScript脚本进行整合,将所有使用JavaScript调用Java函数的HTML页面,都传送到这个Servlet中处理,JavaScript结构来替换所有的Java调用。如,

public static void main(String[] args) {

ScriptEngineManager sem = new ScriptEngineManager();

//添加上下文绑定数据

SimpleBindings bindings = new SimpleBindings( );

bindings.put("aaa_av", new Double(10000.1));

bindings.put("bbb_av", new Double(20000.2));

ScriptEngine engine = sem.getEngineByExtension("js");

engine.setBindings(bindings, ScriptContext.ENGINE_SCOPE);

try{

//直接解析

Object res = engine.eval(" res = Math.max(aaa_av , bbb_av) + aaa_av");

System.out.println(res);

//创建脚本

String script = "function getMax() "

+ "{ return Math.max(aaa_av , bbb_av)}";

//执行脚本

engine.eval(script);

Invocable inv = (Invocable) engine;

//执行方法并传递参数

Object obj = inv.invokeFunction("getMax", null);

//打印结果

System.out.println(obj);

}catch(Exception ex){

ex.printStackTrace();

}

JavaScript和Java是同VBScript与ActiveX,在目前应用最广泛的网络编程技术。由于两者各具特色,Java可以将网页增强动感,JavaScript编写简单快速,在文档中修改也很简单知识功能少些,因此将两者在运用中加以整合,能够使动态网页的设计效果更理想。

[ 参 考 文 献 ]

[1] 魏芳莲.用JavaScript编写表单验证程序[N].电脑报,2001.

[2] 潘贤林.用 JavaScript 批量浏览图片[N].电脑报,2001.

[3] 曹加银.嵌入式JavaScript对象实现技术研究[D].华中科技大学,2004.

[4] 李英各.嵌入式浏览器中JavaScript的设计与实现[D].电子科技大学,2005.

[5] 张云苑.JavaScript在动态网页设计中的应用[J].科技信息,2007,(5).

动态标志设计与应用 篇7

1 医疗安全事件中存在的主要问题与需求

目前, 全国各医疗机构对于医疗安全事件的分类没有形成统一的认识。上海交通大学医学院附属第三人民医院[4]将不良事件分为药物、跌倒/坠床、手术、输血、医疗、公共、治安、伤害、导管、心跳停止、麻醉、检查、其他。台州医院[3]将不良事件分为用药、检查、手术、麻醉、输血、知情同意、患者安全、信息传递(沟通)错误、医疗费用、医疗设置/设备、资料保存等。SH9分类法[5]将医疗不良事件划分成I-IV四个级别。以上各种分类都是有依据并合理的,但安全事件的分类是不确定的。对于不同类型的医疗机构,安全事件分类的侧重点会不同。对于同一家医疗机构的不同发展阶段,安全事件分类会随着对医疗质量认知程度的深入而改进。因此,非动态解析的分类存在一定的局限性,不能满足质量管理员根据需求和实际情况动态新增、删除或者修改分类的需求。

综上所述, 在国家没有统一分类安全医疗事件, 且各家医院对事件分类没有统一认识的情况下,亟待开发出基于动态解析的医疗安全事件报告系统,满足事件分类的变化和事件报告格式的改进。这意味着,质量管理员可以根据本单位的实际情况或上级的政策法规,动态维护事件报告格式,以完善不足之处和满足新的需求。 此外, 系统能完整重现历史记录,即使动态修改了事件报告格式,历史记录仍然能保持旧报告格式并允许用户和管理员随时查看。

2 基于动态解析的医疗安全事件报告系统的设计

本系统主要包括动态解析模块、系统后台数据字典、上报流程和统计分析四部分。

2.1 动态解析模块

2.1.1 动态解析结构。动态解析结构是本系统设计的核心,目的是能根据维护的数据生成对应格式的事件报告,包括结构化数据元素、元素行为、元素内容、元素集和历史数据。(1)结构化数据元素:包括单选框、复选框、文本框和多行文本框4种类型的元素。(2)元素行为:仅限于单选框允许有元素行为,单选框的每个选项关联对应元素集。当单击选项时,事件报告格式根据关联的元素集内容动态智能解析,从而呈现出对应的格式。(3)元素内容:元素呈现时显示的数据内容,不同元素有不同的内容及格式;单选框和复选框呈现的是选项内容,文本框和多行文本框呈现的是文本内容。(4)元素集:结构化数据元素的集合,可以包括一个或者多个数据元素。(5)历史数据:保存事件报告的具体选项和内容,用于查看时生成完整的历史报告。

2.1.2 动态解析流程。(1)获取起始元素集:从元素集中找到标记的起始元素集。(2)解析元素:从元素集中检索包含的元素,根据元素行为解析元素,并将解析完成的元素提交至生成事件报告模块。(3)生成事件报告:根据解析完成的元素,结合元素内容,生成安全事件报告。(4)呈现报告:将历史数据补充至生成的事件报告中,最终呈现完整的事件报告。(5)获取关联元素集:当用户操作具有元素行为的元素时,获取此行为关联的元素集,并提交给解析元素模块。具体流程见图1。

2.2 系统后台数据字典

为了能够更好地分析事件发生原因, 报告的基本数据项应包括:(1)患者的基本信息,包括患者住院或门诊编号、患者姓名、性别、年龄、入院或就诊时间等。(2)事件发生时的信息,包括事件发生的具体时间、 当时上班人数、 是否主动报告、发生部门、上报人、上报人参加科室工作时间及参加工作时间、发现人、发现人参加科室工作时间及参加工作时间、报告提交时间。(3)反馈信息,包括报告审核时间、安全管理委员会意见、反馈时间、备注等。

2.3 事件上报流程

从技术方面考虑,简化事件的上报流程,建立反馈机制,保护上报者隐私,将促进医疗安全事件的上报[6,7]。本系统根据以上原则,设计如下上报流程:(1)上报人填写事件;(2)提交事件;(3)质量管理部门查看;( 4 ) 反馈; ( 5 ) 典型案例分析;(6)学习与改进。通过事件的闭环管理,医疗质量在安全事件的上报、分析和学习中不断提高。具体流程如图2所示。

为了保护隐私, 提高事件保密性,本系统对用户角色进行了分类。普通用户只允许提交和查看本人提交的事件。质量管理员在授权之后允许查看所有安全事件,并能统计分析。在典型案例分析与案例科室分享中,系统将自动隐藏提交者和患者的所有信息,使用者只能看到对事件的描述和意见。

2.4 统计分析

本系统提供各类统计分析图表。(1)科室发生事件数量汇总表月报表:反映本月各科室各类事件数量,清楚了解各科室在医疗质量上的优势与不足,制定合理的有针对性的改革措施。(2)科室本月与上月发生事件例数对比:通过对比本月与上月的事件类型与数量,反映科室内部对医疗质量的改进情况。(3)安全事件分类占比饼图:反映全院各类医疗事件的比例,找到本院最薄弱最需要改进的方向。(4)按结构化元素统计安全事件:根据统计需求,选择对应的结构化元素,统计存在对应问题的所有事件,方便质量管理员有针对性地查找问题。更多便于分析统计的报表将会根据系统实际运行情况陆续增加。

3 应用成效

3.1 报告格式满足实际需求

因为事件分类和报告格式没有国家标准,所以,我院前期根据自身情况,结合其他医疗机构的理念,设计安全事件报告格式。经过系统实际运行,报告格式改进为风险事件和不良事件两大类。其中风险事件包括药物问题、医嘱执行问题、特检问题、物品管理问题和标本问题。不良事件包括用药错误、医嘱执行错误、意外拔管、意外脱管、压疮、烫伤、跌倒、坠床、 标本错误、 特检错误、 锐器伤、设施使用不当、物品管理错误、投诉、输液相关并发症和其他意外事件。通过本系统提供的报告格式编辑界面能轻松实现动态修改和解析安全事件报告格式,改进后的报告更能满足本院实际需求,为提高医疗质量奠定坚实的基础。

3.2 提高上报和统计效率

本系统的报告格式是动态解析的,为简化报告填写内容,质量管理员在编辑报告格式时尽量使用单选框和复选框,只有特定需要描述的元素才采用文本框或者多行文本框。系统还允许填写者先保存草稿,等空闲的时候再补充完整并提交。因此,报告的填写能利用碎片时间并且能在很短的时间内填写完成。系统还支持丰富的统计功能,便于质量管理员统计分析。

自2 0 1 5 年1 月系统正式运行至2015年8月底,我院共上报安全事件1395件,平均每月174件,其中416件被列为典型案例,148件成为科室分享案例。

3.3 分享经验

医疗质量的提升需要不断地学习与分享。使用本系统,质量管理员可以将典型事件案例分享给各个科室。各个科室可以在事件分享界面查看分享的案例,并组织科室人员学习。

4 展望

本系统集成于OA平台,用户在院内外网都可以随时登陆并提交安全事件,方便医务人员使用。虽然本系统目前仅用于院内的医疗安全事件上报,但是进过进一步地改造,系统将完全可以用于区域医疗安全事件上报,其最大的优势在于基于动态解析的报告格式,能满足各种复杂的应用环境和不断变化的需求。

参考文献

[1]朱红,刘畅,金晓东.不良事件报告制度与患者安全[J].医学与哲学(B),2013,34(11):1-3.

[2]刘霖,叶旭春,陈华莉,等.国外医疗不良事件监测方法及其启示[J].护理研究,2012,26(1):9-11.

[3]泮金鸽,邱艳,叶永斌.医院不良事件报告系统的开发与应用[J].中国医院,2012,16(8):58-59.

[4]刘慧,蒋建群,孙莉.医疗不良事件报告系统的设计与应用[J].解放军医院管理杂志,2013,20(3):230-231.

[5]魏斌,田卓平.医疗不良事件SH9分类法及其现实意义[J].中国医院,2011,15(1):44-45.

[6]程艳敏.影响医务人员上报医疗不良事件的因素分析[J].中国医院,2013,17(7):43-46.

动态标志设计与应用 篇8

各机构、部门高层领导的决策依赖于大量信息,要求企业的各种业务信息能通过一个简单、一致的浏览器界面来收集和传送,这要求计算机管理信息系统(MIS)设计应基于B/S(Browse/Server)模式[3]。该模式的MIS系统还具有便捷安装、客户端零维护、方便移植等优势,越来越受到各单位的青睐。

通常意义上的MIS系统都包括两大方面内容:基础数据的管理和在基础数据上进行分析与挖掘。以满足单位基层人员的日常工作需要和提供对高层管理人员的辅助分析。

MIS系统中基础数据的管理往往是针对一堆业务表格的管理,实现业务表格的添加、修改、删除、查询功能,统称为表单域编辑。目前比较通用的基于WEB的一些开发框架、开发工具都提供了许多便捷性操作,方便表单编辑功能的开发,但都存在一个问题,各业务表格的编辑功能相似,但业务表格之间的关系、表格内容、表格各项格式不一样,因此,每个业务表格的管理都需要一套代码来实现。一般情况下,一个MIS系统中的基础表格数量比较大,这样就需要庞大的代码量,延长了系统的开发时间,也不利于将来代码的维护与功能的扩展。

如何克服上述弊端呢?本文就如何利用动态表单域技术,实现以一套代码管理所有业务表单操作,并基于数据表动态生成提交表单和动态生成处理表单的源程序作一些探讨。

2 设计原理

传统的提交表单是根据具体的业务内容来生成的,表单编辑的实现方式如图1所示,用户打开某个业务表格的录入页面录入数据并存入数据库时,系统提供该业务表格的具体录入页面给用户录入,然后再提交到数据库中存储。

通常每个表单的提交页面及处理程序是由熟悉网页设计的程序员事先编程实现,然后再上传发布的。这样的缺点是:第一,不能由非专业人员完成,必须由相关专业人员才能完成开发工作。第二,不同的提交内容需要设计不同的提交表单和处理程序,程序没有通用性[1]。

本文的设计原理是利用配置思想,动态实现表单域的提交。本文的动态表单域是指Web页面中需要提交的表单域不是事先指定的而是动态可变的[2],是由配置信息来生成。

配置信息即需要提交的业务表格的内容项、各项格式、大小、默认值等信息。把配置信息做为参数信息存放在配置表中或配置文件中。如图2所示,当用户打开某个业务表格的录入页面录入数据并存入数据库时,系统根据用户的要求,从配置信息中读取该表单的配置参数,动态生成提交页面给用户使用。因此,不管用户需要录入哪个业务表格,实际都是针对同一个动态页面做提交操作。

这种动态表单提交方式,将大大缩短开发时间,维护起来也方便,当需要修改表格项或新增表格时,把表格项信息在配置表中重新配置即可。当新增加业务表格时,只需要按要求配置具体的信息即可,这些工作非专业人员都能完成,这种设计方式很好地弥补了传统方式的不足。

3 设计与实现

3.1 配置参数设计

配置参数的存储形式可以是数据库表、文本文件、XML格式的配置文件等,这里用数据库表来存储配置参数。

配置表类似数据库中的系统表,配置表ER图见图3所示,其中“表名”、“字段名”、“字段类型”、“字段长度”、“是否为必填项”必须与具体业务表格在数据库中建的表相一致;“表中文名”、“字段中文名”是指在通用编辑表单页面上显示的标题内容;“字段页面显示样式”是指字段在页面上的显示样式,这里用固定单词SELECT、TEXT、TEXTAREA、DATE等来区分下拉框、输入框、文本框、日期型样式,“在页面上显示的次序”表示通用编辑页面上各表格项的前后布局位置情况;“默认值”指通用编辑页面上各项初始化时的默认显示项。这些参数的使用都体现在下面算法中。

3.2 动态表单域设计

为方便描述,我们用最简单的JSP+JAVABEAN方式来实现WEB上的表单提交功能。

该设计方案需要一个数据库操作对象,这里命名为Op DBBean.java,需要一个动态表单提交页面,命名为Public Edit.jsp,一个动态表单处理页面Public Edit Post.jsp,具体的实现方式见图4中的序列图所示。

3.3 程序实现

从上述序列图中可以看出,实现的关键是“5、生成动态提交页面”和“8、生成SQL处理语句”两段程序。

3.3.1 生成动态提交页面的程序

提交页面布局思路:用一个两列的表格来分别存放内容项的标题和输入框。为了页面的美观,隐藏表格的表格线。

页面提交时的输入内容校验可以有多种方法,如果使用struts、Spring等框架,还可以用这些框架定义的标签,这里使用了自定义标签,这样输入内容可以根据自定义标签用JS来实现校验。自定义标签说明:chname指输入域中文名,当输入内容出错时可以用中文来提示出错的输入域;maxsize指输入最大长度控制,避免存入数据库时的超长输入错误;isnull指是否可以不填,可校验页面是否是必填项;datatype指数据类型,可判断用户输入的数据类型是否正确,比如是否在文本框中输入了整数等。

另外一个值得一提的是,输入域中如果是下拉列表选择项或单选项的,这里我们把选择项另外存储(例如使用数据库表等),并且设计成可以通过表名和字段名来获取这些选择项,这样这些选择项即能独立管理又能方便编辑页面的获取,这里不详细描述了。

具体生成动态提交页面的程序如下所示:

<%=参数.表中文名%>录入页面

for(int i=0;i<参数个数;i++)//循环该表中每个参数对象

{

}

<%=当前参数对象.字段中文名%>

if(当前参数对象.字段页面显示样式.equals Ignore Case("text"))//输入域样式为text

{

}

else if(当前参数对象.字段页面显示样式.equals Ignore Case("select"))//输入域样式为下拉选择框

{

Array List the List=Type Bean.get Type List(当前参数对象.表名,当前参数对象.字段名);

//根据表名和字段名得到预设该下拉框中应该显示的输入信息列表

}

else if(当前参数对象.字段页面显示样式.equals Ignore Case("radio"))//输入域样式为单选项

{

Array List the List=Type Bean.get Type List(当前参数对象.表名,当前参数对象.字段名);

//根据表名和字段名得到预设该单选项的所有选择项

for(int j=0;j

if(当前参数对象.默认值.equals Ignore Case(列表中当前项))//与默认值相同则选中

<%=列表中当前项%>

else

<%=列表中当前项%>

}

else if(当前参数对象.字段页面显示样式.equals Ignore Case("textarea"))//输入域样式为文本域

{

}

else if(当前参数对象.字段页面显示样式.equals Ignore Case("date"))//输入域样式为日期

{

}

3.3.2 生成动态SQL处理语句的程序

在生成动态提交页面的程序中,我们可以看到页面中各输入域的名称都是以参数中的字段名命名,这是该程序的一个巧妙之处,这样该页面提交后各输入项内容就能很方便地通过表中各字段名来获取了,这样提交后SQL处理语句可以通过获取各输入项内容来动态生成。

表单提交的动态SQL处理语句的实现程序:

String tmp Field Str="";//表中字段名拼成的以逗号分隔的字符串

String tmp Value Str="";//各输入项内容拼成的以逗号分隔的字符串

for(int i=0;i<参数个数;i++)//循环该表中每个参数对象

{

tmp Field Str=tmp Field Str+当前参数对象.字段名+",";

String Int Value=request.get Parameter(当前参数对象.字段名);//通过字段名获取输入值

if((当前参数对象.字段类型.equals Ignore Case("integer"))

||(当前参数对象.字段类型.equals Ignore Case("real")))

{

if(int Value==null||int Value.equals Ignore Case(""))int Value="0";

}

else if(int Value==null)int Value="";

tmp Value Str=tmp Value Str+int Value+",";

}

tmp Field Str=tmp Field Str.substring(0,tmp Field Str.length()-1);//去掉最后一个多余的逗号

tmp Value Str=tmp Value Str.substring(0,tmp Value Str.length()-1);//去掉最后一个多余的逗号

String sql="";//最后生成的录入SQL语句

sql="insert into"+参数.表名+"("+tmp Field Str+")values("+tmp Value Str+")";

4 应用

一般MIS系统都是针对机构、部门进行管理的,这里我们以物业管理系统中的“部门大事记”这样一个表单为例来说明如何应用本方案,不需添加多余代码即可实现这个表单管理。

假设部门大事记包含以下内容:部门名称、事件类型、标题、时间、内容、备注、记录日期、记录人。我们根据这些内容在数据库中创建一个表:部门大事表,并设该表的主关键字“流水号”为自动增量字段。

并在“表单编辑参数配置表”中配置如下记录:

然后调用通用编辑页面,传入参数,如:http://发布路径/Public Edit.jsp?tablename=T_BMDS。即可显示如图6所示的编辑页面,在该页面上录入信息点击“确定”按钮,系统校验录入内容后把录入内容存入数据库中。

5 结束语

这种利用配置思想实现的动态生成提交页面的方法使得MIS中的表单编辑的开发和维护费用降低,开发速度加快,开发人员减少,而配置方式不仅提高了程序的复用程度,而且其适应性、灵活性和可扩展性也增强了。这种应用配置思想的设计本身是一个循环迭代的过程,它在不断应用于实践的过程中得到更新和提高。下一步工作要在该方法上不断进行改进,对于多表单复杂编辑的配置方式还需要进一步探讨。

摘要:基于WEB的MIS系统正在日益普及,本文叙述了基于WEB的MIS系统中表单域编辑的一种动态实现方案,讲述了该方案的设计原理,并与传统方式进行比较,特别针对该方案的实现程序进行了详细的分析和解释,文中还通过一个典型的例子阐述了该方案的应用。

关键词:WEB,MIS,动态表单域

参考文献

[1]刘友生,陈一平,胡浪.基于数据表的动态表单处理技术[J].计算机工程与应用,2004(34):199.

[2]张严林,胡战虎,张江洋.JAVA WEB框架动态表单域编程在物业管理中的应用[J].广东自云贵化与信息工程,2005(3).

动态标志设计与应用 篇9

随着数字技术的飞速发展,动态媒体也有了新的发展。在《什么是动态媒体》[1]一文中,作者Steve Kilisky从用户体验的角度谈到了(广义)动态媒体:它首先是作为静态媒体[2]的对立面存在的,它在人们在消费或者创作媒体(内容)时,能够发生实时的变化。关于动态媒体的类型,他举出了“向后靠”的动态媒体,如电视。“向前靠”的如计算机,以及“低头看”如现在的平板电脑。他提出动态媒体不仅仅是交互式的程序,而是综合了视频、音频、动画等多种媒体以及互动性的富媒体体验。

从媒体分类的角度来看,动态媒体属于表述媒体。表述媒体指传输感觉媒体的中介媒体,是人为构造出的一种媒体。据此,当下常见的可视动态媒体包括:视频(video),动画(animation),动态图形(motion graphics)。三者的区别在于视频通常以像素为单位,可以是通过采集(拍摄)取得,也可以是通过特效软件生成(如Adobe After Effects);而动画通常是通过具象的角色讲述一定的故事情节,通过人工制作或者计算机生成,而动态图形则是抽象的图形为主,一般不包括角色和故事情节。这三种媒体形式与传统的图形标志结合之后,就形成了动态标志。动态标志的本质仍然是标志,拥有常规标志本身的所有含义,这通常包括:一是包括高度浓缩与提炼的信息,二是形式与内容的一致性,三是在应用中通常占据较小的(与整个版面相比)固定区域。动态标志通常认为是一种变化着的标志(changing logo),它至少包含一个可变的要素,同时这些要素往往附着于其图形外观的维度上,可以是单维度的,也可以是多维度的。

动态标志与一般标志核心的差异是通过内在的可变要素而不是外观形式体现出来的。通常情况下,我们会把时间理解成一种可变的要素。当然时间只是动态标志的一种可变要素,也是最常见最易理解的一种方式。但当用现实的眼光来看的话,这种可变要素应该还包括位置和环境等因素。即当标志的外观形态其中的一个维度或者多个维度具备时间、位置或者环境等可变要素时,才具备了发生变化的可能性。当动态标志随时间变化而变化,可以被简单的称为“运动标志”,当随使用环境变化而变化,这时标志往往拥有多个并列的状态,可以被称为“多态标志”,也可以被理解为非连续变化的运动标志。接下来本文即从标志的动画化,过渡型的动态标志,完全的动态标志,特殊的动态标志与多态标志等几个方面来分析动态标志在当前的种种表现形式。

标志动画是一种常见标志应用方式,很容易联想到动态标志,但是两者之间存在本质的区别,严格的讲,动画标志不能属于标志的范畴,而属于动画的范畴。标志动画的本质是将原有的静态标志动态化。理论上静态标志与动态标志是可以互相转换的,当静态图形添加了变化的要素就形成了动态媒体,反之亦然。动画标志早已成为一个常见视觉要素,在广告的结束同通常以一段简短的品牌标志动画收尾,作用是再次强化品牌形象。动画标志相比其相应的静态标志,特点是其连结了更多的信息使其外观精致化,从而更加具备视觉吸引力。图1为著名科技网站ENGADGET的标志,图2为其视频中所使用的经过精致化的标志,具备了三维的形态,光效以及弹出式的运动效果,同时还搭配有充满科技感的音效。从本质来说,标志动画仍然有很大的局限性,如一般的标志动画可重复播放性较差,显示区域与原标志相比过大等等,因此标志动画无法直接代替原有静态标志的使用,但是它为动态标志的出现与发展打下了基础,而且为动态标志的设计提供了宝贵的灵感,如图3,图4。

相比较视频领域的标志动画,真正动态标志的应用领域仍然有限,在这种情况下就出现了过渡型的动态标志,其特点一是能够应用于各种媒介,无论是印刷媒体还是数字媒体;二是其动态变化有限度,通常为简单的变化方式,方便了动态标志的实施,不会过于依赖技术。大家所熟知的索尼爱立信的企业标志就是典型的过渡型动态标志。作为一个产品标志用于产品上时它是一个静态的立体形象;在平面媒体它仍然体现出了立体感,透明塑料的材质感以及某种动感。而在电视广告、网站等应用环境中表现为有限的动态标志:穿过两个透明区域可以看到一个绿色的小球半球中弹动,而这两个透明区域的形态兼具字母S和E的特征,除了带有平面媒体的一切特征之外,标志整体还具备了些许动感,让看惯了静态标志的观众有眼前一亮的感觉。

日本设计师Takuya Kawagoi带领的设计小组完成了这个标志的设计任务。标志的定位要求是能像“旧”媒体表现的一样既有视觉冲击力,又具有动画效果。“流动的形象”和“另一个自我”是这个标志要体现的两个关键元素。他在解释设计灵感时说:“流动的形象是指当你看见它的形状和颜色时能够产生动感……移动电话已经成为最个性化的东西之一,犹如你身体的延伸,我们还往前推进了一步:要是它变成了‘另一个自我’会怎么样呢?……这个标志能表达出我们全部的感情和行为,它可以是平静安详的或者是活泼驿动的……”[3]

也有更多的动态标志是从设计初期就考虑标志的动态效果,静止的状态反而退化为了动态标志的其中一帧或者一个状态,这就是完全的动态标志。品牌代理公司Interbrand为俄罗斯投资公司Troika dialog4设计了全新的标志(如图4),并声称这是世界上第一个真正意义上的动态标志。其特别之处在于该标志仅以动态的形式存在。在VI使用规范中要求只要条件许可则尽量使用此动态的三维标志,同时也存在若干特殊的静态版本用于印刷。

该标志的设计灵感来自童年时的游戏“翻花绳”:图形部分由线条交织而成的红蓝绿三色的三角形静止形态初看毫无规律,而在运动形态中,线条和图形依次出现,随着线条的移动、显现与消逝,标志整体好像是在旋转,又好像是镜中反射的运动,又好像是几种效果交织在一起,形成了令人难忘的印象。这些诸多彼此连接的线,旨在代表在这个快速变化的世界中人与人之间的互动,流程,交流中的许多不同的级别和作用。Interbrand认为设计标志使用简单的二维形式的时代将逐渐过去,企业沟通的方式将逐渐转换到虚拟现实的方式,“在虚拟的空间中,我们的标志是三维的,它是动态的。即使是打印的版本也总是不同的、甚至在每张名片上。”

动态标志的变化方式绝大多数的情况下都是由设计师预先设计的,当然也有例外。网站Visit Nordkyn的标志就是变化要素来自环境的最好例子(如图5)。挪威的诺尔辰角(Nordkyn)位于欧洲的最北部,天气特别寒冷,但是风景特别迷人神秘。当地政府为了推广该岛的旅游资源而设立了观光网站Visit Nordkyn(http://www.visitnordkyn com/)。当刚打开这个网站的时候,访问者会发现该网站的标志会发生变形,并最终停在一个看似随机的形态上。当鼠标滑过这个标志时,可以看到标志旁边显示出气象信息。过了一段时间之后,当再次访问该网站,会发现网站标志的形态、色彩和旁边显示的信息都发生了些许变化,那么访客会下意识的想到该网站的标志可能会和旁边的气象信息相关联。事实正是如此,标志的基本形态与配色由挪威气象局提供的气象统计数据所决定,根据气象局所提供的数据中的风向及温度的数据变化,标志也会随之而产生变化。在网站上,标志会每五分钟更新一次。

该网站由位于挪威奥斯陆的Neue Design Studio设计公司设计,他们为其开发了一个能够根据实时天气情况而自动使网站标志发生变化的系统,其设计理念是“这里(诺尔辰)处处由大自然支配,连网站标志都是随着风向和温度变化的。”这个标志的特点在于:一是它的形态并非由设计师预先设定,而是根据外部环境的变化而变化,设计师所作的是设定两者之间的关系;二是该标志并非连续变化,表现为片段式的形象,这一方面是技术原因,即气象信息更新的频率不可能像屏幕刷新的频率那样快另一方面天气一般也不会发生相当剧烈的变化。所以在外观上很难直接看出该标志在进行显著的变化。

动态标志的变化不一定是连续的,之前提到了时间作为动态标志的变化要素当选择的时间点不是连续的时候,那么动态标志所呈现出来的外观变化就不是连续的,推广开来,当动态标志中的可变的要素所发生的变化不是连续的时候,就形成了另外一种形式的动态标志——多态标志。上面提到的Visit Nordkyn网站标志就可以看多是一种多态标志。多态标志还可以看作是一种中间产物,介于常规标志与连续变化的动态标志之间,一方面是作为常规标志的衍生物存在,一方面它也能够将多个状态转变成连续的动态标志。

另一个例子是Google的网站标志。每逢重要的节日或者纪念日,Google就会将其标志据此重大事件作为主题对其标志进行重绘,称为Google Doodle,即涂鸦的意思。如果我们把这个过程快放的话,这也可以看作是一种特殊的动态标志。它也是依据时间的变化而变化的,只不过这个时间并不是连续的。Google Doodle的变化丰富多样,其不仅仅是随时间的变化,而且随着地域的不同而不同。例如在2011年5月20日这天的Doodle在荷兰,其主题是纪念荷兰女作家安妮·M·G·施密特诞辰100周年(如图6),而在德国,奥地利,瑞士三个国家的首页上主题是纪念德国发明家埃米尔·贝林纳诞辰160周年(如图7)。

除此之外,动态标志不仅仅限于信息的单向传达,在技术的支持下原有的标志区域内还能够实现的更多功能。在2011年6月9日那天,为了纪念电吉他之父莱斯·保罗诞辰96周年,Google首页的Logo被设计成一个电吉他(如图8),并且鼠标滑过会发出动听的乐声。人们可以通过键盘或者鼠标来弹奏这个“电吉他”。这给我们的启示是,在标志有限的空间内,借助计算技术与动态媒体的形式,标志的形式与功能可以有几近无限的应用形式,其不光能够产生时间性的形态改变,甚至能够发生互动性的变化。

在各种媒体争抢用户注意力的时代背景下,在显示媒体中应用动态化的视觉元素就显的更加重要了。动态标志作为动态元素的一种类型以及屏幕媒体中的点睛之笔,其重要性不言而喻。动态标志带有更多的趣味性,能够更有效的吸引用户,在同样显示区域内,能够更有效率的传达信息,而且具备互动显示的潜力,即人的在界面上的操作也成为一种变化的属性。Steve Kilisky说“if it don't move its dead.”,可见“动态”已经不是一种可有可无的视觉效果,而是一件数字媒体产品所必备的元素。可以预见的是,随着传统印刷媒体的电子化,如电子报纸和电子名片的普及和广泛使用,动态标志的发展潜力是巨大的。在不远的未来,动态标志将会在更多领域中代替静态标志。

参考文献

[1]关洪.动态标志与静态标志之比较[J].湖南农机,2007(7):174~175.

[2]姚文婷,张永宁.小议新媒体环境下动态标志的特征[J].包装世界,2010(4):95~97.

动态标志设计与应用 篇10

1.1 关于Flash

Adobe Flash是美国Macromedia公司于1996年推出的优秀网页动画设计软件,它是一种交互式动画设计软件,可将音乐、图像、声效、动画等界面融合在一起,制作出高品质的网页动画效果。

1.2 Flash的功能

1.2.1 动画功能

Flash最根本的功能就是动画功能,而且Flash动画因为其档案小、速度快,并且是利用向量技术绘画,所以在网页中应用的非常广泛,且具有非常好的视觉效果。当你进入网页时,利用Flash制作的动态图像会同步跟网页进行下载,在极短的时间内呈现在你的面前。

Flash动画还有以下几个特点:

一是Flash对图文件的运算速度很快,能够使设计者设计出精致、满意的动画,而且可以控制动画的快慢节奏;

二是Flash动画可以在屏幕上等比放大而不影响效果,因为采用了向量绘图技术,Flash的文件都是矢量文件;

三是Flash在网页设计中,增加相同组件,使相同组件产生不同的效果时,不需要重复设计,而且不会增加档案的大小。Flash的这些功能使设计的网页变得更加的丰富和美观,不会像没有经过动画设计的网页那样简单而且缺乏新意。

1.2.2 音效功能

Flash的音效功能可以说是在动画上的锦上添花,动画和音效的组合在网页上普遍应用,而且设计者可以根据不同的场景和时段配合不同的音效,当那个场景或画面需要音效时,设计者可以通过时间轴来进行自如的控制,画面出现,音效随之出现。

1.2.3 互动接口功能

Flash最神奇的地方就是可以创建互动接口,使用者可以通过这个模板进行互动,搜索自己想要了解的网页信息,而更可贵的是通过Flash可以设计出独特的面板,而不需要随波逐流、千篇一律。

2 Flash在网络媒体中的应用

目前,Flash是网络动态图像的应用标准,因其文件小、效果好、交互功能强的特点,被广泛应用于网络动画、网络广告、网站片头、教学课件、网页游戏等。

2.1 网络动画上的应用

动画需要包含文字、图像、音效等元素,利用Flash制作网络动画可以创造一定的娱乐价值。制作动画的过程就跟拍摄一部电影一样,中间需要控制场景的光线、角度、色彩、焦距、音效等,来营造一个可以吸引人眼球的动画场景,通过图像、音效的配合来支配观看者的情绪,这也是数字科技影响人们的层面,同时也是它的娱乐价值。

2.2 网络广告上的应用

网络营销最常用的方法莫过于网络广告,而为什么会选择网络广告呢?美国交互广告署的一篇研究文章中介绍了选择网络广告的28种理由,其中包括了增加品牌认知度、有助于建立客户数据库、带来网络访问量、优化广告投放率等。

那么为什么Flash的网络广告能带来这么好的效益,笔者认为有以下几个原因:

一是体积小、效果好,Flash的网络广告采用的是矢量图和流式播放技术,这样就保证了广告播放的效果和速度,而且通过Flash生成的(.swf)动画体积小,可以直接插入到网页上;

二是可跨媒体播放,且制作、修改成本低,Flash的广告除了可以在网络上播放外,而且可以在电视、手机等载体上进行发布和传播,而且制作和修改的成本比传统的广告成本低很多;

三是视觉冲击强,Flash的广告表现形式很丰富,能够更容易地吸引消费者的眼球。

2.3 网站片头上的应用

现在很多有名的网站和企业网站都会在进入网页之前有一个几秒钟的动画开场,这几秒钟的动画有炫目的图像和音效播放,这短短的动画可以带出企业的精神和整个网站的设计风格。

如大家都比较熟悉的QQ空间,就有这样的动画导航,会给人一种美感。同样一个企业的网站,如果在进入网页之前有这样一个动画,会给浏览者一个良好的形象,如果在企业标志上做一些动态的效果,可以让浏览者有一个较为深刻的印象。

2.4 在教学课件上的应用

Flash可以将文本、图像、音效和视频等多种信息进行集成,还提供了多种交互工具,因此可以创建出具有交互功能的课件,那么使用者就可以通过鼠标等工具与课件进行交互,满足使用者的需求。还有Flash是通过向量技术绘画的,因此制作出来的课件可以等比放大,而不会影响课件的播放效果,同时因其体积小,图像运算快,可以在网络上很流畅的进行播放,满足使用者。

2.5 网页游戏上的应用

Flash的网页游戏是通过交互接口进行创作的,首先创建一个虚拟的交互媒体空间,然后通过交互式媒体将文本、声音、图像等整合,作双向沟通,进过交互沟通渠道进行信息的反馈,进而使网页游戏与使用者产生互动,如现在在网络上流行的传奇、天龙八部等都是Flash游戏,而且还有许多的小型游戏都是通过Flash制作完成的,如连连看等。

对Adobe Flash在网络中的应用进行了论述,了解到Flash在人们的生活中的应用,不管是在网络上还是在教学和娱乐上,都与人们的生活息息相关。而在Flash的发展道路上,还需要更多的专业人士共同能力,才能有更好更多的成果呈现在人们面前。

摘要:随着时代的不断进步,网络技术也得到了前所未有的发展,Adobe Flash在网络上的应用范围也越来越大,而动态图像在网络媒体上表现手法成为吸引浏览者眼球不可缺少的元素,随着人们对网络设计的需求,Flash不仅在网络媒体上被广泛应用,而且也不断地渗透到了其他领域。文章就Adobe Flash的功能及其在网络媒体中的应用进行研究。

关键词:Adobe Flash应用,动态图像,网络媒体

参考文献

[1]陈青,刘时燕.Macromedia Flash MX标准教程.人民邮电出版,2002.

动态标志设计与应用 篇11

【关键词】:计算机过程级;炉气分析;动态模型; 静态模型。

中图分类号:TP273.5 文献标识码:A 文章编号:1003-8809(

一、引言

近年来,计算机过程级控制冶金行业得到了广泛的应用,目前在国内的多家钢厂都在不同规模上实现了计算机控制。为了提高产品的产量和质量,扩大品种,降低成本和消耗,稳定生产工艺,在转炉上使用计算机过程控制已经成为必要。

二、系统概述

本文所陈述转炉,为无副枪顶吹型式,与大方坯连铸机构成了产能匹配的短流程生产线。该转炉动态炼钢控制系统运行稳定正常,能够完成动态炼钢对数据的需求。本系统主要完成实现了的生产管理,包括生产作业状况显示和传送等;并对吹炼开始、吹炼结束等状态进行跟踪;能够对相关的数据进行采集,并进行存储、记录;实现了对主料和辅料的计算及管理;实现了对废钢、生铁的配比及称量的管理;能够打印各种报表和记录;能够对转炉的作业时间进行管理;实现了与连铸机、化验室等计算机通讯。

三、主要的特点、特征

(1)基础级到计算机级数据传输程序设计:50吨转炉数据传输的控制程序通过使用西门子公司专用的编程软件STEP7,并采用LAD、CSF、STL三种灵活的方式编制而成。整套控制程序采用模块化/结构化编程方法:控制程序分为若干控制部分,每一部分的控制程序及数据分别编制在不同的FC、FB以及DB程序块中,并由主程序OB1在每次扫描周期中依次调用来实现各自的控制功能;此外,在每一个程序块中,加以详细的注释以进行说明。这种编程方法使得程序的查阅、功能的扩充及修改变得更加容易,大大增强了程序的灵活性、可读性、实用性和维护性。

(2)炉气分析系统通过对转炉炉气(如CO、CO2、N2、O2Ar等)进行分析,实现对冶炼进程的检测。

(3)数据传输控制系统中的监控系统,具有数据录入、显示、传送、自诊断/报警、历史趋势记录等功能,为动态炼钢提供了正确无误的数据和对原始数据的记录功能。

四、关键技术

(1)氧枪精确定位控制:

在转炉炼钢生产中,基础控制级的氧枪定位的精确性直接影响吹炼终点的钢水温度和碳含量,同时,对生产安全和炉龄、枪龄也有很大的影响。因此,我们将氧枪定位作为一个重点技术问题解决,硬件上采用德国TURCK增量型编码器和西门子FM450高速计数模板配合,完成氧枪位置信号的采集。定位数据的处理采用点线结合的方法,对于极限位、待吹位、开氧/闭氧位、变速位等需精确定位的关键点,采用10次往返计数值加权平均的方法,以抵消提升加速和下降加速引起的卷扬钢绳弹性形变所造成的定位误差。对于纵轴线上的枪位显示数据,则采用自动定量补偿和人工校准相结合的方法予以处理:即当氧枪提升和下降的过程中,在编码器读数的基础上,分别加或减一个补偿量,这个补偿量是对氧枪1000次往返读数与实测枪位误差的统计处理结果,用这一数据补偿,在氧枪的工作行程上,可以达到+/-2CM的定位精度,完全能够满足枪位指示的精度要求。另外,为提高系统的可靠性,通过MMI设置了枪位校准按钮,当控制误差较大时,可以把氧枪下降到校准点,按下校枪按钮进行软手动校枪,此时定位系统自动初始化,恢复设定精度。

(2)炉气分析系统:

转炉动态炼钢炉气分析系统分为三个部分,即EMG模块、SPS模块和图表站。其中EMG模块运用于DOS下,主要实现数据的分析;SPS模块运行于UNIX下,主要用来采集控制阀(气体阀)的参数;图表站用来实现气体含量的显示。

转炉动态炼钢系统炉气分析采用俄罗斯EMG-20-1型飞行时间质谱仪,质谱仪的原理是将采集到的炉气气体样品引入电离区,通过电子撞击,电离原子和分子以形成带正电荷的离子。经过固定电势的加速电场,具有相同初始功能的离子被抛出。按照离子质荷比的不同,在无场的漂移空间离子得以分开。离子的分离依靠离子在无场漂移区的飞行时间与其质荷比的相关性。在具有相同功能的情况下较轻的离子较之较重的离子具有更高的速度并能较早到达检测器。通过质谱仪在时间刻度上的图谱记录和对这些数据的处理可以确定混合气体的成分及百分比含量。现在根据分析的CO的含量可以来指导转炉的煤气回收,根据H2的含量可以判定氧枪是否漏水。

(3)静态控制模型:

静态控制模型的主要任务是根据原料的条件寻找最佳的原料配比,并根据已知的配料确定冶炼的方案。转炉静态控制模型是转炉炼钢计算机终点控制的核心,其精度直接影响到终点钢水碳含量与温度同时命中率的高低。依据建立模型方法的不同,静态控制模型有理论型、统计型和经验型。

(4)动态控制模型:

转炉动态控制模型则是对静态控制模型精度的补偿。根据物料平衡、能量平衡、化学动力学、化学热力学等理论,以及炉气分析结果建立脱C速度计算模型、温度变化计算模型、其他元素变化计算模型等,采用增量校验技术和神经网络技术实现对分析结果延误的矫正和系统误差的消除,提高转炉的终点命中率。

动态控制模型主要由爐气定碳模块、温度预报模块、喷溅预报模块、冷却剂控制模块构成。模型的自学习、自适应功能的实现是提高模型精度和使用性的关键。根据具体方式的不同,模型对误差的处理方法大体又可分为数值处理方法和人工智能方法两类。

(5)管理功能:

炼钢生产是物流和信息流密集的生产过程,保持物流和信息流的顺畅,是生产管理的重要环节,转炉动态炼系统为过程级控制,信息采集、处理功能强大的监控软件,为实现部分过程级控制功能提供了可能,基于这一情况,在自控系统中开发了辅助管理功能。这一功能主要侧重两个方面:生产数据采集和上传,操作指令记录和设备状态记录。

五、结束语

动态标志设计与应用 篇12

在传统的搜索引擎上, 当我们执行搜索的时候, 我们已经习惯于看到在服务器上执行搜索的同时, 页面由于所要查询的数据的时间过长出现的页面固定状态。为了消除停顿, 一些开发者使用了帧、IFrame和弹出窗口 (pop-up window) 来避免网页被固定住、丢失滚动位置等等问题。帧和弹出窗口使得处理过程在网页的另一部分中继续进行, 这样用户仍然可以对引发操作的表单部分进行操作。用户不仅可以操作表单, 而且可以执行其他Java Script函数。

帧和弹出窗口有其他一些额外的好处。使用帧的解决方案允许在仍然可以看到搜索表单元素的同时, 滚动浏览返回的记录。弹出窗口则允许在单独的窗口中显示结果, 从主窗口中分离出处理过程。通过一些父/子窗口之间的通信, 可以将数据从子窗口传送给需要返回结果的父窗口。在用户需要一些特定信息, 而这些信息又难以记忆的情况下, 弹出窗口非常适于在大的表单中增加搜索功能。弹出窗口可以设置成处理结束后就关闭, 这对于执行没有返回数据的更新操作是很有用的。

在帧搜索过程中, 底部的帧负责向服务器提交搜索请求, 并且处理搜索的结果。使用底部帧来启动搜索, 使得窗口顶部的帧对于用户仍然是可访问的, 而不像传统搜索那样, 页面的所有功能都无法访问。

尽管这些解决方案解决了前面谈到的问题, 但是他们也引入了新的问题。主要的问题出现在导航功能上, 因为我们不知道帧会对浏览器产生什么作用。例如:回退按钮是如何影响帧的?帧是否会将我们带到正确的页面?是否会破坏帧集?他在什么场合恰好不起作用?为了解决这个问题, 我们不得不将检测帧的脚本包含在页面中, 这给应用增加了更多的负担, 既产生了更多需要管理的代码, 也增加了代码的复杂度。

另一方面, 因为越来越多的用户起用了弹出窗口拦截器, 弹出窗口受到了这些拦截器的拦截。弹出窗口有的时候是由浏览器自动生成, 例如onload或者onunload事件所启动的弹出窗口。Onload弹出窗口往往被滥用作为广告窗口, 所以他们经常遭到拦截。弹出窗口还会产生一些其他问题, 例如当子窗口出现在他的父窗口之下的时候, 由于被父窗口覆盖而无法看到弹出窗口, 这种情况成为pop-under。

尽管帧和弹出窗口解决了传统表单提交的固有问题, 但是也引入了另外的问题。解决这些问题的新的方法就是使用Ajax。Ajax独立地处理浏览器页面中的服务器通信, 可以播放动画, 并且维持页面的状态。我们无须担心诸如弹出窗口拦截器以及用户误以为窗口被固定而关闭窗口等因素的影响。

1 Ajax技术应用于搜索的原理介绍

1.1 界面处理技术

“Ajax搜索”技术将传统的搜索改造成动态搜索, 以改善一些搜索功能。执行这样的搜索不会向服务器提交整个页面, 这意味着可以维持页面的当前状态。此外, 因为结果是通过inner HTML或者使用其他DOM方法显示在浏览器中的, 所以运行Java Script和Gif动画不会有任何大的问题。

假设我们有一个搜索触发了一个长的数据事务, 导致了页面的锁定。Ajax技术常常采用两种方法解决。第一, 当开始数据库事物的时候, 可以启动一个动画。当我们开始输出结果的时候, 可以把动画图片的CSS display属性设置为none, 这样动画就消失了;第二, 在显示结果的输出位置放置上一个动画图片。当事物完成之后, 用结果信息替换Gif图片。不管用哪种方法, 用户仍然可以在XMLHttp Request对象处理服务器数据的同时使用表单。

1.2 客户端结果处理

当服务器返回动态搜索的结果时, 我们常常采取两种方法。第一种方法, 我们在服务器端创建一个XML文档, 然后客户端的Java Script代码调用XML DOM方法, 在客户端遍历XML节点并创建结果表格。这个过程使用了两次循环。第一次循环是在服务器创建XML文档的时候, 第二次则是在客户端创建HTML表格的时候。第二种方法, 在服务器端建立HTML表格而不是XML文件, 然后把它发回客户端, 我们就可避免客户端的XML DOM循环。但是这些方法都有不足之处, 他们都需要遍历全部数据并且动态创建表格。如果我们需要修改表格的格式并且表格格式复杂, 这将是一件非常乏味耗时的工作。

为了避免这个问题, 本文采用一种方法是使用XSLT。通过将XSLT文件和XML文档合并, 并且显示结果, 从而避免了手工调用DOM方法。如果开发者熟悉XSLT, 却不是很擅长编写Java Script代码的话, 这可能会是一个绝佳的解决方案。

2 搜索功能的Ajax实现

2.1 动态搜索功能简介

我们以一个根据用户姓名搜索一个电话簿为例, 具体介绍动态搜索功能的具体实现过程。其中涉及到客户端和服务器端两部分。图1展现了整个功能的实现过程。

2.2 网络防御技术发展现状

我们要建立一个根据姓名搜索电话簿的动态搜索。我们使用一个文本框和提交按钮来实现它。首先在客户端创建一个包含文本框和提交按钮的表单, 代码如下:

其中, onsubmit事件处理函数调用了函数Grab Number () , 该函数启动了XMLHttp Request请求, 而没有将表单提交到服务器。

元素是搜索答案输出的位置。其中必须注意的是onsubmit事件处理函数在执行时必须返回false。这会通知浏览器, 表单不应该提交给服务器, 以免触发整个页面的刷新和打断表单中Java Script程序。

2.3 启动搜索过程

在这个动作里我们用到了服务器上的两个文件:XML文档和XSL文档。其中XML根据客户信息动态生成, XSL已经建立的静态文档 (因为它是静态的, 所以服务器没有必要在客户端请求它的时候建立, 而可以实现把它建立好) 。

通过Grab Number函数启动XMLHttp Request对象。Grab Number函数见如下代码

这个函数处理服务器调用所需信息, 设置一个“i n progress”图片, 然后执行服务器调用, 服务器基于发送的查询字符串的值动态创建响应数据。load XMLDoc () 函数的第一个参数url XML是生成XML文档的URL, 这个URL组和通过引用HTML表单字段的值创建的查询字符串。第二个参数是XSLT文件的名称。第三个参数是现实搜索结果的div的ID。

接下来使用DOM方法为Web页面添加loading图片。首先将新建的图片元素附加到div上。当函数被表单的onsubmit处理函数调用时, 它会将图片文件加在页面中。防止用户误会页面时静止的。

2.4 服务器端实现过程

服务器端根据数据库查询结果集动态生成XML文档。本文在这个部分也将详细介绍如何创建静态XSLT文档。XSLT文档位于服务器上, 每次请求动态文件的时候都要重新获取它。当请求的两个文档到达客户端, 客户端对动态XML文档执行XSLT转换, 创建显示给用户的HTML表格。

2.4.1 创建XML文档

(1) 设计X M L结构

在开始创建XML文件的模版。这个模版应该能反映出搜索所返回的数据的结构。对于电话簿的例子, 我们将返回公司名称、联系人姓名、国家名称以及电话号码。包含这四个基本字段的X M L模版见如下代码。

(2) 创建动态XML文档

我们在服务器端创建XML文档。首先访问相关数据库, 构造SQL查询字符串, 使客户端代码传来的request参数组装WHERE子句。然后我们遍历结果集, 遵照基本模版, 在XML文件中为查询返回的每个电话条目创建一个entry。

为了使这个动态生成的XML文档能够工作, 我们必须将文档类型设置为text/xml;如果跳过这步, XSLT转换可能就无法进行, 特别是在浏览器Mozilla和Firefox中。具体实现代码由于篇幅有限, 不再赘述。

2.4.2 创建XSl T文档

我们需要几行代码就可以使XSLT将XML文件转换成漂亮的HTML表格。我们通过使用XSLT遍历源树节点来显示数据。XSLT使用结构化的XML文件, 并将它转换为易于更新和修改的可视化格式。XSLT文档是静态定义的。

(1) 解释XSLT的结构

X S L T转换包括了将源树转换成结果树的规则。这个XSLT处理有模式匹配构成了当一个模版匹配某个源树元素的时候, 模版就建成了相应的结果树。

结果树的机构不一定要和源树的机构有关。既然他们可以不同, 我们就可以将一个XML文件转换成我们想要的任何格式。我们并不是一定要生成一个表格形式的数据集。

这个XSLT转换被称作样式表示因为它为结果树设置了样式。样式表包括的模版规则有两个部分。第一部分是模式, 用来匹配源树的节点;第二部分是模版, 包含了创建结果树所需的标签。当找到一个匹配的源树节点时, XSLT处理器就使用模版来创建一段结果树。

(2) 创建XSLT文档

本文只是生成一个表格, 所以不需要任何特殊的模式匹配, 而是直接遍历源树的元素节点。我们将要开发的模版会输出一个有四列的HTML表格。这个项目的XSLT文件见如下代码:

2.5 合并XSLT和XML文档

我们要在客户端合并来自服务器的XSLT和XML文档。算法过程描述如下:我们首先加载XML和XSL, 同时注意判断是否两个文档是否同时加载完成。当两个文档全部加载完毕, 我们就可以执行XSLT转换了。值得注意的是, 当转换一个XSLT的时候, 不同浏览器在合并两个文档的方式上有所不同。我们给出两种浏览器的处理方法。

(1) 使用微软的IE。在IE中使用XSLT转换XML文档很容易, 只需要几行代码。我们使用transform Node () 方法, 它得到X M L和X S L T文档, 并将它们合并到一起:

我们首先检查浏览器是否支持transform Node () 方法, 通过测试浏览器是否支持Active X对象来完成这个工作。如果支持, 就调用含有XML数据的全局变量上的transform Node () 方法, 并将转换的结果加在结果元素的inner HTML上, 这样他就包含了最近格式化的搜索结果。

(2) 使用Mozilla。对于Mozilla, 我们需要使用XSLTProcessor对象, 用它来合并XML和XSLT文档。方法如下:

2.6 完成搜索

我们完成上述过程就可以测试一下动态搜索的功能了。我们在文本框输入文字, 点击搜索按钮来完成搜索。

如果结果需要进一步美化, 我们可以应用CSS规则来达到这个目的。

本文如果将相关脚本进行重构, 就可以成为一个面向对象的可充用组件。最后得到的组件可以作为容易使用的插拔组件快速加入到任何页面中。

3 结束语

应用程序的可交互性是开发者在选择应用实现的方式时必须权衡的重要因素。B/S模式的应用程序的交互能力不如桌面应用程序被广泛接受。Ajax技术为B/S应用程序提供了一个实现良好可应用性的选择, 采用它实现的客户端可以实现与服务器的平滑交互, 即不需要每次提交都要刷新页面。这就为搜索功能提供了很好的接口功能, 使用户在搜索过程中有了很愉快的应用体验。

摘要:本文介绍了一个通用的、高效的架构, 这个架构把Ajax模型整合到了动态搜索显示系统中。对于一般的搜索引擎的设计有一定的参考价值。

关键词:Ajax,XMLHttpRequest,XML,动态搜索

参考文献

[1]Dave Crane, Darren James. Ajax in Acition.北京:人民邮电出版社.2006.

上一篇:导入措施下一篇:统筹兼顾思想