物理喵GGB演示系统

1. 前言

这是一款在线制作并导出为Geogebra演示课件的系统。通过本系统，你可以实现在线制作Geogebra演示程序，并将其导出保存为能够直接在教室电脑上打开演示的网页文件。该系统还提供了其他方面的小工具，实现图片导出等功能。

2. 为什么要制作这样的一款工具？

我本人是一名中学物理教师，当我接触Geogebra之后，发现若是将Geogebra应用于物理教学中，可以非常方便的向同学们展示很多难以理解的物理情景与问题。但是Geogebra虽然强大，却不利于在教室的电脑上进行展示。原因主要有下：

1. Geogebra制作工具导出的GGB文件的打开需要在教室的电脑上安装geogebra的软件，而教室电脑往往有一键还原系统，每次上课基本都要重新安装极不方便；
2. 使用Geogebra程序进行演示时，难以一次性演示多个课件，切换不同课件时需要用鼠标点来点去，课堂上浪费时间。如果可以实现一个窗口，GGB程序自由切换就好了；
3. 官网上的网页版打开非常缓慢，对于安装有一键还原系统的电脑来说，加载就更加难受了。好在ggb123.cn提供了国内的镜像服务，使得Geogebra在中国的访问速度快了不少；
4. Geogebra其实可以实现强大的几何绘图功能，但是要想导出比较满意的高质量图片需要较为复杂的操作；
5. 在我们看到一些很好的Geogebra课件的时候，难以复制下载下来供自己使用和保存、修改。但是实际上所有我们所有看到操作到的Geogebra的程序都可以让我们自由保存和修改的。

3. 功能&如何使用？

基于以上原因，我制作了这款工具。这里特别感谢课中引路网的作者提供的源码灵感，这款工具在他提供的源码基础上进行了一些优化与拓展。本工具目前已经实现了便携式课件导入导出、多页制作、全屏展示、翻页笔控制、导出SVG矢量图等功能，具体说明如下：

3.1 多页课件制作

使用该工具，可以方便地在同一个窗口中添加多个Geogebra应用。我们在第1页添加完GGB应用后，点击加页可以新建第2页应用。通过复制按钮将当前页的应用复制到下一页。若是不想要当前页的应用，我们可以点击删页删除这一页的应用。页面的数量没有上限，就算添加非常多的页面也不会对应用运行速度造成影响。

3.2 课件的导入

如何将之前已经通过Geogebra制作好的课件导入到这个工具中呢？非常简单，目前我提供了两种导入的方式。

3.2.1第一种方式：ggb文件拖入

如图，我们可以直接将.ggb格式的文件拖入到这个工具框里面，便可以实现导入，在这个工具中稍作调整便可以添加新的一页继续导入。

3.2.2 第二种方式：通过base64代码导入

每一个Geogebra应用都对应一串base64代码，它储存了Geogebra应用的所有信息，包括制作过程，包括插入到其中的图片等等，有了它，你就相当于拥有了这个应用的.ggb文件。

如图所示，如果我们在网页上看到一个喜欢的Goegebra应用，可以先点击选中这个应用，然后按住Ctrl+Shift+B键，便可复制该应用的base64代码。然后回到该工具，在侧边栏的输入框中粘贴该段代码，点击导入按钮，便可将应用导入了！

导入之后，你可以通过工具中的下载功能，下载为.ggb格式的文件，便于保存和学习。

3.3 课件的导出

当我们制作好全部页面的课件后，点击导出课件，稍等一会便可以通过将课件导出出来了！注意导出速度与你制作页面的个数有关，如果你制作了比较多的页面，导出的速度会慢一点，可能会出现页面卡住的现象，不用担心，请耐心等待。当下载提示出现时，点击另存为，就可以将你需要的课件保存到对应目录了。找到对应文件，然后双击击用浏览器打开，就可以打开演示了。

3.4 全屏演示功能

为了方便地在教室电脑演示，在工具里面加入了“全屏演示”功能，当点击全屏演示按钮，可以将应用窗口放大为全屏，更加便于演示。并且，为了方便教师的演示，教师可以通过激光翻页笔来控制应用的翻页。教师还可以通过按激光笔上面的功能键，无需点击全屏演示按钮直接进入或退出全屏模式。

4. 多功能按钮

本工具还提供了一些非常方便的功能，集成在了左边的侧边栏按钮中。你可以将鼠标放在按钮上悬停一段时间来查看该按钮的功能。下面介绍一下各个按钮的功能：

4.1. 进入编辑模式

在该模式下，应用顶部将出现菜单栏，你可以使用菜单栏的工具对应用进行调整与进一步加工。如果你想在全屏模式下进行编辑，需要在进入全屏模式之前点击此按钮打开编辑模式。

