基于XML和 ASP技術(shù)Flash地震圖文動(dòng)態(tài)展示

◆王 義 于書媛 李亞龍 丁 娟

基于XML和 ASP技術(shù)Flash地震圖文動(dòng)態(tài)展示

◆王 義 于書媛 李亞龍 丁 娟

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

為更直觀對地震知識(shí)展示，本文在Flash有著強(qiáng)大的數(shù)據(jù)庫和XML支持基礎(chǔ)上，通過Asp讀取Access數(shù)據(jù)庫生成XML文件。在通過Flash加載XML文件，實(shí)現(xiàn)Flash中的XML類對外部文件管理，設(shè)計(jì)動(dòng)態(tài)的地震圖文展示平臺(tái)。

Flash；XML；數(shù)據(jù)庫；腳本語言；地震

0 前言

一般民眾主要關(guān)注點(diǎn)在防震、抗震和地震逃生等領(lǐng)域，科研人員之間的專業(yè)交流，無論是文字、圖形還是語言，對于普通大眾并不十分理解和掌握[1-2]。網(wǎng)上宣傳材料、廣播或視頻資料，雖有一定得教育意義，但缺乏準(zhǔn)確性的判斷。國外地震頻發(fā)國家，一般通過專業(yè)網(wǎng)站（USGS、國家地震工程中心等）推出有趣的地震科普知識(shí)[3]。但國內(nèi)地震科普知識(shí)的宣傳平臺(tái)較為零散，圖形輔助設(shè)計(jì)不夠生動(dòng)，公眾對其好感度不高[4-5]。

Flash是基于互聯(lián)網(wǎng)的動(dòng)畫編程開發(fā)語言，與XML相結(jié)合可以方便地實(shí)現(xiàn)地震圖文內(nèi)容動(dòng)態(tài)顯示，且虛擬機(jī)支持在瀏覽器中的三維展示[6-7]。通過網(wǎng)絡(luò)流媒體技術(shù)，瀏覽器中快速播放動(dòng)畫、創(chuàng)造精美的網(wǎng)頁界面[8-9]。利用Flash技術(shù)，像大眾傳播地震科普知識(shí)，定會(huì)展現(xiàn)科普宣傳的新途徑10]。通過地震科普知識(shí)的掌握上入門，以平面設(shè)計(jì)的創(chuàng)新設(shè)計(jì)理念，形象表達(dá)地震科普知識(shí)[11-12]。

Flash技術(shù)在防震減災(zāi)中有著廣泛的應(yīng)用[13]，在提升科普宣傳中起著重要作用[14-16]。隨著Flash新版本的推出，通過其較強(qiáng)的編程能力，制作優(yōu)秀的動(dòng)畫界面，把更多操作程序融合進(jìn)去[17]。本研究擬在靜態(tài)頁面中植入動(dòng)態(tài)的Flash動(dòng)畫網(wǎng)頁，在地震科普知識(shí)學(xué)習(xí)和圖形輔助方式分析，形成地震圖文設(shè)計(jì)，實(shí)現(xiàn)地震圖形輔助設(shè)計(jì)的系統(tǒng)應(yīng)用。以期提升用戶體驗(yàn)效果和藝術(shù)感染力，并對地震圖文信息進(jìn)行動(dòng)態(tài)進(jìn)行宣傳和推廣。

圖1 主界面效果

圖2 圖層與時(shí)間軸

1 Flash中XML類分析

XML是Extensible Markup Language（可擴(kuò)展標(biāo)記語言）的簡稱，是數(shù)據(jù)共享、交換和處理的標(biāo)準(zhǔn)體系。使用它能實(shí)現(xiàn)諸多平臺(tái)之間數(shù)據(jù)交換和動(dòng)態(tài)內(nèi)容生成，編譯XML數(shù)據(jù)的應(yīng)用程序有相應(yīng)的所編寫的XML數(shù)據(jù)接收平臺(tái)[18]。Flash的XML解析器，能在Flash環(huán)境下接收和發(fā)送XML數(shù)據(jù)。通過ASP（ASP是動(dòng)態(tài)服務(wù)器頁面Active Server Pages的縮寫）技術(shù)讀取Access數(shù)據(jù)庫生成XML（XML是Extensible Markup Langue的簡寫）文件[19]，在通過Flash加載XML文件，F(xiàn)lash中的XML類對外部文件管理，設(shè)計(jì)動(dòng)態(tài)圖文展示平臺(tái)。

