您的位置:免费论文网 > 文秘写作 > 毕业设计 > 基于html5的毕业设计题目 正文

基于html5的毕业设计题目

2016-12-21 07:14:49 来源网站:免费论文网

篇一:基于Html5个性化学习系统-开题报告

杭州电子科技大学

毕业设计(论文)开题报告

题 目

学 院

专 业

姓 名

班 级

学 号

指导教师

基于HTML5的个性化学习系统设计与

实现

软件工程学院

软件工程

王竹君

10108411

10109238

任一支

一、综述本课题国内外研究动态,说明选题的依据和意义

1.1 国内外研究动态:

在当今社会,合理的利用时间,高效的接受信息,快速的更新知识已成为学习的一种主要模式,互联网的建立为这种学习模式提供了良好的内部和外部环境。据统计,在美国,通过网络进行学习的人数正以每年300%以上的速度增长。1999年,已经有超过7000W人通过网络学习获得知识,工作技能和工作技巧,超过60%的企业通过网络学习方式进行员工的培训和继续教育。在我国,网络学习的发展也非常迅速,2004年,经教育部批准开展网络教育使点的高等院校已有67所,全国网上大学在读生已达60W名。预计到2010年,接受网上教育的人数将达到500W。

所以,随着社会的发展,网络教育会更加普及,而选择网络学习的人也会越来越多。个性化学习平台的构建顺应了时代的潮流与需求,必将带动整个网络上学习平台构建的趋势。 1.2 选题的依据:

随着互联网技术的飞速发展,利用网络进行学习已经成为时代发展的必然趋势,建立在线学习网站,尽可能提高优质学习的利用率,对实现人才培养,促进社会经济发展都能起到十分重要的作用。也可以引导用户主动年该学习,提高学习效率,更为学习双方提供一个进行写作学习和交流的平台。

网络学习在远程学习,集团培训,高校教学中扮演者越来越重要的角色。日益扩大的办学规模,分散校区的学习资源共享,电气化教学的开展等都使得现代高校教学越来越倚重于网络学习模式。同时,互联网的发展也促使高校校园网的迅速扩展,这为网络学习平台的建立提供了良好的物质基础。 1.3 选题的意义:

与传统的教育相比,网络学习是一种全新的教育模式,它可以突破时间和空间的限制,让更多的学习者共享优秀的教育资源。网络学习既具有开放性、交互性、协作性和自主性等特点,有具有异步性、实时性、生动性、集成性和大容量等优势。因此在网络学习平台系统的建设中,单纯地构建各种功能单一的系统并不能完全满足网络学习平台建设的要求,只有那些对数据和信息进行有效组织,整合了多种业务,为用户提供个性化服务的系统才能充分地发挥精品课程学习平台的作用。

建设在线学习网的根本目的是利用现代化的教育信息技术手段将相关学习知识内容上网并免费开放,以实现优质学习资源共享,提高学习质量和人才培养质量。从而在资源获取上增加学习知识的途径,为提高受教育水平提供一个可行化的平台。

二、研究的基本内容,拟解决的主要问题:

研究的基本内容:

1. 了解在基于Html5的环境下系统开发的整个生命周期,分析软件系统开发生命周期各个阶段所需要管理的各项工作项及其相关的数据信息。

2. 使用项目管理工具,获取系统所需的相关信息,通过丰富的项目报表,了解系统的运行情况,准确地对项目中的各项任务进行了解,明白其中的关联。

3. 根据丰富的工作项目连结进行追踪,并建立有层次的工作项目关联。在应用程序生命周期管理中,研究项目的管理人员如何参与到整个生命周期中去的。

4. 构建个性化学习系统网站的大体框架,明确系统将要实现的各项功能。确定各项 功能如何实现,然后逐步丰富学习系统的各项功能麻将系统做的丰满起来。同时需要创建提供权限管理模块,项目管理员可以设置项目门户的访问权限以及对权限进行定制和扩展。

5. 开发相应的软件系统。实现基于Html5 的个性化数学学习系统的各项功能的实现。

拟解决的主要问题:

1. 对于使用该系统的登陆用户的信息进行准确记录,在系统上进行在线测试,同时可以进行视频的观看和资料的下载。同时应该具有互动功能,使用该系统的用户可以对资源进行评价与讨论。

2. 管理员除基本功能外应可以对网站上的资料进行修改,添加等。项目管理员同时应对项目门户的访问权限设置以及对权限进行定制问题。

三、研究步骤、方法及措施:

