（计算机应用技术专业论文）富媒体环境下信息交流模式及通用组件的研究.pdf

富媒体环境下信息交流模式及通用组件的研究 摘要 网络信息交流已经成为人们生活和发展的重要条件，网络日志( b l o g ) 是基 于b s 结构的w e b 应用，并作为第四种网络信息组织交流方式日益受到用户喜 爱。b s 结构是目前应用开发最主流的架构，为了沿袭c s 结构下的界面使用体 验，过去需要利用大量的j a v a s c r i p t 和d h t m l 去实现或者“模拟程序界面。 r i a ( r i c hi n t e m e ta p p l i c a t i o n 富媒体网络应用) 是一种将桌面应用程序交互的 用户体验与传统的w e b 应用的部署灵活性和成本分析结合起来的网络应用程序。 在此背景下，论文对i l i a 技术进行研究分析，并利用f l a s h 开发r i a 应用通用组 件，实现b l o g 系统的r i a 应用程序。 本课题根据r i a 对w e b 应用程序的用户交互的改进，结合f l a s h 在矢量动 画的制作、“流”技术、安全性等方面优势，深入分析和研究f l a s h 与数据库结 合开发r i a 程序的关键技术。论文首先详细阐述了富媒体程序的体系结构，富 媒体b l o g 系统所特有的双m v c 设计模式；接着描述了如何通过j s p 、x m l 实 现f l a s h 与数据库的连接，解决了两者之间没有提供直接连接通路的问题，以 及如何利用统一客户端实现视频、音频、图片、文字的完美结合；最后将富媒体 技术与数据库技术的结合应用提高到新高度，详细描述了网络多媒体播放通用控 件、图形报表通用控件的制作。 本课题设计实现的全f a l s h 网络日志系统是一种典型的网络体验设计环境 下r i a 应用程序的研究开发。该课题成功地实现了整合文字、图片、音频、视 频的r i a 程序设计模式，其通用组件的设计能在一定范围内满足市场、商业的 需求，产生一定的经济和社会效益。 关键词：r i a ( r i c hi n t e m e t a p p l i c a t i o n ) ，富媒体网络应用，网络日志( w e bl o g ) ， f l a s h 应用程序，f l a s h 与数据库，a c t i o ns c r i p t 广 富媒体环境下信息交流模式及通用组件的研究 a b s t r a c t n e t w o r ki n f o r m a t i o nc o m m u n i c a t i o nh a sb e c o m et h ei m p o r t a n tc o n d i t i o nt ot h e l i f ea n dd e v e l o p m e n to fp e o p l e w e bl o g ，ak i n do fw e ba p p l i c a t i o nb a s e do nb s ，i s a c c e p t e db yu s e r sd a yb yd a ya st h ef o u r t hk i n de x c h a n g ew a yo fw e b i n f o r m a t i o n o r g a n i z a t i o n t h eb s s t r u c t u r ei st h em a i n s t r e a mo fa p p l i c a t i o nd e v e l o p m e n ta t p r e s e n t i no r d e rt oi n h e r i tt h ec s i n t e r f a c e se x p e r i e n c e ，t h ed e v e l o p e rs h o u l dt o r e a l i z et h e ”s i m u l a t i o n ”i n t e r f a c eb yal a r g ea m o u n to fj a v a s c r i p ta n dd h t m li nt h e p a s t r i a ( r i c hi n t e m e ta p p l i c a t i o n ) i so n et h a tc o m b i n i n gt h eu s e re x p e r i e n c eo f d e s k - t o pa p p l i c a t i o nw i t ht h ee m p l o y i n ga r r a n g e m e n tf l e x i b i l i t ya n dc o s ta n a l y s i so f t r a d i t i o n a lw e ba p p l i c a t i o n u n d e rt h i sb a c k g r o u n d ，t h ep a p e rr e s e a r c h e sa n da n a l y s e s r i at e c h n o l o g y , u t i l i z e sf l a s ht od e v e l o pt h ec o m m o nm o d u l eo fr i a ，r e a l i z e st h e r j ao fb l o gs y s t e m t h a n k st ot h ea d v a n t a g e so ft h ef l a s hi nt h ef i e l do fa n i m a t i o n - d e s i g n ，s e c u r i t y a n dt h ei m p r o v e m e n to fu s e re x p e r i e n c ec a u s e db yr i a ，aw e bw h i c hi sc o m p l e t e d d e s i g n e db yf l a s hc o m b i n ec h a r a c t e r s ，p i c t u r e s ，a u d i oa n dv i d e ow i l lb ei n t r o d u c e d i nt h ef o l l o w i n gw o r d s 1w i l le l a b o r a t et h r e ea s p e c t si nm yt r e a t i s e f i r s t ，c o n s t r u c t i o n o ft h er i ai si n t r o d u c e d s e c o n d ，an e wd e s i g np a r e m d o u b l e m v ci si n d i c a t e d i n t h et h i r ds t a g e ，t h em o s ti m p o r t a n tw o r kih a v ed o n ei se l a b o r a t e d ac o m m o nw a yt o l e tf l a s hf e t c hd a t af r o md a t a b a s e f i n a l l y , t w oc o n t r o l l e r sh a sb e e nd e s i g n e d d u r i n gm y w o r k - - m u l t i m e d i af l a s hp l a y e ra n df l a s hc h a r t t h ew e n b l o gc o m p l e t e l yd e s i g n e db yf l a s hi sat y p i c a lr i aa p p l i c a t i o n d u r i n g t h i sp r o je c t ，c h a r a c t e r s ，p i c t u r e s ，a u d i oa n dv i d e oh a v eb e e ns u c c e s s f u l l yc o m b i n e d m o r e o v e r , t h ec o n t r o l l e r sd e s i g n e di nm yw o r kc a nl e tt h ec o d e r sw h oh a v en oi d e a s a b o u tt h eg r a p h i c sd e s i g nl i n ec h a r t ，p i ec h a r ta n db a rc h a r tq u i c k l ya n de f f i c i e n t l y k e yw o r d s ：n e t w o r ke x p e r i e n c ed e s i g n ，r i a ( r i c hi n t e r n e ta p p l i c a t i o n ) ，w e b l o g ， f l a s ha p p l i c a t i o n ，f l a s hc o n n e c t e dt od a t a b a s e ，a c t i o n s c r i p t 独创性声明 y 9 3 89 6 2 本人声明所呈交的学位论文是本人在导师指导下进行的研究工作及取得的 研究成果。据我所知，除了文中特别加以标注和致谢的地方外，论文中不包含其 他人已经发表或撰写过的研究成果，也不包含为获得南昌文学或其他教育机构 的学位或证书而使用过的材料。与我一同工作的同志对本研究所做的任何贡献均 已在论文中作了明确的说明并表示谢意。 学位论文作者签名：名皓。躲签字日期：础多月哆日 学位论文版权使用授权书 本学位论文作者完全了解南昌史学有关保留、使用学位论文的规定，有权 保留并向国家有关部门或机构送交论文的复印件和磁盘，允许论文被查阅和借 阅。本人授权南昌太学可以将学位论文的全部或部分内容编入有关数据库进行 检索，可以采用影印、缩印或扫描等复制手段保存、汇编学位论文。 ( 保密的学位论文在解密后适用本授权书) 学位论文作者签名如磊岳 签字日期：砌屏易月乡日 导师签名 签字日期 秀私礼 一6 年6 日1 3b 学位敝储毕业后媳 。矽数学廛 珊位：汪汤整天瑶隍嗡，垆髟眵 富媒体环境下信息交流模式及通用组件的研究 1 1 引言 第一章绪论 信息交流是维持人类社会生存和发展的重要条件，它维持人类生活，也活跃 人类生活。随着科学技术的迅猛发展，电报、电话、电传、复印机、摄影机、电 视、电子计算机及通讯卫星等技术的发明和应用，标志着人类信息交流又进入了 一个崭新的时期【l j 。 信息交流过程是一个异常复杂的过程。随着信息技术的发展，信息数据被广 泛地收集和交流，各种各样的数据以文件、数据库、主页等方式提供给用户，这 些数据也在各种平台、各种用户或操作者之间转移或共享。和物质一样，信息是 人类生活不可缺少的一部分，信息交流模式也和物质世界中的物流模式一样复 杂。信息交流模式的研究已经取得了丰硕的成果，如：申农的通讯模型、拉斯韦 尔的5 w 模型、布雷多克的7 w 模型、f - j n 尔的正式交流和非正式交流模型、 米哈依诺夫的科学交流模型等等【2 】。虽然这些信息交流模型来自不同的学科领域， 但这些信息交流模型可以归为两大类：一是信息交流的基本模式，即对信息交 流一般化的基本过程的模式化描述；二是信息交流的个别模式，即对具体的信 息交流过程的模式化描述。随着信息化的快速发展，信息模式变革日新月异，各 种各样的i t 技术正以其惊人的速度冲击着各行各业，影响着社会的方方面面【3 】。 1 2 选题背景与意义 网络作为继书写媒介、印刷媒介、广播媒介、影视媒介的“第五种媒介”彻 底变革了以往人类的信息交流模式【4 】。它保留传统媒介资源丰富、信息交流自由 等优点，去除信道拥塞和搜索困难的弱点，同时突破传统媒介的局限，即无法实 现信息的个性化，做到按需服务。而网络日志是一种网络个人信息的发布形式， 被称为继电子邮件、b b s 和i c q 之后的第4 种网络交流工具( 5 1 ，是目前流行的 一种网络交流方式【4 】。它使信息和知识传播更加迅速、直接、高效、传播结构更 加扁平化。博客传播的出现，标志着以“信息共享”为特征的第一代门户之后， 追求“思想共享”为特征的第二代门户正在浮现【6 】。 正是因为博客作为第四代网络交流工具在网络信息传播中的作用，而传统 1 富媒体环境下信息交流模式及通用组件的研究 b s 结构模式的博客系统在用户体验设计上存在不足。本课题的研究意义则在于 考虑到“以人为本”的信息技术发展趋势，网络上的信息交流模式不将只是做 到发布信息，而是同时兼顾更好的满足用户心理需求。富媒体网络应用( 刚a ) 是一种为了提高用户体验而出现了一种新类型的i n t e m e t 应用程序，这些应用程 序结合了桌面应用程序的反应快、交互性强的优点与w e b 应用程序的传播范围 广及容易传播的特性。无疑r i a 技术是针对目前传统b s 结构形式的w e b 应用 程序有效改进方法之一。 首先：我们看到网络体验设计也在各个领域中显露出来了。网络环境和软件 环境的发展使网络信息交流模式变为一种体验，网络不只是文字信息的传播和漂 亮的界面了，而是设计一种体验和环境让观众沉浸其中、感受并回忆着。而富媒 体网络应用( r n ) 将为我们带来一种体验驱动的网络信息交流模式，更进一步 满足人们的信息需求【7 j 。 其次：由于f l a s h 目前的版本还没有提供与数据库的接口，因此要完成这 个任务，只有借助于一种后台语言( 如：j s p ，a s p n e t ，p h p 等) 为中间环节，将 数据库的数据写入到x m l 文件，或直接动态地显示在j s p 页面当中，再由f l a s h 进行调用，最终根据具体数据动态生成f l a s h 动画元件。而在f l a s h 与数据库结 合方面，目前仍没有权威的有效方法与行业标准，实现方法在国内外虽然有多种 多样( 调文本，调x m l 等) ，但因为技术性太强并不能被广泛接受和使用。因此， 设计一个通用的组件，不论是在理论，还是在实践方面都有巨大的意义。 1 3 课题创新点 本文在对网络对信息交流模式的革新作用的深刻认识基础上，剖析了其中存 在的一些不足之处。并结合目前出现的r i a 富媒体网络应用技术的发展，将这 种前沿理论与实际应用相结合。 本文创新之处主要体现在以下： 通过构建富媒体网络应用程序，为信息交流提供更好的人机接口，改善 了网络形式下传统b s 结构的交流模式，增强了用户体验感。 通过构建正流行于网络上的信息交流工具，实现了一种兼顾桌面应用程 序、网络、通信三方面优势的信息交流模式 通过f l a s h 与数据库的连接将全新的交互和多种媒体方式集成到w e b 富媒体环境。卜信息交流模式及通用组件的研究 内容，很好的改善了传统多媒体信息在网络上发布所带来的网络负载问 题。 通过f l a s h 于j s p 特性，采用双m v c 设计模式，大大加强了程序的网 络安全性。 1 4 章节组织 论文通过对目前网络信息交流模式中存在的一些问题进行分析，将一种网络 体验设计的理念引入网络信息交流模式中。并通过设计与实现被人们喻为第四种 网络信息交流工具的一种通用型网络日志系统，具体描述了一个基于富媒体网络 应用的信息交流模式的设计。本论文的组织结构如下： 第一章：绪论，分析课题的背景与意义，以及目前网络信息交流模式存在一 些不足，并提出一种新的网络环境重信息交流模式的理念。大致描述了本论文所 做的一些工作，最后总结了本文的主要的创新点。 第二章：网络日志与r i a 技术支持，介绍了传统b s 结构的网络日志作为 新时代的网络交流模式中存在的不足之处，从而引出r i a 理论下的新网络日志 系统构建需要。并介绍了r i a 的产生背景、主要特点，发展应用等，描述了r i a 实现方案以及主要相关技术支持，总结了r i a 的在网络日志中的应用特点及其 前景。 第三章：基于i l i a 网络日志概要设计，介绍了平台的实验环境、选用工具、 选用语言、程序设计模式、系统预期目标以及设计中的创新点。 第四章：基于r i a 的网络日志系统实现，介绍了基于r i a 网络日志系统的 设计过程，并详细描述了通用组件( 多媒体通用播放器、通用图形报表控件) 的 设计、建模和算法。 第五章：总结与展望，总结了本文所作的工作和本框架己经完成的任务，同 时对未来研究重点方面发表了一些个人观点，以及针对人们包括心理在内的多方 面需求方面对w e b 应用技术的发展方向提出了一些更高的期望。 第六章：结束语，总结了本人在整个毕业设计中的个人体会。 富媒体环境下信息交流模式及通用组件的研究 第二章网络日志系统与对a 技术支持 2 1 网络e t 志 2 1 1 网络日志概念 网络日志：b l o g ，又称博客，是w 曲和l o g 的组合词w e b l o g 的简称。w e b l o g 是网络上的一种信息组织记录形式，所以也被称为“网络日志”、“网络日记”， 或简称为“网志”。作为一种表达个人思想和网络链接，内容按照时间顺序排列， 并且能够自动更新自动更新的网络出版交流方式，b l o g 比电子邮件、讨论群组 更加简单和方便易用，并因而成为了继e m a i l 、b b s 、i c q 之后第四种颇受网络 用户喜爱的网络信息组织和交流方式。习惯把使用b l o g 工具的网络用户称为 b l o g g e r 或w e b l o g g e r 。一般认为，博客起源于网上浏览者在网上发现了有趣内容， 互相用电子邮件等方式交流通报。这些信息经过有心人有意识的整合，就发展成 了博客的雏形【引。 2 1 2 网络日志信息交流模式 网络日志是一种快速演变中的形式，而且是一种真正的草根力量，理解博客 不必太拘泥于形式。但是博客精神却是在快速演进的过程中传承和积淀下来的灵 魂式瑰宝，博客精神正是“开放+ 自由+ 共享”。而其精神的核心甚至不是个人表 达自由，相反，是体现一种利他的共享精神，为他人提供帮助【9 】。 个人博客刚刚开始使用，它们是相互分离的，个人博客只是一个个信息孤岛。 接着，博客逐渐形成了自己的知识边界，并拓展了自己的社会关系，并由于兴趣 相投等原因，它们之间产生了一些联系。随着它们的迅速发展各自的边界( 即知 识领域、社会关系) 开始交叉、重叠，相互之间的联系几乎成为一种内部的、固 定的联络方式，产生博客社群的雏形【1 0 】。它们继续发展，在相互的交流过程中相 互认同，并最终形成以三者为中心的单个知识博客社群，又成为元社群。以元社 群为基础，它们各自扩大自己的边界，互相之间联络，重复上面的过程，合并成 新的更大的社群或在融合的过程中发现无法沟通而解散，形成了多种形式并存的 多个组织知识博客。如图： 4 富媒体环境下信息交流模式及通用组件的研究 粤，画、 酽二圈广 、“、。，+ 圈匣茸、 一一一一+ | | 圈 、冒， 博客个体博客小群体 一、_ 。”一、； 心| | j i 一- - ? | | 。 、，- - ，。 图2 1 ：博客社群形成过程 2 1 3 传统网络日志模式的局限性 传统网络日志系统是基于b s 结构的w e b 应用，而随着浏览器大战的开始， b s 结构已经成为应用开发最主流架构，浏览器成为客户端的唯一工具，这种不 需要部署的软件应用确实给了很多人无限的疯狂。i s v 、解决方案提供商及其企 业用户也不约而同的提出采用b s 架构作为企业信息应用的架构，因为那样可以 免去之前c s 时代高昂的部署和升级费用，能够快速适应不断变动的企业业务。 对于b s 结构的w r e b 应用，为了沿袭c s 结构下的界面使用体验，开发人 员不得不利用大量的j a v a s c r i p t 和d h t m l 去实现或者说“模拟”传统应用程序 的使用界面，比如菜单，工具条，还有那复杂的图形和表格。也因为如此，w e b 开发成为当今最火爆的应用领域，除了相关的服务器开发技术如a s p ，p h p ，j s p 还有后来的王者a s p n e t ，客户端技术则包括了h t m l ，c s s ，j a v a s c r i p t ，d h t m l 等等方面的技术，这些都成为开发人员的一种追逐【1 1 。1 引。 在解决了部署和更新的问题之后，b s 同样引入了一些令人头痛的问题： 1 ) 始终没有一个非常标准的技术规范来约定，由此造成了各个浏览器在 w 3 c 之外做的扩展，在应用开发中，更多的是需要依赖于这些扩展去实 现更加绚丽的图形表现和灵活的交互。比如i e 里面提出了h t c 的概念， 也增加了许多相关的滤镜( f i l t e r ) ，m o z i l l a 也提出了x u l 用来扩展用 户界面。但是如果需要设计一个具有强大功能的用户系统，我们更多情 气 、 i 、 、：；： 一 n 一一 一 一一 r 一 ；：、 ，_ 富媒体环境下信息交流模式及通用组件的研究 况下不得不依赖于专有浏览器的扩展实现。 2 ) 作为浏览器大战的胜利者i e 从2 0 0 1 年之后就没有推出过重要版本更 新，那么也就意味者我们所有的开发技术是停滞在2 0 0 1 年之前的理念， 这点和服务器端技术的不断发展已经渐渐脱节。 3 ) 作为基于浏览器的应用，因为安全等等方面的原因始终做不到能够成为 应用的集成者，更多时候是被动的去接受单一服务器提供的应用，比如 对于客户端希望能够跨越不同网络调用相关的w e bs e r v i c e s ，因为安全 模型的畸形( 不是非常完善的资源访问控制) ，我们无法做到在同一浏 览器内流畅的实现跨应用集成。 4 ) 交互元素的简陋也一直是b s 的一根软肋。虽然各个厂商和b s 开发者 一直努力着丰富b s 的用户界面，但结果却大多趋向于代码的复杂和平 台不兼容。相对与c s 来说，b s 的交互元素是影响用户体验的一大要 素。 5 ) 状态保持对于b s 程序开发员来说一直是一个头痛的问题。他们不得不 多写很多代码来实现c s 程序中的默认状态1 2 1 4 网络日志系统中r i a 体验设计的应用 r i a 利用相对健壮的客户端描述引擎，这个引擎能够提供内容密集、响应速 度快和图形丰富的用户界面。除了提供一个具有各种控件( 滑标、日期选择器、 窗口、选项卡、微调控制器和标尺等) 的界面之外，r i a 一般还允许使用s v g ( s c a l a b l ev e c t o rg r a p h i c s ，可伸缩向量图) 或其他技术来随时构建图形。一些 r i a 技术甚至能够提供全活动的动画来对数据变化作出响应。 r i a 的另一个好处在于，数据能够被缓存在客户端，从而可以实现一个比基 于h t m l 的响应速度更快且数据往返于服务器的次数更少的用户界面。对于无 线设备和需要偶尔连接的设备来说，将来的趋势肯定是向富客户端的方向发展， 并且会逐渐远离基于文本的w e b 客户端。那些运行在膝上设备上的应用系统， 可以被设计成以离线方式工作，或者至少当连接丢失的时候能基本上以离线的方 式工作【1 5 j 。 基本上：i l i a 程序可以归结出以下三点主要优势： 1 ) 继承了传统b s 的优点：客户端零部署大大降低了软件维护费用； 富媒体环境下信息交流模式及通用组件的研究 2 ) 继承了传统c s 的优点：响应时间快用户不必长时间地进行等待； 丰富的用户界面； 3 )自身特有优点：整合多种信息载体为一体( 文字，图片，音频，视频) ， 用户交互元件完全可自定义开发。 2 2 对a 技术 2 2 1 对a 概念 为了提高用户体验，出现了一种新类型的i n t e m e t 应用程序【1 3 】一一m c h i n t e m e t a p p l i c a t i o n s ( r i a ) 。这些应用程序结合了桌面应用程序的反应快、交互 性强的优点与w e b 应用程序的传播范围广及容易传播的特性。r i a 简化并改进 了w e b 应用程序的用户交互。这样，用户开发的应用程序可以提供更丰富、更 具有交互性和响应性的用户体验【1 5 1 。 简而言之，r i a 即整合文字，图片，音频，视频为一体且最大程度上减少用 户等待时间的b s 设计模式。 2 2 2 a 发展 我们的行业经历了几次系统架构方面的重要转变，在此过程中，客户端的表 现功能有起有落【16 1 。 文嚣概 率镌 2 图2 - 2 ：r i a 发展趋势 7 眵落i 汐 嚣p 瓤月& 舔嚣 瘳一 萄 。鬟一 一瞻 # 口w；。* 麟 麓簿臻辕 富媒体环境下信息交流模式及通川组件的研究 上图介绍了每个阶段的计算功能所带来的应用程序体验方面的变化，这一过 程从大型机开始，到r i a 的出现为止。 第一阶段二十世纪九十年代出现的客户端n 务器技术。 第二阶段九十年代中期出现w e b 应用程序。 第三阶段是目前经过多年无法进行直观体验的痛苦，各种机构开始意识到， 将i n t e m e t 的广泛性和丰富性的用户界面结合起来才能实现两方面的优势，这就 是r i a 产生的价值。随着各企业组织认识到r i a 模型可产生显著的商业利润、 提高生产率及降低成本的优势后，这种模型的发展势头越来越猛烈。这些应用程 序结合了桌面应用程序的反应快、交互性强的优点与w e b 应用程序的传播范围 广及容易传播的特性。系统架构发展的下一步是r i a ，它最大程度地提高了广泛 性和丰富性 1 7 - 1 8 】。 真正的r i a 发展的目标是： 1 ) 利用无处不在的客户机 2 ) 在多种硬件平台上毫无更改的操作互联网 3 ) 无论低或高带宽的连接都可毫无妨碍的执行 4 ) 将处理能力复原给客户( 而不仅是提供能力而已) 5 ) 提供吸引人的高度互动的用户界面 6 ) 表达过程、数据配置、规模和反馈复杂性 、 7 ) 无缝的利用声音、视像、图像和文本 8 1 容许用户在线和离线工作以支持移动工作流程 9 ) 容许客户自行决定要在何时存取何种内容和数据( 异步内容检索) 1 0 ) 存取多种中间层服务( n e t 或j a v a ) 和后端数据存储 11 ) 采用新崛起的标准如x m l 和s o a p ，为演进中的w e bs e r v i c e 为主的网 络提供动态高效的前端应用 1 2 ) 与遗旧的应用程序和系统集成 容许在现有w e b 应用程序和环境内逐步添加新功能以充分利用现有网络应 用投资。 富媒体环境下信息交流模式及通用组件的研究 2 2 3r i a 应用前景 砌a 提供一个强劲的技术平台，使客户机的能力复原到差不多与桌面型计算 机软件应用或传统的c s 系统中的客户机能力相似。它适合传统的n 层开发过 程，同时也能够和遗旧的环境集成以延展现有的应用程序而无需进行修改。它也 可以作为基础网络服务的互动表现层，允许用户在线和离线工作【2 2 】。r i a 有能力 解决各种复杂性，使需要复杂性的应用得以开发并且减少开发成本，其应用范围 可以表现在以下方面： 1 ) 创作富有表现力的内容 2 ) 网络购物的体验设计 3 ) 信息或数据的视觉化分析的设计 4 ) 企业内部培训和交流的应用 央视调查咨询中心结合多年来在消费者领域的成果提出了中国消费市场十 大趋势，其中之一就是“全面体验消费模式”。m i t ( 麻省理工大学) 的一份报 告指出：随着数字电视和媒体的日益普及，互联网游戏、视频游戏和其他形式的 数字娱乐都已成为数字内容的一部分【2 3 1 。微软亚洲研究院张亚勤博士认为，未来 的数字娱乐应该具备三大特征，即：网络化、互动性和真实感【2 4 】。网络特性将给 用户带来更其丰富的多彩体验，而互动性则能够充分调动人的参与性，人和计算 机的关系从被动发展到主动，从而充分实现每个人的个性化需求。真实感则有两 层含义，一方面，可以通过计算机的智能计算，让计算机创造出与现实生活一样 的物理意义上的真实场景，另一方面，还可以让计算机完全复制个人的夸张想法。 由此可见，体验设计是未来数字技术发展的重要的领域，a 技术就是应战于网 络的体验设计。 2 2 4 实现砒a 的主流技术 ( 一) a j a x a j a x ，“异步j a v a s c r i p t 和x m l ”的缩写，是组技术的总和。a j a x 利用 通信技术( 以s o a p 和x m l 为代表) 向服务器发送和接收异步请求响应，然后 再权衡表述技术( j a v a s c r i p t ，d o m ，h t m l ，和c s s ) 来处理响应【2 5 】。 a j a x 到底意味着什么呢? 它能让你通过j a v a s c r i p t 调用执行服务器端的方 法，而不需要浏览器刷新。可以把它想象成发生在用户视线之外的迷你请求 9 富媒体环境下信息交流模式及通用组件的研究 响应。 ( 二) f l a s h f l a s h 的前身是f u t u r ew a v e 公司开发的f u t u r e s p l a s ha n i m a t o r ，是一个基于 矢量的动画制作软件。由于该软件得到良好的反响，于是被m a c r o m e d i a 收归旗 下，定名为m a c r o m e d i af l a s h2 。由于m a c r o m e d i a 的大力宣扬和f l a s h2 本 身的独特本领，很快成为网络的宠儿。m a c r o m e d i af l a s h 作为矢量化的交互式 w e b 动画制作工具，它结合m a c r o m e d i a 公司的“流 技术一s h o c k w a v e ，在 w e b 上用于发布交互式的动画【2 6 】。 讲得更通俗一些。首先，它的优势是基于矢量的动画制作，不论你把矢量放 大多少倍，它仍然那么清晰，因为矢量其实就是一个算术式，电脑根据这个算术 式而生成图像，所以它不象一般的g i f 和j p g ，当你放大矢量图的时候，不会模 糊和起锯齿。因此你可以把f l a s h 的文件做得很小，而在h t m l 中用命令把它 放大。其次，用f l a s h 生成的交互式动画体积很小，这是相对动态的g i f 而言， 更适合于在网上传播。再有，f l a s h 的播放是“流”技术，动画边下载边演示， 如果控制的好你几乎感觉不到文件还没有完全下载2 7 。2 9 】。 r i a 开发必须具备三个要素：富客户端技术、服务器技术和开发工具。 富客户端技术充分利用本地机器的处理能力来处理数据，而不需要把某些数 据发送到服务器处理，充分利用了本地机器的资源。在本课题中主要利用 a c t i o n s c r i p t2 0 与j a v a s c r i p t 这两种客户端脚本的结合，在最大程度 上减少了用户与后台的交互等待时间。 服务器技术提供了一种与富客户端的连接机制，作为r i a 的服务器技术必 须从现有的服务器技术继承，可以提供一个快速的脚本环境，支持数据库应用开 发、双向数据通信、实时数据通信，甚至采用一种新的服务器。在本课题中，考 虑到通用性和跨平台性，本课题选用j s p 做为后台脚本和a c c e s s 作为数据库 ( 选用a c c e s s 的原因是本机调试占用内存少、效率高、向s q ls e r v e r2 0 0 0 过渡方便) 。 r i a 实现必须有一组简单而高效的开发工具，如果没有一组简单而高效的开 发工具，那么富客户端技术与服务器技术是毫无意义的。正是由于r i a 富的概 念，它需要一组开发工具协同工作才可以完成。本课题中选用的开发工具如下： f l a s h 一实现多种信息载体( 文字，图片，音频，视频) 的整合； 1 n 富媒体环境下信息交流模式及通用组件的研究 d i t e 剐m w e a 、厂e r ，f r o n t p a g e 一前台h t m l 布局；j c r e a t o i 卜后台代码的 编写；p h o t o s h o p 一图象处理；v i s i o 一概念模型搭建【3 0 , 3 1 】。 2 3f l a s h 实现砒a 应用的优势 鉴于h t m l 语言的功能十分有限，无法达到人们的预期设计，以实现令人 耳目一新的动态效果，在这种情况下，各种脚本语言应运而生，使得网页设计更 加多样化。然而，程序设计总是不能很好地普及，因为它要求一定的编程能力， 而人们更需要一种既简单直观又功能强大的动画设计工具，而f l a s h 的出现正好 满足了这种需求【3 2 - 3 5 。 1 ) 使用矢量图形和流式播放技术。与位图图形不同的是，矢量图形可以任 意缩放尺寸而不影响图形的质量；流式播放技术使得动画可以边播放边 下载，从而缓解了网页浏览者焦急等待的情绪。 2 ) 通过使用关键帧和图符使得所生成的动画( s w o 文件非常小，几k 字节的 动画文件已经可以实现许多令人心动的动画效果，用在网页设计上不仅 可以使网页更加生动，而且小巧玲珑下载迅速，使得动画可以在打开网 页很短的时间里就得以播放。 3 ) 把音乐，动画，声效，交互方式融合在一起，越来越多的人已经把f l a s h 作为网页动画设计的首选工具，并且创作出了许多令人叹为观止的动画 ( 电影) 效果。而且在f l a s h 4 0 的版本中已经可以支持m p 3 的音乐格式， 这使得加入音乐的动画文件也能保持小巧的身材。 4 ) 强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画， 通过a c t i o n 和f sc o m m a n d 可以实现交互性，使f l a s h 具有更大的 设计自由度，另外，它与当今最流行的网页设计工具d r e a m w e a v e r 配合 默契，可以直接嵌入网页的任一位置，非常方便。 5 ) 最新版本的f l a s h ( f l a s h2 0 0 4 ) 提供了读取外部数据的内置函数。 使得与数据库结合制作动态动画与交互动画成为可能。 6 ) 安全性方面，f l a s h 的原文件为n a 格式，通过f l a s h 编辑软件可以查看 其中的制作细节( 如：关键帧的设置，a s 脚本程序等) 。但是，我们在 网上看到的动画是编译后的f l a s h 文件，其后缀为s w f 。此文件只体现动 画的最终效果，而其中的代码和制作细节完全封装。因此，相对与传统 富媒体环境下信息交流模式及通h i 组件的研究 的后台语言，f l a s h 的安全性高了一级。 2 4f l a s h 开发r j a 的具体问题 1 ) f l a s h 中的媒体组织方式：f l a s h 如何组织媒体对象，媒体对象的生存期 和作用域，以及简单f l a s hp l a y e r 运行机制。 2 ) f l a s ho o p 和组件开发：f l a s ha c t i o n s c r i p t2 0 基本数据结构和语法，并 使用它来创建类和接口；如何将类与媒体对象( 主要指m o v i e c l i p ) 关联， 如何在脚本中实现控制和交互；如何使用和创建f l a s h v 2 组建等相关内 容。 3 ) f l a s h 数据通信与简单服务器技术：使用基本的方法和函数，实现与服 务器的数据通信以及服务器将如何接收和处理f l a s hp l a y e r 发送的数据。 在课题的开发过程中，本论文对以k - - 个问题都有了很好的解决。在第三章 的叙述中，论文将慢慢深入阐述。 2 5 对a 技术实现 2 5 1 a 体系结构 图( 2 2 1 ) 给出了一个典型的r i a 体系结构。x m l 通常被用作数据传输 的格式，有时也被用来描述窗体的布局。在很多的实例中，客户端可以保持与数 据源的连接，这样服务器能够实时地对客户端数据进行更新 3 6 , 3 7 i 。 图2 - 3 ：典型的r 1 a 体系结构 2 5 2f l a s h 与关系数据库的连接 在本课题中，本论文的设计思想是：以j s p 为中间环节，实现与数据库的 数据交t i - 3 9 , 4 0 1 。 具体技术路线如下： 1 与数据库结合方面通过j s p 语言对数据库进行查询，插入，更新和 l ， 富媒体环境下信息交流模式及通用组件的研究 删除等操作。 前端以f l a s h 为用户界面，所有与用户发生的交互通过f l a s h 发送命令 给j s p 页面之后，再通过j s p 与数据库交互。交互后所取得的数据由i s p 写入 x m l 文件或动态地显示在j s p 页面当中，最后，前端f l a s h 对x m l 文件或j s p 文档进行读取后，动态生成f l a s h 元件。 客户端服务器数据库服务器 请求请求 f l a s h 数 腮p 应用 据 脚本 程序 咱i 应响应 库 图2 4 ：f l a s h 与数据库连接 2 通用性方面利用双m v c 架构来实现对用户通明。 1 ) 在后台方面，所有后台操作代码均封装在j a v a b e a l l 中，对用户只提 供操作接口。这样，即使毫不懂后台技术的用户也可以对f a l s h 需 要的x m l 文件进行动态配置。同时，也增加了程序的安全性、健壮 性和可维护性。 2 ) 在前台方面，所有的a c t i o n s c r i p t 脚本语言都封装在一个影片剪 辑( f l a s h 术语) 当中，当用户只需进行简单拷贝就可以使用。而 这种对前台代码的封装在传统b s 程序当中几乎是不可想象的。 2 5 3f l a s h 结合多媒体 在f l a s hm x 以前的版本，要将视频、音频结合成为一个可以控制且通用 的组件，那么必须要编写大量的代码对载入的流文件进行控制。本课题在此问题 的解决方案上是通过自定义一个组件，虽然功能可以实现，但在通用性方面并不 是特别理想。 本课题在进行一个多月时，m a c r o m e d i a 公司推除了f l a s h2 0 0 4m x 。 富媒体环境下信息交流模式及通用组件的研究 新版本的f l a s h 无论在组件功能上，还是在脚本面向对象的支持上都有了质的 变化，从而也使得本课题的研究能够向一个更高的层次上过度。 在新版本f l a s h 的支持下，论文结合多媒体文件的方法是根据不同的媒体 类型调用不同的媒体播放容器。论文第四章中的4 4f l a s h 多媒体网络播放通 用组件的实现中详细介绍了多媒体组件的开发过程。 2 6 本章小结 在本章中，首先介绍了网络日志系统，即博客发展使用。鉴于网络日志系统 的应用前景，而传统b s 结构的系统存在的不足从而引出本文的研究点a 技 术在网络应用程序的应用优势。通过对r i a 理论的比较详细的介绍，向人们充 分展示了其发展潜力和网络应用趋势。r i a 实现方式有很多，而本文选择的f l a s h 作为目前网络一种既简单直观又具有强大功能的动画设计工具，在网络上已经被 广泛使用。f l a s h 既可以作为一种动画设计工具，开发集音频、视频、图像等多 种媒体资源为一体的客户端程序接口，又凭借着自身的a c t i o n s c r i p t 编程语言、 以及诸如j s p 、x m l 等技术支持，实现与数据库连接从而实现r i a 的网络应用。 1 4 富媒体环境下信息交流模式及通用组件的研究 第三章基于r i a 网络日志概要设计 3 1 系统目标与开发方法 3 1 1 平台实现目标 1 ) 前台以f l a s h 为主，辅以少量必要的h t m l 和j a v a s c r i p t 代码。传 统b s 程序中，一个难以解决的问题就是h t m l 与脚本互相交错、大量 堆积。在本课题中，前端网页中的代码将极其简化，所有代码均做了良 好封装。 2 ) 实现目前流行b l o g 的一般功能。包括：日志编写、智能查询、日志评 论、日志分类、友情连接等功能。 3 ) 创新功能的实现。包括：视频、音频、文字、图片、矢量动画的混合在 线播放。 4 ) 系统性能优化。相对于传统b s 的提交表单等待返回数据来说，最 大限度上减少用户交互响应时间。 5 ) 在实现基本工作的基础上，再将代码重新优化，制作一些易于他人使用 的，第三方f l a s h 控件。 3 1 2 平台功能模块 多 媒 体 偿 患 播 放 图3 - 1 ：r i a 网络日志平台结构图 富媒体环境下信息交流模式及通用组件的研究 3 1 3 平台开发环境 数据库：a c c e s s 2 0 0 3 运行环境：t o m c a t 5 5 + j d k l 4 2 后台语言：j s p 前台语言：h t m l ，j a v a s c r i p t ，c s s ，a c t i o n s c r i p t 2 0 3 2 平台适用范围 适用于任何安装了j a 、，a 和f l a s h 环境的操作系统。 本课题实验环境的操作系统为：w i n d o w sx p s p 2 3 3 程序设计模式 3 3 1 程序设计模式 所谓设计模式，本文的理解是：由前人积累下来的一些可行解决方法，而程 序的设计模式决定了程序各方面最终的性能。在本课题的设计当中，论文将 f l a s h 特有的属性和j s p 相结合，创建了双m v c 的设计模式。无论在安全性， 还