计算机信息管理毕业论文

《计算机信息管理毕业论文》由会员分享，可在线阅读，更多相关《计算机信息管理毕业论文（26页珍藏版）》请在装配图网上搜索。

1、北京联合大学继续教育学院毕业论文题目专科学校专业考生姓名班级展示平台的设计与实现北京联合大学继续教育学院计算机信息管理刘伟准考证号指导老师蒋春梅2016年 4月29 日目录摘要 .Abstract.前言 .第一章概 述 .1.1Flash 网站背景 .1.2Flash 网站所具备的优势 .1.3关于本课题 .1.4本论文所涉及内容 .第二章开发平台与所用技术.2.1 开发工具 .2.1.1 Adobe Flash CS5.5 Professional .2.1.2 Adobe Photoshop CS4 Professional .2.2 所用技术 .第三章网站规划 .3.1网站结构图 .3.

2、2网站内容 .3.3网站效果图 .第四章网站程序实现 .4.1整体设计 .4.2网站设计 .4.2.1引导页设计 .4.2.2导航的设计 .4.2.3滚动条的设计 .4.2.4XML 外部载入实现 .4.2.5相册的翻页设计.4.2.6邮件发送的实现.4.2.7背景音乐的控制.4.2.8进度条的实现 .第五章Flash 发布 .第六章总结 .6.1个人总结 .6.2制作过程中遇到的问题和解决方法.6.3网站改进方向 .参考文献 .致谢 .附录 .摘要Flash 是一种创作工具，可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。 Flash 可以包含简单的动画、视频内容、复杂演示文稿和应

3、用程序以及介于它们之间的任何内容。 Flash 特别适用于创建关于Internet 的内容，因为它的文件非常小。Flash是通过广泛使用矢量图形做到这一点的。而全Flash 网站具备普通网站所不具备的视觉冲击力和互动体验。所以全Flash 网站比较生动，其互动性能是普通网站无法相比的。本文完整的阐述了如何制作一个Flash 网站，并且怎样利用XML 实现 txt，mp3 和jpg 文件在 web 页面的动态交互加载以及不同页面间的切换，信息的编辑与发送以及Action Script 代码控制等。关键词： FlashXMLAction Script作者：刘伟指导老师：蒋春梅AbstractFla

4、sh is a kind of creation tools, can use it to create demonstration draft, the application and the other allows users to interactive content. Flash can contain simple animation, video content, complex demo application, and in-between manuscripts and between them of any content. Flash particularly app

5、licable to create the content on Internet, because of it of file is very small. Flash is through the extensive use of vector graphics do it. And the whole Flash web site with ordinary doesnt have visual impact and interactive experience. So the all Flash web more vivid, its interactive performance i

6、s ordinary web site that cannot be compared.This paper expounds how to make complete a Flash web, and how to use XML realize TXT, mp3 and JPG file in web pages load and the dynamic interaction between different page switch, editor of information and send and Action Script code control, etc.Keywords:

7、 Flash XML ActionScriptThe make: Liu Wei前言数字媒体时代的到来，使人们不在满足于简单直接的信息传达，人们渴望在接受信息的同时能够带来一种视觉享受。Flash 能让浏览者在轻松、有趣的视觉感受中，以最短的时间了解信息内容。 Flash 是目前在网络应用中最好的多媒体动画，强烈的视觉冲击力给浏览者带来全新的感受，更易留下深刻的印象，能够极好的达到理想的宣传效果。综合起来说， Flash 网站是一种艺术与技术相结合产物。 Flash 网站是以艺术介入技术层面来达到视觉推广的目的，这样的好处是能够更好的针对目标人群，把信息以艺术效果的形式体现出来。本课题是利用

8、Flash 的 Adobe Flash CS5.5 Professional版本进行一个班级网站的制作，由于本人知识的有限，时间的仓促，以及客观条件的限制，网站的规模不会很大。该 Flash 网站主要是一个以班级活动时候的照片，以及一些对于班级生活的文字的描述和同学介绍的一个班级网站。每个人都有那么段属于自己的学生生涯，对于大学生涯，美好的回忆总是一幕幕出现在眼前。而一个小型的 Flash 网站，既能勾起我美好的大学回忆，也能在网站中找到一些大学班级生活中的点点滴滴，和同学们的深厚友谊。于是，我决定利用自己大学课余时间自己所学的知识，自己在指导老师的帮助下，和朋友合作制作这个小型的 Flash