1. 查阅收集各类文献及相关资料,了解掌握Html5相关技术在开发中的应用。 2. 了解Html5相关技术在个性化学习网站构建上的优势。 3. 拟定个性化学习系统需要实现的各项功能。

4. 构建网站的大体功能框架,以及如何实现前台后台与数据库的功能。 5. 编码设计,调试和系统功能的实现。 6. 撰写毕业论文初稿。 7. 毕业论文修订,准备答辩。

四、研究工作进度:

序号 1 2 3 4 5 6 7 8 9 10

时间

2014-01-10--2014-02-25 2014-01-10--2014-02-26 2014-02-22--2014-02-28 2014-02-23--2014-03-01 2014-03-01--2014-03-05 2014-03-05--2014-03-25 2014-03-25--2014-04-30 2014-05-01--2014-06-06

内容 编写开题报告 查阅相关资料 编写文献综述与外文翻译

拟定个性化学习系统需要实现的各项功能

构建网站的大体功能框架 编码设计,调试和系统功能的实现。

撰写毕业论文初稿 毕业论文修订,准备答辩

五、主要参考文献:

[1] 张孝祥、徐明华. JAVA基础与案例开发详解[M]. 清华大学出版社. 2009.45-46.

[2] 康牧.JSP动态网站开发实用教程[M].清华大学出版社.2009.127-127. [3] 刘亚宾.精通Eclipse--JAVA技术大系[M].电子工业出版社.2005.167-168.

[4] 于万波.网站开发与应用案例教程[M].清华大学出版社.2009.77-78.

[5] 杨学瑜.高立军,软件开发过程与项目管理[M].电子工业出版社.2008.43-46. [6] 张洁才.Java web应用开发教程[M].科学出版社.2005.66-68. [7] 戴维尔.JavaScript程序员教程[M].电子工业出版社.2010.333-334.

[8] 黎连业、王华、李淑春.软件测试与测试技术[M].清华大学出版社.2009.321-322.

[9] 黄梯云.管理信息系统[M].北京:电子工业出版社.2006 .216-217.

[10]James D. McCaffrey等.NET软件测试自动化之道[M]. 北京:电子工业出版社.2007.213-214.

[11]甘仞初.信息系统开发[M].北京:经济科学出版社.2007.144-145.

[12]马赫. Dreamweaver MX 2004 网页设计经典108例[M].中国青年出版社.2005.99-101.

[13]唐友国 湛洪波著.JSP网站开发详解[M].电子工业出版社.2008.111-112. [14]卫红春等著.信息系统分析与设计[M].北京:清华大学出版社.2009.51-53. [15]张大方 李玮等著.软件测试技术与管理[M].湖南:湖南大学出版社.2007.333-334.

[16](美)H.M.Deitel,P.Jdeitel.Java程序设计教程(第五版)[M]. 清华大学出版社.2004.212-212.

[17](美)Elliotte Rusty Harold.Java Network Programming[M].东南大学出版社 .2005.122-123.

[18]孙卫琴等.精通struts:基于MVC的Java Web设计与开发[M]. 电子工业出版社.2005.144-144.

[19]张文静 林琪著.JSP程序设计[M].人民邮电出版社.2005.256-257.

[20]孙卫琴 李洪成著.Tomcat与Java Web开发技术详解[M]. 电子工业出版社.2005.343-344.

[21](美)John J.Patrick.SQL基础(第二版)[M].清华大学出版社.2004.77-79. [22](美)David flanagan.Java技术手册(第五版)[M].东南大学出版社.2006.33-35. [23]黄裴、徐汀荣.电子商务原理与技术(第二版)[M],科学出版社.2006.124-126. [24](美)Syed Zagham Naseem,Fiaz Majeed Extending HTML5 Local Storage to Save More Data; Efficiently and in More Structured Way[J].

篇二:【毕业论文】基于HTML5和.NET的个人主页的设计与实现

摘 要

HTML5 是下一代的 HTML,HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本,现在仍处于发展阶段。现在市面上面的大部分浏览器都支持了这一样新的技术,并且得到了广泛的应用。HTML 5有两大特点:首先,强化了 Web 网页的表现性能。其次,追加了本地数据库等 Web 应用的功能。广义论及HTML5时,实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。HTML5+CSS3+JavaScript 的开发方式已经成为HTML5的一个大势。

现如今,许多门户网站都是用了HTML5来开发网页,如百度,谷歌,苹果等首页都是HTML5的应用案例。HTML5的出现时希望能够减少浏览器对于需要插件的丰富性网络应用服务(plug-in-based rich internet application,RIA),如Adobe Flash、Microsoft Silverlight,与Oracle JavaFX的需求,并且提供更多能有效增强网络应用的标准集 。

