变科技，成立于 2015 年，作为一个希望能够通过技术去推动下一代基础教育的组织，我们已经聚集了八百余位伙伴，日夜在为这个目标的实现而努力。在下一代基础教育的眼中，今天的基础教育是单薄的。 我们认为这个世界上该有的基础教育，必须是能把前人的智慧平等地供给到今天的每个人，并能帮助每个人去实现自己的梦想的。但为什么现状是这样？我们的孩子，每天的学习，增加了多少智慧，又实现了多少梦想呢？这其中的原因只有一个：“我们优质的教育资源供给太少。”孩子们努力学习，不是为了获得知识，而是为了多考几分，以增加获得更好的教育资源的可能性。这是悲哀且讽刺的。我们这一代人必须做出努力，世界的未来才能变好。

机构课程 - 图1

联系我们

  • 公司地址：深圳市南山区尚美科技大厦19楼
  • 客服电话：0755-36564429
  • 商务合作：business@forchange.tech
  • 媒体合作：fanqichao@forchange.tech
  • 机构课程 - 图2
  • 机构课程 - 图3

制作

机构课程 - 图4

可以自己设置素材，使用对话式的交互

邮件注册

卡牌-提示有问题，不能用

机构课程 - 图5

多数有问题，可以看到后台代码-对话式

代码1 PPT

机构课程 - 图6

  1. $schema: Slideshow
  3. 幻灯片:
  4.   标题: PPT
  6.   内容:
  7.     - 文本: |
  8.         ## 这里是重点信息
  10.     - 文本: |
  11.         ## 这里也是重点信息
  13.     - 图片:
  14.         https://res.pandateacher.com/cfxy-19-2019626204216.png
  16.     - 图文:
  17.         图片: https://res.pandateacher.com/cfxy-19-2019626204216.png
  18.         文本: 这里还是重点信息，而且它图文并茂
  19.     - 调用: PPT「故事」

代码2 故事

  1. $schema: Slideshow
  3. 幻灯片:
  4.   标题: PPT
  6.   脚标: true
  8.   内容:
  10.     - 文本: |
  11.         ## 可以有一些更灵活的配置
  13.     - 故事:
  14.         - 布局:
  15.             可视宽度: 大
  16.         - 文本:
  17.             内容: 标题
  18.             尺寸: 7
  19.             字宽: 6
  20.             对齐: 居中
  21.         - 文本:
  22.             内容: 这里是一些内容 可以进行对齐的调整，现在是居左
  23.             对齐: 居左
  24.         - 图片:
  25.             路径: https://res.pandateacher.com/cfxy-19-2019626204216.png
  26.             尺寸: 7
  27.             对齐: 居左
  28.         - 文本:
  29.             内容: 这是一段默认居中的文字
  32.     - 调用: 目录

3人物-分支

  1. $schema: Dialog
  3. 对话:
  4.   标题: 对话标题
  6.   人物列表:
  7.     - 姓名: 毛毛  #第一个人物昵称
  8.       地址: https://static.cleword.cn/uploads/e9937b29/7lF_laun5RonFfosfZH6K.png
  9.                 #图片可以通过上方工具栏的图片功能上传
  10.     - 姓名: 大乾  #第二个人物昵称
  11.       方向: right   #定位该人物为右侧弹出
  12.       地址: https://static.cleword.cn/images/51wCWhPxfG3HN0vqnQ1Lz.png
  13.                   #图片可以通过上方工具栏的图片功能上传
  15.   内容:
  16.     - 发言:
  17.         谁: 毛毛  #人物一定要对应上方人物列表中的人物
  18.         说:
  19.         - 大家好我是课灵小馆课程设计顾问毛毛。 #对话格式
  20.         - 来指导大家如果创作一门新课程
  21.     #注意各个层级的缩进关系哦！
  22.     - 发言:
  23.         谁: 大乾
  24.         说:
  25.         - 我是毛毛老师的小助手大乾。
  26.         - 帮助毛毛老师做语法的演示补充。
  27.     - 发言:
  28.         谁: 毛毛
  29.         说:
  30.         - 好的，大乾同学。
  31.         - 我们现在展示的就是一个完整的对话，记得如果要加同一个人的会话要注意保持格式哦～
  32.         - 接下来我们来演示下分支功能。
  33.     - 发言:
  34.         谁: 大乾
  35.         说:
  36.         - 就是不同的选择会展现后续不同的内容哦～
  37.     - 单选:
  38.         选项:
  39.         - 选项A（分支1）
  40.         - 选项B（分支2）
  41.     #如果不需要分支功能可以不添加下方匹配语法
  42.     - 匹配:
  43.       - 模式: 选项A（分支1）
  44.         内容:
  45.         - 发言:
  46.             谁: 毛毛
  47.             说:
  48.             - 在分支中，我们依然可以匹配。
  49.             - 你选择了 A 选项，带大家看一下我们的目录，通过目录可以跳转到自己想看的功能页。
  50.             - 可以利用目录功能选择自己感兴趣的内容了解
  52.         - 调用: 目录
  54.       - 模式: 选项B（分支2）
  55.         内容:
  56.         - 发言:
  57.             谁: 大乾
  58.             说:
  59.             - 虽然A选项很重要，但是你选择了 B 选项，我就带你玩玩我们的练习小组件。
  60.             - 当然，后面还是会带你了解A选项的分支，期待喽！
  61.             - 下面是一个 **卡片** 示例
  62.         #这里要注意内容的缩进关系哦！    
  63.         - 卡片:
  64.             姓名: 大乾
  65.             路径: 场景卡片
  66.             标题: ✅分支测试题
  67.             描述: 点击查看
  68.         #卡片语法中路径就是左侧文件的相对路径，这里对应“场景卡片.yaml”
  69.         - 撒花:
  70.         - 撒花:
  71.         #动态效果展示
  72.         - 发言:
  73.             谁: 大乾
  74.             说:
  75.             - 做完了测试题，那我们的卡片功能就展示完毕啦！开动你的脑筋，创作新的项目吧！
  76.             - 但是你有好好查看A分支，错过了我再带你了解一下A分支
  77.         - 调用: 目录