2 Flash動(dòng)態(tài)平臺(tái)設(shè)計(jì)

2.1 設(shè)計(jì)思路

利用Flash播放器或相關(guān)播放軟件執(zhí)行該動(dòng)畫，單擊前后翻按鈕查看圖片、對應(yīng)文字說明和影片簡介等。此應(yīng)用可作為地震圖文信息產(chǎn)品展示、可實(shí)現(xiàn)圖文更新，圖片及文檔均在外部XML文檔之中，通過更新XML文檔內(nèi)容即可實(shí)現(xiàn)圖文展示[20]。

2.2 制作過程

通過CS6軟件制作文件背景圖片（圖1），以及Flash8.0設(shè)計(jì)制作圖層面板和時(shí)間軸（圖2），制作過程不再詳述。

菜單欄主要包括網(wǎng)站首頁、中心概況、新聞動(dòng)態(tài)、工作創(chuàng)新、圖展活動(dòng)和聯(lián)系我們（圖3）。中心概況主要是介紹圖展信息的基本構(gòu)成和來源等內(nèi)容。Dreamweaver能以較快方式將PS檔案轉(zhuǎn)移至網(wǎng)頁上，用檢色工具定位屏幕上顏色進(jìn)而設(shè)定網(wǎng)頁安全色；新聞資訊主要是通過ASP從數(shù)據(jù)庫中獲取數(shù)據(jù)并返回Flash，進(jìn)而介紹地震圖文信息的實(shí)時(shí)新聞；圖展活動(dòng)主要展示開展的技能活動(dòng)，包括技能培訓(xùn)、訪問交流等。

Flash讀取XML數(shù)據(jù)，在通過Asp讀取Access數(shù)據(jù)庫生成XML文件（圖3）。在通過Flash加載XML文件，并通過Flash中的XML類對外部文件管理，設(shè)計(jì)動(dòng)態(tài)的地震圖文展示平臺(tái)。

圖3 Flash+XML+ASP技術(shù)構(gòu)建動(dòng)態(tài)新聞列表

網(wǎng)站功能實(shí)現(xiàn)，網(wǎng)站主頁主要是展示地震圖文的主題情況以及配上形象生動(dòng)的flash圖文信息，進(jìn)行總體概述，風(fēng)格以簡潔大方為主，同時(shí)不失對圖文的生動(dòng)展示，插入圖片和flash使網(wǎng)站布局更加合理，元素更加飽滿；新聞資訊模塊主要是展示行業(yè)里的不同類型新聞，如行業(yè)報(bào)道、本站資訊等，力求讓用戶最快捷的方式了解到新鮮的產(chǎn)品信息，從而把握地震行業(yè)發(fā)展的脈搏和最新動(dòng)向。圖展活動(dòng)主要是展示地震相關(guān)領(lǐng)域的行業(yè)展會(huì)、培訓(xùn)交流圖片等。

圖4 菜單欄

2.3 XML文檔腳本制作

工作創(chuàng)新主要介紹了開展的一系列具有創(chuàng)新形式的工作，上面代碼作用主要是使用XML構(gòu)造函數(shù)建立XML對象實(shí)例，利用Load從Flash源文件所在文件夾下將文件加載到Flash影片中，并解析數(shù)據(jù)庫。本研究采用Adobe Dreamweaver CC2015文本編輯器制作XML文檔，編輯后臺(tái)XML文檔如下:

文件夾中添加需調(diào)用的外部文件pdf文檔、圖片等制定路徑及排列順序，文檔或圖片將被加載到Flash指定的Access數(shù)據(jù)庫中，在通過Flash加載XML文件，相應(yīng)的文本信息將對應(yīng)顯示在設(shè)計(jì)好的動(dòng)態(tài)文本框中。為便于后臺(tái)管理，已制作文件可直接上傳到數(shù)據(jù)庫中，可根據(jù)實(shí)際情況，在前臺(tái)動(dòng)態(tài)展示。

3 外部文件目錄結(jié)構(gòu)