9、 网站。本次毕业设计制作完成的 Flash 网站共分为三个模块，分别为关于我们、照片和联系我们。本文共分为五章，第一章介绍了 Flash 软件开发背景以及课题的内容； 第二章介绍了本网站的开发平台及要使用的主要技术；第三章对网站进行了规划和简单的介绍；第四章是网站的具体实现，并描述一些关键性技术；第五章主要介绍网站的发布；第六章是对整个过程的总结，讲述心得与感想。第一章概 述1.1Flash 网站背景早在上世纪八九十年代，凡是接触网页的人员，在他们的印象中所谓网站就是一些文字和图像的排版，文字和图片都可以做上相应的链接，并且可以点击。而如今，很大一部分人来说，这种现象仍然持续到现在，不过随着互

10、联网网络带宽的不断增加以及如今 Flash 对互联网的影响力的不断增强，人们已经认可在 HTML 页面上加入一些 Flash 的元素。 Flash 元素的加入使得网络页面更加的生动形象，让人们更容易，更好的去接受。自从 2000 年以后，开始不断涌现纯 Flash 网站，但人们对他的认识并不是很深，大部分人会认为纯 Flash 网站会影响访问的速度。所以在 Flash 发展初期和带宽有限的情况下确实存在这种现象，随着计算机网络的发展，传输速率加快，这一现状也将得到解决。而且，网站是人们了解一个企业的窗口，而现如今，更多的公司将自己的网站看作是在互联网上的销售平台，不仅让用户在这个平台上了解和感

11、受公司的产品和文化，同时还能收集用户所反馈的信息，通过分析这些信息，企业才能及时调整策略以达到利润的最大化。而纯 Flash 网站恰好能满足这些企业的要求：它具有强有力的广告宣传、快速的传播速度、涉及的范围极广、丰富的媒体内容、体贴用户的流畅交互、以及跨平台和小巧客户端的支持。目前，纯Flash 网站正在形成一种趋势。1.2Flash 网站所具备的优势Flash 网站是以生动形象的动画和交互式操作，给每一位访问者带来一种切身体验的访问感受，使用者在浏览的过程中自然而然的融入到网站中。同时Flash 已经具备了后端开发和数据显示的能力，可以完全胜任中小型网站的开发。从视觉展现效果来看，纯Flas

12、h 网站可以完成 HTML 网站不能制造出的质感和动作效果，特别是一流的动态视觉特效，能给人以震撼的视听冲击，同时配合高品质的页面设计，别具风格的配乐，纯Flash 网站会展现出无穷的魅力。现如今，计算机网络发展日新月异，互联网网络带宽不断提高，使得动画、音乐、电影的传输瓶颈正在逐渐消失。在线实时收看高品质画面将成为现实，而这作为静态网页的优势将不再构成优势。在未来虽然纯 Flash 网站不可能代替静态网站，但Flash 网站的优势却依旧是静态网站无法匹及的。1.3关于本课题学生时代是每一个人所共有的美好回忆，经常我们可以看到在毕业即将到来的时候，很多同学开始互相发同学录，给同学留言，合影留念

13、，这些种种迹象表明，大家对自己的班级同学的感情不言而喻。而如今Flash 网站的发展，使得人们对Flash 网站的认知认可度越来越高。Flash 网站相对于普通静态网站的优势特点越来越明显的显露出来。本课题即是用Flash 来制作一个以班级回忆和介绍班级同学为主题的Flash 网站。既要体现出对学生时代的回忆，感情，渲染出当年的青涩氛围，同时也要借助Flash的优势，体现出很好的人机交互性，Flash的视觉，听觉多方面的冲击力。整个Flash网站中的大部分图片，音乐数据将由外部载入，而文字部分则建立在XML的基础上，由外部进行导入。1.4本论文所涉及内容本论文主要是将作者在制作本Flash 网