4 卡片

  1. $schema: Dialog
  3. 对话:
  4.   标题: 场景卡片
  6.   人物列表:
  7.     - 姓名: 毛毛  
  8.       地址: https://static.cleword.cn/uploads/e9937b29/7lF_laun5RonFfosfZH6K.png
  10.   内容:
  12.     - 发言:
  13.         谁: 毛毛 
  14.         说:
  15.         - 这是一个 **卡片** 示例
  16.         - 我们将跳转到 **问卷** 对话，**问卷** 对话完成后会再回来，下边就会有一个 **卡片** 进行回顾对话
  18.     - 卡片:
  19.         姓名: 毛毛 
  20.         路径: 答题
  21.         标题: 问卷
  22.         描述: 关于问卷的的一个示例
  24.     - Utterance:
  25.         name: 毛毛 
  26.         messages:
  27.           - 上边就是刚刚 **问卷** 对话的内容了
  28.           - 结束!!!

5对话

  1. $schema: Dialog
  3. 对话:
  4.   标题: 对话场景介绍
  6.   大纲列表:
  7.     - 标题: 对话支持markdown
  8.       等级: 1
  9.     - 标题: 展示图片
  10.       等级: 1
  11.     - 标题: 展示引用
  12.       等级: 1
  13.     - 标题: 嵌入资源
  14.       等级: 1
  16.   人物列表:
  17.     - 姓名: 毛毛  
  18.       地址: https://static.cleword.cn/uploads/e9937b29/7lF_laun5RonFfosfZH6K.png
  20.     - 姓名: 大乾  
  21.       方向: right   
  22.       地址: https://static.cleword.cn/images/51wCWhPxfG3HN0vqnQ1Lz.png
  25.   内容:
  27.     - 大纲:
  28.         标题: 对话支持markdown
  29.         等级: 1
  31.     - 发言:
  32.         谁: 毛毛
  33.         说:
  34.         - 这个一个对话的示例
  35.         - 支持全量的 markdown 语法
  36.         - |
  37.           **加粗**，你看——**我这句话加粗了**
  38.         - |
  39.           *斜体*，你看——*我歪了*
  40.         - |
  41.           [链接：点击我](https://forchange.cn/)，可以跳到风变科技的官网
  42.         - |
  43.           ```python
  44.           print("hello , 课灵！")
  1.     - 也可以是很多代码！
  2.     - |
  3.       ```python
  4.       print('''
  5.       The Zen of Python, by Tim Peters
  7.       Beautiful is better than ugly.
  8.       Explicit is better than implicit.
  9.       Simple is better than complex.
  10.       Complex is better than complicated.
  11.       Flat is better than nested.
  12.       Sparse is better than dense.
  13.       Readability counts.
  14.       Special cases aren't special enough to break the rules.
  15.       Although practicality beats purity.
  16.       Errors should never pass silently.
  17.       Unless explicitly silenced.
  18.       In the face of ambiguity, refuse the temptation to guess.
  19.       There should be one-- and preferably only one --obvious way to do it.
  20.       Although that way may not be obvious at first unless you're Dutch.
  21.       Now is better than never.
  22.       Although never is often better than *right* now.
  23.       If the implementation is hard to explain, it's a bad idea.
  24.       If the implementation is easy to explain, it may be a good idea.
  25.       Namespaces are one honking great idea -- let's do more of those!
  26.       ''')
  27.       ```
  29. - 大纲:
  30.     标题: 展示图片
  31.     等级: 1
  33. - 发言:
  34.     谁: 毛毛
  35.     说:
  36.     - 也可以在对话中展示图片
  37. - 图片:
  38.     地址: https://res.pandateacher.com/cfxy-19-2019626204216.png
  40. - 大纲:
  41.     标题: 展示引用
  42.     等级: 1
  44. - 引用:
  45.     文本: 优秀的公司，从时代的身上寻找机会，顺应时代潮流，创造社会价值获得收益。而伟大的公司，它会从时代的身上寻找问题，解决掉这些问题，它带给时代一些全新的变革。
  46.     出处: 刘克亮
  48. - 发言:
  49.     谁: 毛毛
  50.     说:
  51.     - 👆引用一句经典
  52.     - 再播放一段视频⏯
  54. - 大纲:
  55.     标题: 嵌入资源
  56.     等级: 1
  58. - 内嵌:
  59.     链接: https://player.bilibili.com/player.html?aid=842447938&bvid=BV1g54y1C7qf&cid=243781191&page=1
  60.       #内嵌语法可以插入各种图片、视频、表格、文章、实操工具、石墨在线编辑文档等
  61. - 发言:
  62.     谁: 毛毛
  63.     说:
  64.     - 我还可以嵌入一个网站
  65.     - 比如，我们现在嵌入一个在线表格工具网站（维格表）
  66.     - 你可以实际操作，改变它，就像操作 Excel 表格一样，很方便。
  67. - 内嵌:
  68.     链接: https://vika.cn/share/shrRkApWqbCaJdtfygQS0
  69. - 发言:
  70.     谁: 大乾
  71.     说:
  72.     - 有了这个功能，我们是不是就可以边对话，边教别人操作一些网站，或者使用一些工具？
  73. - 发言:
  74.     谁: 毛毛
  75.     说:
  76.     - Bingo🎉
  77.     - 这样，我们可以实现沉浸式教学了！
  79. - 完课:    #统计完课率
  80. - 结束:    #整个完课的endding语法
  4. ### 6目录
  5. ```yaml
  6. $schema: Scene
  8. 目录:
  9.   内容:
  11.   - 课程列表:
  12.       标题: 课程目录标题
  13.       章节:
  14.       - 标题: 第一章：PPT（幻灯片）模式的示例 
  15.         简述: |
  16.           用 PPT 的形式介绍一些重点信息
  17.       - 标题: 第二章：丰富的对话场景课堂
  18.         简述: |
  19.           看看都能展示哪些丰富样式的对话信息    
  21.   - 匹配:
  22.     - 模式: 1
  23.       内容:
  24.       - 跳转: PPT
  25.       #点击不同的匹配项可以跳转到对应的yaml文件
  26.     - 模式: 2
  27.       内容:
  28.       - 跳转: 对话场景介绍

7题目

  1. $schema: Dialog
  3. 对话:
  4.   标题: 答题
  6.   人物列表:
  7.     - 姓名: 毛毛 
  8.       地址: https://static.cleword.cn/uploads/e9937b29/7lF_laun5RonFfosfZH6K.png
  10.     - 姓名: 大乾
  11.       方向: right
  12.       地址: https://static.cleword.cn/images/51wCWhPxfG3HN0vqnQ1Lz.png
  15.   内容:
  17.     - 发言:
  18.         谁: 毛毛
  19.         说:
  20.         - 这是一个 **问卷** 示例
  23.     - Survey:
  24.         type: radio
  25.         title: 第一题，单选题（有正确选项，无答案解析）
  26.         options:
  27.           - 第一项
  28.           - 第二项
  29.           - 第三项
  30.         answer:
  31.           - 第一项
  32.     - 问卷:
  33.         类型: 多选
  34.         标题: 第二题，多选题（有正确选项，有答案解析）
  35.         选项:
  36.           - 第一项
  37.           - 第二项
  38.           - 第三项
  39.         答案:
  40.           - 第一项
  41.           - 第二项
  42.           - 第三项
  43.         解析: |
  44.           这里是答案解析
  46.     - 问卷:
  47.         类型: 单选
  48.         标题: 第三题，单选题（无正确选项，无答案解析）
  49.         选项:
  50.           - 第一项A
  51.           - 第二项B
  52.           - 第三项C
  54.     - 问卷:
  55.         类型: 单选
  56.         标题: 第四题，单选题（无正确选项，有答案解析）
  57.         选项:
  58.           - 第一项A
  59.           - 第二项B
  60.           - 第三项C
  61.         解析: |
  62.           以上答案没有对错之分
  64.     - Survey:
  65.         type: radio
  66.         title: 第五题，这是一个有答案有分数的题
  67.         scoring: start
  68.         scorebox: true
  69.         options:
  70.           - mark: A
  71.             content: 选项1
  72.             score: 3
  73.           - mark: B
  74.             content: 选项2 
  75.         answer:
  76.           - A
  77.         analysis: |
  78.           这是题目的解析
  80.     - 问卷:
  81.         类型: 多选
  82.         标题: 第六题，中文写法在来一遍
  83.         选项:
  84.           - 标记: A
  85.             内容: 选项1
  86.             分数: 3
  87.           - 标记: B
  88.             内容: 选项2 
  89.         答案: [A]
  90.         解析: |
  91.           这是题目的解析
  93.     - 问卷:
  94.         类型: 多选
  95.         标题: 第七题，题目在这里进行分数结算
  96.         计分: 结束
  97.         选项:
  98.           - 选项1
  99.           - 选项2
  101.     - Utterance:
  102.         name: 毛毛
  103.         messages:
  104.           - 问卷结束!!!

e

有点像结构化代码~scratch

机构课程 - 图7

没有资源，看起来像是空的

机构课程 - 图8