◆王 义 于书媛 李亚龙 丁 娟

基于XML和 ASP技术Flash地震图文动态展示

◆王 义 于书媛 李亚龙 丁 娟

（安徽省地震局地震信息中心 安徽 230031）

为更直观对地震知识展示，本文在Flash有着强大的数据库和XML支持基础上，通过Asp读取Access数据库生成XML文件。在通过Flash加载XML文件，实现Flash中的XML类对外部文件管理，设计动态的地震图文展示平台。

Flash；XML；数据库；脚本语言；地震

0 前言

一般民众主要关注点在防震、抗震和地震逃生等领域，科研人员之间的专业交流，无论是文字、图形还是语言，对于普通大众并不十分理解和掌握[1-2]。网上宣传材料、广播或视频资料，虽有一定得教育意义，但缺乏准确性的判断。国外地震频发国家，一般通过专业网站（USGS、国家地震工程中心等）推出有趣的地震科普知识[3]。但国内地震科普知识的宣传平台较为零散，图形辅助设计不够生动，公众对其好感度不高[4-5]。

Flash是基于互联网的动画编程开发语言，与XML相结合可以方便地实现地震图文内容动态显示，且虚拟机支持在浏览器中的三维展示[6-7]。通过网络流媒体技术，浏览器中快速播放动画、创造精美的网页界面[8-9]。利用Flash技术，像大众传播地震科普知识，定会展现科普宣传的新途径10]。通过地震科普知识的掌握上入门，以平面设计的创新设计理念，形象表达地震科普知识[11-12]。

Flash技术在防震减灾中有着广泛的应用[13]，在提升科普宣传中起着重要作用[14-16]。随着Flash新版本的推出，通过其较强的编程能力，制作优秀的动画界面，把更多操作程序融合进去[17]。本研究拟在静态页面中植入动态的Flash动画网页，在地震科普知识学习和图形辅助方式分析，形成地震图文设计，实现地震图形辅助设计的系统应用。以期提升用户体验效果和艺术感染力，并对地震图文信息进行动态进行宣传和推广。

图1 主界面效果

图2 图层与时间轴

1 Flash中XML类分析

XML是Extensible Markup Language（可扩展标记语言）的简称，是数据共享、交换和处理的标准体系。使用它能实现诸多平台之间数据交换和动态内容生成，编译XML数据的应用程序有相应的所编写的XML数据接收平台[18]。Flash的XML解析器，能在Flash环境下接收和发送XML数据。通过ASP（ASP是动态服务器页面Active Server Pages的缩写）技术读取Access数据库生成XML（XML是Extensible Markup Langue的简写）文件[19]，在通过Flash加载XML文件，Flash中的XML类对外部文件管理，设计动态图文展示平台。

2 Flash动态平台设计

2.1 设计思路

利用Flash播放器或相关播放软件执行该动画，单击前后翻按钮查看图片、对应文字说明和影片简介等。此应用可作为地震图文信息产品展示、可实现图文更新，图片及文档均在外部XML文档之中，通过更新XML文档内容即可实现图文展示[20]。

2.2 制作过程

通过CS6软件制作文件背景图片（图1），以及Flash8.0设计制作图层面板和时间轴（图2），制作过程不再详述。

菜单栏主要包括网站首页、中心概况、新闻动态、工作创新、图展活动和联系我们（图3）。中心概况主要是介绍图展信息的基本构成和来源等内容。Dreamweaver能以较快方式将PS档案转移至网页上，用检色工具定位屏幕上颜色进而设定网页安全色；新闻资讯主要是通过ASP从数据库中获取数据并返回Flash，进而介绍地震图文信息的实时新闻；图展活动主要展示开展的技能活动，包括技能培训、访问交流等。

Flash读取XML数据，在通过Asp读取Access数据库生成XML文件（图3）。在通过Flash加载XML文件，并通过Flash中的XML类对外部文件管理，设计动态的地震图文展示平台。

图3 Flash+XML+ASP技术构建动态新闻列表

