1、厦门大学软件学院毕业设计（论文）开题报告 学生姓名 班级 学号 指导教师姓名 职称 所在单位 厦门大学软件学院 毕业设计（论文）题 目 数字媒体 工程 系网站设计与实现 网页美工 毕业设计（论文）的 目标： 1.整体目标 数字媒体 工程 系是厦门大学软件学院新兴发展的一个系。我们小组的目标就是尽最大的努力，为数字艺术媒体 工程 系打造一个具有自身特色的网站，方便老师和同学进行使用。 我们在进行网站设计时注重突出页面的效果，将美观与实用相结合，以显示 数字媒体 工程 系自身的特点。引导页和主页面用 FLASH8 进行设计，其余次页面用 Dreamweaver 完成，并利用 Photoshop 和
2、 Illustrator 等工具进行美化，借助 WebWork+EJB 技术实现网站的后台功能，最终打造一个具有学院自身特色的数字媒体 工程 系网站。 2. FLASH 网站之页面美工与动画设计部分的目标 数媒网站应该具有自己独特的风格和整体感，配合适当的动态效果，体现数字媒体的艺术感和现代感，充分适应该专业的特色。引导页应具有视觉冲击力和吸引力，给人眼前一亮的感觉，全 FLASH 制作，用代码实 现动态效果。同时辅助用 PHOTOSHOP， ILLSTRUCTOR 等完善美术设计。一级页面主要用来分列网站各主要功能模块，形式上有所突破，不同于主流死板的网页排版，有绚丽的视觉效果。该页面应尽量
3、以简约的形式达到理想的效果，不能影响网速过多。 实现方法： 开发工具： FLASH8， Dreamweaver， MyEclipse, Mysql 图形编辑 、页面美化 ： Photoshop /Illustrator/Fireworks 技术支持： WebWork + EJB 1. 需求分析 倾听老师和同学的意见，了解网站的实际需求， 完成 网站 的整体构思， 从创意 到具体实现手段做好全面规划 ，完成需求工作 。 2. 网站结构规划 根据具体需求，对网站的整体页面布局，想要达到的效果以及主要功能模块进行规划设计，初步完成网站的整体构想。 在纸上画出结构关系图，包括：网站的主题、要用什么样的
4、元素、哪些元素需要重复使用、元素之间的联系、元素如何运动、用什么风格的音乐、整个网站可以分成几个逻辑块、各个逻辑块间的联系如何、以及你是否打算用 Flash 建构全站或是只用其做网站的前期部分等等， 并且明确各自的任务，搭建网站整体的结构框架。 3. Flash 场景规划 将主场 景作为一个 “舞台 “，这个舞台提供标准的长宽比例和整个的版面结构， “ 演员 ”就是网站子栏目的具体内容，根据子栏目的内容结构可能会再派生出更多的子栏目。主场景作为 “舞台 “基础，基本保持自身的内容不变，其它 “演员 “身份的的子类、次子类内容根据需要被导入到主场景内。 4. 素材准备 根据网站整体风格所需准备一
5、些特定素材，如页面小图标等。根据每个不同的 FLASH场景准备不同的素材，如学院图片等。 5. 分别制作 主要任务是利用各种工具和素材，完成单个 FLASH 场景的制作， 单个 FLASH 作品的制作一般都在一个独立的文件内，计划好动画 效果随时间线的变化或场景的交替变化即可 。 6. 整体整合 整体 把握，通过不同文件的切换和控制来实现全 FLASH 网站的动态效果， 每个 制作者 要 有明确的思路和良好的制作习惯。 时间进度安排： 第一阶段： 2008 年 11 月 20 日 -2008 年 12月 31日 收集资料，确定毕业设计的方向及内容，选定开发工具，完成前期的 需求分析和初步设计工
6、作 并提交开题报告初稿。 第二阶段： 2009 年 1 月 1 日 -2009 年 1月 10日 征求导师意见，整理并提交毕业设计开题报告。 第三阶段： 2009 年 1 月 11 日 -2009 年 3月 15日 进一步学习相关的 软件 技术，克服技术难点，完成 各自模块的设计和制作工作。 第四阶段： 2009 年 3 月 16 日 -2009 年 4月 16日 对网站的页面设计和功能进行进一步完善，补充各自的工作任务。 第五阶段： 2009 年 4 月 17 日 -2009 年 5月 15日 对项目进行整合，并进行集成和系统测试工作。 第 六 阶段： 2009 年 5 月 16 日 -20
7、09 年 5月 26日 实际应用以检验项目完成质量 ，撰写毕业论文初稿。 第 七 阶段： 2009 年 5 月 27 日 -2009 年 6月 2日 修改并提交毕业论文，准备毕业答辩 。 指导教师审核意见： 指导教师签名： 2009 年 月 日 厦门大学软件学院毕业设计（论文） 中期检查 报告 学生姓名 班级 3 班 学号 指导教师姓名 职称 教授 助教 所在单位 厦门大学软件学院 毕业设计（论文）题 目 数字媒体 工程 系网站设计与实现 网页美工 毕业设计（论文）的 目标和 主要任务： 1.整体目标 数字媒体 工程 系是厦门大学软件学院新兴发展的一个系。我们小组的目标就是尽最大的努力，为数字
8、媒体 工程 系打造一个具有自身特色的网站，方便老师和同学进行使用。 我们在进行网站设计时注重突出页面的效果，将美观与实用相结合，以显示数字媒体 工程 系自身的特点。引导页和主页面用 FLASH8 进行设计，其余次页面用 Dreamweaver 完成，并利用 Photoshop 和 Illustrator 等工具进行美化，借助 WebWork+EJB 技术实现网站的后台功能，最终打造一个具有学院自身特色的数字媒体 工程 系网站。 2. FLASH 网站之页面美工与动画设计部分的目标 数媒网站应该具有自己独特的风格和整体感，配合适当的动态效果，体现数字媒体的艺术感和现代感，充分适应该专业的特色。引
9、导页应具有视觉冲击力和吸引力，给人眼前一亮的感觉，全 FLASH 制作，用代码实现动态效果。同时辅助用 PHOTOSHOP， ILLSTRUCTOR 等完善美术设计。一级页面主要用来分列网站各主要功能模块，形式上有所突破，不同于主流死板的网页排版，有绚丽的视觉效果。该页面应尽量以简约的形式达到理想的效果，不能影响网速过多。 已经完成毕业设计（论文）任 务的情况 ： 3. 完成 需求分析 通过倾听老师和同学的意见，了解网站的实际需求，已经顺利完成网站的整体构思，从创意到具体实现手段已做好全面规划，已完成需求分析工作。 4. 完成 网站结构规划 根据所做需求分析，经过全体组员的商讨，我们对网站的整
10、体页面布局，理想效果以及主要功能模块进行了规划设计，顺利完成了网站的整体构想， 包括：网站的主题、用什么样的元素、哪些元素需要重复使用、元素之间的联系、元素如何运动、用什么风格的音乐 等，我们将整个网站的制作分为两大块：前两级页面用纯 FLASH 打造，后两级页面用 JSP 制作。整个网站可以分 成 六个 模块，已经搭建好网站整体的结构框架。此外，我们明确了各自的任务：组员刘韬、刘宏杰、宋飞主要负责后 台 的编码工作，选用 J2EE 平台。组员常思瑶、主要负责 前台 FLASH 页面的制作和 JSP 页面的美化 以及小组工作的协调 ，待后期，将辅助其他人完成网站的建设工作。 7. 完成 Fla
11、sh场景 设计 将主场景作为一个 “舞台 “，这个舞台提供标准的长宽比例和整个的版面结构， “ 演员 ”就是网站子栏目的具体内容，根据子栏目的内容结构可能会再派生出更多的子栏目。主场景作为 “舞台 “基础，基本保持自身的内容不变，其它 “演员 “身份的的子类、次子类内容根据需要被导入到主场景内 。（此部分具体内容参考分别制作阶段） 8. 完成 素材准备 根据网站整体风格所需，在指导老师的帮助之下，已经准备一些特定素材，如页面小图标等。根据每个不同的 FLASH 场景准备不同的素材，如学院图片等。 9. 正在进行 分别制作 引导页和一级 FLASH 页面均采用黑色为主 色调，配合以绚丽和唯美的
12、FLASH 场景。 后面两级页面用 JSP 制作，初步想做成清爽风格，可是又考虑到和前面页面搭配，因此，正在调整之中。 页面制作阶段的进度为： 已经完成 FLASH 引导页的制作， 正在进一步完善 。 已经完成 FLASH 一级页面的制作， 正在进一步完善 。 已经完成三级和四级 JSP 页面的 Demo 制作 ，正在进行美化 。 引导页效果图： 一级页面效果图： 二级页面效果图： 三级页面效果图： 数媒系标准字： 存在的问题和困难（包括需要学院协助解决的问题和困难）： 自身存在的 问题： 作品展示与院系介绍的动态页面未完成 后台编码部分尚未全部完成 网站前台与后台未整合 指导教师审核意见：
13、指导教师签名： 2009 年 月 日 学院检查组意见： 学院检查组组长（签章）： 2009 年 月 日 毕业论文任务书 题 目： 数字媒体 工程 系网站设计与实现 网页美工 目标要求： 1.整体目标 数字媒体 工程 系是厦门大学软件学院新兴发展的一个系。我们小组的目标就是尽最大的努力，为数字艺术媒体 工程 系打造一个具有自身特色的网站，方便老师和同学进行使用。 我们在进行网站设计时注重突出页面的效果，将美观与实用相结合，以显示数字媒体 工程 系自身的特点。引导页和主页面用 FLASH8 进行设计，其余次页面用 Dreamweaver 完成，并利用 Photoshop 和 Illustrator
14、 等工具进行美化，借助 WebWork+EJB 技术实现网站的后台功能，最终 打造一个具有学院自身特色的数字媒体 工程 系网站。 2. FLASH 网站之页面美工与动画设计部分的目标 数媒网站应该具有自己独特的风格和整体感，配合适当的动态效果，体现数字媒体的艺术感和现代感，充分适应该专业的特色。引导页应具有视觉冲击力和吸引力，给人眼前一亮的感觉，全 FLASH 制作，用代码实现动态效果。同时辅助用 PHOTOSHOP， ILLSTRUCTOR 等完善美术设计。一级页面主要用来分列网站各主要功能模块，形式上有所突破，不同于主流死板的网页排版，有绚丽的视觉效果。该页面应尽量以简约的形式达到理想的效
15、果，不 能影响网速过多。 支持条件： （ 1） 硬件 支持 Flash 网页的制作和播放需要大量处理和制作图片，对计算机硬件环境要求较高。配置高性能的显卡、 CPU 能够使得操作起来得心应手，动画制作质量也越好。当前我采用的是IBM THINKPAD X60： Intel Core2 1.66Hz 处理器， Intel 945 Express Chipset Family 显示卡，1GB 内存。基本能满足 Flash 网页制作和播放的需要。 （ 2）软件 支持 前台开发环境： Windows 系统平台； 开发工具： Adobe Flash CS3； Adobe Illustrator CS3；
16、 Adobe Photoshop CS3； Adobe Dreamweaver CS3 等。 运行环境： Windows/Linux 系统平台； IE6.0； Flash Player ActiveX 插件 后台开发环境： Windows 系统平台； 开发工具： Myeclipse6.0， MySQL； 运行环境： Windows/Linux 系统平台； JBoss4.0； Jdk5.0； IE6.0。 指导教师（签名） 职称 学生（签名 ） 分阶段进度安排 阶段 起讫时间 计划完成内容 1 2008 年 11 月 17 日 -2009 年 1 月12 日 阅读文献资料，理解任务，完成开题报告
17、 2 2009 年 1 月 13 日 -2009 年 3 月20 日 拟定方案，明确分工， 学习相关的 软件 技术， 开始各自模块的设计和制作， 完成中期检查报告 3 2009 年 3 月 21 日 -2009 年 4 月15 日 听取指导意见，对网站的页面设计和后台功能分别进行修改和完善。 4 2009 年 4 月 16 日 -2009 年 5 月15 日 项目整合，演示效果，听取指导意见进行修改，并进行集成和 系统测试工作。 5 2009 年 5 月 16 日 -2009 年 6 月10 日 撰写毕业论文初稿，修改并提交毕业论文，进行论文 答辩 。 注：一般可分为资料文献搜索、拟定方案（提
18、纲）、试验或初稿、定稿等阶段 教师分阶段指导记录 第一阶段： 提供文字图片资料、解释任务目的，提出项目目标 第二阶段： 对初步制作完成的引导页、主页和新闻展示页面提出建议，建议修改引导页字体，充实主页面，修改 FLASH，使其视觉效果更简洁明了 第三阶段： 对网站整体风格进行评价，提出修改意见如下： （ 1）网站风格应该更加 统一 （ 2）作品展示页面注重实用性 （ 3）引导页应该有“ SKIP”按钮，为用户提供方便 （ 4）加快后台进度 第四阶段： 再次评估整个网站 ，建议修饰细节，并对网站功能进行测试 提出论文任务，进行论文写作指导 第五阶段： 对论文初稿进行详细修改，针对每个人提出修改意见 指导论文装订和答辩的有关事宜 本科毕业论文评分表 论文评语 拟评成绩 指导教师（签名） 职称 2009 年 月 日 论文评阅 评阅成绩 评阅教师（签名） 职称 2009 年 月 日 答辩记录 演示成绩 答辩成绩 答辩小组组长（签名） 职务（称） 2009 年 月 日 总评 成绩 学院负责人（签盖） 2009 年 月 日
