基于Flash的圖書館導(dǎo)航系統(tǒng)設(shè)計開發(fā)研究

李翠

摘 要 圖書館導(dǎo)航系統(tǒng)可以方便廣大讀者輕松、快捷地了解圖書館的概況，查詢到自己所需的信息；Flash是一種交互式的動畫設(shè)計工具，對于圖書館導(dǎo)航系統(tǒng)的設(shè)計，可以基于Flash開發(fā)完成。可將圖書館導(dǎo)航系統(tǒng)與觸摸屏技術(shù)結(jié)合起來，在人機(jī)交互控制下，使讀者非常便捷地查詢圖書館的各種信息。

關(guān)鍵詞 圖書館；導(dǎo)航系統(tǒng)；Flash

中圖分類號：G642.0 文獻(xiàn)標(biāo)識碼：B

文章編號：1671-489X（2017）16-0077-03

Abstract Library navigation system can be convenient for readers toeasily and quickly understand the general situation of the library， tofind the information they need； Flash is an interactive animation design tool. The design of the library navigation system can be com-pleted based on Flash development. The library navigation system can be combined with the touch screen technology， so that the readerscan query the information of the Library easily under the control of the human-computer interaction.

Key words library； navigation system； Flash

1 前言

目前，隨著圖書館計算機(jī)網(wǎng)絡(luò)化系統(tǒng)的建立，可將圖書館的各種信息實(shí)現(xiàn)電子化，形成一個導(dǎo)航系統(tǒng)。圖書館導(dǎo)航系統(tǒng)可以方便廣大讀者用戶輕松、快捷地了解圖書館的概況，查詢自己所需信息，比如圖書館的分布地圖、各書庫和閱覽室的藏書情況和服務(wù)功能等。Flash是美國Macromedia公司推出的動畫設(shè)計軟件，是一種動畫創(chuàng)作與應(yīng)用程序開發(fā)集于一身的創(chuàng)作軟件，可以對各種靜、動態(tài)元素（如圖片、音樂、動畫等）進(jìn)行制作和編輯，使其融為一體。對于圖書館導(dǎo)航系統(tǒng)的設(shè)計，可以基于Flash開發(fā)完成。

觸摸屏是一種非常直觀、自然、簡單、方便的信息查詢輸入設(shè)備，在人機(jī)交互控制下，可以讓讀者查詢和獲取各種感興趣的信息[1]。圖書館計算機(jī)網(wǎng)絡(luò)化系統(tǒng)的建立，也使得觸摸屏在圖書館的應(yīng)用越來越廣泛。基于此，可將圖書館導(dǎo)航系統(tǒng)與觸摸屏技術(shù)結(jié)合起來，使用戶非常便捷地查詢圖書館的各種信息。

2 圖書館導(dǎo)航系統(tǒng)功能

圖書館導(dǎo)航系統(tǒng)作為一個公共服務(wù)平臺，主要作用是給讀者用戶提供查詢服務(wù)，具體可以實(shí)現(xiàn)如下三大功能：

1）用戶可全方位瀏覽圖書館的分布地圖，包括各樓層、各書庫、各館室、自修室、衛(wèi)生間等分布位置；

2）以動態(tài)方式向用戶呈現(xiàn)去圖書館各個方位的路徑；

3）向用戶介紹圖書館各書庫、閱覽室等的藏書情況和服務(wù)功能，以及介紹圖書館各個職能部的工作等。

3 圖書館導(dǎo)航系統(tǒng)模塊結(jié)構(gòu)設(shè)計

本圖書館導(dǎo)航系統(tǒng)是一個動態(tài)系統(tǒng)，主要分為四個模塊，即本館布局、位置導(dǎo)航、信息預(yù)覽、視頻導(dǎo)讀，前三個模塊之間是相互關(guān)聯(lián)的。