2012年12月17日,万维网联盟(W3C)正式宣布凝结了大量网络工作者心血的HTML5规范已经正式定稿。它的开发是通过谷歌、苹果,诺基亚、中国移动等几百家公司一起酝酿的技术,这个技术最大的好处在于它是一个公开的技术。也就是说每一个公开的标准都可以根据W3C的资料库找寻根源。另一方面,W3C通过的HTML5标准也就意味着每一个浏览器或每一个平台都会去实现。

用HTML5的优点主要在于,这个技术可以进行跨平台的使用。比如你开发了一款HTML5的游戏,你可以很轻松的将它发布到各个应用平台上面,而不用专门更改代码。这种多平台实用性是以后开发的大势。而且HTML5还拥有HTML的实时更新功能,HTML5应用的更新会变得更方便和快捷 。

综上所述,由于本网页是基于HTML5的个人网页,所以运用了CSS3与HTML5和JavaScript的结合,采用ASP.NET为后台,SQL Server 为后台开发。运用了HTML5的新标签,以及CSS3的各种属性,动画等等。搭配了jQeury的各种动画特效,配合开发了这个网页,以及配套的后台管理系统。

【关键词】 :HTML5,CSS3,JavaScript ,标准,跨平台,移动

ABSTRACT

HTML5 is the next generation of HTML, HTML5 is used to replace the 1999 edition of the HTML standard for HTML 4.01 and XHTML 1 standard, it is still in the stage of development. Now most of the browser market above all to support this new technology, and has been widely applied. HTML 5 has two characteristics: first, to strengthen the performance of the Web webpage. Secondly, the additional local database application of Web functions. Generalized and HTML5, actually refers to include HTML, CSS and JavaScript, a technology portfolio. The development of HTML5+CSS3+JavaScript has become a general trend of HTML5.

Nowadays, many websites are using HTML5 to develop webpage, such as Baidu, Google, Apple and so on home page is the application case of HTML5. The emergence of HTML5 hopes to reduce the browser for the rich Internet application service need to plug-in (plug-in-based rich Internet application, RIA), such as Adobe Flash, Microsoft Silverlight, and Oracle JavaFX requirements, and provide more can effectively enhance the network application standard set.

In December 17, 2012, the World Wide Web Consortium (W3C) officially announced the condensation of the HTML5 specification large network worker effort has officially finalized. It was developed by Google, apple, Nokia, China mobile company with hundreds of brewing technology, benefit of this technology is the biggest is that it is an open technology. That is to say each open standards can be based on the W3C database search source. On the other hand, the W3C through the HTML5 standard also means that every browser or each platform to achieve.

HTML5 is the major advantages, this technology can be used across platform. For example, you develop a HTML5 game, you can easily publish it to the various application platform above, without having to change code. The platform of the utility is the future development trend. But HTML5 also has a HTML real-time updates, HTML5 application updates will become more convenient and fast.

To sum up, as a result of the webpage is based on HTML5 personal webpage, so using a combination of CSS3 and HTML5 and JavaScript, using ASP.NET as the background, SQL server as the background development. Using the tag HTML5, and various properties of CSS3, animation etc.. With a jQeury a variety of animation effects, with the development of this webpage, and supporting the backstage management system management system.

【Key words】: HTML5, CSS3, JavaScript, standard, cross-platform, mobile

目 录

前 言 .................................................................................................................................................. 1

第一章 基于HTML5的个人网页的概述 ...................................................................................... 2

第一节 研究内容 ........................................................................................................................ 2

第二节 研究意义 ........................................................................................................................ 2

第三节 研究现状和发展趋势 .................................................................................................... 2

第二章 开发环境概述 ...................................................................................................................... 4

第一节 开发平台 ...................................................................................................................... 4

第二节 HTML5开发的主要框架 ............................................................................................. 4

一、HTML5 ................................................................................................................................ 4

二、 CSS3................................................................................................................................... 5

三、 JavaScript ........................................................................................................................... 5

第三章 系统分析 ................................................................................................................................ 7

第一节 研究目标 ........................................................................................................................ 7

第二节 需求分析 ........................................................................................................................ 7

第三节 平台搭建 ........................................................................................................................ 7

一、安装Microsoft Visual Studio 2012 Ultimate ...................................................................... 7

二、安装Microsoft SQL Server 2008 R2 .................................................................................. 8

