◆王 義 于書媛 李亞龍 丁 娟
基于XML和 ASP技術Flash地震圖文動態展示
◆王 義 于書媛 李亞龍 丁 娟
(安徽省地震局地震信息中心 安徽 230031)
為更直觀對地震知識展示,本文在Flash有著強大的數據庫和XML支持基礎上,通過Asp讀取Access數據庫生成XML文件。在通過Flash加載XML文件,實現Flash中的XML類對外部文件管理,設計動態的地震圖文展示平臺。
Flash;XML;數據庫;腳本語言;地震
一般民眾主要關注點在防震、抗震和地震逃生等領域,科研人員之間的專業交流,無論是文字、圖形還是語言,對于普通大眾并不十分理解和掌握[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 圖層與時間軸
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.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文件,相應的文本信息將對應顯示在設計好的動態文本框中。為便于后臺管理,已制作文件可直接上傳到數據庫中,可根據實際情況,在前臺動態展示。
本研究中使用了XML文件和Flash源文件,還有展示的圖片文件、Flash文檔等。其中文件存儲位置若發生改變,一定要在相應腳本中修改。
本網站設計思路主要是針對地震信息服務行業,有經常性不斷更新的數據量內容。如網站后臺圖片管理和新聞系統信息的上傳和修改等。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)