博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用H5P插件在WordPress中创建交互式内容
阅读量:2524 次
发布时间:2019-05-11

本文共 1435 字,大约阅读时间需要 4 分钟。

WordPress最著名的是网站内容管理系统,但它也是用于交付在线课程的出色的 (LMS)。 如果那是您在WordPress中寻找的东西,那么应该是您列表中最重要的插件。

H5P是一种在浏览器中创建和共享交互式HTML5内容的方法,包括演示文稿,游戏,测验,表单等。 您可以从H5P的页面下载各种各样的内容类型,也可以创建独特的内容嵌入到WordPress网站中。

H5P为WordPress,Moodle,Drupal,Canvas,Brightspace,Blackboard等提供了插件和集成。 在本文中,我将展示如何在WordPress中使用H5P来为学生创建阅读理解测验。

安装H5P插件

第一步是安装插件。 登录WordPress管理面板,转到插件 ,选择添加新 ,然后在插件字段中搜索H5P 。 找到它后,选择立即安装

Adding the H5P plugin

(Don Watkins, )

H5P现在应该出现在已安装插件的列表中。 请务必通过转到WordPress管理面板底部的H5P菜单并单击按钮来激活插件。 您将看到以下显示-一定要同意,以便您可以连接到H5P集线器。

H5P consent option

(Don Watkins, )

现在,您可以开始将H5P内容添加到WordPress安装中。

创建测验

我最喜欢的一首诗是罗伯特·弗罗斯特(Robert Frost)的《未走的路》。 假设您正在教一门研究这首诗的班级,而您的目标之一就是让您的学生记住这首诗的作者。 首先,在您的网站上创建一个新的WordPress帖子,其中包含这首诗的文字及其作者。

Creating a WordPress post

(Don Watkins, )

现在,您要使用诗歌下方嵌入HTML5交互式内容来测试学生的理解能力。

在WordPress管理面板中,在底部附近查找H5P内容菜单,然后选择它。 在出现的菜单中,点击新建

H5P Content menu

(Don Watkins, )

您将看到一系列可用的内容选项。 由于您要创建多项选择测验,因此请找到“ 多项选择”选项,然后单击其右侧的“ 获取”

H5P content types

(Don Watkins, )

将打开一个表格供您开始创建测验。 填写必填字段(标有红色星号)—给您的测验一个标题(例如,“未采取的道路测验”),输入一个问题(例如,“谁写的,'未采取的道路'?”)并更正和不正确的答案,然后在对话框中选择正确的答案。 完成测验创建后,保存内容。

H5P quiz

(Don Watkins, )

将测验嵌入帖子中

现在,您可以将测验恰好插入您希望其出现在帖子中的位置。 在您的WordPress编辑器中打开您要放置测验的帖子(例如“ The Road Not Taken”帖子),并且您应该在界面顶部附近看到一个Add H5P按钮。 将光标放在要在测验中显示测验的位置,然后单击添加H5P 。 您的H5P内容将出现在这样的对话框中:

H5P list of interactive content

(Don Watkins, )

选择所需的内容,H5P将在帖子中插入嵌入代码(例如[h5p id="1"] ),如下所示:

H5P embed code in a post

(Don Watkins, )

保存您的信息,然后在浏览器中打开它。 测验正是您希望它出现在帖子中的位置:

H5P quiz shown in the post

(Don Watkins, )

当学生正确回答此问题时,他们会得到令人愉悦的视觉反馈:

Correct answer selection

(Don Watkins, )

可能性是无止境

H5P还提供了和以帮助想要在其WordPress网站上使用该插件的任何人。 H5P软件是根据开放的源代码,其代码可在 。 H5P也欢迎为社区做出贡献; 查看以获取更多信息。

翻译自:

转载地址:http://fpdzd.baihongyu.com/

你可能感兴趣的文章
阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第2节 TCP协议_3_TCP通信的客户端代码实现...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第2节 TCP协议_4_TCP通信的服务器端代码实现...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第3节 综合案例_文件上传_1_综合案例_文件上传的原理...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第3节 综合案例_文件上传_2_综合案例_文件上传案例的客户端...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第3节 综合案例_文件上传_3_综合案例_文件上传案例的服务器端...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第3节 综合案例_文件上传_4_综合案例_文件上传案例阻塞问题...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第3节 综合案例_文件上传_5_综合案例_文件上传案例优化...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第4节 模拟BS服务器案例_1_模拟BS服务器分析...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_07-网络编程_第4节 模拟BS服务器案例_2_模拟BS服务器代码实现...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_08-JDK8新特性_第1节 常用函数接口_1_函数式接口的概念&函数式接口的定义...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_08-JDK8新特性_第1节 常用函数接口_2_函数式接口的使用...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_08-JDK8新特性_第1节 常用函数接口_3_性能浪费的日志案例...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_08-JDK8新特性_第1节 常用函数接口_4_使用Lambda优化日志案例...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_08-JDK8新特性_第1节 常用函数接口_5_函数式接口作为方法的参数案例...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_08-JDK8新特性_第1节 常用函数接口_6_函数式接口作为方法的返回值类...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_08-JDK8新特性_第1节 常用函数接口_7_常用的函数式接口_Supplier接口...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_08-JDK8新特性_第1节 常用函数接口_8_常用的函数式接口_Supplier接口...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_08-JDK8新特性_第1节 常用函数接口_9_常用的函数式接口_Consumer接口...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_08-JDK8新特性_第1节 常用函数接口_10_常用的函数式接口_Consumer接口中的默认方法andThen...
查看>>
阶段1 语言基础+高级_1-3-Java语言高级_08-JDK8新特性_第1节 常用函数接口_11_常用的函数式接口_Consumer接口练习...
查看>>