使用开源演示服务 Reveal.js 进行教学

Opensource.com 有一个 社区版主 计划，我很荣幸能成为其中的一员。最近，我们所有人都在北卡罗来纳州罗利市中心的红帽大厦与 Opensource.com 团队进行了面对面会面。我们其中一个讨论的中心是关于教育领域的开源软件，以及 Ruth Suehle，她领导 Fedora 的营销团队，并为 Opensource.com 撰稿和提供建议，指出了 Reveal.js 的奇妙之处，这是一个用于准备幻灯片演示的新工具。

她说：“这是酷孩子们正在使用的东西。” 而且，她说得太对了！

快速访问 示例演示文稿 页面就足以说服任何怀疑论者。

突出的主要功能是：

• 幻灯片通过 编写简单的 HTML 创建
• 演示文稿是...
  
  • 作为 HTML+ Javascript 页面提供
  • 可以在任何设备上查看：手机、平板电脑、台式机
• 内容可以置于 版本控制 之下（例如 Git/Github）
  • 您是否曾经查看过往年的演示文稿，并想知道这是否是您想要使用的正确版本？您是否曾经想知道最新的更改是什么？
• Git 托管支持多位作者之间的协作
  • 就像任何协作项目一样，多位作者可以添加内容、发表评论和修复错误
  • 如果意见不一致，他们总是可以 fork 演示文稿

以下是我们那时以来创建的一些演示文稿——来自我们在 开源软件实践 课程，该课程在 伦斯勒理工学院 和 纽约州立大学奥尔巴尼分校：

• Raspberry Pi - 使用 Python 的 Web 服务器（在 GitHub 上）
• Git 介绍 第一部分（在 GitHub 上）
• Git 介绍 第二部分（在 GitHub 上）
• 合作的演变（在 GitHub 上）

对于那些不喜欢编写 HTML 代码的人，有一个交互式编辑器：Slid.es，您可以在其中使用简化的界面创建幻灯片。它还托管演示文稿，因此您不必担心寻找 Web 服务器。

对于那些喜欢编写 HTML 的人，简单的入门方法是：

• 查看 许多示例
  • 复制或 fork 您最喜欢的示例
  • 编辑并使其成为您自己的

更长远的方法是：

• 创建一个 新存储库
  • git init
• 使用 Reveal.js 存储库 作为 git 子模块
  • git submodule add https://github.com/hakimel/reveal.js revealjs
  • 在上述目录之上添加您的 index.html 文件
    • 查看此示例 演示文稿
    • 查看“revealjs”子目录如何添加到 css 和 lib 目录的链接中

然后，最后：分享回去！

您可以通过简单地 编辑 示例演示文稿 页面，将您的演示文稿添加为其他人的示例。

请注意，使用 Git（或 GitHub）不是必需的，您可以仅仅将其用作 Web 框架来享受 Reveal.js 的乐趣。只是使用 GitHub 添加版本控制、托管和共享为这个出色的工具增加了一个新的易用性维度。

另请注意，不需要将幻灯片托管在 Web 服务器中。您始终可以通过将 Web 浏览器指向本地磁盘中的 HTML 文件来从笔记本电脑显示幻灯片。当您上课迟到，或者在最后一刻更改演示文稿时（并不是说我们经常这样做...哈），这非常方便。