英语原文共 6 页，剩余内容已隐藏，支付完成后下载完整资料
HTML5在评估任务开发中的应用网络学习
摘要
本文介绍了各种类型的评估任务，在电子学习环境中使用，并研究使用HTML5的电子学习系统的用户界面元素的发展。流行的HTML5用户界面设计的做法进行检查，并提供了一些相关的例子，电子学习环境。
关键词：评估，评估任务类型，电子学习，HTML5，互联网技术。
一、引言
学习者知识评估一直以来都是许多教师和信息技术专家研究的热点。在过去的三十年里，研究一直在不断演变，建立在个人的示例，概括对案例知识和能力的特殊领域，阐述了形式化的模型，用于数据分析的数学方法，提供各种评估策略和评估学习者的知识和技能[ 9 ] [ 1 ]。评估任务，在学习中起着重要的作用，不仅是一个仪器来测量学习者的一个主题的掌握，同时也为网络课程对学生的适应机制的一个信息来源，发展技能和能力，和一种方式将静态课程互动体验。
大量的努力进行分类评估任务，确定它们的组成部分，并提出了一个共同的模型交流评估的描述，内容和结果[ 8 ] - [ 12 ]。一些类型的评估任务已经成为一个共同的做法，支持电子学习的创作系统，而另一些仍然为个人编程。考虑到评估机制的相互作用已成为现代电子学习的核心特征，评估任务的执行质量是必不可少的。因此，开发的电子学习课程和测试不仅要考虑教学和有条不紊的要求，内容，种类和评估的类型，但也能够选择适当的方法和技术，为他们的实现。
在这篇文章中，使用现代互联网技术，如HTML5的评估任务的实施，被认为是。
二、评估任务及其特点
在一般情况下，每一个计算机为基础的评估内容的一部分-一个问题或描述的任务
执行和执行部分，负责输入和分析问题的答案或执行任务的结果[ 9 ]。评估的内容有很多方法。许多电子学习创作工具允许使用图像（图片，图表，方案），音频或视频片段的学生提出评估任务。
要准备评估，有必要注意他们的演示文稿在屏幕上的假设形式，但是，它是更重要的定义相关的评估任务的相互作用的类型。最受欢迎的是以下几组：
1.菜单中的“任务”；
2.打开任务；
3.“兼容性”任务；
4.“序列”的任务。
“菜单”类型的任务（另一个名字是“封闭类型”）需要选择一个或几个正确的答案，从一组（列表）提供的变体时，学生准备回答。多选择题在计算机学习中仍被广泛采用。然而，这种类型的任务有两个实质性的缺点：随机选择正确的答案和非自愿记忆的错误答案包括在列表中提供的变种。因此，从教学论的角度这是不推荐使用这种类型的任务。
开放式问题要求学生输入答案作为一个数字，一个字，一个短语等，这种类型的任务减少了随机猜测的正确答案的可能性最低。它经常被用来检查姓名，公式，词汇，一些事实或属性，标志，数据等知识。
在“兼容”任务上，学生必须根据另一组的元素把一组元素设置成正确的答案。它可能是匹配的任务，如识别一个术语或其定义的适当的翻译，或分类任务时，一些“类”小于若干元素。使用这种类型的任务，它是可能的检查关联的知识，即，知识的形式和内容，本质和事实，各种对象之间的关系，性能和法律。
在这些情况下，当需要在句子或定义中设置正确的动作或单词顺序时，使用“序列”类型的任务。学生需要构建一个建议的元素排序元素的答案。
复杂的任务，需要几个步骤来达到一个解决方案，可以用来评估学生的知识。这些任务被实现为几个简单的任务的组合。
在寻找解决方案时启用认知独立性。复杂的任务是用来评估学生的能力，应用所获得的知识来解决困难的任务，如，建模过程。
每一类任务都要求学生进行一定的认知活动来完成任务和特定的交互进入答案。互动可以分为三种基本类型：选择、输入和建构。结合类型和形式的答案，它是可以区分以下类型的答案[ 12 ]：
1、从几个选项中选择一个或几个答案（菜单）；
2、输入整数、实数或数（计算）；
3、输入一个或几个单词（单词）；
4、输入句子或短语（词组）；
5、公式（公式）的输入；
6、选择或输入正确的答案和相应的变体（兼容性）；
7、识别图形、图片或照片上的位置（“热点”）；
8、正确答案的选择及其在一定顺序（序列）中的位置；
9、从文本中选择一个词或段落（超文本）；
10、输入的答案取决于听到的任务（声音）。一项研究运行在2007 [ 12 ]，其中涵盖约
70计算机为基础的应用程序的学习者知识评估，检测最典型的类型的任务和答案用于评估。结果发现，“菜单”类型的任务中使用的50%的情况下（开放式- 38%，其他- 12%），和最流行的类型的答案“选择”（32%）和一个字的输入（17%）。
在下一节中，我们简短地描述了HTML5在现代互联网技术的背景下，为电子学习内容和知识评估任务的实施提供了合理的选择。
三、现代互联网技术
多年来，电子学习的开发人员试图重现功能，这曾经是可在本地计算机（特别是分析用户交互）在上线的应用程序。在过去的几年中，所谓的富互联网应用程序（RIA）[ 13 ]基于异步通信允许的服务器和客户端之间的数据量的限制，提高Web应用程序的可用性。
HTML5实现了网络开发的一个重要进步--一种技术，它可以使在线应用更快，简化开发，使用户更加友好。结合HTML5和CSS3是竞争的闪光很多任务的实现。此外，HTML5是唯一的语言，效果很好，很多现代的移动操作系统，如Android、iOS、Windows Mobile、黑莓和webOS [ 14 ]，比较他们的本土语言。
据研究公司Chitika，进行到2010年5月25日，46%的互联网用户在世界各地已经使用Web浏览器支持HTML5的[ 15 ]。到2014年底，HTML5支持的开放测试显示了68%到92%个成功的功能测试通过桌面浏览器和67 - 88%的移动设备与Chrome和歌剧在这两个类别的领导人之间[ 16 ]。
尽管HTML5的一个完整的规范尚未最终确定，根据W3C的标准，在2022版本中，大多数现代web浏览器已经支持了规范中公布的部分的许多特性。模块化结构的规范有利于部分实现HTML5功能，这反过来又允许Web浏览器生产商提高HTML5的支持，因此，促进这一技术与每一个浏览器版本更新促进其普及。
这种技术可以提供重要的优势，为电子学习开发，简化发展的相互作用，特别是知识评估任务。考虑到通过移动设备越来越多地使用在线资源，以及移动销售已经超过台式机或笔记本电脑销售的事实，移动设备的HTML5已成为电子学习的驱动力[ 17 ] [ 19 ]。
在这篇文章中HTML5的功能被认为是创建不同类型的评估在电子学习中，一些具体的实施例描述的学习者知识评估的具体情况
四、使用HTML5技术的例子
我们不能低估HTML5技术在电子学习领域所能提供的好处。下面你可以看到一个例子列表相关的不同领域的电子学习，这证明了HTML5的优势，按照规范在准备本文件的时刻[ 20 ]。
例1：外语学习
在计算机辅助语言学习，关键是提供活动，以实践所获得的技能[ 21 ]。评估任务用于此目的，以提供即时反馈给学生。由于交际能力的重要性，学生除了阅读和写作外，还应该练习听力。音频片段大小可能不同，从一个字到一个语音，所以有时音频应该在联机模式下可用，不需要下载。在一些评估中，学生必须在几个音频片段之间进行选择以获得最佳的响应，或者选择适当的术语来完成一个句子，这需要在页面上方便地放置音频元素。使用HTML5标签lt;音频gt;，可以在网页上插入一个内置的音频播放器，这对在线词汇也很有用。
为了描述音频文件复制的选项，HTML5提供了一个标签lt;音频gt;，这是显示在网页上作为一个小音频播放器，它能够重现MP3，WAV和
OGG格式文件。表i中列出的属性用于控件可视化的描述，以及回放选项。
使用实例：
lt;audio src='lecture-02-04-part3.mp3' controls autoplaygt;lt;/audiogt;
由于在W3C规范中没有定义控制元素的表示，浏览器以不同的方式显示音频控件（图1）。对标准验收的时候，浏览器开发商承诺要添加的控件元素的CSS样式，风格化的可能性。
图1 Web浏览器对标签lt;audiogt;控件元素的可视化
例2：视频课程的任何主题
目前最流行的电子学习内容制作方式之一是录制整个课程的视频，一个讲座或一个特定主题的短片片段。有视频内容库；一些商业公司是专门提供和分配视频课程（例如，琳达。com）。在在线课程中，视频文件的预览通常由Adobe Flash技术提供，这需要在用户的计算机上安装附加软件（即所谓的插件）。由于插件可能被禁止在Office计算机上出于安全原因，Flash不工作在基于iOS的设备，HTML5恰好是一个方便的方式，使视频电子学习。标记lt;视频gt;具有某些属性，这些属性与标记“音频gt;”的相应属性相一致，即控件、自动播放、循环、SRC和预加载。附加的标签属性指定视频的帧的大小和在视频开始之前显示的图片，如表二所示：
T是不表示在当前版本的标准，什么编解码器（程序能够执行数据或信号的转换）浏览器必须支持，因此，实施其支持不同取决于开发人员。所有现代的Web浏览器可以再现视频至少两–Ogg Theora和VP8格式。在一些浏览器的H.264编解码器的支持下，正在讨论与许可证的政策，但在需要时，它可以被设置为一个单独的包[ 20 ]，[ 21 ]。
例3：地理任务、物流、战术
在某些情况下，几个任务必须在一定的上下文或环境中解决，因此任务的条件和限制可能是可视化的，并且用户操作会导致环境的变化。一个典型的例子是一个严重的游戏在军事训练的任务：找到一种方法，以避免撤离的战略对象，以确保其周边地区拥有有限的军事资源。HTML5游戏（图2）说明了这种情况。
图2 战术位置的作战单位在HTML5游戏“海盗爱雏菊”的例子
对于这个类似的目的，HTML5标签lt;canvasgt;将是合适的。标签设置了网页上的某个位置，用户可以在里面与对象进行交互。例如创建各种类型的任务，可能是一个有价值的工具，图形编辑器，作为公司的Mudcu（图3）。通常的实现是基于HTML5、CSS3和JavaScript技术。
图3 对HTML5，CSS3的基础上开发的Web浏览器的画板，JavaScript
标签lt;canvasgt;不提供通过属性绘制图形元素的可能性，因此JavaScript被用于此目的。有若干组交互和修改元素的操作：
1.颜色和风格帮助设置颜色的框架和填充，确定风格的线条、阴影等功能；
2.一套基本的图形元素可以绘制直线、曲线、四合院、椭圆和圆弧。也有验证的可能性，如果一个点属于当前上下文；
3.转换提供机会，通过拉伸、修改现有元素的旋转，移动或使用变换矩阵变换的图形元素；
4.决定文字的大小和字体类型；
5.图片和工作–加载外部图片像素的画布，它去除像素区域模型对象；
6.组成–可能为图片设置全局透明层，即之间的天花板和交互方式，确定序列的层。
例4：测试/问卷类型任务
大多数电子学习对象（课程，模块，课程）有某种类型的测试任务，其目的是为自我检查的理解学习材料或保证学生的知识水平足以继续。
通常简单的测试来检查理解是由多个选择问题（选择选项列表）。有时，学生需要输入一个答案到一个领域，如完形填空练习在外语学习。这是可能的，实现这种测试没有HTML5，但使用这种技术有利于开发过程中，也提高了可用性所产生的代码和扩展功能。
信息输入由标签lt;输入gt;处理，它在网页上表示为空字段。为了说明什么是进入某一领域的用户，最初的临时文本是由Javascript在加场，消失在领域内的光标点击。在HTML5中，标签lt;输入gt;占位符的单独属性用于此目的。
在被限制完成的测试的情况下，重要的是，用户可以专注于测试本身，而不是操纵光标才能进入下一个答案。为此，标签lt;输入gt;有一个属性自动对焦，可以在加载页面时将光标定位到所需的字段，以便用户可以立即开始输入答案。
在一个页面的代码中指定lt;输入gt;字段中的文本提示，可以使用以下HTML代码：
lt;标签=“first_name”gt;第一名lt; /标签gt;：lt;输入ID =“first_name”占位符=“名字去这里”gt;
此片段不仅会导致在输入字段中出现文本提示“名称转到此处”，而且在标签“名称”旁边还有一个输入字段。
打字。图4显示了一个简单的输入字段的可视化表示-文本提示。在支持此功能的浏览器中，默认情况下提示的颜色为亮灰色。在过时的Web浏览器中，输入字段仍然是空的，但基本功能保持不变。
图4 使用文本提示输入字段
标记lt;inputgt;属性负责填充强制字段的支持。它可能是有用的，当学生进行一个大的测试和一个完整的表单被发送到服务器，所以没有变化后可以做。在这种情况下，一个Web浏览器将提醒用户，他忘记填写强制字段，然后才允许他向服务器发送完整的测试（图5）
图5 反馈给忘记填写义务字段的用户
标签lt;inputgt;–数据列表属性提供了一个可能值的列表，可以滚动，按一个键“上”或“向下”。输入字段中输入的每个符号用于筛选潜在相关性的列出值。当答案必须键入时，这个属性可以作为拼写检查的复杂变体。下载一个完整的列表，并在本地进行相
剩余内容已隐藏，支付完成后下载完整资料
资料编号：[485847]，资料为PDF文档或Word文档，PDF文档可免费转换为Word
