课件工具:信息墙(Information Wall)

分享
← 返回博客

Sam Xu

2026/09/05

H5P Information Wall(信息墙)是一个能把课程补充资源(链接、案例、词汇、工具清单等)整理成可搜索卡片墙的开源组件。本篇是"给教师的礼物"系列第一篇,详细讲解它的共享字段模板、缩小/扩大筛选模式、模糊匹配等核心机制,并给出明确的适用场景。

课件工具:信息墙(Information Wall)
课件工具:信息墙(Information Wall)

关于"给教师的礼物"系列:我们会陆续整理一批适合教师使用的 H5P 互动组件。本系列文章既不是产品广告,也不是纯技术文档——更像是给同行的"用法手册",把每个组件的使用场景、配置细节都讲清楚。如果你有特别想了解的组件,欢迎在评论区告诉我们。


一、什么是 H5P Information Wall(信息墙)?

在日常线上教学、混合式教学或翻转课堂中,我们常常需要给学生提供大量的补充学习资源:从拓展阅读论文、在线工具链接,到课程专属的专业词汇表。很多老师习惯将这些内容排成一段长长的 Word 文档、Markdown 文本或Excel 表格。

但这些都是静态的文档,学生只能靠 Ctrl+F 在长文本里搜索,体验很差。

H5P Information Wall (以下简称 InfoWall) 由 H5P 核心贡献者 Oliver Tacke 开发,它的核心功能是把多个独立的教学条目,整理并串联成一个图文并茂、带即时搜索与多模式筛选的卡片墙


二、共享字段模板:一次定义,全墙生效

与其他简单的列表工具不同,InfoWall 在后台为教师提供了一套共享的字段模板机制:您可以为整个卡片墙统一设定 N 个"属性",所有卡片共用同一组属性,按顺序一一对齐。这样既保证了卡片墙的视觉统一,又让教师不必为每张卡片重复配置。

比如整理上面的《中国近代史案例》卡片墙时,可以设定 5 个属性——事件名称发生年代关联人物核心影响推荐阅读。之后每张历史案例卡片都按这 5 个属性填写,就像填一张固定结构的表格。

信息墙组件设置条目属性
信息墙:设置条目属性

需要特别注意:属性总数 = 每张卡片实际展示的字段列数。如果您定义了 3 个属性,那每张卡片也对应只能有 3 条内容。这是 InfoWall 设计上"以模板驱动一致性"的特点,也是它和"自由表单"工具的区别。

三个属性细节控制

  1. 属性级"显示属性标签"
    勾选后,前台会在该字段前面显示属性名(如"发生年代")。如果不需要标签(如:“事件名称”),关掉它即可。这是 InfoWall 编辑器里每个属性独立配置的开关。

  2. 属性级"启用属性搜索"开关
    并不是所有文字都适合参与全文检索。每个属性都有独立的"启用属性搜索"开关——例如,某个属性是一段 URL,您可能不希望它参与匹配,就可以单独关掉。

  3. 属性级"加粗 / 斜体"覆盖
    如果你想让某个属性字段在所有卡片上重点显示为加粗或斜体,在"样式覆盖"折叠区里勾选即可。


三、附加关键字:双关键词的双保险

在 InfoWall 编辑器的卡片条目编辑表单里,最下方有一个字段叫"附加关键字"。教师可以为每个卡片补充这部分内容。

关键字在前台对学生不可见,但会参与检索

最实用的场景是中英双语搜索:前台显示中文"光合作用",后台在附加关键字里填入 Photosynthesis植物能量转换。学生无论输入"光合作用"还是"Photosynthesis",都能命中同一张卡片。

注意:附加关键字是精确词条匹配,不会做"近义词扩展"。如果想覆盖近义词,可以多填几个常见叫法。多个关键字之间用空格分隔。

信息墙组件设置附加关键字
信息墙:设置附加关键字

四、两种筛选模式:扩大 vs 缩小

这是 InfoWall 区别于普通"卡片列表"的核心特性之一。

在 InfoWall 编辑器的行为设置里,有个字段叫 “筛选字段模式”。这个字段决定:学生输入多个关键词时,筛选器是缩小还是扩大范围。

  • 扩大(默认):输入多个关键词会扩大结果范围——任一关键词命中即展示。适合学生"先广撒网"的探索阶段。
  • 缩小:输入多个关键词会缩小结果范围——所有关键词都同时命中才展示。适合"按精确条件查找"的复习阶段。
信息墙组件设置筛选模式
信息墙:设置筛选模式

教学场景示例

  • 生物课复习:学生在复习"光合作用 + 叶绿体"时,希望同时满足才命中——选 缩小
  • 历史课拓展:学生输入"鸦片 + 变法",希望同时展示所有提到"鸦片战争"或"戊戌变法"的案例——选 扩大

默认是扩大(更宽松、更不容易"搜不到东西"),适合大多数教学场景。


五、可选配图:每张卡片都能"看脸识人"

每个面板支持单独配一张图。最实用的两个选项:

  • 自定义图片宽高:默认 150×150 像素。放历史人物头像时可以用正方形;放地理景观横幅时可以拉长。
  • 缺失图时的备用图:在行为设置中,勾选"使用备用图像",没配图的卡片会自动显示一张统一占位图,避免版面出现"破洞"。