本研究中使用了XML文件和Flash源文件，還有展示的圖片文件、Flash文檔等。其中文件存儲(chǔ)位置若發(fā)生改變，一定要在相應(yīng)腳本中修改。

4 結(jié)束語

本網(wǎng)站設(shè)計(jì)思路主要是針對地震信息服務(wù)行業(yè)，有經(jīng)常性不斷更新的數(shù)據(jù)量內(nèi)容。如網(wǎng)站后臺(tái)圖片管理和新聞系統(tǒng)信息的上傳和修改等。FDF文檔中圖片和文本信息更新，只需要修改設(shè)定好的XML文檔即可實(shí)現(xiàn)，無需改動(dòng)Flash源文件代碼，相應(yīng)展示制作的含有圖片和動(dòng)畫的Flash文檔等內(nèi)容。因此，本研究應(yīng)用除了用于數(shù)據(jù)更新以外，針對不同其他需求的用戶，可稍加改動(dòng)就可適用于較多環(huán)境與需求。

[1]郭志龍.志愿者地震災(zāi)情信息獲取平臺(tái)研究[M].北京:中國礦業(yè)大學(xué)，2014.

[2]張守潔.試論實(shí)施防震減災(zāi)社會(huì)動(dòng)員的途徑與方法[J].西北地震學(xué)報(bào)，2005.

[3]夢雅.地震科普知識(shí)圖形輔助設(shè)計(jì)[D].西南交通大學(xué)，2011.

[4]單修政，高文長.論地震科普宣傳工作在防震減災(zāi)事業(yè)中的意義[J].高原地震，2013.

[5]肖遙，王超，曲樂等.社區(qū)防震減災(zāi)模式的芻議[J].防災(zāi)減災(zāi)學(xué)報(bào)，2013.

[6]李木梓，徐柱.Modest Maps的Flash網(wǎng)絡(luò)地圖發(fā)布與應(yīng)用[J].測繪科學(xué)，2011.

[7]陳顯軍，魏祖寬.基于Flex的XML數(shù)據(jù)通信與應(yīng)用研究[J].計(jì)算機(jī)與現(xiàn)代化，2008.

[8]蔣麗華，任怡.基于ASP.NET的Flash網(wǎng)站中動(dòng)態(tài)新聞列表的實(shí)現(xiàn)[J].計(jì)算機(jī)與現(xiàn)代化，2012.

[9]韓曉娟.網(wǎng)絡(luò)編輯中flash動(dòng)畫的視覺研究[J].網(wǎng)絡(luò)安全技術(shù)與應(yīng)用，2014.

[10]學(xué)峰，安全，梁國棟.數(shù)字地震科普館的構(gòu)建與實(shí)現(xiàn)-以內(nèi)蒙古數(shù)字地震科普館為例[J].山西地震，2015.

[11]石峰.利用FLASH和XML實(shí)現(xiàn)動(dòng)態(tài)展示圖[J].網(wǎng)絡(luò)技術(shù)，2007.

[12]曾哲軍，楊鵬.動(dòng)態(tài)Flash網(wǎng)站架構(gòu)探索[J].計(jì)算機(jī)與現(xiàn)代化，2008.

[13]王萍，張夢怡，孫嘉良.淺談Flash動(dòng)畫在防震減災(zāi)科普宣傳中的應(yīng)用[J].大科技，2015.

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

[15]程奕.利用互聯(lián)網(wǎng)做好防震減災(zāi)科普宣傳[J].四川地震，2013.

[16]程奕.如何開展地震現(xiàn)場科普宣傳工作初探[J].四川地震，2014.

[17]李欣.基于Flash的三維WebGIS可視化研究[D].浙江大學(xué)，2012.

[18]張靖.基于XML的Flash動(dòng)態(tài)展示平臺(tái)的設(shè)計(jì)[J].科技通報(bào)，2013.

[19]基于Flash+XML的動(dòng)態(tài)三維展示平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)[M]，2010.

[20]戴時(shí)潁，周莉，劉紹婕.完全掌握FlashCS6網(wǎng)站動(dòng)畫設(shè)計(jì)[M].北京:機(jī)械工業(yè)出版社.

安徽省地震局合同制課題（201609）