毕业设计（论文）-Flash手机还款系统演示.doc

xxxxxxxx 2012 届届毕业设计说毕业设计说明明书书 手机还款系统演示手机还款系统演示 系 、 部： xxxxxxxxxxxx 学生姓名： xxx 指导教师： xxx 职称 xxxx 专 业： xxxxxxxxxx 班 级： xxxxxx 完成时间： 2011-02-15 1 目目 录录 摘摘 要要 -2 第第 1 章章 绪论绪论-4 1.1 选题背景和意义-4 第第 2 章章 相关技术简介相关技术简介 -5 2.1 flash 技术简介-5 2.2 as3 技术简介-6 2.3 动画技术简介-6 第第 3 章章 需求分析需求分析-7 3.1 手机还款演示系统功能需求分析-7 3.2 用户体验分析-7 第第 4 章章 详细设计详细设计-8 4.1 素材的准备-8 4.2 元件的制作-9 4.3 影片剪辑的制作-11 第第 5 章章 系统运行和调试系统运行和调试 -26 5.1 测试运行情况-26 5.2 手机演示系统有待改进方面 -26 结论结论-27 参考文献参考文献-28 致谢致谢-29 2 摘摘 要要 现今的社会是一个信息飞速发达的社会，其中在信息的交流当中，互联网占据着 一个非常重要的位置。电脑替代了传统的笔墨，移动的图象和声音同样表达了动画艺 术家的情感，flash 不可否认已经成为了一种新的艺术表现形式，作为新的事物它 的应用非常广泛，主要用于网络，flash 网站片头，flash 演示动画，flash 网 站，flash 课件教学，flash 商业广告等等！这些表示 flash 的确是一个非常好 的传播载体。能够以多样的效果和形式来充分体现产品或企业形象。 本课题以 flash 以绚丽的画面和动感，以及优秀的用户的体验让 flash 在互联网 中站住脚！本课题从对 flash 的发展及其技术上的操作，和一些动画理念结合起来。 关键字：flash 手机演示，flash 动画，actionscript3.0 3 abstractabstract along with societys progress, the networking development provides a piece of brand- new space for the business community, the traditional propaganda technique has been unable to satisfy the present to divide the work obviously, the competition fierce time demand, then the enterprise product demonstrated the website system has become another propaganda magic weapon which the enterprise developed continually, established own independence vivid website, touches the net comprehensively, played not merely enhances the enterprise the social well-knownness role, could use the advanced information method, the development service, bequeathed as far as possible the company brand each customer, thus finally created oneself bigger benefit. this article has first analyzed the topic design goal and the significance, introduced emphatically the correlation technology like flash technology characteristic, the function, the principle of work and so on, simultaneously introduced microsoft access database some characteristics as well as the development tool and so on, as well as system database design, system functional analysis, realization function module. keykey wordswords：flash phone play；flash motion；actionscript 3.0 4 第第 1 章章 绪论绪论 1.1 选题背景和意义选题背景和意义 随着我国经济实力的不断增强，不断地与国际接轨，用户体验越来越是用户关 心的，由于其独特的跨平台特性、灵活的界面控制以及多媒体特性的使用，使得用 flash 制作的应用程序具有很强的生命力。在与用户的交流方面具有其它任何方式 都无可比拟的优势，在教学演示中，flash 设计也逐渐的应用体现了其应用，本课 题主要应用 flash 技术制作手机功能演示系统，有助于将新产品的功能以最直观的 方式展现给客户，对于新产品的发布，推广启大很大的作用。 5 第第 2 章章 相关技术简介相关技术简介 2.1 flash 技术简介技术简介 flash 是一种用于互联网的动画编程语言。它采用了网络流式媒体技术，突破了 网络带宽的限制，可以在网络上更快速地播放动画；实现动画交互，发挥个人的创造 性和想象力；提供更为精美的网页界面。 以前，虽然也有很多种多媒体格式，但是，按照这些所制作出来的媒体文件都是 很庞大的，动辄以十兆、百兆计，让这样大的文件在有限的带宽资源中传输，仿佛让 骆驼穿过针眼。flash 解决了这个问题！它采用了 shockwave 技术，按照“流”方式传 输音频和视频文件，可以边下载边播放，用户无需等待；同时，flash 使用矢量技术 制作和生成动画，使文件大大“减小”，其他格式的两分钟媒体文件可能需要几十兆字 节，而 flash 只需要几十千字节就可以了！ flash 的交互性是它的又一大特色。在 flash 中可以通过加入按钮来控制页面的跳 转合链接，按钮还可以发声，丰富网页上的表现手段。flash 的易用性也许是让更多 的人喜欢它的真正原因。只要使用过 windows 的画笔，就会使用 flash 绘图，因为 flash 的绘图工具和 windows 画笔中的绘图工具非常相似，但是功能更强大。flash 中的动作很容易理解，即使是初学者，通过一段时间的摸索之后也可以创造出很精彩 的动画演示和交互游戏。 有人曾经说过：下个世纪的网络设计人不会用 flash，必将被淘汰出局！ flash 是由 macromedia 公司出品的，目前已出版 4.0 版，它在网络多媒体应用上 优势使其深受喜爱，国际上越来越多的人、越来越多的网站开始使用 flash，随着互 联网日益宽带、多媒体化，它的技术优势愈加明显，在互联网软件领域至关重要的地 位将会不断加强。目前 flash 在国内的发展落后于国外，但是在一些喜爱互联网的年 轻人当中，学习、研究、使用 flash 已形成时尚，他们中的佼佼者有一个很酷的名字 “闪客“。虽然现阶段国内大多数主流商业网站并不多见使用 flash 进行页面设计， 但是随着国内网络带宽的增加，以及其他方面的进步，网络设计的 flash 时代必将到 来。 6 2.2 as3 技术简介技术简介 actionscript 是针对 adobe flash player 运行时环境的编程语言，它在 flash 内容和应用程序中实现了交互性、数据处理以及其它许多功能。actionscript 是由 flash player 中的 actionscript 虚拟机 (avm) 来执行的。actionscript 代码通常 被编译器编译成“字节码格式“（一种由计算机编写且能够为计算机所理解的编程语言） ， 如 adobe flash cs3 professional 或 adobe flex builder 的内置编译器或 adobe flex sdk 和 flex data services 中提供的编译器。字节码嵌入 swf 文件中，swf 文件由运行时环境 flash player 执行。 actionscript 3.0 提供了可 靠的编程模型，具备面向对象编程的基本知识的开发人员对此模型会感到似曾相识。 actionscript 3.0 中的一些主要功能包括：一个新增的 actionscript 虚拟机，称为 avm2，它使用全新的字节码指令集，可使性能显著提高一个更为先进的编译器代码库， 它更为严格地遵循 ecmascript (ecma 262) 标准，并且相对于早期的编译器版本，可 执行更深入的优化一个扩展并改进的应用程序编程接口 (api)，拥有对对象的低级控 制和真正意义上的面向对象的模型一种基于即将发布的 ecmascript (ecma-262) 第 4 版草案语言规范的核心语言一个基于 ecmascript for xml (e4x) 规范（ecma-357 第 2 版）的 xml api。e4x 是 ecmascript 的一种语言扩展，它将 xml 添加为语言的本 机数据类型。一个基于文档对象模型 (dom) 第 3 级事件规范的事件模型。 2.3 动画技术简介动画技术简介 flash 动画设计的三大基本功能是整个 flash 动画设计知识体系中最重要、也是 最基础的，包括：绘图和编辑图形、补间动画和遮罩。这是三个紧密相连的逻辑功能， 并且这三个功能自 flash 诞生以来就存在。 1绘图和编辑图形：绘图和编辑图形不但是创作 flash 动画的基本功，也是进 行多媒体创作的基本功。只有基本功扎实，才能在以后的学习和创作道路上一帆风顺。 使用 flash professional 8 绘图和编辑图形这是 flash 动画创作的三大基本功 的第一位。在绘图的过程中要学习怎样使用元件来组织图形元素，这也是 flash 动画 的一个巨大特点。 2补间动画：补间动画是整个 flash 动画设计的核心，也是 flash 动画的最大 优点，它有动画补间和形状补间两种形式。用户学习 flash 动画设计，最主要的就是 7 学习“补间动画”设计。在应用影片剪辑元件和图形元件创作动画时，有一些细微的 差别，你应该完整把握这些细微的差别。 3遮罩 ：遮罩是 flash 动画创作中所不可缺少的这是 flash 动画设计三大 基本功能中重要的出彩点。使用遮罩配合补间动画，用户更可以创建更多丰富多彩的 动画效果：图像切换、火焰背景文字、管中窥豹等都是实用性很强的动画。并且，从 这些动画实例中，用户可以举一反三创建更多实用性更强的动画效果。遮罩的原理非 常简单，但其实现的方式多种多样，特别是和补间动画以及影片剪辑元件结合起来， 可以创建千变万化的形式，你应该对这些形式作个总结概括，从而使自己可以有的放 矢，从容创建各种形式的动画效果。 flash 动画的根本就是“遮罩+补间动画+逐帧动画”与元件（主要是影片剪辑） 的混合物，通过这些元素的不同组合，从而可以创建千变万化的效果。 jsp 容器的 角色。 第第 3 章章 需求分析需求分析 3.1 手机还款演示系统功能需求手机还款演示系统功能需求分析分析 基于 flash 还款演示系统开发，主要通过动画将手机的一个功能，手机还款 的操作步骤以动画的方式直观形象的方式展现出来，让客户对新产品有更好的了解， 对于新产品的发布与推广起到一定作用。 3.2 用户体验分析用户体验分析 应用创新，就是以用户为中心，置身用户应用环境的变化，通过研发人员与用户 的互动挖掘需求，通过用户参与创意提出到技术研发与验证的全过程，发现用户的现 实与潜在需求，通过各种创新的技术与产品，推动科技创新。应用创新要求建立畅通 高效的创新服务体系，为技术与产品研发提供最贴近市场和用户需求的信息，推动应 用创新，并进一步提供技术进步的动力。同时，技术研发方通过以应用为核心，进行 技术集成创新，培养产品设计能力、研发能力，逐步向产业上游发展，推动产业的更 8 新换代，提升整个行业科技水平。 第第 4 章章 详细设计详细设计 4.1 素材的准备素材的准备 我根据手机还款系统的功能需求，找到素材清单如下： 1、手机效果图一张如下： 图 5-1 素材 1 2、手机各个图标素材如下： 9 素材准备好了后，我们用 ps 并简单的处理一下这些图片，我们就根据手机还款演示 系统的功能开始来制作了，我用的 flash cs3 软件来制作这个演示动画，接下来我 制作元件。 3、考虑到一些特效我还准备了一些声音素材： 4.2 元件的制作元件的制作 打开软件后，将准备好的素材导入库中，并制作好相应的图形元件。如下图所示： 10 接下来在软件里手绘并制作一些播放按钮，返回按钮如下图： 播放按钮元件制作效果图 11 重新播放按钮元件效果图 还款成功图标 其他元件的制作我就不一一的列举了，制作过程大体相同，包括下一步按钮元件，背 景元件等等。 12 4.3 影片剪辑的制作影片剪辑的制作 主场景我用了 13 个图层来制作，将整个演示系统也分成 9 不来完成，效果图下： 1、开始界面的制作效果图如下： 13 该界面制作了一个开始按钮，并为该按钮命名如下： 14 在代码图层并添加如下代码： 2、先来制作第一个影片剪辑，其运行的效果如下图： 开始还款功能强，先要输入手机密码进行判断，时间轴制作如下图所示： 15 3、影片剪辑二的制作，效果运行图如下： 时间轴制作如下： 16 4、影片剪辑三的制作，效果图如下： 17 时间轴制作如下： 18 5、影片剪辑四的制作,运行效果图如下： 时间轴制作如下： 6、影片剪辑五的制作，效果图如下： 19 时间轴制作如下： 20 7、影片剪辑六的制作，运行效果图如下： 时间轴制作如下： 21 8、影片剪辑7的制作，效果运行如下图： 22 ，时间轴制作如下： 9、影片剪辑八制作，效果图如下： 23 时间轴制作如下： 10、影片剪辑 9 制作，效果图如下： 24 时间轴制作如下： 25 11、重新播放效果图如下： 26 并为重新播放按钮命名添加代码如下： 27 第第 5 章章 系统运行和调试系统运行和调试 5.1 测试运行情况测试运行情况 任何一个系统的正确运行都是建立在多次测试基础上的，只有经过多次测试才可 以发现系统存在的不足或逻辑错误。本手机还款演示系统在不断的调试过程中也或多 或少地遇到一些问题，但最终基本一一解决。 5.2 手机演示系统有待改进方面手机演示系统有待改进方面 虽然，经过 3 个多月的不断努力，基本搭建起一个功能较完备、符合实际运用情 况的 flash 手机还款演示系统，但是也存在着有待完善或改进的方面，主要包括： 1、界面的美化。 2、flash 文件的大小。 28 结论结论 在四年的大学本科学习过程中，学院里的老师都从各方面一直给予我热心的帮助 和指导，在这里本人向我们学院的所有领导和老师致以衷心的感谢！ 感谢我的毕业设计指导老师，在做毕业设计期间，得到他很大的帮助，并且教会 了我很多 flash 的知识和开发经验，而且他那严谨的学术态度和对学生孜孜不倦的 精神令我非常感动，再一次向他致敬！ 同时，对学校给我们的支持以及关怀表示由衷的感谢！ 29 参考文献参考文献 1郭亮.flash 多媒体课件制作经典教程m.北京:海洋计算机图书输出中心出版社,2004:06-12 2倪洋,龙怀冰,张大地.完全征服 flash 动画设计m.北京:人民邮电出版社,2007:01-08 3周京燕,黄海琪.flash mx 全新网上动画大制作m.北京:中国宇航出版社,2003:12-22 4金盛恩.flash 动画设计 150 例m.北京:电子工业出版社,2009:06-14 5尹小