GGB课件制作工具使用说明

徐继龙
2022-01-18 / 3 评论 / 1,619 阅读 / 正在检测是否收录...

物理喵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. 功能&如何使用?

image-20220118000058057

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

3.1 多页课件制作

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

3.2 课件的导入

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

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

导入ggb

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

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

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

导入base64

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

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

3.3 课件的导出

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

3.4 全屏演示功能

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

4. 多功能按钮

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

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 这个网站,使用了动态缓存技术,当访问过一次以后,再次访问就不需要网络了。强烈建议在浏览器中添加此网站为应用,添加方法如下:

    image-20220118015056137

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

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

6. 非常重要!

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

7. 特别致谢

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

8. 责任与版权声明

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

15

评论 (3)

取消
  1. 头像
    阿哲
    iPhone · Safari

    同为高中物理教师,前排支持,用过几何画板,也听说过ggb软件,但是工作量大,研究课件的时间比较少,学习中。

    回复 删除 垃圾
  2. 头像
    网络拾遗
    Windows 10 · Google Chrome

    有制作好的课件共享吗?刚开始学习,还不会做课件。

    回复 删除 垃圾
    1. 头像
      徐继龙 作者
      Windows 10 · Google Chrome
      @ 网络拾遗

      会逐渐添加的

      回复 删除 垃圾