三、创建一个新的 HTML5 web工程 .................................................................................... 10

四、测试开发环境 .................................................................................................................... 11

第四章 程序设计 .............................................................................................................................. 12

第一节 个人网页界面设计 ...................................................................................................... 12

第二节 数据库设计 .................................................................................................................. 19

第三节 程序模块设计 .............................................................................................................. 20

第五章 程序开发 .............................................................................................................................. 22

第一节 文件结构与用途 .......................................................................................................... 22

第二节 核心代码 ...................................................................................................................... 24

一、主页核心代码 .................................................................................................................... 24 二、 后台登陆页面 .................................................................................................................. 33 三、 后台管理页面 .................................................................................................................. 38

结 论 ................................................................................................................................................ 48

参考文献 ............................................................................................................................................ 49

附 录 ................................................................................................................................................ 50

源程序 ........................................................................................................................................ 50

前 言

自从2010年推出HTML5以来,它立即得到了世界各大浏览器的欢迎和支持。根据各大IT界知名的媒体评论,新的Web时代,HTML5的时代即将到来。

本文设计的个人网页是基于HTML5而开发的。HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的新的HTML标准版本。其目的就是将Web开发标准化,使其实现多平台,高兼容性的运行特点。HTML5拥有两大特点:首先,强化了 Web 网页的表现性能,使得其表现形式更加的多样化。而后和CSS3与JavaScript的结合使用,使其Web应用越来越向客户端程序靠拢。其次,追加了本地数据库等 Web 应用的功能。使得离线编辑等功能能够非常方便的实现。

本设计的目的就是开发一个以HTML5+CSS3+JavaScript结合的一个个人网页。这个个人网页能够拥有介绍主要信息,发布个人文章,已经留言板等功能。并且附带一个后台管理系统。能够查看留言,发布,删除文章等。

整个网页将使用CSS3来控制版面,配合jQuery使其整个页面非常漂亮,拥有很多动态效果和漂亮的动画,并且没有任何的FLASH。

在不远的将来,WEB开发将越来越向客户端程序靠拢,并逐渐取而代之。

篇三:基于HTML5的棋牌游戏毕设论文

编 号:

审定成绩:

重庆邮电大学

毕业设计(论文)

设计(论文)题目: 基于HTML5的棋牌游戏

学 院 名 称 :

学 生 姓 名 :

专 业 :

班 级 :

学 号 :

指 导 教 师 : )

答辩组 负责人 :

填表时间: 2015 年6 月

重庆邮电大学教务处

摘 要

如今社会是当之无愧的网络生活,也正是计算机的蓬勃发展让我们的生活更进一步。无处不见的科技,让我们生活无论是精神方面还是物质方面都能得到满足。而网络游戏更是丰富了我们的精神生活,随着电脑的出现,我们也拥有了更多乐趣,从一开始的扫雷,直到如今的各种大型网络游戏,电脑游戏也逐渐成为生活中不可缺少的娱乐方式。在电脑游戏中,单机游戏则是可以不用联网则能玩耍,如今基于HTML5开发的游戏也多为单机游戏。

本文则是通过象棋游戏来实现基于HTML5的游戏开发的基本过程与方法。文中基于HTML5的棋牌游戏则是将以前的娱乐生活移到的网络上,在网页上也能玩象棋游戏。通过HTML5的各种标签和功能来实现象棋游戏,例如通过canvas标签实现游戏部件操作。此象棋游戏能通过鼠标对棋子的控制实现游戏过程,可以选点击按钮开始游戏,能实现真实象棋游戏过程中的功能,吃子、悔棋、胜负判断等。其中行棋判断以及具体实现的方式例如行棋规则、游戏策略则是由JavaScript编写实现,最后通过CSS来修饰游戏界面文字的风格和游戏部件的布局等。在Dreamweaver上编写、修改和运行游戏进行测试,最后,通过在不同的浏览器上进行在修改和测试,将象棋游戏所需要的功能完善。

【关键词】 网页游戏 HTML5 象棋 JavaScript

ABSTRACT

Today, the society is a well deserved network life, it is the booming computer to make our life more further. There the technology can be seed everywhere, so that we live whether the spirit or material aspects can be satisfied. And network games is to eich our spiritual life, with the advent of the computer, we also have the more fun, from the beginning of the mine, until now all kinds of large-scale online games, computer games has gradually become indispensable in the life of entertainment. In computer games, the stand-alone game can play without Internet, and now the games development based on the HTML5 almost are stand-alone games.