14、站中的一些技术层面上的问题一一写出来，介绍整个网站的结构布局，设计思路，最后写出作者自己的感触以及对帮助者的感谢。第二章开发平台与所用技术2.1 开发工具本网站 的开发 工具 为 Adobe Flash CS5.5 Professional 和Adobe Photoshop CS4Professional。2.1.1 Adobe Flash CS5.5 ProfessionalAdobe Flash（原称Macromedia Flash，简称Flash；前身FutureSplash），是美国Macromedia 公司（现在已被Adobe 公司收购）所设计的一种二维动画软件。通常包括Macrom

15、edia Flash，用于设计和编辑Flash 文档，以及 Adobe Flash Player，用于播放 Flash文档。2.1.2 Adobe Photoshop CS4 ProfessionalPhotoshop 是 Adobe 公司旗下最为出名的图像处理软件之一。集图像扫描、编辑修改、图像制作、广告创意，图像输入与输出于一体。Photoshop 的应用领域很广泛，在图像、图形、文字、视频、出版各方面都有涉及。2.2 所用技术本网站实现除了大量应用了Flash 对其主要框架以及效果的构造制作，以及Photoshop对网站图片的制作修改外，还使用了XML 在 Flash 中的载入、读取和解

16、析。当使用 HTML 显示数据时，数据将被存储在HTML 中。通过 XML ，数据可以被单独储存在 XML 文件中。通过这种方法，你就可以一心一意地使用HTML 对数据进行排版和显示，对基本数据的改变并不需要对HTML 做出任何改变。通过使用 XML ，可以使用普通的文本文件储存数据。XML 可以在文件或数据库中储存数据。应用软件可以从已存储的数据中储存、获取信息。一般的应用软件可以用于显示数据。第三章网站规划3.1网站结构图Flash 网站区别的普通的静态网站，所以在结构上小有所区别。但在在外观上，区别于大多数静态网站的规则布局。以独特的样式显示，这样可以使每一个游览者可以更好的去感受网站所

17、要表达的信息。本网站的结构图如图3-1 所示：引导页加载数据主页显示导航条照片显示音乐控制图 3-1 Flash 网站的基本结构3.2网站内容本 Flash 网站共有 3 个 Flash 界面，主要内容有：关于我们、照片、联系我们这3 个模块，整个网站的内容结构如图3-2 所示主页（照片展示）关于我们照片联系我们图 3-2 内容规划结构图3.3网站效果图图 3-3 为引导页面，游览者在欣赏完一段小动画后自动进入网站。该动画模仿鼠标点击的样式，从一开始就给浏览者了一种视觉的冲击，这样可以使浏览者对接下浏览产生很强的兴趣。图 3-3 引导页面图 3-4 为主页面。该页面以一个相册的形式呈现在浏览者

18、的面前，不同于以往普通的静态网站的格调布局，这种新鲜感的创新，不仅呈现了网站所要表达的主题，也将网站的视觉冲击展露无遗。而且，此时再配以背景音乐的渲染，使得效果更加完美。Flash图 3-4 主页面图 3-5 关于我们页面，照片固然直观，但是，却比不上文字的细腻，所以，在介绍班级同学的这一块，作者选择了使用文字来进行表达，浏览者在浏览的时候，可以拖动文字旁边的滚动条来浏览相关的内容。图 3-5 关于我们页面图 3-6 为相册页面，前面也说到了，照片总是给人以最直观的感受，所以，除了主页面上的照片的外，这里是一个照片的详细查看。浏览者不仅可以点击主页面上的照片进入到相应的照片内容，也可以进入相册

19、模块，来进行照片的浏览。图 3-6 照片页面图 3-7 为联系我们页面，一个网站，必须要有一个联系的方式，这样既有利于网站今后的维护与发展，也有利于了解浏览者的建议以及意见。本Flash 网站的联系模块是让浏览者输入浏览者的相关联系方式和对网站的建议意见，或其他留言，然后通过发送到作者的邮箱来实现的。图 3-7 联系我们页面第四章网站程序实现4.1整体设计本 Flash 网站的主题是对班级的回忆以及展示，介于Flash 网站它不受限于传统静态网站的布局格式。本网站采取了一个以晾晒照片为主要背景的一种方式。设计新颖，浏览者可以在初次进入网站就有种眼前一亮的感觉。而照片总是可以给人以最直观的感受，

