英语原文共 7 页,剩余内容已隐藏,支付完成后下载完整资料
随着诸如HTML5之类的网络技术的迅速发展及其在Google Chrome,Firefox,Internet Explorer和Opera等最流行的互联网浏览器中HTML5架构的使用,使得互联网应用程序的迅速发展,还强化了Web开发人员和页面设计师的能力,其多种多样的开发工具也提高了开发人员的创造能力,能够搭建简便易用的环境来完成一个交互式协作网络应用程序的创建,这样的一套的电子开发学习系统是充满吸引力、易于操作、便捷使用的。为了研究如何HTML5和它的新功能元素可以用于组织电子学习材料和增强学习活动。在本文中,我们将介绍主要的HTML5元素和规范,这在构建电子学习系统的情况下非常有用; 我们还讨论了使用HTML5技术的主要问题及其缺点。
虚拟学习环境通常在学习平台中管理,为最新资源和低成本学习服务提供机会。 设计交互式表达以及丰富教育活动的新方式的支持与诸如合作和协作活动的实践导致在社会电子学习社区上创建新的实践。 这确实有助于导师和学习者知道更好的方式与信息交互,在某些情况下,这种环境也可以定制。 一个帮助理解学习者思考和对通过VLC(虚拟学习班)收到的信息的反应的新助手,以及管理知识可能带来创新的环境和平台与像HTML5这样的技术。 在另一方面,学习者还可以以不影响他/她的时间,活动和实时课程的方式管理他的学习课程。
随着计算机网络和信息技术的快速增长,电子学习正在迅速增长[1]。 电子学习产品和系统必须部署在具有病毒大小的屏幕的不同类型的设备中,从小尺寸如智能手机,中等尺寸如平板电脑和大尺寸的膝上型计算机和桌面。 所有这些设备连接到正常传统系统的网络,许多应用可以同步地在所有这些设备中自由地存储和使用用户信息,而不中断用户工作气氛和客户端服务器的架构.
这种方法具有数字媒体的全部潜力的好处,它与再现PC个人计算机的架构的想法太强烈地绑定在调整大小的应用程序,所以他们可以适合智能手机屏幕[2]。 并且作为免费在线LMS(学习管理系统)已经在学术生活中广泛使用,以促进队友需要的交互环境。 并且帮助导师将所需的工作和任务分配给学习者,HTML5是构建这些新的(LMS)非常有用的技术。 但在一些国家,如发展中国家,他们仍然面临着人们的问题,如不稳定的互联网连接; 定价互联网服务和低带宽,也是像也门一样的限制。所有的电子团队系统,以提供廉价的教育这样的地方在这个地区的世界[3]
另一方面,在互联网和通信应用的所有领域的所有改进,万维网联盟W3C引入了一个新版本的HTML(超文本标记语言),HTML5是在2005年推出的。介绍HTML5 是互联网技术和网页开发的焦点,具有新的实现功能。 HTML5是跨平台启用的,一旦你设计你的网页,你可以在任何设备上查看它们,无论屏幕大小,换句话说写一次,部署到任何地方。 许多问题可以使用HTML5功能解决,如低带宽和不稳定的连接。
HTML5离线Web应用程序API治愈这个问题,并给出一个适当的解决方案这种干扰的网络连接和其他问题的用户我的脸,同时使用Web的问题。 这些API允许用户在没有互联网连接时继续与应用程序交互。 此外,它支持存储浏览的数据,以便在互联网连接恢复时进一步使用[4].
在这项研究中,我们试图分析引入到网页设计市场的新技术及其属性和主要规范,从而显示其对电子学习系统的好处。 这种技术仍在由(W3C)万维网联盟和WIDK开发,具有非常有希望建立电子学习系统的新属性和规范,特别是对于缺乏用于服务互联网和通信技术的基础设施的偏远地区 。 我们正试图理解并采用这种技术,这足以在具有这种偏远地区的国家设计和部署学习管理系统(LMS)。 为了这个目的,我们正在研究主要的功率全规格,预计对于电子学习系统的广播非常有用,所以我们已经包括HTML5 SVG,HTNAL API,媒体,此外,我们讨论了HTML5面临的微薄挑战。
Tim Berners-Lee在1989年开始了第一个HTML,介绍了一些将信息融入互联网的新方式,这些信息作为单独的文档处理,Berners-lee出现了两种新技术:(HTTP)超文本传输协议和(HTML)超文本标记语言。 HTTP是一种按服务器部署信息的协议。 它是一种以特定结构呈现脚本的语言,它告诉浏览器如何表示文本照片和其他内容,允许用户在网络上浏览不同的信息[5]。
Tim Berners-Lee已经决定不要因为这项技术的成功而打开任何钱,并决定组建万维网(W3C)作为标准化大多数即将到来的互联网技术的组织。 W3C的形成来自不同的机构,如微软,太阳,苹果,谷歌,甲骨文,真实网络,IBM和用户的贡献。 这是一个非常重要的举动,因为微软独脚架互联网从1997年到2007年[6]
HTML是引入Mark-up标签来编写网页脚本的语言,返回到1990年。它的第一个版本是HTML2。 0,按照cd由11TML 3. 0然后3. 2.它们有能力包括和管理表,图像,标题等i1rany的其他功能。 之后的HTML 4. 0介绍了CSS和JS功能的新功能实现它[7]。
W3C通过引入可扩展超文本标记语言(XHML)指定了我们网络浏览的困难,但不幸的是,它们的标准不受欢迎,并被遗弃。 在W3C竭尽全力部署XHTML 2.0的同时,Web超文本应用技术工作组(WHATWG)正在开发HTML5并开始开发其标准,这比XHTML 2.0受到欢迎。0. W3C 停止处理XHTML 2.0并加入WHATWG共同制定HTML5标准[5]。
HTML5是最新版本的HTML,用于大多数前端Web开发。 这种HTML格式试图简化多设备兼容性和开发。 HTML5应用标签来标准化大量的Web开发功能,最终的结果是将Web轻松地成型为更灵活的交互式环境[8]。
HTML5是HTML4的修订版本。 它是一种核心脚本语言,它提出了许多新的规范,以生动的色彩表示网页,完全和容易浏览网页表面。 HTML5是跨平台的,考虑到这个HTML5是在智能手机等低功耗设备中可执行的[9]。 HTML5的主要内置规格是视频和音频标签,画布和在线API(应用程序编程接口)X功能[5]。 HTML5可以用两种不同的语法编写:HTML和XML。 使用XML语法,它创建更复杂的网站,但更高效的与高速页面浏览在不同的浏览器。 XML需要足够的语法和非常准确的HTML,它需要更多的工作要实现和满足所需的精度水平[10]。
HTML5丰富了web开发人员许多新的标签,这在建立虚拟在线倾斜非常有用。 在这一部分中,我们将讨论HTML5引入的主要技术。
Web Workers API引入了一种在后台执行脚本的新方法[11]。 (W3C)和(WHATWG)定义的web工作者作为Javascript脚本运行从ail t1TML网站的页面,可以在后台执行,单独远离其他用户界面脚本,也可以从同一个HTML页面执行。 多核CPU可以更有效地与Web worker一起使用。 一旦工人终止,它超出范围,并且变量引用变为未定义,此时必须创建新工人。
工人最简单的使用是在不中断用户界面的情况下执行计算上昂贵的任务。 Worker构造函数调用创建一个Web worker并返回一个表示该web worker的worker对象。 Web工作者分为两种类型:专用和共享工作者[12]。 在后台操作的Web Workers元素不能被其他脚本或用户交互停止。 这加速了后台任务[10]。
HTML5模式引入了一种将数据保存在客户端设备上的技术,具有全功能的浏览器可以自由地管理存储在客户端的数据库,为开发人员提供支持以保留数据供离线使用,然后可以使用 SQL查询方言,并且完全支持ACID事务[13]。 本节将讨论五个离线API,并给出每种存储选项的基本描述[4].
a)应用程序缓存
应用程序缓存(app cache)是在客户端数据库上实现的主要HTML5离线技术,它在打开laquo;htmlgt;标签[4]中包含一个清单属性bull;应用程序缓存可以保持用户与Web应用程序和文档交互,即使 没有互联网连接。 就像在覆盖区域外,作者可以准备清单的清单,它识别Web应用程序离线操作所需的所有文件,并允许浏览器保留这些文件的副本,以便将来进一步离线使用[3]。 应用程序缓存提高了应用程序的能力,具有三个主要优点:
*离线浏览 - 用户可以在离线时使用应用程序。
*速度缓存数据更快。
*减少服务器负载 - 浏览器将只从服务器下载更新/更改的数据
使用Web存储(本地存储或DOM存储),Web应用程序有可能在用户的浏览器中捕获并保存所有浏览的数据。 在HTML5之前,应用程序的所有信息必须保存在Cookie中。 在每个服务器请求中添加。 本地存储更安全,并且可以在本地保留更大尺寸的数据,而不会对网站性能产生任何影响。 存储边界远大于(至少5MB),并且无法将信息复制到服务器。
本地存储用于每个域。 所有页面,一个域,可以保存和访问相同的数据[15]。
使用键/值对网络存储保存数据,每个网页只能删除自己保存的数据。 存储在客户端侧的信息不能传送到服务器[4]。 网络存储的最后更新日期是2015年6月9日,并且有一些更改,如IDL和存储事件的存储接口已更新。 存储getter和存储事件键在文档中都是Nullable。 此外,本地存储安全部分已被删除,以前在本地Storaget16返回时会抛出SecurityError。 有两种类型的Web存储; 本地存储和会话存储。
此规范带有一组API,以允许浏览器在客户端使用SQL管理数据库。 使用异步API,开发人员可以获得一组函数(lambdas)的真实性。 W3C不再支持这个规范,它的工作停止,因为它达到了僵局[17]。
IndexedDB是用于大量有组织数据的客户端存储的低级API。 它提供了一个解决方案来处理大量的数据,也使得存储数据可以根据索引以非常高的速度搜索[18]。 重度用户总是需要大量的存储,以便在本地保存其大量的对象,以使其应用程序检索离线数据。 Webstorage对于保存对的键和它们相同的值是有用的[19]。
此功能引入了一个API来浏览文件系统层次结构。 它依赖于o11 File API,它在File API Writer上连续构建,每个都提供了各种功能。 这个规范已经停止使用,不再作为W3C实现的基础[20]。
具有您的纬度和经度,并且在Javascript中可以将您的位置发送到远程Web服务器,并在地球上显示您的确切位置。 地理位置支持选择,使您甚至能够接受或拒绝将当前位置发送到远程服务器[21]。 图。 1显示了使用Chrome的地理位置。
Canvas是2D分辨率相关的位图,可以渲染动画,图形,游戏[22]。 HTML画布有助于开发人员在URL页面上建立和整合图形,视频和动画使用Javascript [23]。 它是一个空白矩形位图,可以使用(SCALE,TRANSLATE,ROTATE)轻松更新,并使用lt;canvasgt;标签[网络的再现精度]指定。 一个HTML页面可能有很多canvas,但是,lt;canvasgt;元素本身没有任何绘图功能我lt;canvasgt;只是图形容器)绘制图形,你应该肯定写脚本。 要启用2D / 3D的canvas元素,需要WebGL,这是必要的渲染3D游戏到网络[24]。 这里是一个如何使用画布的示例。
可缩放矢量图形(SVG)是用于描述XML中的二维和混合维度矢量/栅格图形的语言。 lt;svggt;元素由要反映在网页中的SVG源组成。 使用一个精确的IITML5解析器,使用在HTML语法中定义的语法,将使您能够在text / html [26]的情况下充分地解释SVG元素。 HTML5呈现根SVG元素(SVG)的未声明(本机)默认命名空间。 Polyglot标记在文档中放置标记语言后声明以下标准命名空间,以确保XML的兼容性。
如果使用application /times;htm1 xml,则需要使用命名空间来确保SVG元素
正确解释[27]。 SVG启用三种类型的图形对象,即矢量图形形状,如通常包括直线,曲线,图像和文本的路径。
包括文本的图形对象也可以在先前渲染的对象内被分组,样式化,变换和合成
SVG元素组由嵌套的转换,剪切路径,alpha蒙版和模板对象组成。 SVG设计可能是互动和动态的。 例如,动画可以很容易地通过使用脚本来描述和触发。 由于SVG的兼容性和利用其他Web标准,脚本功能可以在同一网页内同时对XHTML和SVG元素执行[28]。
HTML5的视频标签提供了在网站页面中包含非专有视频格式(例如OggTheora和H.264)的方法。 标签和实际代码向浏览器传达附加信息将被视为支持HTML5的视频流。 它们还允许用户在没有定制视频播放器的情况下检查嵌入在网页上的播放视频[10]。
视频标签是一种新的HTML5,可帮助浏览器包含原生视频,这使得Web开发人员可以更轻松地将视频数据上传到其网站,而不必依赖第三方技术的可用性。
当时HTML5 lt;videogt;元素可以操作三种视频格式:MPEG4,WebM和Ogg。 HTML5视频lt;videogt;标记可以在HTML5网页中加载视频并直接播放。 要在HIMLS中显示视频,您只需要:
通过调整播放控制,自动播放等设置属性可以对视频显示进行个性化设置[23]。 HTML5允许你利用开放
VP9编解码器,它提供了非常高的视频分辨率质量,通常带宽减少35%。 这些更紧凑的文件允许更多的人设置连接到4K和高清在60FPS,视频开始15%到80%更快[29]。
在HTML5之前,如果我们需要向网站页面添加声音文件,我们必须使用第三方插件,例如Flash Player是强制性的。 使用HTML5,所有你需要播放音频添加这个脚本行:
控制功能添加到音频控制,使用户可以完
剩余内容已隐藏,支付完成后下载完整资料
资料编号:[142052],资料为PDF文档或Word文档,PDF文档可免费转换为Word
课题毕业论文、外文翻译、任务书、文献综述、开题报告、程序设计、图纸设计等资料可联系客服协助查找。