毕业论文 (设计)手册-基于jQuery技术的三亚美食网站的前端设计与实现.doc

琼州学院本科生毕业论文（设计）手册论文（设计）题目：基于jQuery技术的三亚 美食网站的前端设计与实现学 院 ： 电子信息工程学院 专 业： 数字媒体技术 年 级： 2009级 学生姓名： 学 号： 导师及职称： 日 期： 2013年6月 目 录一、任务书二、开题报告三、开题记录表四、指导记录五、指导教师评定表六、专家评定表七、答辩委员会评定表八、答辩记录表九、诚信承诺书琼州学院本科生毕业论文（设计）任务书姓名性别女 学号09217039学院电子信息工程学院年级2009级专业数字媒体技术指导教师职称实验师论文题目基于jQuery技术的三亚美食网站的前端设计与实现一研究的主要内容 1、研究目标以国际旅游岛为背景，结合本土美食文化，制作一个基于美食分享和查找美食的网站。本课题将在网站页面搭建中使用CSS，DIV和jQuery，在功能上实现上美食展示，分享，搜索，定位等功能。在此基础上，撰写毕业论文。 2、论文(设计)主要内容（提纲）u 绪论（论文研究的背景与意义，网站要求，论文结构）u 相关技术分析（网站目标，开发工具及语言）u 网站架构设计（网站设计原则，页面设计，特效设计）u 总结与展望u 参考文献与致谢3、拟研究的主要问题、重点和难点在需求分析和调查问卷反馈的基础之上，在合理搭配网站模块，实现网站正常功能的同时，从设计的角度通过jQuery技术提高网站的用户交互性，增加用户使用的趣味性，并在安全和维护上进行完善。本文的重点是研究DIV+CSS的页面设计与Jquery的结合，了解html及jQuery的特点，并掌握其相关插件的应用。难点主要在于应用jQuery个别插件的编写实现上。二有关要求1应收集的资料及主要参考文献1jQuery基础教程 M.北京:人民邮电出版社，2012.2jQuery风暴：完美用户体验M.北京:电子工业出版社，2012.3PHP与jQuery开发实例M.北京:人民邮电出版社，2011.4Photoshop CS5中文版从入门到精通M.北京:人民邮电出版社，2010.5配色设计原理M.中国青年出版社,20096ASP+Dream,eavers组建动态网站M电子工业出版社.2006.7DreamweaverMx2004网站设计与网页制作标准教程M清华大学出版社.20058 浅谈在 WEB 网页上使用 VBScript 和 JScriptM鞍山师范学院学报2006(2)9 电子商务概论M北京：清华大学出版社，2002：120-1402、 论文撰写(设计)要求u 查阅资料，调查需求分析，列出网站的需求分析u 下载 DreamWeaver，Photoshop等开发工具u 学习 DreamWeaver以及jQuery的相关技术u 测试页面中jQuery交互模块的实现u 设计系统框架u 编程实现与调试、运行测试与维护u 撰写毕业论文u 制作 PPT 准备答辩三毕业论文（设计）进度安排 1、研究方法、技术路线、实验方案研究方法：根据前期的市场调研和需求分析，进行UI设计，使用DIV,CSS按模块分步完成网站各个页面搭建。技术路线：运用jQuery技术，提高网站的用户交互性。实验方案：根据实际情况制定软件开发计划以及进度安排，按照计划进行编码测试，撰写毕业论文。2、进度安排及预期结果进度安排： 2012.11.05-2012.11.10 查阅jQuery和网页设计开发的相关资料 2012.11.11-2012.11.20 根据网站需要，确定jQuery技术在网站中应用研究为选题 2012.11.21-2012.11.30 填写开题资料表，准备开题2012.12.01-2012.12.15 深入学习jQuery及网页设计开发相关技术 2012.12.16-2013.01.05 利用Photoshop等软件做出网站样式图 2013.01.06-2013.03.05 在用Dreamweaver中完成网页设计及jQuery特效的应用。 2013.03.06-2013.05.09 将各个部分组合，做成完整的网站前台，发布网站 2013.05.10-2013.06.03 撰写论文、填写毕业指导手册预期结果： 实现一个能满足大众需求的三亚美食搜索网站。三任务执行日期自 2012 年 11 月 14 日起，至 2013 年 6 月 3 日止。学生(签名)： 指导教师(签名)：学院领导(签名)： 学院（公章） 年 月 日琼州学院本科生毕业论文（设计）开题报告姓名薛冰性别女学号09217039学院电子信息工程学院专业数字媒体技术年级2009级论文题目基于jQuery技术的三亚美食网站的前端设计与实现o教师推荐题目 自拟题目题目来源社会实践题目类别软件开发 指导教师王世运选题的目的、意义(理论意义、现实意义): 选题目的：随着网页技术的日益发展，网页已从单一的HTML技术发展到HTML+CSS+JavaScript多种技术结合的形式，新兴的jQuery技术是继Prototype后的又一个优秀的JavaScript框架。用jQuery技术来完成三亚美食网站的设计与实现可以更好的实现用于与设计者之间的沟通。对网站实行更好的交互设计，使用户可以用更简单的方式，更快的时间，更方便的操作来完成对美食的发现，浏览及了解。选题意义： 网络发展的日益流行，网站作为网络信息强有力的载体却往往倾向于信息化而忽略交互性。在信息量存在的同时更注重交互设计的应用可以给用户带来全新的用户体验，大大提高网站质量。 制作以jQuery技术为交互主题的网站前台页面搭建可以更好的展现三亚美食信息，将浏览者与美食完美的结合起来，将三亚美食以更好更美更全的面貌展现给用户。选题的研究现状（理论渊源及演化、国外相关研究综述、国内相关研究综述）：jQuery 是由美国人John Resig创建的一个开源项目，至今已吸引来自世界各地众多的JavaScript高手加入其团队。jQuery是轻量级的js库（压缩后只有21k），它兼容CSS3，及各种浏览器。只需将其嵌入HTML脚本或者CSS样式表中即可，但必须要链接到jQuery库1。国外jQuery一直在不断发展中，从诞生之初的1.0颁布到现在的1.7.1版本，jQuery变得越来越强大。正如jQuery的口号“write less,do more”所表达的，他使页面前段开发工作变得简单，能胜任的工作却大大增加了2。国内jQuery的发展速度也是突飞猛进，拥有着越来越多丰富的插件库，及越来越多的用户。实现jQuery与HTML的完美结合一直是前台设计和交互设计不断最追求的目标。设计主要内容： 拟定制作三亚美食网站计划，根据调研报告做好用户需求分析，在需求分析的基础上搭建前台页面，并通过jQuery技术实现页面交互设计及特效设计。完成用户可在网上浏览用户体验性良好的三亚美食网站。u 绪论：主要介绍论文研究的背景及其意义，分析网站需求，组织排版论文结构。u 相关技术分析：确立网站详细目标，使用Photoshop进行页面设计，并用Editplus 作为开发工具搭建前台页面，同时使用HTML+jQuery对网站交互设计进行完善。u 网站架构设计：确立网站设计原则，具体分析网站中应用的页面设计及其特效设计。u 总结与展望：结合网站中所应用的各项软件、语言、技术，并对其进行总结归纳，及对以后jQuery与美食网站的发展做出展望。u 参考文献与致谢：罗列本文所参考的书籍、报告或著作等，并对项目制作过程中帮助过 我的老师、同学、朋友致以感谢。拟研究的主要问题、重点和难点:在需求分析和调查问卷反馈的基础之上，在合理搭配网站模块，实现网站正常功能的同时，从设计的角度通过jQuery技术提高网站的用户交互性，增加用户使用的趣味性，并在安全和维护上进行完善。本文的重点是研究DIV+CSS的页面设计与jQuery的结合，了解html及jQuery的特点，并掌握其相关插件的应用。难点主要在于应用jQuery个别插件的编写实现上。研究目标： 以国际旅游岛为背景，结合本土美食文化，制作一个基于美食分享和查找美食的网站。本课题将在网站页面搭建中使用CSS，DIV和jQuery，在功能上实现上美食展示，分享，搜索，定位等功能。在此基础上，撰写毕业论文。研究方法、技术路线、实验方案、可行性分析：1、研究方法、技术路线、实验方案： 研究方法： 根据前期的市场调研和需求分析，进行UI设计，使用DIV,CSS按模块分步完成网站各个 页面搭建。技术路线：运用jQuery技术，提高网站的用户交互性。实验方案：根据实际情况制定软件开发计划以及进度安排，按照计划进行编码测试，撰写毕业论文。2、可行性分析： 本系统所使用的开发工具可以从奥多比公司的网站免费下载，所涉及的技术问题也可以从相关开发手册中找到合适的答案，其中的例程一般比较简短，易于理解，因而也便于提取并应用到本系统中；需要的硬件实验条件只是一台能上网的计算机即可；本系统在完成前期网站的假设后，主要的工作量来源于后期数据的采集和录入。研究的特色与创新之处：jQuery作为近几年广为应用的一种语言，其实特效在网站中屡见不鲜。但网站多数重点侧重于网站内容而非用户体验。本课题在采用常规技术搭建页面的同时，为了提高网站的交互性和用户体验，结合HTML5技术，采用了最新的jQuery技术，结合javascript，最大程度提高网站的用户交互性。进度安排及预期结果：进度安排： 2012.11.05-2012.11.10 查阅jQuery和网页设计开发的相关资料 2012.11.11-2012.11.20 根据网站需要，确定jQuery技术在网站中应用研究为选题 2012.11.21-2012.11.30 填写开题资料表，准备开题2012.12.01-2012.12.15 深入学习jQuery及网页设计开发相关技术 2012.12.16-2013.01.05 利用Photoshop等软件做出网站样式图 2013.01.06-2013.03.05 在用Editplus中完成网页设计及jQuery特效的应用。 2013.03.06-2013.05.09 将各个部分组合，做成完整的网站前台，发布网站 2013.05.10-2013.05.23 填写毕业设计手册、撰写毕业设计技术说明书、论文 预期结果： 实现一个能满足大众需求的三亚美食网站。参考文献： 1 查弗, 斯威德伯格. jquery基础教程M. 3. 人民邮电出版社, 2012.4. 2 张子狄. jQuery风暴:完美用户体验M. 1. 电子工业出版社, 2011.4. 3 Joshi V. PHP与jQuery开发实例M. 1. 人民邮电出版社, 2011.10. 4 神龙影像. Photoshop CS5中文版从入门到精通M. 1. 人民邮电出版社, 2012.8. 5 奥博斯科编辑部. 配色设计原理M. 1. 中国青年出版社, 2009.12. 指导教师意见：该生对于所开课题进行了较为详细的分析，最后确定的课题具有一定的实用价值。本课题是学生所学专业知识的延续，符合学生发展方向，研究方法和研究计划基本符合，难度适中，学生能够在预定时间内完成该课题的设计；同意该课题开题。指导教师签名： 年 月 日答辩小组意见：同意开题组长签名： 年 月 日琼州学院本科生毕业论文（设计）开题记录表姓名薛冰性别女学号09217039学院电子信息工程学院年级2009级专业数字媒体技术指导教师王世运职称实验师论文题目基于jQuery技术的三亚美食网站的前端设计与实现学生陈述：我们的毕业设计是以国际旅游岛为背景，结合本土美食文化制作的一个基于美食分享和查找美食的网站。让用户可以在本网站以地图的形式浏览店家信息。本人在课题中主要负责前台页面设计和搭建。教师提问及学生回答：1、 问：请简述需求分析结果？ 答：通过问卷调查和结果分析，将网站分为美食搜索、热门推荐、高级搜索、 微博展示等几大功能模块。2、 问：预期完成的效果有哪些？ 答：在几大功能模块中，网站将实现如下预期效果： 美食搜索：将美食分为主食、便餐、海鲜、小吃。将这几类分别陈列。 热门推荐：根据用户评价反馈，网站美食点击率及商家合作进行排名推荐。 高级搜索：将美食细化分类，分为地区、价格和种类。通过详细信息搜索。 微博展示：摘出来自官方微博的一些关于三亚美食 微博互动。3、 问：题目不恰当，需要进一步修改。 答：经过和导师讨论。已做了修改，修改为：基于jQuery技术的三亚 结论： 通过o未通过组员签名：记录员签名： 组长签名： 学院（公章） 年 月 日琼州学院本科生毕业论文（设计）指导记录姓名薛 冰性别女学号09217039学院电子信息工程学院年级2009级专业数字媒体技术指导教师王世运职称实验师论文题目基于jQuery技术的三亚美食网站的前端设计与实现时间毕业论文（设计）指导情况2012.12.22主要选择jQuery语言哪个版本，为什么？答：选用jQuery1.7.1版本，此版本与网络中较稳定的1.4.2版本相比稳定性更好，在浏览器中运行质量更高。虽然不是最新的版本，但是1.7.1版本的速度和稳定性更高。指导教师签名：年月日 2013.01.05网站主要模块是怎样划分的？答：根据调研报告进行需求分析，通过需求分析得出，将网站分为首页、搜索页面、团购页面、热门推荐页面、关于我们介绍，及店家详细信息介绍。 指导教师签名：年月日 2013.02.25网站的预期完成效果是怎样的？答：通过html进行页面架构，在其中加入jQuery技术，实现用户可以在网络中迅速找到所要浏览信息，明确网站信息指向。进入网站可以迅速找到用户需要的各类美食信息。指导教师签名：年月日 2013.03.11选题如何使用jQuery特效？答：通过对jQuery的了解学习，首先引用jQuery库，然后看需要做什么样的特效提高用户体验，根据需要编写插件。指导教师签名：年月日 2013.03.25网站测试是否完善，有没有需要改进的地方？答：用户使用测试表明网站的需求功能已经基本实现，改进的地方在于网页的设计风格是否吸引顾客，减少网页的响应速度。指导教师签名：年月日 说明：1、此表为学生做毕业论文（设计）过程中教师指导学生的动态记录表，供学生在接受指导教师指导时使用。2、在论文期间，指导教师每两周至少应检查一次学生的工作进度，学生负责保管此表，并填写指导教师每次指导的主要内容。论文（设计）完成后，此表应放入本科生毕业论文（设计）手册。琼州学院本科生毕业论文（设计）指导教师评定表姓名薛冰性别女学号09217039学院电子信息工程学院年级2009级专业数字媒体技术论文题目基于 jQuery技术的三亚美食网站的前端设计与实现序号评价内容分数序号评价内容分数1准备过程的态度（10分）95创新性（10分）72论文写作（设计）的态度（20分）186综合能力（10分）73理论意义或现实意义（15分）127写作水平（10分）74工作量与难度（15分）128写作规范（10分）7总分79答辩资格确定同意答辩o不同意答辩评语 薛冰同学在毕业设计准备过程中态度认真，论文以“基于 jQuery技术的三亚美食网站的设计与实现”为题，搜集了大量资料。网站设计中，网站前台采用html+jQuery的开发框架，根据三亚饮食文化现状以及特点进行开发设计，在合理搭配网站模块、实现网站正常功能的同时，从设计的角度通过jQuery技术提高网站的用户交互性，增加用户使用的趣味性。论文中对“三亚美食网”中所应用的技术进行了具体详尽的阐述，在完成毕业设计和论文写作的时候，该同学态度积极认真，能听取导师所给的建议，认真修改完善，较好的完成了毕业设计和毕业论文。论文方案合理，工作量中，书写规范达到了本科生毕业论文要求，同意参加毕业论文答辩。指导教师（签名）： 年 月 日 琼州学院本科生毕业论文（设计）专家评定表姓名薛 冰性别女学号09217039学院电子信息工程学院年级2009级专业数字媒体技术论文题目基于 jQuery技术的三亚美食网站的前端设计与实现评阅专家姓名田兴彦职称教授单位电子信息工程学院序号评价内容分数序号评价内容分数1理论意义或现实意义（20分）174综合能力（15分）112工作量与难度（20分）155写作水平（15分）103创新性（15分）126写作规范（15分）10总分75水平确定已达到答辩水平o未达到答辩水平评语薛冰同学的毕业设计基于 jQuery技术的三亚美食网站前端设计与实现，选题针对三亚美食网，具有实际应用价值。该同学分析用户需求，规划网站功能，并应用jQuery技术实现网站内搜索美食排序、店家具体位置的地图引用以及一些页面特效及交互，配合整体页面设计和色彩搭配，完成三亚美食网站的前台页面搭建。论文条理清晰，写作规范，反映出该同学较好掌握了专业基本理论知识和技能，具备较强实践工作能力。同意参加毕业答辩。评阅专家（签名）： 年 月 日 琼州学院本科生毕业论文（设计）答辩委员会评定表姓名薛冰性别女学号09217039学院电子信息工程学院年级2009级专业数字媒体技术论文题目基于 jQuery技术的三亚美食网站的前端设计与实现 答辩小组评定绩序号评价内容分数序号评价内容分数1理论意义或现实意义（15分）124综合能力（10分）72工作量与难度（15分）125论文（设计）陈述（20分）143创新性（10分）76论文（设计）答辩（30分）23总分75是否通过答辩通过o未通过评语薛冰同学的论文基于jQuery技术的三亚美食网站的前端设计与实现，选题针对三亚美食网，具有实际应用价值。论文工作量适中，结构合理，书写规范。论文及工作结果反映该同学基础较为扎实，具有一定的分析论证能力。该生能在规定时间内顺利、清晰地阐述论文的主要内容，能较好地回答与论文有关的问题。答辩小组经过充分讨论，根据该生论文质量和答辩中的表现，同意评定论文成绩为“合格”。答辩组组员(签名)： 答辩组组长(签名)：年 月 日 综合成绩指导教师评分（45%）79最终成绩评阅专家评分（25%）75合格答辩小组评分（30%）75答辩委员会决议同意通过答辩学院答辩委员会主席(签名)： 年 月 日 琼州学院本科生毕业论文（设计）答辩记录表姓名薛冰性别女学号09217039学院电子信息工程学院年级2009级专业数字媒体技术指导教师王世运职称实验师论文题目基于 jQuery技术的三亚美食网站的前端设计与实现学生陈述：随着计算机网络科技的发展，计算机网络已经成为人们日常生活中必不可少的信息渠道，已经覆盖到生活的各个领域。民以食为天，但随着人民生活水平的日益提高，人们往往都在为吃什么而感到发愁，制作三亚美食网站的目的是为了帮助人们了解三亚美食。论文首先根据当前网络发展情况及国际旅游岛实际需求分析网站实现的背景及意义；其次根据网站需求分析规划网站目标，选择软件平台,通过Photoshop 进行页面整体效果设计，运用Editplus及Dreamweaver进行前台页面搭建，通过 IETester测试jQuery相关代码的运行和对浏览器中CSS的兼容性进行调试，以jQuery为网站开发交互设计的主要语言。再次，详细阐述网站前端设计，介绍网站色彩搭配、页面设计，针对网站jQuery特效的理念、应用与实现等方面的做出介绍和论述。jQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的操作。jQuery强调的理念是写得少，做得多（write less，do more）。jQuery独特的选择器、链式操作、事件处理机制和封装完善的Ajax都是其他JavaScript库望尘莫及的。通过网站页面设计和页面中具体插件的特效实现给用户以良好的用户体验。从而完成三亚美食网站前端制作和论文的撰写。教师提问及学生回答：问题1简述什么是jQuery，他有哪些特点和优势？答：jQuery是一套跨浏览器的JavaScript库，简化HTML与JavaScript之间的操作。jQuery强调的理念是写得少，做得多（write less，do more）。jQuery独特的选择器、链式操作、事件处理机