您好,欢迎访问三七文档
杭州电子科技大学毕业设计(论文)文献综述毕业设计(论文)题目基于HTML5和CSS3的教学资源网站设计与实现文献综述题目教学资源网站构建综述学院软件工程学院专业软件工程姓名王琰吉班级09106531学号09109067指导教师邱洪君教学资源网站构建综述一、前言目前,国内教学资源网站的建设越来越受到重视,就连国家也投入大量的资金用于资源建设,但是仅仅这样是不够的,与发达国家相比,国内的教学资源网络化仍然存在很大的不足。自我国开始实施教育信息化建设以来,截至2003年底,国家已总计投入1000亿元[12]。尽管其中的大部分资金主要用于信息技术硬件和基础设施建设。但即使如此,投入教育资源建设的费用也为数不少。同时随着教育信息化的不断深入,教育资源的开发和利用越来越受到重视。近年采,国家教育主管部门先后投资建设了计算机辅助教学软件研制开发与应用(96—750项目)、新世纪网络课程、中小学教师继续教育资源、国家基础教育资源网、中小学教育教学资源等项目,众多省市也投资建设了基础教育资源中心和网站[12]。从2010年开始,HTML5与CSS3就一直是互联网技术中最受关注的两个话题。HTML5的使用将弥补上一代HTML的不足,同时实现富Web应用的本地化,使浏览器逃离Flash和Silverlight等富客户端插件的羁绊[4],加上CSS3的配合来简化CSS的编程模型,满足当前Web应用日益增长的高性能、高用户体验的需求,从而基于HTML5与CSS3的教学资源网站开发效率提高,结构清晰,关键是能在不同浏览器上实现统一的展现形式。二、主题2.1、教学资源网站的功能教学资源网站需要提供的主要功能是:基于网络实现教学资源的上传、搜索与下载,其实质是一个网上的教学资源交流平台来满足教学资源的共享[1]。本网站主要面向教师,教师有上传资源的权限,学生只有下载的权限。上传资源获取相应数额的积分,下载资源扣除相应数额的积分,实现一个对教学资源价值的评估算法,定时检测教学资源的积分价格是否合理并作调整[18-25]。教学资源的种类:1.PPT课件2.教学视频3.文档资料4.试卷及答案积分的获得方式:1.上传教学资源2.已上传的教学资源被下载2.2、如今教学资源网站的优缺点随着,我国的教育资源建设工作不断推进,资源数量也趋于丰富,资源质量也大有提升,教师对教育资源的应用和资源共享的意识也在逐渐加强,对资源实效性的要求也在不断增强。目前,国内教学资源网站的建设越来越受到重视,就连国家也投入大量的资金用于资源建设,但是仅仅这样是不够的,与发达国家相比,国内的教学资源网络化仍然存在很大的不足[6]。同时,在网络资源建设具体的实施方面还存在些困难和问题[7]。这些教学资源网站的主要缺陷主要有两个方面:1.网站的自身设计不当。现代的教学资源网站为了能够很好地满足用户的需求很广泛的功能实现,而很正常的需要使用CSS、JavaScript、Ajax、Flash等技术[17s],当复杂的技术应用运行在规范不统一的浏览器上势必会造成网站呈现在用户面前是不统一的,甚至会报很多错误,使得脚本不能正常运行,这时候,本人的课题就体现出了其价值,利用HTML5和CSS3相结合是一中高效率的开发并且解决标准不统一这一难以解决的问题[8]。但是,也不缺乏优秀的网站能充分利用互联网提供教学资源服务的优势,通过到位的网络技术全方位的给师生提供帮助[7]。2.教学资源网站提供的功能不够全面或者不够有深度。教学资源网站大多以上传获得积分,下载消耗积分的运营模式,对于教学资源的价值评估没有一个统一的标准,所以很有必要在此课题实现一个对教学资源价值的评估算法。2.3、教学资源网站核心技术之HTML5的技术HTML5尝试改变这些。当它完成时,新标准将在改善的互动、多媒体和定位中提供多个Tag和API[9]。随着由实验支持的HTML5特征被加入到目前盛行的Web浏览器中,一些开发者已开始表示出对这新型现代的HTML的兴趣,而不再依赖于像Flash,QuickTime和Silverlight这类专有插件[8]。HTML5自2010年正式推出,它立刻受到世界各大浏览器的热烈欢迎与支持,微软为了能够支持HTML5在IE9上做了标准的改进[15],通过对InternetExplor、Google、Firefox、Safari、Opera等主要的Web浏览器的调查,发现他们都采取了相关措施来支持HTML5。它是新一代的Web技术标准[4],在一些核心上做了改进从而改变了我们建站和使用互联网的方式。HTML5的主要特性:1.本地存储HTML5针对本地存储提供了两个重要内容-WebStorage与本地数据库[4]。其中WebStorage是对HTML4中的cookies存储机制的一个改善。由于cookies存在很多的不足之处。WebStorage依然是在Web上存储的功能,分为sessionStorage临时保存和locaStorage本地磁盘保存两种。HTML5大大丰富了客户端本地可以存储的内容,新增的很多内容可以实现原本必须保存在服务器上的数据现在只需要存放在客户端本地,这一变化很大程度上提高了Web应用程序的性能,减轻了服务器的负担,HTML5的本地数据库功能就是为了完成这一重要的使命。HTML5内置了一个可以通过SQL语言来访问的数据库从而就可以实现访问本地文件一样地轻松对内置数据库直接访问。2.本地缓存在HTML5中新增加了一个本地缓存机制的API,为了让Web应用程序在离线状态也能正常运行,就必须把构成该应用程序的所有资源文件[2],例如HTML文件、CSS文件、JavaScript脚本文件放在本地缓存中,这样就能使得Web应用程序在离线状态也能正常运行。3.绘制图形在HTML5中新增加了canvas元素以及伴随这个元素的一套编程接口—CanvasAPI。有这样一个新的元素和一套新的接口就可以不用Flash或者其他的插件就能够实现在网页上涂鸦。HTML5让浏览器原生地支持相关的标记语言。内容创作者可以把用MathML(用于渲染公式)和SVG(用于渲染可扩展矢量图形)编写的标记直接嵌入到HTML5网页中[8]。4.多媒体播放在HTML5出现之前,在网页上展示视频、音频和动画必须要用到Flash或者其他的第三方插件,但是现在HTML5提供了音频和视频的标准接口,通过相关技术播放视频、音频等多媒体不再需要安装插件了[3]。5.获取地理位置GeolocationAPI是一套用来获取用户的地理位置的编程接口,如果浏览器能够支持以及设备具备定位功能就可以直接使用HTML5的这一套API来获取当前位置信息。6.表单控制的优化在这新一代HTML中,搜索框,文本输入和其它类型的字段可以获得更好的控制,如焦点处理,数据验证,与其它页血元素的交互,通过电了邮件发送等[2],大大地减少了用户的烦扰。2.4、教学资源网站核心技术之CSS3的技术你需对你的CSS代码就行整理以支持HTML5,因为hl,h2之类的标签将不再使用,为了实现同HTMI5的兼容,最好的方式是使用CSSreset,将那些常见的HTML标签的CSS属性清零。随着CSS3.0的推出,CSS将会给用户带来更多惊喜[9]。CSS(样式表或层叠样式表)技术,可以对网页的布局、字体、颜色、背景和其他效果实现更加精确的控制[11]。CSS3则是CSS技术的一个升级版本,它完全向下兼容,它并没有采用总体结构,而是采用了分工协作的模块化结构,这样就可以避免产生浏览器不能完全支持某个模块的情况。它和HTML5一样,也将为Web开发带来革命性的影响,很多以前需要JavaScipt和Ajax才能实现的复杂效果用CSS3就能简单地实现,极大的提高了开发的效率[10]。CSS3主要的影响是将可以使用新的可用的选择器和属性,这些会允许实现新的设计效果(譬如动态和渐变)[14],而且可以很简单的设计出现在的设计效果(比如说使用分栏)。在未来,CSS3配合HTML5标准。将掀起一场新的Web应用变革,甚至是整个互联网产业的变革[4]。三、总结从我国国内现状来看,国内的教学资源网站正处于不断上升的阶段,在建设全民学习、终身学习的学习型社会中,教学资源网站不断发展,朝着灵活、方便、个性化的服务方向前进[13],向需要教学资源的师生提供优秀的资源交流平台,满足个人多样化的学习和发展需要[6]。HTML5和CSS3也是未来的流行趋势,从2010年开始,HTML5与CSS3就一直是互联网技术中最受关注的两个话题。在2010年的MLX10大会上微软的工程师在介绍IE9的时说,HTML5+CSS3两者相辅相成使互联网进入下一个崭新的时代[4]。参考文献[1]邢苗条.基于Internet教学网站系统的设计方案[J].现代电子技术.2002,(4):55-56.[2]刘斌.HTML5—未来网络应用的核心技术的研究[J].自动化与仪器仪表.2010,(4):30-33.[3]王卫华.下一代的浏览体验话说HTML5CSS3[J].电脑迷.2010,(19):6-8.[4]陆凌牛.HTML5与CSS3权威指南[M].北京:机械工业出版社,2011:1-186.[5]晋良颖.数据结构[M].北京:人民邮电出版社.2005.[6]王小侠.加拿大远程教育的网上教学及其启示[J].北京广播电视大学学报.2010,(4):62-66.[7]王珠珠,张伟远.我国普通高校网上教学平台及网站建设的现状分析[J].中国远程教育.2005:1-8.[8]袁殷.HTML5将带来什么[J].中国教育网络.2010,(10):35-37.[9]马新强,孙兆,袁哲,迟凤利,MAXin-qiang,SUNZhao,YUANZhe,CHIFeng-li.Web标准与HTML5的核心技术研究[J].重庆文理学院学报(自然科学版).2010,(6):61-74.[10]王大远.Div+CSS3.0网页布局案例精粹[M].电子工业出版社.2011.[11]麦克法兰.CSS实战手册[M].电子工业出版社.2010.[12]孔洋波.中美网络教育资源建设现状分析及思考[J].中小学电教.2010,(3).[13]刘成新.网络教学资源的设计,与开发评价[J].电化教育研究2000,(3).[14]约克.CSS入门经典[M].清华大学出版社.2008.[15]AlexisGoldstein.HTML5与CSS3实战指南[M].人民邮电出版社.2011.[16]BrianP.HoganHTML5和CSS3实例教程[M].人民邮电出版社.2012.[17]张立峰.JavaScript动态网页技术详解[M].电子工业出版社.2009.[18]萨师煊,王珊.数据库系统概论(第三版)[M].北京:高等教育出版社.2004.[19]康诺利.数据库设计教程[M].北京:机械工业出版社.2005.[20]赵丰年.《网页制作实例图解》[M].北京:北京机械工业出版社.2001:88-115.[21]王剑钊,陈萍.数据库技术在网站设计中的应用[J].热力发电,2003,(8):46-49.[22]王志宏.数据库技术在网站中的应用研究[J].皖西学院学报,2003,(2):104-106.[23]谢希仁.计算机网络[M].北京:电子工业出版社.2008:1-375.[24]王珊,陈红.《数据库系统原理教程》[M].北京:清华大学出版社,2000:250-258.[25]刘洪海.网络数据库开发实战[M].北京:中国铁道工业出版社,2000.文献综述考核表指导教师对文献综述的评语:指导教师(签名)年月日建议成绩评阅小组或评阅人对文献综述的评语:评阅小组负责人或评阅人(签名)年月日建议成绩
本文标题:文献综述范例
链接地址:https://www.777doc.com/doc-4755796 .html