20、再辅以背景音乐，可以使浏览者切身体会到作者班级的氛围，仿佛置身于当年的学生时代。这种设计将本网站所要表达的信息可以很好的表达出来。当然了，在直观的照片给予浏览者一定的了解后，文字部分可以让浏览者了解更多有关作者班级的信息。最后的一个联系途径，可以让浏览者留下自己的联系发与作者的邮箱，便于今后的交流。4.2网站设计4.2.1引导页设计引导页的作用：Flash 动画能带来视觉的冲击！本网站的引导动画实为一个逐帧动画，模仿鼠标点击，打开网页的效果！。大致的设计步骤如下：1.新建 Flash 文档，命名为 index.fla。2.创建 766 750 的背景，将背景图片（bg1.png）导入到库中，将

21、图片放与舞台中央。3.新建一个图层，命名为mouse，制作一个鼠标的样子和鼠标经过的时候残影的图样，在第28 帧和第 87 帧间每一帧定义为关键帧，在此区间定义鼠标从背景右下角移动至中间的每一个位置。在每一帧做相应的设计即可。4.2.2导航的设计导航的作用：一个网站必须需要一个导航条，这样才能方便浏览者去查看想查看的内容， Flash 网站虽然在外观形式上不拘一格，但是，依旧需要一个导航条。本 Flash 网站的导航条为一个逐帧动画，三个导航按钮，依次出来。每个按钮分配有鼠标交互功能，即点击，并放开鼠标后，出现的交互动画！点击后，要进入相应的页面，大致的设计步骤如下：1 制作一个菜单的元件（m

22、enu2），里面分别添加三个按钮的图层（item1、 item2、item3），制作后如图4-1 所示：图 4-1 添加图层2 给这三个按钮分别写入相应的代码，这里以关于我们为例（图4-2）：2.1_root.gotoAndPlay(s1);/主时间轴跳转到 s12.2分别给三个参数（在主时间轴第一帧已经定于并且赋值）_root.url = pages1; /传递参数，对应库里的标志符为pages1的电影剪辑（MC），即主时间轴attachMovie 电影剪辑 pages1到主舞台！_root.x_ = 140;_root.y_ = 200;/ 此两变量，当 pages 赋值到舞台后（ _ro

23、ot ），设置其x 和 y 坐标图 4-2 关于我们按钮的代码4.2.3滚动条的设计滚动条的作用：关于我们的页面中，在对班级同学进行介绍的时候，一个小小的页面加载那么多字数的文本后，难以查阅，这对浏览者来说是一个不方便地方。所以，一个文本的滚动条在这里就显得尤为重要。滚动条的设计过程如下：1. 创建动态文本框，命名为 abouttxt.（图 4-3）图 4-3 动态文本框 abouttxt图层2.在文件夹根目录下创建2 帧 1 上写下如下代码：xml文件命名为contents.xml，并在影片剪辑关于我们2 的activity = new XML ();activity.load (conte

24、nts.xml);activity.ignoreWhite = true;activity.onLoad = function (success) if (success)var news:XMLNode = this.firstChild;abouttxt.htmlText=news.childNodes0;abouttxt.height=1000;3 打开contents.xml，并设置动态文本框abouttxt的html里面的Text内容为contents.xml 文件中第一个节点的内容。4.选中动态文本框abouttxt，然后打开组件面板，将窗口 组件 Interface里面的UISc

25、rollBar 组件（图 4-5）拖动到动态文本框abouttxt 上，然后调整 UIScrollBar 的位置即可。图 4-5 UIScrollBar 组件4.2.4XML外部载入实现XML外部导入的作用：对于一个网站，里面肯定有着许多的信息，无论图片还是文字，而对于AS2.0，最好的数据处理就是xml ，本 Flash 网站，也是利用xml 数据格式。为了便于修改，用了txt 文本装载。大致的设计步骤如下：1先编辑好 xml 树结构，如下所示： 2 数据处理部分（ 1）建立一个 xml 对象，并且忽视空白（即不将xml 里的空格键当成数据加载），下载帧 1 动作里面，具体代码如下所示：va

