flash技术下图书馆导航系统制作

　　摘要：图书馆导航系统可以方便广大读者轻松、快捷地了解图书馆的概况, 查询到自己所需的信息;Flash是一种交互式的动画设计工具, 对于图书馆导航系统的设计, 可以基于Flash开发完成。可将图书馆导航系统与触摸屏技术结合起来, 在人机交互控制下, 使读者非常便捷地查询图书馆的各种信息。

　　关键词：图书馆; 导航系统; Flash;

　　Abstract：Library navigation system can be convenient for readers to easily and quickly understand the general situation of the library, to find the information they need; Flash is an interactive animation design tool.The design of the library navigation system can be completed based on Flash development.The library navigation system can be combined with the touch screen technology, so that the readers can query the information of the Library easily under the control of the human-computer interaction.

　　Keyword：library; navigation system; Flash;

　　1、前言

　　目前, 随着图书馆计算机网络化系统的建立, 可将图书馆的各种信息实现电子化, 形成一个导航系统。图书馆导航系统可以方便广大读者用户轻松、快捷地了解图书馆的概况, 查询自己所需信息, 比如图书馆的分布地图、各书库和阅览室的藏书情况和服务功能等。Flash是美国Macromedia公司推出的动画设计软件, 是一种动画创作与应用程序开发集于一身的创作软件, 可以对各种静、动态元素 (如图片、音乐、动画等) 进行制作和编辑, 使其融为一体。对于图书馆导航系统的设计, 可以基于Flash开发完成。

　　触摸屏是一种非常直观、自然、简单、方便的信息查询输入设备, 在人机交互控制下, 可以让读者查询和获取各种感兴趣的信息[1]。图书馆计算机网络化系统的建立, 也使得触摸屏在图书馆的应用越来越广泛。基于此, 可将图书馆导航系统与触摸屏技术结合起来, 使用户非常便捷地查询图书馆的各种信息。

　　2、图书馆导航系统功能

　　图书馆导航系统作为一个公共服务平台, 主要作用是给读者用户提供查询服务, 具体可以实现如下三大功能:

　　1) 用户可全方位浏览图书馆的分布地图, 包括各楼层、各书库、各馆室、自修室、卫生间等分布位置;

　　2) 以动态方式向用户呈现去图书馆各个方位的路径;

　　3) 向用户介绍图书馆各书库、阅览室等的藏书情况和服务功能, 以及介绍图书馆各个职能部的工作等。

　　3、图书馆导航系统模块结构设计

　　本图书馆导航系统是一个动态系统, 主要分为四个模块, 即本馆布局、位置导航、信息预览、视频导读, 前三个模块之间是相互关联的。

　　第一个模块:本馆布局主要是对图书馆楼层的整体分布地图进行呈现, 考虑以平面图的方式呈现出来, 让人一眼看去就能了解图书馆每一层楼的概貌, 从感观上获取每一个楼层中各书库、各馆室、自修室、卫生间等的分布位置, 以方便读者找寻自己的下一个目的地。

　　第二个模块:位置导航须建立在第一个模块已经呈现出来的基础上。当读者在第一个模块中对整体的分布位置有了了解后, 就可根据自己的目的意愿, 随意选择相应的位置在触摸屏上进行点击, 点击后系统会自动以动态方式呈现出读者所处位置去往其点击方位的路径。

　　第三个模块:信息预览主要是向读者呈现图书馆各书库、阅览室等的藏书情况和服务功能等信息。当读者已经通过第一个模块和第二个模块达到自己的目的地后, 系统便会自动呈现出相应地点的简单介绍, 以方便读者预览, 了解其相应信息。

　　第四个模块:视频导读主要放置一些视频资源, 比如怎样使用图书馆的电子资源、如何进行借还书操作、图书馆开馆时间、图书馆借阅规则、丢书赔偿制度等。视频中可以配以旁白和讲解, 以帮助读者了解相关图书馆的其他一些信息。这个模块与第一、二、三个模块之间没有必然的联系, 可以单独列出来进行操作。

　　综上所述, 本系统模块结构如图1所示。

　　4、基于Flash的图书馆导航系统开发方法

　　所需软件开发本系统所需软件首选Flash, Photoshop、Premiere、Ulead Video Studio (会声会影) 等图像处理软件、视频编辑软件也有可能作为辅助软件使用。

图1 图书馆导航系统模块结构

　　Flash是一种交互式的动画设计工具, 以流式控制技术和矢量技术为核心, 制作的动画具有短小精悍的特点[2]。在Flash中创作内容时, 需要在Flash文档文件中工作。Flash文档主要有四个部分:舞台、时间轴、库面板、Action Script。舞台是在回放过程中显示图形、视频、按钮等内容的位置;时间轴用来通知Flash显示图形和其他项目元素的时间, 也可以使用时间轴指定舞台上各图形的分层顺序, 位于较高图层中的图形显示在较低图层中的图形的上方;库面板是Flash显示Flash文档中的媒体元素列表的位置;Action Script代码可用来向文档中的媒体元素添加交互式内容, 如可以添加代码以便用户在单击某按钮时显示一幅新图像, 还可以使用Action Script向应用程序添加逻辑。逻辑使应用程序能够根据用户的操作和其他情况采取不同的工作方式[2]。

　　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里的脚本语言与核心Java Script编程语言类似, 用来向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].
　　[3]沈达.计算机动画设计:flash[M].北京:北京邮电大学出版社, 2007.
　　[4]周国栋.Flash与数据库的连接技术[J].湖南广播电视大学学报, 2005 (4) :48-50.
　　[5]朱接文, 李群.用ASP开发图书馆导航系统[J].科技成果纵横, 2007 (3) :86, 89.