基于XML和 ASP技術Flash地震圖文動態展示

◆王 義 于書媛 李亞龍 丁 娟

基于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）