课灵h5p-创意白板(Idea Board)教程

创意白板(Idea Board)教程

让学习者在一块虚拟便签板上自由添加、编辑、移动、复制和删除卡片,像线下"Metaplan"方法那样进行头脑风暴、归类与评价。教师可以预置卡片,也可以允许学生自行添加文本、图片、音频或视频卡片;可设置背景颜色或背景图。

本教程目标

  1. 了解创意白板的适用场景与核心能力
  2. 学会通过"文本输入"快速批量建卡,并在编辑器中调整卡片
  3. 掌握背景与卡片类型设置、行为与权限控制
  4. 熟悉交互方式与建议的课堂用法

适用场景

  1. 头脑风暴:将想法拆分为卡片,拖拽聚类、命名分组
  2. 课程回顾与反思板:收集亮点/问题/行动项,投票或打星优先级
  3. 词汇/概念学习:学生自行添加例子或图片,互评补充
  4. 项目管理的想法池:收集需求与方案,在课堂上快速排序与筛选

教程示例

下面是我们将在本教程中创建的创意白板,示例中预置 4 张卡片,用于收集团队成员关于团建地点的想法与建议。

创意白板示例:收集团队成员的想法与建议

使用说明

  1. 在板面右上角使用 T/图片/音频/视频 按钮添加所需类型的卡片。
  2. 选中卡片后,可使用工具栏进行编辑、移动/对齐、复制、删除等操作;拖拽控制点可调整尺寸。
  3. 使用卡片底部的星级进行简单投票或优先级标记。

快速复制示例

  1. 点击 这里➜ 将示例复制到你的课灵工作区
  2. 在打开的页面点击"复制" (注意:请确保已登录课灵账号,否则无法复制)
  3. 随后在生成的副本中点击"编辑"
  4. 即可查看并操作本教程所示的设置。

分步指南

步骤 1:选择内容类型并设置标题

  1. 在课灵工作区点击「创建」,进入 H5P 编辑器
  2. 在内容类型列表中选择 『创意白板』 或搜索 Idea
  3. 进入编辑界面开始配置,在 标题 字段填写如:团建地点:你的想法? 或课程主题。

从 H5P 内容类型列表中选择『创意白板』

设置标题

步骤 2:通过"文本输入"批量建卡

  1. 文本输入 → 卡片列表 文本框中,每一行代表一张卡片。
  2. 点击 更新编辑器,会将文本转换为卡片并出现在编辑器画布;若已在画布中手动编辑过卡片,也可点击 从编辑器获取 同步回文本框进行修改。

示例(每行生成一张卡片):

请按照你的想法排列卡片,给卡片评分。你也可以添加你的想法。

青岛海泉湾------"海洋温泉疗愈度假圈"

韶关丹霞灵溪------"森系探险度假实验室"

贵州双龙镇------"民族文化沉浸式剧场"

在文本框中分行输入,点击"更新编辑器"生成卡片

使用文本输入批量建卡时,需注意:

  1. 每一行代表一张卡片,卡片内容为文本。
  2. 每一行卡片内容之间需用空行隔开

步骤 3:在编辑器中调整卡片

生成卡片后,可在画布上进行以下操作(见卡片下方工具栏):

  1. 编辑:打开文本编辑,修改卡片内容。
  2. 移动:拖拽卡片进行排布;可使用对齐与排列工具让布局更整齐。
  3. 调整大小:拖动卡片四角/边上的控制点改变尺寸。
  4. 置顶/置底:将卡片置于顶层或底层。
  5. 复制:快速克隆当前卡片。
  6. 删除:移除卡片。
  7. 评分:卡片底部的星标用于打星评分(可作为优先级或投票)。

编辑、移动、对齐、复制、删除与评分等常用操作

步骤 4:设置背景与卡片类型

  1. 背景图像:上传一张图片作为板面背景(可选)。
  2. 背景颜色:选择一个颜色作为板面底色(必选)。
  3. 行为设置 → 用户可添加的卡片类型:勾选允许学生在活动中添加的卡片类型(文本、图片、音频、视频)。在实际活动界面会显示对应的添加按钮(T、图片、音频、视频)。

设置背景颜色/图像

设置允许添加的卡片类型