第一個模塊：本館布局 主要是對圖書館樓層的整體分布地圖進(jìn)行呈現(xiàn)，考慮以平面圖的方式呈現(xiàn)出來，讓人一眼看去就能了解圖書館每一層樓的概貌，從感觀上獲取每一個樓層中各書庫、各館室、自修室、衛(wèi)生間等的分布位置，以方便讀者找尋自己的下一個目的地。

第二個模塊：位置導(dǎo)航 須建立在第一個模塊已經(jīng)呈現(xiàn)出來的基礎(chǔ)上。當(dāng)讀者在第一個模塊中對整體的分布位置有了了解后，就可根據(jù)自己的目的意愿，隨意選擇相應(yīng)的位置在觸摸屏上進(jìn)行點(diǎn)擊，點(diǎn)擊后系統(tǒng)會自動以動態(tài)方式呈現(xiàn)出讀者所處位置去往其點(diǎn)擊方位的路徑。

第三個模塊：信息預(yù)覽 主要是向讀者呈現(xiàn)圖書館各書庫、閱覽室等的藏書情況和服務(wù)功能等信息。當(dāng)讀者已經(jīng)通過第一個模塊和第二個模塊達(dá)到自己的目的地后，系統(tǒng)便會自動呈現(xiàn)出相應(yīng)地點(diǎn)的簡單介紹，以方便讀者預(yù)覽，了解其相應(yīng)信息。

第四個模塊：視頻導(dǎo)讀 主要放置一些視頻資源，比如怎樣使用圖書館的電子資源、如何進(jìn)行借還書操作、圖書館開館時間、圖書館借閱規(guī)則、丟書賠償制度等。視頻中可以配以旁白和講解，以幫助讀者了解相關(guān)圖書館的其他一些信息。這個模塊與第一、二、三個模塊之間沒有必然的聯(lián)系，可以單獨(dú)列出來進(jìn)行操作。

綜上所述，本系統(tǒng)模塊結(jié)構(gòu)如圖1所示。

4 基于Flash的圖書館導(dǎo)航系統(tǒng)開發(fā)方法

所需軟件 開發(fā)本系統(tǒng)所需軟件首選Flash，Photo-shop、Premiere、Ulead Video Studio（會聲會影）等圖像處理軟件、視頻編輯軟件也有可能作為輔助軟件使用。

Flash是一種交互式的動畫設(shè)計工具，以流式控制技術(shù)和矢量技術(shù)為核心，制作的動畫具有短小精悍的特點(diǎn)[2]。在Flash中創(chuàng)作內(nèi)容時，需要在Flash文檔文件中工作。Flash文檔主要有四個部分：舞臺、時間軸、庫面板、Action

Script。舞臺是在回放過程中顯示圖形、視頻、按鈕等內(nèi)容的位置；時間軸用來通知Flash顯示圖形和其他項(xiàng)目元素的時間，也可以使用時間軸指定舞臺上各圖形的分層順序，位于較高圖層中的圖形顯示在較低圖層中的圖形的上方；庫面板是Flash顯示Flash文檔中的媒體元素列表的位置；Action Script代碼可用來向文檔中的媒體元素添加交互式內(nèi)容，如可以添加代碼以便用戶在單擊某按鈕時顯示一幅新圖像，還可以使用Action Script向應(yīng)用程序添加邏輯。邏輯使應(yīng)用程序能夠根據(jù)用戶的操作和其他情況采取不同的工作方式[2]。endprint

Photoshop是由美國Adobe公司開發(fā)的，目前市場上最流行的一款集圖像掃描、圖像編輯修改、圖像制作、圖像輸入與輸出等功能于一體的平面圖形圖像處理和制作軟件。在利用Flash進(jìn)行系統(tǒng)開發(fā)過程中會使用到很多平面矢量圖形，為了使這些圖形更美觀、更適用，便可利用Photoshop