26、r photoxml = new XML();photoxml.ignoreWhite = true;photoxml.load(data.txt);photoxml.onLoad = function(done) if (done) dataset();com = true; else trace(lost);（ 2）通过自定义 dataset()函数处理数据，本 Flash 网站的 xml 只采取一个层级，所以，只需用到一个 for 循环，即可将所有数据读取并且装载到相应的数组，相关代码如下：function dataset() listlen = list.length;trace(li

27、stlen);for (k=0; k=listlen; k+) if (k=8) _parent.m1 = 0;_parent.m2+;if (_parent.m2=8) _parent.m2 = 0;_parent.m3+;if (_parent.m3=8) _parent.m3 = 0;_parent.m4+;if (_parent.m4=8) _parent.m4 = 0;/ _parent.m1， _parent.m2， _parent.m3， _parent.m4每次都递增1，当大于或等于8 的时候，重新赋值为 0，（ 3） 按钮的控制：按钮的控制非常简单，每次点击，都跳转到第一帧，

28、并重新播放。on (release) gotoAndPlay(1);4.2.6邮件发送的实现联系的作用：一个网站，为了可以和用户浏览者有更好的交流，需要留下一些联系的方式，本Flash 网站也不例外。网站专门设置了一个联系的模块，方便浏览者与网站制作者进行联系，留言。该模块设置理念是浏览者将自己的相关信息和留言内容输入后，通过发送，可以将内容直接发送到作者邮箱，这样，作者可以通过浏览者留下的联系方式与浏览者进行联系，也可以就浏览者的留言对网站的合理化建议或其它种种对网站进行相关的修改与更新，总之，联系是一个网站不可或缺的一个因素。本Flash 网站的联系设计大致如下：1.分别创建动动态文本框U

29、sername, Useremail, UserTel, Usermessage(图 4-7)。图 4-7 创建动态文本框2.然后创建重写按钮与发送按钮(图 4-8)图 4-8 创建重写按钮3.选中重写按钮然后写入代码，当重写按钮按下时，动态文本框中的text 值都变为空，达到清空效果。所以在重写按钮中写下如下代码：on(press)username.text=;useremail.text=;usertel.text=;usermessage.text=;4.选中发送按钮然后写入代码（与重写安钮一样）当发送按钮按下时，动态文本框username 的 text 值赋值给变量 username,

30、 动态文本框 useemail 的 text 值赋值给变量 useremail, 动态文本框 usetel 的 text 值赋值给变量 usertel, 动态文本框 usemessage的 text值赋值给变量usermessage。然后将四个变量赋值给Contact.asp 的四个参数。发送按钮的代码如下所示：on(press)username=username.text;useremail=useremail.text;usertel=usertel.text;usermessage=usermessage.text;url=Contact.asp?name=+username+&tel=

31、+usertel+&email=+useremail+&message= + usermessage;getURL(url,_self);5.在 Contact.asp文件中，读取四个参数，然后通过Jmail 组件，发送到指定邮箱中。4.2.7背景音乐的控制背景音乐的作用： Flash 除了在视觉上给人以冲击之外，在听觉上也给人一种享受，本 Flash 网站为了给浏览者渲染一种更好的氛围，特意设置了背景音乐。这样，浏览者在浏览网页的途中，不但可以感受到 Flash 带来的视觉体验，也能在听觉上，得到不一样的享受。当然了，所谓众口难调，本 Flash 网站就这人性化的特点，在背景音乐的控制上，制

32、作了音乐的开关，歌曲的选择，尽最大程度的满足浏览者群体。背景音乐的大致设计步骤如下：1.初始化：首先在动画的第一帧建立声音对象，并加载声音，并播放，如下代码var mysound = new Sound();mysound.loadSound(bgsound/1.mp3,true);mysound.start();2.声音的控制：建立 4 个按钮和一个音频动画电影剪辑，如图4-9 所示：图 4-9 音乐开关和控制按钮其中关闭音乐按钮是停止声音的播放，并且停止音频动画电影剪辑（命名为：equalizer）的播放，代码如下：on(release) gotoAndStop(2);_root.soun