步骤 5:预览与发布

点击 『保存并关闭』 生成完整的示例内容。您现在应该有一个与本教程顶部示例类似的结果。

专家提示:用例灵感与相关内容类型推荐

想把『创意白板(Idea Board)』用得更好?以下灵感与实践建议可供参考:

  1. 课堂与教研:头脑风暴、主题归类与命名、课程回顾的"亮点/问题/行动项"
  2. 项目与产品:需求收集与想法池、优先级讨论与打星、用户反馈聚类与改进议题整理
  3. 设计与创作:情绪版/灵感墙、故事节点拆分与串联、文案备选与版式尝试
  4. 校园与活动:社团策划、活动创意征集、校园问题梳理与提案展示
  5. 研究与学术:文献要点摘录与主题聚类、研究问题拆解、数据可视化草稿与注释

制作与可达性优化:

  1. 板面结构:预设列/分区名与示例卡片,降低认知负担;控制每列卡片数量,避免满屏拥挤
  2. 颜色与对比度:分区/卡片底色与文本颜色对比充足;标签与图标避免仅靠颜色传达信息
  3. 文本与媒体:一张卡只表达一个要点;图片/音视频需提供来源与替代说明(Alt/字幕)

组织与流程建议:

  1. 时间盒(Timeboxing):每轮 3--7 分钟,先发散后收敛;设定"合并/重写/排序"的阶段性目标
  2. 角色分工:主持人(控时与引导)、记录员(归纳与命名)、参与者(补充与互评)
  3. 评审与共识:先个人打星再小组讨论;用"必须/应该/可选"三段式达成共识
  4. 产出沉淀:导出板面截图或文本;将优先项转入后续任务或课程活动

选型与组合建议(与其他内容类型搭配):

  1. 主题分区与并行组织:考虑『标签页(Tabs)』『手风琴(Accordion)』
  2. 灵感收集的视觉素材墙:参考『图片拼贴(Collage)』
  3. 讲解 + 共创流程:在『课程演示(Course Presentation)』『互动书(Interactive Book)』中嵌入本组件
  4. 投票/优先级排序:搭配『优先级排序(Order Priority)』
  5. 讨论与异步评注:结合『讨论(Discussion)』
  6. 时间管理与节奏控制:配合『计时器(Timekeeper)』
相关推荐
vx-程序开发16 小时前
springboot课程管理系统-计算机毕业设计源码16731
spring boot·后端·课程设计
iCxhust16 小时前
从裸机到微内核:8088单板机微型操作系统规划设计
操作系统·课程设计·微机原理·8086最小系统·8088单板机
老花眼猫3 天前
C语言矩形旋转算法介绍
c语言·经验分享·青少年编程·课程设计
largecode3 天前
打电话时,怎么让号码显示自己的品牌名称?办理号码认证服务流程
笔记·百度·微信·课程设计·微信公众平台·facebook·新浪微博
源码之家4 天前
计算机毕业设计:Pyhon健康数据分析系统 Django框架 数据分析 可视化 身体数据分析 大数据(建议收藏)✅
大数据·python·数据挖掘·数据分析·django·lstm·课程设计
vx_biyesheji00045 天前
计算机毕业设计:Python医疗数据分析平台 Flask框架 数据分析 可视化 医疗大数据 用户画像(建议收藏)✅
大数据·python·深度学习·数据分析·django·flask·课程设计
源码之家5 天前
计算机毕业设计:Python医疗数据可视化系统 Flask框架 数据分析 可视化 医疗大数据 用户画像(建议收藏)✅
python·深度学习·信息可视化·数据分析·django·flask·课程设计
小锋学长生活大爆炸6 天前
【教程】树莓派驱动 0.96 寸 SSD1315 OLED 屏幕完整指南
单片机·嵌入式硬件·嵌入式·教程·树莓派·oled·屏幕
largecode6 天前
能不能让座机号码显示“XX公司”那样的认证名称?申请号码认证方法
经验分享·笔记·音视频·课程设计·oneapi·segmentfault·微信开放平台
其实防守也摸鱼6 天前
upload-labs靶场的pass-2~12的解题步骤及原理讲解
笔记·安全·web安全·网络安全·教程·web·工具