對其進(jìn)行處理。Premiere、Ulead Video Studio（會聲會影）是常見的視頻編輯處理軟件，兩個軟件各有優(yōu)點(diǎn)，可以根據(jù)開發(fā)者的喜好與需求進(jìn)行選擇。

所需素材 要實(shí)現(xiàn)本系統(tǒng)的功能，必須用到大量素材。

1）圖片素材，比如圖書館每個樓層的整體分布地圖、一些按鈕圖標(biāo)等。這些圖片素材可以通過多種方式獲得，比如通過Flash或者Photoshop進(jìn)行繪制，通過網(wǎng)絡(luò)進(jìn)行搜集，還可以通過手繪獲得。

2）音樂素材。系統(tǒng)中可以適當(dāng)?shù)丶尤胍恍┞曇羲夭?，比如必要的時候可以插入一些背景音樂，或者按鈕動作觸發(fā)時的聲音等。這些音樂素材可以根據(jù)具體情況在網(wǎng)絡(luò)上進(jìn)行搜尋，還可從Flash素材站點(diǎn)收集。

3）文字素材。對圖書館各書庫、閱覽室等藏書情況和服務(wù)功能等信息的介紹，主要是通過文字呈現(xiàn)出來，所以可以事先把相關(guān)的文字介紹用記事本或者Word軟件保存下來，以便在系統(tǒng)開發(fā)過程中能夠簡單、及時地插入界面設(shè)計中。

4）視頻素材。在第四個模塊中要用到一些視頻資源，這些視頻資源可以事先通過Premiere、Ulead Video Studio

（會聲會影）等視頻軟件進(jìn)行編輯制作，視頻做完后可以方便地插入Flash中。

開發(fā)過程 當(dāng)各種軟件、素材準(zhǔn)備好以后便可進(jìn)行本系統(tǒng)的開發(fā)。圖書館導(dǎo)航系統(tǒng)的開發(fā)是一個復(fù)雜的過程，會涉及很多元素和操作，其中界面設(shè)計、交互動作尤為重要。

1）設(shè)計界面。在進(jìn)行界面設(shè)計時，不僅要設(shè)計合適的文檔大小，而且要對圖片素材進(jìn)行合理布局，以及背景顏色也是需要考慮的元素之一。美觀的界面、合理的布局不僅能使圖書館的整體分布地圖清晰明了地展現(xiàn)出來，也能更好地吸引用戶。

2）使用按鈕。此導(dǎo)航系統(tǒng)是結(jié)合觸摸屏應(yīng)用于圖書館，而圖書館是一個公眾場合，必然有一些用戶不太熟悉電腦的操作使用，所以可以在界面中設(shè)計一些按鈕，使大眾能一目了然地知道如何使用。每個按鈕代表一個查詢項(xiàng)，每個查詢項(xiàng)的界面都制作成獨(dú)立的Flash場景，這樣不僅方便管理整個程序，又使程序框架清晰明了。通過點(diǎn)擊界面中的相應(yīng)按鈕，觸發(fā)按鈕的腳本動作并跳轉(zhuǎn)到按鈕所對應(yīng)的界面或場景中。

3）編寫腳本。按鈕設(shè)計好以后，需在按鈕里面添加動作腳本以產(chǎn)生動態(tài)效果，或者使其具有交互性，控制動畫的播放和停止。Flash里的腳本語言與核心JavaScript編程語言類似，用來向Flash文檔添加交互性、回放控制和數(shù)據(jù)顯示?？梢允箘幼髅姘逶贔lash環(huán)境內(nèi)添加動作腳本，也可以使用外部編輯器創(chuàng)建外部動作腳本文件。動作腳本區(qū)分大小寫，有自己的語法規(guī)則，保留關(guān)鍵字和運(yùn)算符，允許使用變量存儲和獲取信息；動作腳本包含內(nèi)置對象和函數(shù)，允許用戶創(chuàng)建自己的對象和函數(shù)[3]。除此，動作腳本還有標(biāo)點(diǎn)規(guī)則，如用分號結(jié)束一個語句。動作腳本是整個系統(tǒng)的靈魂，要實(shí)現(xiàn)系統(tǒng)的動態(tài)導(dǎo)航效果，關(guān)鍵是動作腳本的編寫。