信息墙组件设置备用图像
信息墙:设置备用图像

六、应用案例

InfoWall 不只是教学工具。下面是两个截然不同的实际使用场景:教师场景下的历史案例库,以及开发者场景下的 H5P 组件索引库。

案例 1:搭建"中国近代史案例"(教师场景)

案例 1 使我们上面的的《中国近代史案例》,你可以在课灵平台上复制这个内容然后查看具体的配置:

配置项设置
属性(5 个)事件名称 / 发生年代 / 关联人物 / 核心影响 / 推荐阅读
面板(5 张卡片)鸦片战争 / 太平天国运动 / 甲午战争 / 戊戌变法 / 辛亥革命
附加关键字每张卡片填入学生常用的近义词,多个关键字用空格分隔
筛选字段模式缩小(适合历史复习的精确定位)
配图每张卡片配一张历史画作缩略图
备用图启用,用一张"中国近代史"通用占位图

学生在前台能:浏览全部 5 张卡片 → 输入"战争"看到全部变法相关 → 输入"战争 + 甲午"精确定位到甲午战争。整个过程零跳转、零加载。

案例 2:H5P 生态内容类型索引墙(开发者场景)

H5P 内容类型墙非教学的资源索引,跟踪作者自己开发的 H5P 内容类型状态。

配置项设置
HeaderMy H5P content types
属性(5 个)Content type / Description / Latest version / Last update / Details
面板(4 张卡片)AR Scavenger, Cornell Notes, Crossword, Dictation……
附加关键字每张卡片填入中英文标签,多个关键字用空格分隔
筛选字段模式扩大(默认模式,适合探索未知组件)
配图200×113 横向缩略图,适合展示组件预览
备用图未启用(每张卡片都配图)

这个案例体现了 InfoWall 的另一个使用场景——结构化文档与组件库的索引。开发者要快速回答"H5P 生态里有没有 AR 组件?版本多少?“这类问题,直接搜 “AR” 或 “augmented” 即可。

配置上有几个值得说道的细节

  • 字段"Latest version”关闭"启用属性搜索"——这列是版本号,不需要参与检索。
  • 字段"Details"关闭"启用属性搜索"——这一列是 URL 长串,搜它没意义,反而会拉低精度。
  • 横向卡片配图(200×113)替代常见的 150×150 正方形——因为内容类型预览图多数是横向截图。

由此可见,InfoWall 最适合的场景是:教师手里有一批结构相似但条目众多的资源,希望学生自由浏览 + 主动检索而不是被动阅读。


七、在哪里使用 InfoWall

InfoWall 是 H5P 官方内容类型之一,所有支持 H5P 的学习管理平台(LMS) 都可以使用它。

1. 学校已部署 Moodle / Canvas 等 LMS

如果您的学校已经安装了 MoodleCanvasWordPress(H5P 插件),InfoWall 属于核心内容类型,应该默认包含。如果在编辑器里找不到,可能需要:

  • 让管理员在 H5P 插件设置里确认已启用 InfoWall 库
  • 或从 H5P Hub 手动下载 H5P.InfoWall

一旦装好,教师可以在 H5P 编辑器里像创建其他内容类型一样创建 InfoWall,做完发布即上线。LMS 提供学生账号、成绩追踪、数据导出这些能力,适合有完整教学管理需求的学校。

2. 使用课灵平台

如果您的机构没有部署 LMS,您可以直接用课灵平台

  • 免部署:登录课灵就能在可视化编辑器里创建 Information Wall。
  • 一键分享:生成后直接把链接发给学生,或嵌入任何支持 HTML 的页面、微课胶囊、讲义里。

3. 用 LUMI Desktop 本地制作

LUMI 是一个 H5P 桌面应用,可以本地离线创建和预览 H5P 内容(包括 InfoWall),无需任何服务器。

  • 安装 LUMI Desktop,打开后内置完整的 H5P 编辑器
  • 在本地做完 InfoWall 后,可以直接预览运行
  • ⚠️ 但 LUMI 有两个局限
    • 本地做出来的课件需要上传到 LMS 或课灵等在线平台,才能跟学生分享——LUMI 本身不提供学生访问能力。
    • H5P 核心版本滞后:H5P 核心已经更新到 1.28,而 LUMI 还停留在 1.27 版。如果用新版本核心的 InfoWall(或任何新发布的 H5P 库),可能会出现版本不兼容问题。

总结

H5P Information Wall (信息墙)适合用来搭建标准化的课程资源库。最适合的场景是,教师手里有一批结构相似但条目众多的资源,希望学生自由浏览 + 主动检索而不是被动阅读。它最打动人的三个特性是:

  1. 共享字段模板——一次定义,全墙一致;
  2. 缩小 / 扩大双模式筛选——兼顾探索与精确检索;
  3. 模糊匹配 + 附加关键字——对学生搜索习惯极友好。

把分散的资源整理成可搜索的结构化卡片墙,比 Word、Markdown、Excel 表格的体验好很多。