33、dstatus=off;equalizer.gotoAndStop(2);1，2，3 这三个按钮，是切换声音的，代码如下所示：on (release) on (release) on (release) 4.2.8进度条的实现进度条的作用：当网站的规模达到一定的时候，加载文件就需要一定的时间，所以，一个进度条，可以让网站在加载的时候有一个动画的显示，这样可以让浏览者有一个等待的过程，不至于离开浏览，所以，一个进度条的设置就显得尤其重要，下面是本Flash 进度条的大致设计步骤：1制作一个进度条的外观动作如图4-10 所示：图 4-10 进度条的外观2.在影片剪辑 preloader_main

34、中填入如下代码：onClipEvent (load) total = _root.getBytesTotal();onClipEvent (enterFrame) loaded = _root.getBytesLoaded();percent = int(loaded/total*100);text = percent+%;/trace(percent)this.gotoAndStop(percent);if (loaded = total & total380 & a1 & _ = true) a = 1;_root.gotoAndPlay(s8);第五章Flash发布Flash发布是整个F

35、lash网站制作的最后一步，Flash网站毕竟要是在游览器中显示的，所以最后这一步也显得极为重要。本Flash 网站由于是在一个.fla文件中制作的，所以只需要发布一个文件即可。1.选择 “文件 ”中的 “发布设置 ”，如图 5-1 所示：图 5-1 发布设置2发布以后，在发布的html 文件中的 添加一段代码，保证网页显示在屏幕中央，一些不需要显示的东西隐藏起来，具体代码如下：第六章总结6.1个人总结本次毕业设计，也是我大学学习里面的最后一个“作业”。在老师和同学的帮助下，磕磕碰碰，跌跌撞撞的总算完成了。虽然Flash 并不是我所擅长的，而且学校的课程中也没有这门课。但是，既然接下来了这个任

36、务，就必须将它完成好。也许这次设计是我这四年以来最好的一个设计作品。我尽我所能，从网络，书籍中找寻如何制作Flash的方法。我很用心地去学、去查、去问、去做、去写，这期间我获得了不小的进步，加深了对 Flash 的理解，以及对制作网站的熟练度。可是时间的问题，技术的问题，以及一些客观原因。我制作的 Flash 网站有着许多粗糙不足的地方，没有达到我最初希望的那样好。但是，这里面有着我的汗水，我的投入，我希望这次设计能得到最后评审老师的认可。在程序方面，我制作的这个网站还可以继续改进。网站的内容可以更加的丰富，动画的表达方式可以更加丰富，对于功能方面，还可以加入一些内容，比如全屏的设计等等，可是

37、，时间的原因，来不及制作了，这也是我这次设计中的遗憾。在论文方面，还有很多的技术点没有详细说明与介绍；已写出的技术也应该可以写得更加详细；图片部分应该可以做得更加精致美观；最后是文字部分，很多地方我的表达还是不够好，应该可以做的更好。毕业将至，以上诸般的遗憾与想法，可能都将无法再改变了，但看到我的作品完成，我还是有一种小小的成就成就感。这是我的第一个Flash 网站，虽然没有完全完成，但是还是实现了大部分的功能。论文虽然写得不够详细明了，但这篇文章详细记录了我的制作过程以及我的种种感触。希望在今后进入社会以后，这次的设计能给我一种鼓励与支持，只要用心，努力，下功夫，没有什么事情能难倒我的。6.2制作过程中遇到的问题和解决方法1.外部加载 Xml 中的中文字体无法在Flash 中正确显示，发现了这一个问题以后，我去了网站上找寻解决方法。可是始终无法解决，后来在老师的帮助下，发现了一个小细节没有注意到，首先，要把Xml 编码格式改为UTF-8, 这点网站上有很多说明，但是，有一个关键点是，在保存Xml 文件的时候，不能简简单单单独点击一个保存，要另存为，在存储格式里面也要选择UTF-8，这个小小的关键点取决于最后是否能够正确的加载。2.代码的书写位置不正确，在制作按钮的过程中，经常在编辑完按钮，开始往里面添加代码的时候，发生了按