4）視頻導(dǎo)入。視頻制作完成后可直接導(dǎo)入Flash中，F(xiàn)lash支持很多視頻類型，如MOV、AVI、WMV、MPG/MPEG等格式。在部署視頻文件時，選擇“在SWF中嵌入視頻并在時間軸上播放”選項(xiàng)。選擇這種方式，視頻文件將直接嵌入場景時間軸中。除此，也可利用按鈕控制視頻的播放與停止。

5）程序發(fā)布。當(dāng)Flash程序制作完畢之后，可以發(fā)布成不同格式的應(yīng)用程序。Flash的發(fā)布命令不僅能向網(wǎng)絡(luò)發(fā)布Flash動畫，而且能向沒有安裝Flash插件的瀏覽器發(fā)布各種各樣的圖形文件、視頻文件及可獨(dú)立運(yùn)行的小程序（如exe可執(zhí)行程序）。當(dāng)需要在Web瀏覽器中播放Flash作品時，就需要一個可以激活SWF文件并制定瀏覽器設(shè)置的Html文檔。Flash Html模板是一個文本文件，其中包含不變的Html代碼及模板代碼或變量（這些變量不同于動作腳本變量）。當(dāng)發(fā)布Flash SWF文件時，F(xiàn)lash將用Html設(shè)置代替在“發(fā)布設(shè)置”對話框中選定的模板變量，并生成一個包含嵌入SWF文件的Html頁。

5 數(shù)據(jù)庫連接

若想制作出更加靈活、交互性更強(qiáng)的Flash動畫網(wǎng)頁，可以讓其與數(shù)據(jù)庫連接起來，因?yàn)镕lash自身沒有與數(shù)據(jù)庫直接連接的功能[4]，所以可以用JSP或ASP作為編程語言，引入后臺數(shù)據(jù)庫的支持。鑒于本圖書館導(dǎo)航系統(tǒng)是基于Flash開發(fā)的觸摸屏導(dǎo)航系統(tǒng)，所以可采用基于B/S（Browser/Server）結(jié)構(gòu)的數(shù)據(jù)庫訪問模式。B/S結(jié)構(gòu)是對C/S（Client/Server）結(jié)構(gòu)的一種改進(jìn)結(jié)構(gòu)，它以訪問Web數(shù)據(jù)庫為中心，HTTP為傳輸協(xié)議，客戶端通過瀏覽器（Browser）訪問Web服務(wù)器和與其相連的后臺數(shù)據(jù)庫[5]。在本系統(tǒng)中，F(xiàn)lash與數(shù)據(jù)庫相連采用B/S結(jié)構(gòu)，可以很方便地使客戶端用戶使用瀏覽器完成相應(yīng)操作。

參考文獻(xiàn)

[1]徐爭榮.應(yīng)用Flash 開發(fā)圖書館多媒體觸摸屏導(dǎo)航系統(tǒng)[J].蘭臺世界，2009（16）：76-77.

[2]交互式矢量圖和Web動畫標(biāo)準(zhǔn)[EB//OL].http：//baike.baidu.com/view/7641.htm.

[3]沈達(dá).計算機(jī)動畫設(shè)計：flash[M].北京：北京郵電大學(xué)出版社，2007.

[4]周國棟.Flash與數(shù)據(jù)庫的連接技術(shù)[J].湖南廣播電視大學(xué)學(xué)報，2005（4）：48-50.

[5]朱接文，李群.用ASP開發(fā)圖書館導(dǎo)航系統(tǒng)[J].科技成果縱橫，2007（3）：86，89.endprint