网站功能实现，网站主页主要是展示地震图文的主题情况以及配上形象生动的flash图文信息，进行总体概述，风格以简洁大方为主，同时不失对图文的生动展示，插入图片和flash使网站布局更加合理，元素更加饱满；新闻资讯模块主要是展示行业里的不同类型新闻，如行业报道、本站资讯等，力求让用户最快捷的方式了解到新鲜的产品信息，从而把握地震行业发展的脉搏和最新动向。图展活动主要是展示地震相关领域的行业展会、培训交流图片等。

图4 菜单栏

2.3 XML文档脚本制作

工作创新主要介绍了开展的一系列具有创新形式的工作，上面代码作用主要是使用XML构造函数建立XML对象实例，利用Load从Flash源文件所在文件夹下将文件加载到Flash影片中，并解析数据库。本研究采用Adobe Dreamweaver CC2015文本编辑器制作XML文档，编辑后台XML文档如下:

文件夹中添加需调用的外部文件pdf文档、图片等制定路径及排列顺序，文档或图片将被加载到Flash指定的Access数据库中，在通过Flash加载XML文件，相应的文本信息将对应显示在设计好的动态文本框中。为便于后台管理，已制作文件可直接上传到数据库中，可根据实际情况，在前台动态展示。

3 外部文件目录结构

本研究中使用了XML文件和Flash源文件，还有展示的图片文件、Flash文档等。其中文件存储位置若发生改变，一定要在相应脚本中修改。

4 结束语

本网站设计思路主要是针对地震信息服务行业，有经常性不断更新的数据量内容。如网站后台图片管理和新闻系统信息的上传和修改等。FDF文档中图片和文本信息更新，只需要修改设定好的XML文档即可实现，无需改动Flash源文件代码，相应展示制作的含有图片和动画的Flash文档等内容。因此，本研究应用除了用于数据更新以外，针对不同其他需求的用户，可稍加改动就可适用于较多环境与需求。

[1]郭志龙.志愿者地震灾情信息获取平台研究[M].北京:中国矿业大学，2014.

[2]张守洁.试论实施防震减灾社会动员的途径与方法[J].西北地震学报，2005.

[3]梦雅.地震科普知识图形辅助设计[D].西南交通大学，2011.

[4]单修政，高文长.论地震科普宣传工作在防震减灾事业中的意义[J].高原地震，2013.

[5]肖遥，王超，曲乐等.社区防震减灾模式的刍议[J].防灾减灾学报，2013.

[6]李木梓，徐柱.Modest Maps的Flash网络地图发布与应用[J].测绘科学，2011.

[7]陈显军，魏祖宽.基于Flex的XML数据通信与应用研究[J].计算机与现代化，2008.

[8]蒋丽华，任怡.基于ASP.NET的Flash网站中动态新闻列表的实现[J].计算机与现代化，2012.

[9]韩晓娟.网络编辑中flash动画的视觉研究[J].网络安全技术与应用，2014.

[10]学峰，安全，梁国栋.数字地震科普馆的构建与实现-以内蒙古数字地震科普馆为例[J].山西地震，2015.

[11]石峰.利用FLASH和XML实现动态展示图[J].网络技术，2007.

[12]曾哲军，杨鹏.动态Flash网站架构探索[J].计算机与现代化，2008.

[13]王萍，张梦怡，孙嘉良.浅谈Flash动画在防震减灾科普宣传中的应用[J].大科技，2015.

[14]宴金旭，叶肇恒，梁厚朗.提升市县地震科普宣传能力[J].四川地震，2015.

[15]程奕.利用互联网做好防震减灾科普宣传[J].四川地震，2013.

[16]程奕.如何开展地震现场科普宣传工作初探[J].四川地震，2014.

[17]李欣.基于Flash的三维WebGIS可视化研究[D].浙江大学，2012.

[18]张靖.基于XML的Flash动态展示平台的设计[J].科技通报，2013.

[19]基于Flash+XML的动态三维展示平台的设计与实现[M]，2010.

[20]戴时颍，周莉，刘绍婕.完全掌握FlashCS6网站动画设计[M].北京:机械工业出版社.

安徽省地震局合同制课题（201609）