简介:适合不知如何写技术网页方面的相关专业大学硕士和本科毕业论文以及关于技术网页论文开题报告范文和相关职称论文写作参考文献资料下载。
郑洁1,黄盖先2,朱昳凡1,王宇琛3
(1.上海海洋大学爱恩学院,上海201306;2.上海海洋大学信息学院,上海201306;3.上海海洋大学经济管理学院,上海201306)
摘 要:随着网页设计技术的不断成熟与发展,多媒体网页涵盖了文字、图像、声音、动画等多元化的数据,普及在人们的视野生活中.以上海海洋大学校广播台海大之声音乐媒体素材为例,基于Flex+J论文范文aEE+BlazeDS+MySQL的前后端的整合,利用RemoteObject等通信技术,建立多媒体网站.将对该技术下网页设计的理论进行分析,并举例应用.分别从Flex前端开发、J论文范文a后端应用等方面讲述网页的开发设计与技术实现,同时也对于该技术下的实践起到了很好的拓展作用.
关键词:多媒体网页;Flex软件;BlazeDS技术;RemoteObject技术
基金项目:骆肇尧科创基金,编号:Al-0204-14-0015-23.
作者简介:郑洁(1994-),女,本科,研究方向:信息管理与信息系统;王宇琛(1992-),男,本科,研究方向:国际经济与贸易:朱呋凡(1994-),女,本科,研究方向:信息管理与信息系统;黄盖先(1994-),男,本科,研究方向:空间信息与数字技术.
收稿日期:2015-03-28
1. 理论与方法
企业随着互联网技术的普及,网络已成为人们生活中必不可少的一部分.网站作为网络中重要的交互平台,以多媒体为主要形式.多媒体技术基于计算机技术,通过计算机对文字数据、图形图像、动画视频、声音等多种媒体信息进行综合处理和管理,并将它们以一定的逻辑关系联系在一起,使用户可以通过多种感官与计算机进行实时信息交互.多媒体技术的发展,丰富了网站的内容,以强烈的感官冲击给浏览者留下印象.
随着网页设计技术的不断成熟与发展,现在国内常见的网页设计有Microsoft FrontPage、DreamWe论文范文er、CSS Design、Flex.Microsoft FrontPage是一款轻量级静态网页设计,目前应用很少:Dreamwe论文范文er网页制作软件已成为专业级网页制作程序,支持HTML、CSS、PHP、JSP以及ASP等众多脚本语言,是初学者或者专业网站开发人员必备选择工具;CSS Design是一款适合对CSS进行调试的专业级应用,方便程序调试及效果比对;Flex是美国Adobe公司推出的一系列涵盖了支持富因特网应用程序——RIA (Rich Intemet Application)开发和部署的技术和工具组合,是一个高效、免费的开源框架,可用于构建具有表现力的Web应用程序,这些应用程序利用Adobe Flash Player和Adobe AIR,可以实现跨浏览器、桌面和操作系统.ActionScript 3.0应用于Flex应用的开发,实现应用程序交互和控制、数据处理等功能,更好地呈现动画效果并引导用户过渡到体验动画.利用flex进行多媒体网页设计,可以集合多种flash组件,使多媒体网页更加美观.
在此将主要以Flex作为网站开发的前端,集合J论文范文aEE、BlazeDS组件+MySQL作为网站搭建的服务端,以上海海洋大学校广播台——-海大之声声乐资料作为素材构建网站,具体探究基于Flex+J论文范文aEE+MySQL的技术实现模式及成果展示.
1.1 网页架构选择
网络设计架构主要分为B/S架构和C/S架构.B/S架构:Browser/Server,即为浏览器,服务器结构,用户工作界面是通过WWW浏览器来实现,极少部分事务逻辑在前端实现,但是主要事务逻辑在服务器端(Server)实现.C/S架构:Client,Server,即为客户端/服务器结构.表1是C/S架构与B/S架构的对比.
多媒体网站设计最大的特色就是具有很强的人机互动特性,满足每个客户对于网站功能不同的需求.又因为Flex网页设计富有大量Flash组件与多媒体特色,因此选择C/S架构模式来搭建网站,C/S架构用于客户端实现与服务器的直接相连,没有中间环节,因此响应速度快.同时操作界面漂亮、形式多样,可以充分满足客户自身的个性化要求.另外C/S结构的管理信息系统具有较强的事务处理能力,能实现复杂的业务流程.
1.2 通信形式的选择
Flex软件以ActionScript3.0为基础主要负责网页设计的前端,连接服务端有很多种形式,Flex+J论文范文aEE模式,Flex+PHP模式,Flex+J论文范文aScript模式,如表2所示.
Flex+J论文范文a这一技术组合在2010年就逐渐被业界所接受,现在很多行业的大型企业应用中都运用到了这一技术,如SAP、淘宝、中国移动.主要是因为在网页开发中,可利用Flex开发更好的人界面,其特点有:易用性好、交互性强、外观炫丽.而使用J论文范文a则开发稳定且可跨平台部署的业务逻辑.因此,这一组合技术可以快速开发出稳定的、易用的、用户体验良好的应用.
网页后端基于J论文范文aEE,其建立在J论文范文a SE的基础上.用来实现企业级的面向服务体系结构(SOA)和Web应用程序.它提供了一个完整、稳定、安全和快速的J论文范文a平台,支持Web应用服务器和在Web应用服务器上运行的Web应用的开发.J论文范文aEE提供了一套技术架构,提高了应用的安全性、可移植性和再造性翻.并且,其在简化开发者视图的同时,最大程度保证了网页的实用性和简洁性.
网页游戏开发技术:01集XML技术网页设计制作标记语言 【www.23meiyu.com】
1.3 后台数据交互方式的选择
Flex程序与服务器端程序进行数据交互有3种通信方式,常见的数据交互形式有以下几种,如表3所示.
3. 种通信方式特点总结如表4所示.
RemoteObject的AMF协议以一种高效的传输协议代替传统的SOAP、Http协议.通过AMF协议实现RPC通信功能,则称为AMF-RPC.在J论文范文a平台可以使用LCDS或BlazeDS实现其功能.
LCDS(LifeCycle Data Service ES)是一个J论文范文aEE服务端组件,用于简化Flex与J论文范文aEE Web应用程序之间的大数据量通信.通过LCDS与服务器端通信,不但可以大大提高通信的效率,而且还能提供传统B/S结构没有的功能.准确地说.LCDS应该是一个*网关,客户端的Flex应用的程序对服务器端应用程序的请求必须经过该*网关进行处理,在经过一系列复杂的处理,服务器响应后,再由该*网关返回给Flex客户端应用程序.
BlazeDS可以看成是LCDS的一个子集,是一个开源产品,因此是人们选择连接服务端的不二选择.在服务器端.BlazeDS以Servlet的方式存在于J论文范文a应用服务器上.BlazeDS是一套面向ActionScript的前后台通信框架.它默认提供3种服务,远程调用、访问*和消息服务.相比LCDS,BlazeDS没有提供数据管理功能,而这个功能对于在RIA客户端展示大型数据,实现客户端和服务器端大容量数据交互处理却有着重要作用.
2. 网站功能设计与规划
2.1 多媒体网站——海大之声项目背景
本案例隶属于上海海洋大学广播台“海大之声”,海大之声每天为师生提供两档节目,向师生提供校园资讯,涵盖时事新闻、体育、音乐、情感、娱乐等.然而师生往往因为各种繁忙的事务错过了校园声音资讯,因此,为了解决广播传播稍纵即逝、难以查询和记录的缺陷,设计网站,搭建线上多媒体服务.
2.2 网站设计流程
整个网站的设计如图1所示.
整个网站大体分为注册、应用两大模块,师生可以注册以便更好地体验网站各方面的应用.在应用模块又细分为客户端、管理端两部分,登录时输入管理员用户名和论文范文便可以登录,管理整个网站的注册会员信息.对于客户端的设计分为3大部分,分别是师生互动留言板、广播台*及模拟电子琴小游戏、校园营销图片墙.
*完全利用前端软件Flex配合xml文件设计,整个学期的海大之声广播节目都可以通过本网站*进行播放收听,基于校园本土化特色与线下广播台的完美结合,不仅提供了每一天节目的收听,同时也连载了本地天气、广播台微博等自媒体频道.
3. 基于前端的Flex设计与实现
3.1 技术实现
整个*是基于Flex+XML设计的.服务后台中存有XML文件以及相应的音频文件,均按照规定的格式与名字进行命名.整个运行流程为Flex前端调取服务后台XML的数据,对XML中的数据进行筛选与识别,显示在客户端.当用户选中客户端下需要听的广播节目,前端将自动匹配服务端XML文件中相应的音频地址进行读取与播放.
在Flex中有Sound专门的声音类型,可以通过此声音类型控制声音,还有专门的声音通道数据类型SoundChannel便于对声音的大小进行精确地控制.再搭配一个Number和Timer类型记录音频时暂停的时间.
另外在播放音频过程中需要用一个布尔型的变量state记录播放的状态,当音频播放时state等于l,表示已经播放,再点击继续播放或者切换其他音频文件时不会重新开启新的一个声道.当音频暂停时,state等于0,表示播放暂停,再点击播放时会继续播放.
通过以上几个技术点便可以搭建起一个线上*如图2所示.
3.2 模拟电子琴
基于Flex前端的Actionscript3.0语言涉及电子琴主要要考虑如下几个方面:网页响应论文范文的应用函数,论文范文不同激活状态下的美工(例如按键时网页中的电子琴某一个琴键贴图需要进行切换有所改变,表示论文范文按下去了,当松开按键时,网页电子琴的琴键贴图恢复原状),音频素材的对应,Timer计数器的灵活运用.
Flex主要运用响应论文范文的函数:
基于addEventListener函数,KEY_DOWN表示论文范文按下,KEY_UP表示论文范文松开,以KeyboardEvent.KEY_DOWN为例,计算机论文范文上的每一个键都有一个模拟的虚拟码,当我们按下某个键时,会触发一个keyboardEvent事件(命名为e),则e.keyCode中便返回了按下键所代表的虚拟码.通过SwtichCase语句便可以控制论文范文与电子琴按键的意义对应关系了,核心代码如下:
其中49代表论文范文的“1”键,50代表论文范文的“2”键等
另外也可以用Timer计时器功能将之前播放的曲子重新播放,首先需要将简谱以“1、2、3”简谱的形式保存在数组中,然后设置计数器,每隔一个时间段触发一次,使得数组中的元素一个一个读取,并播放对应的音频.由此便可以实现电子琴的复播功能.
3.3 海底浮动气泡特效
要实现海底气泡首先需要准备几种不同颜色的气泡作为素材,修改一下其透明度.接下来主要利用Flex中的Timer函数设置图片动画刷新频率以及一些数学公式.
首先是创建Timer对象设置一个触发频率即每隔多少毫秒触发一次.接下来可以通过Math.random0确定随机产生气泡的位置以及相对的移动位置:具体代码如下:
创建海底气泡对象:
4. Flex+J论文范文aEE+MySQL搭建技术实现
4.1 基于Flex+BlazeDS的配置
BlazeDS是一个基于服务器的J论文范文a远程控制(remoting)和Web消息传递(messaging)技术,它能够使得后端的J论文范文a应用程序和运行在浏览器上的Adobe Flex应用程序相互通信.Flex+BlazeDS的整合搭建大致分为如下几个步骤:(1)安装JDK和Tomcat并且实现成功配置.(2)安装BlazeDS,下载地址( http://sourceforge.net/adobe/blazed s/wiki/Home/)下载的安装包中解压备份blazeds.war文件.(3)利用MyEclipse,建立web项目,解压缩“blazeds.war”文件,将解压后的WEN-INF目录复制到Web工程的WebRoot目录下(覆盖原来的WEB -INF、META -INF目录).以记事本格式打开“Web-Root\WEB -INFflex\”目录下的“remoting -config.xml”文件,在文件中定义一个远程服务,这样Flex应用程序才能调用这个远程服务.(4)建立Flex工程,整合在MyEclipse中建立的Web工程.
4.2 MySQL的设计与连接
本项目基于Flex+BlazeDS利用RemotingObject通信技术,它直接远程调用J论文范文a后台提供的公共接口,连接MySQL,主要技术流程图如图3所示,首先从Flex客户端通过J论文范文a向MySQL发送请求,在MySQL中执行SQL语句,返回数据查询的结果,再通过J论文范文a返回给Flex前端,在前端对数据查询结果进行判别与分析.
通过J论文范文a连接MySQL流程的配置操作具体为:首先将J论文范文a连接MySQL的连接方法编写J论文范文a代码.然后在WEB-i-INF文件夹下Remoting-config.xml文件中添加source,source为实际的建包名路径,并给Destination的id命名.代码如下所示:
4.3 基于Flex+J论文范文aEE设计的网页注册与登录
网页登录实现逻辑:将客户端输入的用户名信息与论文范文信息两个字符串通过BlazeDS传输到MySQL中,利用SQL语句对数据库进行查询,倘若查询的用户名论文范文存在,则将信息返回给Flex前端,Flex前端执行登录操作,倘若用户名与论文范文不匹配,或者用户名不存在则会有相应的提示.
网页注册实现逻辑:将客户端输入的注册信息等多个字符串数值,分别通过BlazeDS传输到MySQL中,利用SQL语句对数据库进行查询,倘若查询的用户名存在,则将信息返回给Flex前端,Flex前端执行“用户名已存在提示”,倘若用户名不存在,则在MySQL数据库中执行insert语句建立新的一行数据.
Flex前端mxml代码如下所示:
同时在Declartions声明中建立RemoteObject:
对于Web服务端一方面需要编写连接MySQL的J论文范文a代码,另一方面也需要在remoting-config.xml中相应的destina-tion进行配置source.由此便形成了Flex+J论文范文eEE+MySQL的整合而设计的多媒体网页应用.
5. 结语
基于Flex (Flash Builder) +J论文范文eEE+MySQL前后端技术的整合,提出了制作多媒体网页技术的新方法与新应用.分别从基于Flex多媒体网页设计理论技术方法、网页功能设计与规划、Flex前端设计、基于J论文范文aEE的服务端设计等多个方面进行论述分析.该技术对于建立高校多媒体网页设计具有很强的指导意义、功能拓展性强,可以有机地与当今时论文范文行的020模式进行结合,是一种具有创新性的多媒体网页设计模式.
参考文献
[1]孙晓玲.多媒体技术在网站设计中的运用[J].上海艺术家.2011.
[2]汪卫平,袁芳.基于ActionScript 3.0的Flash动画设计与制作[J].软件,2014,7:029.
[3]黄开枝,许勇,王黎,等.J论文范文a EE 5完全学习手册[CP].北京:清华大学出版社,2009: 1-6.
总结:关于免费技术网页论文范文在这里免费下载与阅读,为您的技术网页相关论文写作提供资料。
网页游戏开发技术引用文献:
[1] 游戏开发和vr论文写作参考范文 游戏开发和vr方面有关参考文献格式范文2万字
[2] 游戏开发在职研究生论文范文 游戏开发有关在职毕业论文范文5000字
[3] 游戏开发和3d硕士毕业论文范文 关于游戏开发和3d相关本科论文开题报告范文2万字