基于Flash的圖書館導航系統設計開發研究

李翠

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

關鍵詞 圖書館；導航系統；Flash

中圖分類號：G642.0 文獻標識碼：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 前言

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

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

2 圖書館導航系統功能

圖書館導航系統作為一個公共服務平臺，主要作用是給讀者用戶提供查詢服務，具體可以實現如下三大功能：

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

2）以動態方式向用戶呈現去圖書館各個方位的路徑；

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

3 圖書館導航系統模塊結構設計

本圖書館導航系統是一個動態系統，主要分為四個模塊，即本館布局、位置導航、信息預覽、視頻導讀，前三個模塊之間是相互關聯的。

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

第二個模塊：位置導航 須建立在第一個模塊已經呈現出來的基礎上。當讀者在第一個模塊中對整體的分布位置有了了解后，就可根據自己的目的意愿，隨意選擇相應的位置在觸摸屏上進行點擊，點擊后系統會自動以動態方式呈現出讀者所處位置去往其點擊方位的路徑。

第三個模塊：信息預覽 主要是向讀者呈現圖書館各書庫、閱覽室等的藏書情況和服務功能等信息。當讀者已經通過第一個模塊和第二個模塊達到自己的目的地后，系統便會自動呈現出相應地點的簡單介紹，以方便讀者預覽，了解其相應信息。

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

綜上所述，本系統模塊結構如圖1所示。

4 基于Flash的圖書館導航系統開發方法

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

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

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

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

對其進行處理。Premiere、Ulead Video Studio（會聲會影）是常見的視頻編輯處理軟件，兩個軟件各有優點，可以根據開發者的喜好與需求進行選擇。

所需素材 要實現本系統的功能，必須用到大量素材。

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

2）音樂素材。系統中可以適當地加入一些聲音素材，比如必要的時候可以插入一些背景音樂，或者按鈕動作觸發時的聲音等。這些音樂素材可以根據具體情況在網絡上進行搜尋，還可從Flash素材站點收集。

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

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

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

開發過程 當各種軟件、素材準備好以后便可進行本系統的開發。圖書館導航系統的開發是一個復雜的過程，會涉及很多元素和操作，其中界面設計、交互動作尤為重要。

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

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

3）編寫腳本。按鈕設計好以后，需在按鈕里面添加動作腳本以產生動態效果，或者使其具有交互性，控制動畫的播放和停止。Flash里的腳本語言與核心JavaScript編程語言類似，用來向Flash文檔添加交互性、回放控制和數據顯示。可以使動作面板在Flash環境內添加動作腳本，也可以使用外部編輯器創建外部動作腳本文件。動作腳本區分大小寫，有自己的語法規則，保留關鍵字和運算符，允許使用變量存儲和獲取信息；動作腳本包含內置對象和函數，允許用戶創建自己的對象和函數[3]。除此，動作腳本還有標點規則，如用分號結束一個語句。動作腳本是整個系統的靈魂，要實現系統的動態導航效果，關鍵是動作腳本的編寫。

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

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

5 數據庫連接

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

參考文獻

[1]徐爭榮.應用Flash 開發圖書館多媒體觸摸屏導航系統[J].蘭臺世界，2009（16）：76-77.

[2]交互式矢量圖和Web動畫標準[EB//OL].http：//baike.baidu.com/view/7641.htm.

[3]沈達.計算機動畫設計：flash[M].北京：北京郵電大學出版社，2007.

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

[5]朱接文，李群.用ASP開發圖書館導航系統[J].科技成果縱橫，2007（3）：86，89.endprint