4.2. 完成编辑，退出编辑模式

在该模式下，应用顶部的菜单栏将关闭，更加利于应用功能的展示，避免误操作。

4.3. 设置导出图片区域

第2行的三个按钮，用于生成Geogebra中的SVG矢量图片。在生成图片之前，你需要点击这个按钮，通过拖动边框来调整要导出图片区域的大小。设置区域后，点击导出图片按钮(5#)，即可导出SVG格式的矢量图！

这是一个非常赞的功能！可以实现标准的物理作图或数学作图。注意导出后的图片为SVG格式，这是一种矢量图格式，无论图片被放大多少倍都不会失真！可以用于演示文稿或者试卷作图。令人惊喜的是，你可以将保存的SVG格式的图片拖入到office应用中，通过解除群组(Ctrl+Shift+G)功能，将其转换成office可编辑的对象，从而在office办公软件中实现对图片调色、变形等的再加工编辑。

4.4. 退出图片区域设置模式

点击该按钮后，会退出图片区域设置

4.5. 导出SVG图片

点击该按钮后，将会导出左上角区域范围显示内容的SVG格式的图片。

4.6. 设置应用区域为“物理喵”文章页应用显示的最佳大小

点击该按钮后，应用区域设置为750*400像素的宽高尺寸，主要是为“物理喵”写作作者提供的功能。在此尺寸下进行应用内容的调整，点击生成base64代码，复制后可在文章中插入Geogebra应用。

4.7. 自由设置应用区域尺寸

在该按钮上方输入以“像素”为单位的宽高尺寸，然后点击该按钮，应用区域将会被设置为对应尺寸

4.8. 重载应用

该按钮可在不刷新页面的情况下重载应用。重载后，应用将在不刷新页面的情况下重新加载，应用区域恢复为默认大小。当应用显示出现任何问题或者卡死的时候，可以点击该按钮重制，重制不会丢失当前制作的任何数据，可放心使用！

4.9. 将文本框中的base64代码导入为应用

在左侧区域粘贴base64代码后，点击该按钮，在应用区域将会显示被导入的应用啦。

4.10. 将当前应用保存导出为base64代码

点击该按钮后，右侧区域的Geogebra应用，将会导入到左侧文本框中。你的每一个操作如拖动视图、增删对象、改变变量等等都会改变base64代码，该代码会保存当前应用的所有状态属性。

5. 其他说明

该工具免费提供给大家使用。为了提高大家访问速度，我做了如下努力：

1. 程序的支持文件资源采用CDN加速，这部分CDN流量费用目前由我个人支付；

2. https://ggb.phycat.cn 这个网站，使用了动态缓存技术，当访问过一次以后，再次访问就不需要网络了。强烈建议在浏览器中添加此网站为应用，添加方法如下：

   

添加完成后，电脑桌面上会显示网站图标，可以尝试关闭页面，断开网络，双击图标打开，你会发现，Amazing！它不需要网络也能正常使用！

3. 导出的课件需要网络支持才能打开，每次打开都会从网络上下载应用运行的支持文件。但是这个文件不是很大，而且有我服务器的CDN加速，亲测速度还是很快的。后期看大家的反响，如过响应强烈我会制作一个离线版本的。但是个人觉得在线版本体积小，更加方便，一般教室的电脑里都是有网络的。
4. 本工具不支持IE浏览器！IE浏览器也早就淘汰了，如果教室电脑默认用IE浏览器打开，你可以先打开一个非IE浏览器，然后将html文件拖入进来，也可以实现打开。
5. 该工具暂时没有开启对移动端的适配，移动端打开显示会比较乱。因为我觉得移动端使用这个工具没什么意义，所以就没有做适配了。如果想要在移动端上操作Geogebra应用，可以访问物理喵，对移动端也非常友好哦！

6. 非常重要！

我想寻觅一群志同道合的伙伴，通过物理喵这个平台，搭建一个物理信息技术资源交流平台！让更多人能够方便地学习或者使用物理信息技术手段。有些信息技术手段效果非常好，但是对于大部分教师来说，学习成本高，使用不便捷，这样就会限制信息技术在教学中的应用。我希望通过自己的一些努力，把Geogebra这个工具以一种更加便利的方式，展示给全国物理、数学教师。但我知道，路漫漫其修远兮，吾将上下而求索。如果你有兴趣加入物理猫，请查看 这篇文章 ，内有加群链接。

7. 特别致谢

最后，再次特别感谢课中引路网作者的支持！

8. 责任与版权声明

本工具基于Geogebra开发制作，仅用于学习教学使用，不得用于任何商业用途。