数字媒体工程系网站设计与实现——网页美工---开题报告

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