This paper is to realize the basic process and method of game development based on HTML5 by chess game.In the paper, the chess game based on HTML5 is a way to move the previous entertainment of life onto the network, and can also play chess game on the web page.Through the various tags and functions of the HTML5 to achieve chess games, such as achieving operate the game parts by canvas tags . This chess game can through the mouse control of the pieces to achieve game process, can be selected, click on the button to start the game, can achieve real chess game in the process of function, eat, undo, determine the outcome of the other. The chess to the judgment and the concrete realization of the way such as chess rules, game strategy is by JavaScript prepared to achieve, finally through the CSS to modify the layout of the game interface text style and game components and so on.Write, modify, and run games on Dreamweaver, and finally, by modifying and testing on the different browsers, the game needs to be perfected.

【Key words】 web games HTML5 Chinese chess JavaScript

目 录

前 言 .................................................................................................................................................. 1

第一章 HTML5概述 ....................................................................................................................... 2

第一节 HTML5的发展历史 .................................................................................................... 2

一、HTML5的演变 ............................................................................................................. 2

二、HTML5的革新 ............................................................................................................. 2

第二节 HTML5的优势 ............................................................................................................ 3

一、HTML5的新标签 ......................................................................................................... 3

二、HTML5的新功能 ......................................................................................................... 4

第三节 本章小结 ....................................................................................................................... 4

第二章 基于HTML5的游戏 .......................................................................................................... 6

第一节 准备工作 ....................................................................................................................... 6

一、什么游戏 ........................................................................................................................ 6

二、绘制部件 ........................................................................................................................ 6

第二节 JavaScript、CSS特性 .................................................................................................. 6

一、JavaScript ....................................................................................................................... 6

二、CSS................................................................................................................................. 7

第三节 HTML5游戏 ................................................................................................................ 8

第四节 本章小结 ....................................................................................................................... 8

第三章 基于HTML5的象棋游戏开发 .......................................................................................... 9

第一节 中国象棋游戏 ............................................................................................................... 9

一、中国象棋 ........................................................................................................................ 9

二、 象棋规则 .................................................................................................................... 10

第二节 开发工具 ..................................................................................................................... 11

第三节 象棋游戏部件的绘制 ................................................................................................. 12

第四节 页面布局调整和信息定义 ......................................................................................... 13

第五节 本章小结 ..................................................................................................................... 13

第四章 功能性JavaScript和主页 ................................................................................................. 14

第一节 象棋AI ....................................................................................................................... 14

第二节 bill脚本 ...................................................................................................................... 15

第三节 play脚本 ..................................................................................................................... 15

第四节 common脚本 .............................................................................................................. 16

第五节 页面生成 ..................................................................................................................... 17

第六节 本章小结 ..................................................................................................................... 17

第五章 测试 .................................................................................................................................... 19

第一节 测试的目的和意义 ..................................................................................................... 19

第二节 测试内容 ..................................................................................................................... 19

一、界面测试 ...................................................................................................................... 19

二、按钮测试 ...................................................................................................................... 20

三、功能测试 ...................................................................................................................... 20

第三节 本章小结 ..................................................................................................................... 21

结 论 ................................................................................................................................................ 22

致 谢 ................................................................................................................................................ 23

参考文献 ............................................................................................................................................ 24

附 录 ................................................................................................................................................ 25

一、英文原文: ......................................................................................................................... 25

二、英文翻译: ......................................................................................................................... 31

三、工程设计图纸: ................................................................................................................. 35

四、源程序: ............................................................................................................................. 36

1、HTML5按钮主要代码: ............................................................................................. 36

2、CSS主要代码................................................................................................................ 36

3、AI脚本主要代码 .......................................................................................................... 37

4、common脚本信息定义代码 ......................................................................................... 38

5、bill脚本写入棋谱代码 ................................................................................................. 40

6、play脚本定义代码 ........................................................................................................ 41

  • 基于html5的毕业设计题目

    基于Html5个性化学习系统-开题报告杭州电子科技大学毕业设计(论文)开题报告题目学院专业姓名班级学号指导教师基于HTML5的个性化学习系统设计与实现软件工程学院软件工程王竹君1...




本文标题:基于html5的毕业设计题目
本文地址:http://www.lwlwlw.com/show/126550.html
声明:该文章系网友上传分享,此内容仅代表网友个人经验或观点,不代表本网站立场和观点;若未进行 原创声明,则表明该文章系转载自互联网;若该文章内容涉嫌侵权,请及时向免费论文网投诉!

推荐专题

热点推荐

相关推荐